@optiaxiom/react 0.3.4 → 0.4.0

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 (217) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-BofFY4c6.css → AlertDialogContent.css.ts.vanilla-Q3NIqlJM.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CwXE2VkG.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-DbhN4jbL.css → AutocompleteContent.css.ts.vanilla-BSS4gDqH.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DBcDsevU.css +27 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-v_WxKtkk.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-CBeLPJz0.css → Box.css.ts.vanilla-DlV97In6.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-Cdep1j3a.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-B3UxIRoe.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-B4c8nGzf.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-BE7HUNcL.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-BJs_Nl-b.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-xxkcym9y.css +12 -0
  13. package/dist/assets/src/dialog-content/DialogContent.css.ts.vanilla-DysCGMhf.css +37 -0
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DGvnwBsb.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-CGgZqHoR.css → DisclosureTrigger.css.ts.vanilla-DztATFY8.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-D1KjbYY2.css → Drawer.css.ts.vanilla-CnCA4xNN.css} +8 -8
  17. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-BNBQF_0T.css → HoverCardContent.css.ts.vanilla-B7Unn1_B.css} +3 -3
  18. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DT8h6YNZ.css +35 -0
  19. package/dist/assets/src/input/Input.css.ts.vanilla-BNBpG_wR.css +15 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BRh6TDMo.css +87 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DI26I3lo.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-CEocHXy8.css → Link.css.ts.vanilla-B1rm-mfe.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-OxyS0fbd.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-2nkexoSY.css +30 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BO2HXPXk.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-DeCZ2_8Z.css → Pill.css.ts.vanilla-DzzbV1Nh.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla-mURefw5x.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-D53cHAo4.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-MHnZ2e2d.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-GmmMa_6S.css → Separator.css.ts.vanilla-N8U1QlYl.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BQWU_ImM.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Chu8YOX_.css +6 -0
  34. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-_GcKnhsL.css → properties.css.ts.vanilla-BhPIJGmv.css} +2069 -2069
  35. package/dist/assets/src/switch/Switch.css.ts.vanilla-CaTyt1Cf.css +26 -0
  36. package/dist/assets/src/table/{Table.css.ts.vanilla-DCz5_D85.css → Table.css.ts.vanilla-D_TJfh-t.css} +4 -4
  37. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BQo50gJY.css +6 -0
  38. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-C5w86Y1I.css → TableCell.css.ts.vanilla-C1lyvuYS.css} +4 -4
  39. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DhY1s_ZI.css +6 -0
  40. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css +4 -0
  41. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DvNrc0zR.css +9 -0
  42. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C4pwOkZI.css +23 -0
  43. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-CG_99hZP.css → TabsTrigger.css.ts.vanilla-_hN0PYnr.css} +10 -10
  44. package/dist/assets/src/text/{Text.css.ts.vanilla-AqeTOozB.css → Text.css.ts.vanilla-BCJDfIr0.css} +8 -8
  45. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BCRMLxRG.css +34 -0
  46. package/dist/assets/src/toast/Toast.css.ts.vanilla-BmaWJko-.css +92 -0
  47. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-D0WvOUI1.css → ToastProvider.css.ts.vanilla-CqJHVl4p.css} +9 -9
  48. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css +22 -0
  49. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DM66CPyH.css +10 -0
  50. package/dist/assets/src/transition/{Transition.css.ts.vanilla-8tg-gwE2.css → Transition.css.ts.vanilla-Cnbq_Zqn.css} +16 -16
  51. package/dist/index.d.ts +139 -114
  52. package/dist/index.js +5 -4
  53. package/dist/package.json.js +1 -1
  54. package/dist/src/alert/Alert-css.js +1 -1
  55. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  56. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  57. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  58. package/dist/src/alert-dialog-title/AlertDialogTitle.js +3 -3
  59. package/dist/src/autocomplete/Autocomplete.js +1 -0
  60. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  61. package/dist/src/autocomplete-content/AutocompleteContent.js +3 -3
  62. package/dist/src/autocomplete-empty/AutocompleteEmpty.js +31 -0
  63. package/dist/src/autocomplete-item/AutocompletItem.js +38 -29
  64. package/dist/src/autocomplete-item-context/AutocompleteItemContext.js +5 -0
  65. package/dist/src/autocomplete-item-indicator/AutocompleteItemIndicator.js +2 -2
  66. package/dist/src/autocomplete-list/AutocompleteList.js +25 -13
  67. package/dist/src/avatar/Avatar-css.js +4 -4
  68. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  69. package/dist/src/badge/Badge-css.js +3 -3
  70. package/dist/src/banner/Banner-css.js +1 -1
  71. package/dist/src/box/Box-css.js +3 -3
  72. package/dist/src/box/Box.js +1 -1
  73. package/dist/src/button/Button.js +20 -64
  74. package/dist/src/button-base/ButtonBase-css.js +9 -0
  75. package/dist/src/button-base/ButtonBase.js +72 -0
  76. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  77. package/dist/src/button-label/ButtonLabel.js +13 -0
  78. package/dist/src/button-loadable/ButtonLoadable-css.js +9 -0
  79. package/dist/src/button-loadable/ButtonLoadable.js +13 -0
  80. package/dist/src/checkbox/Checkbox-css.js +8 -8
  81. package/dist/src/code/Code-css.js +3 -3
  82. package/dist/src/combobox/Combobox.js +36 -0
  83. package/dist/src/combobox-checkbox-item/ComboboxCheckboxItem.js +6 -0
  84. package/dist/src/combobox-content/ComboboxContent.js +46 -0
  85. package/dist/src/combobox-context/ComboboxContext.js +5 -0
  86. package/dist/src/combobox-empty/ComboboxEmpty.js +6 -0
  87. package/dist/src/combobox-footer/ComboboxFooter.js +6 -0
  88. package/dist/src/combobox-input/ComboboxInput.js +6 -0
  89. package/dist/src/combobox-item/ComboboxItem.js +6 -0
  90. package/dist/src/combobox-item-indicator/ComboboxItemIndicator.js +6 -0
  91. package/dist/src/combobox-list/ComboboxList.js +6 -0
  92. package/dist/src/combobox-multiple-value/ComboboxMultipleValue.js +31 -0
  93. package/dist/src/combobox-separator/ComboboxSeparator.js +6 -0
  94. package/dist/src/combobox-single-value/ComboboxSingleValue.js +12 -0
  95. package/dist/src/combobox-trigger/ComboboxTrigger.js +49 -0
  96. package/dist/src/combobox-value/ComboboxValue.js +13 -0
  97. package/dist/src/command/Command.js +74 -0
  98. package/dist/src/command-checkbox-item/CommandCheckboxItem.js +31 -0
  99. package/dist/src/command-context/CommandContext.js +5 -0
  100. package/dist/src/command-empty/CommandEmpty.js +30 -0
  101. package/dist/src/command-footer/CommandFooter-css.js +6 -0
  102. package/dist/src/command-footer/CommandFooter.js +13 -0
  103. package/dist/src/command-input/CommandInput.js +37 -0
  104. package/dist/src/command-item/CommandItem.js +50 -0
  105. package/dist/src/command-item-context/CommandItemContext.js +5 -0
  106. package/dist/src/command-item-indicator/CommandItemIndicator.js +20 -0
  107. package/dist/src/command-list/CommandList.js +33 -0
  108. package/dist/src/command-separator/CommandSeparator.js +9 -0
  109. package/dist/src/data-table/DataTable-css.js +7 -7
  110. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  111. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  112. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  113. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  114. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  115. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  116. package/dist/src/drawer/Drawer-css.js +5 -5
  117. package/dist/src/dropdown-menu-content/DropdownMenuContent.js +3 -3
  118. package/dist/src/dropdown-menu-group/DropdownMenuGroup.js +13 -0
  119. package/dist/src/dropdown-menu-item/DropdownMenuItem.js +2 -2
  120. package/dist/src/dropdown-menu-label/DropdownMenuLabel.js +2 -3
  121. package/dist/src/dropdown-menu-separator/DropdownMenuSeparator.js +1 -1
  122. package/dist/src/dropdown-menu-sub-content/DropdownMenuSubContent.js +3 -3
  123. package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +2 -2
  124. package/dist/src/dropdown-menu-trigger/DropdownMenuTrigger.js +1 -5
  125. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  126. package/dist/src/indicator/Indicator-css.js +5 -5
  127. package/dist/src/input/Input-css.js +3 -2
  128. package/dist/src/input-base/InputBase-css.js +5 -5
  129. package/dist/src/kbd/Kbd-css.js +3 -3
  130. package/dist/src/layers/layers-css.js +3 -3
  131. package/dist/src/link/Link-css.js +4 -4
  132. package/dist/src/listbox-base/ListboxBase-css.js +7 -0
  133. package/dist/src/{menu-content-base/MenuContentBase.js → listbox-base/ListboxBase.js} +4 -4
  134. package/dist/src/listbox-item-base/ListboxItemBase-css.js +7 -0
  135. package/dist/src/{menu-item-base/MenuItemBase.js → listbox-item-base/ListboxItemBase.js} +7 -5
  136. package/dist/src/pagination/Pagination-css.js +3 -3
  137. package/dist/src/pagination/Pagination.js +5 -4
  138. package/dist/src/pill/Pill-css.js +3 -3
  139. package/dist/src/popover-content/PopoverContent.js +2 -2
  140. package/dist/src/popover-trigger/PopoverTrigger.js +1 -5
  141. package/dist/src/radio/Radio-css.js +8 -8
  142. package/dist/src/search-input/SearchInput-css.js +4 -4
  143. package/dist/src/select-content/SelectContent-css.js +3 -3
  144. package/dist/src/select-content/SelectContent.js +2 -2
  145. package/dist/src/select-item/SelectItem.js +4 -3
  146. package/dist/src/separator/Separator-css.js +3 -3
  147. package/dist/src/{side-nav/SideNav.js → sidenav/Sidenav.js} +5 -5
  148. package/dist/src/{side-nav-account-item/SideNavAccountItem.js → sidenav-account-item/SidenavAccountItem.js} +7 -7
  149. package/dist/src/sidenav-context/SidenavContext.js +5 -0
  150. package/dist/src/sidenav-item/SidenavItem-css.js +9 -0
  151. package/dist/src/{side-nav-item/SideNavItem.js → sidenav-item/SidenavItem.js} +11 -9
  152. package/dist/src/{side-nav-toggle/SideNavToggle.js → sidenav-toggle/SidenavToggle.js} +7 -7
  153. package/dist/src/skeleton/Skeleton-css.js +3 -3
  154. package/dist/src/sprinkles/properties-css.js +4 -4
  155. package/dist/src/switch/Switch-css.js +8 -8
  156. package/dist/src/table/Table-css.js +4 -4
  157. package/dist/src/table-body/TableBody-css.js +3 -3
  158. package/dist/src/table-cell/TableCell-css.js +4 -4
  159. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  160. package/dist/src/table-row/TableRow-css.js +3 -3
  161. package/dist/src/tabs/Tabs-css.js +3 -3
  162. package/dist/src/tabs-list/TabsList-css.js +3 -3
  163. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  164. package/dist/src/text/Text-css.js +3 -3
  165. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  166. package/dist/src/toast/Toast-css.js +5 -5
  167. package/dist/src/toast/Toast.js +8 -2
  168. package/dist/src/toast-context/ToastContext.js +5 -0
  169. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  170. package/dist/src/toast-provider/ToastProvider.js +12 -18
  171. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  172. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  173. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  174. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  175. package/dist/src/transition/Transition-css.js +3 -3
  176. package/dist/unstable.d.ts +278 -32
  177. package/dist/unstable.js +22 -1
  178. package/package.json +1 -2
  179. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-D5AnKyTd.css +0 -6
  180. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DH4ziCzi.css +0 -27
  181. package/dist/assets/src/badge/Badge.css.ts.vanilla-DEIxzeC8.css +0 -46
  182. package/dist/assets/src/button/Button.css.ts.vanilla-BWevFsch.css +0 -146
  183. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-Bpzs-TMW.css +0 -18
  184. package/dist/assets/src/code/Code.css.ts.vanilla-CIvs9Yp6.css +0 -7
  185. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-t2Q-5Lpd.css +0 -24
  186. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BgUfkfhX.css +0 -12
  187. package/dist/assets/src/dialog-content/DialogContent.css.ts.vanilla-DaJvHWQC.css +0 -29
  188. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BVqex_Uk.css +0 -25
  189. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B8unyh6v.css +0 -35
  190. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-D--9gOO1.css +0 -87
  191. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DJDNR37v.css +0 -9
  192. package/dist/assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css +0 -1
  193. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-bzbYBL-O.css +0 -21
  194. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BYQPvQbE.css +0 -30
  195. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-D-p7Hfvt.css +0 -6
  196. package/dist/assets/src/radio/Radio.css.ts.vanilla-DSIvoy-w.css +0 -13
  197. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-lEdOzY9x.css +0 -6
  198. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-BNmH0vGS.css +0 -7
  199. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-Bri2ps30.css +0 -6
  200. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CPctgLR_.css +0 -6
  201. package/dist/assets/src/switch/Switch.css.ts.vanilla-DGNLC011.css +0 -26
  202. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CIoFRLvG.css +0 -6
  203. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CjSqZpba.css +0 -6
  204. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css +0 -4
  205. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DuSfh6tb.css +0 -9
  206. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Csaq48St.css +0 -23
  207. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BdcQ9g7K.css +0 -34
  208. package/dist/assets/src/toast/Toast.css.ts.vanilla-CULVVH5B.css +0 -92
  209. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiU1hVaB.css +0 -22
  210. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B2VkrVTh.css +0 -10
  211. package/dist/src/autocomplete-empty-item/AutocompleteEmptyItem.js +0 -30
  212. package/dist/src/autocomplete-list-context/AutocompleteListContext.js +0 -5
  213. package/dist/src/button/Button-css.js +0 -12
  214. package/dist/src/menu-content-base/MenuContentBase-css.js +0 -7
  215. package/dist/src/menu-item-base/MenuItemBase-css.js +0 -7
  216. package/dist/src/side-nav-context/SideNavContext.js +0 -5
  217. package/dist/src/side-nav-item/SideNavItem-css.js +0 -9
package/dist/unstable.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export { Autocomplete } from './src/autocomplete/Autocomplete.js';
2
2
  export { AutocompleteContent } from './src/autocomplete-content/AutocompleteContent.js';
3
- export { AutocompleteEmptyItem } from './src/autocomplete-empty-item/AutocompleteEmptyItem.js';
3
+ export { AutocompleteEmpty } from './src/autocomplete-empty/AutocompleteEmpty.js';
4
4
  export { AutocompleteItem } from './src/autocomplete-item/AutocompletItem.js';
5
5
  export { AutocompleteItemIndicator } from './src/autocomplete-item-indicator/AutocompleteItemIndicator.js';
6
6
  export { AutocompleteList } from './src/autocomplete-list/AutocompleteList.js';
@@ -11,6 +11,27 @@ export { BreadcrumbItem } from './src/breadcrumb-item/BreadcrumbItem.js';
11
11
  export { BreadcrumbLink } from './src/breadcrumb-link/BreadcrumbLink.js';
12
12
  export { BreadcrumbPage } from './src/breadcrumb-page/BreadcrumbPage.js';
13
13
  export { BreadcrumbSeparator } from './src/breadcrumb-separator/BreadcrumbSeparator.js';
14
+ export { Combobox } from './src/combobox/Combobox.js';
15
+ export { ComboboxCheckboxItem } from './src/combobox-checkbox-item/ComboboxCheckboxItem.js';
16
+ export { ComboboxContent } from './src/combobox-content/ComboboxContent.js';
17
+ export { ComboboxEmpty } from './src/combobox-empty/ComboboxEmpty.js';
18
+ export { ComboboxFooter } from './src/combobox-footer/ComboboxFooter.js';
19
+ export { ComboboxInput } from './src/combobox-input/ComboboxInput.js';
20
+ export { ComboboxItem } from './src/combobox-item/ComboboxItem.js';
21
+ export { ComboboxItemIndicator } from './src/combobox-item-indicator/ComboboxItemIndicator.js';
22
+ export { ComboboxList } from './src/combobox-list/ComboboxList.js';
23
+ export { ComboboxSeparator } from './src/combobox-separator/ComboboxSeparator.js';
24
+ export { ComboboxTrigger } from './src/combobox-trigger/ComboboxTrigger.js';
25
+ export { ComboboxValue } from './src/combobox-value/ComboboxValue.js';
26
+ export { Command } from './src/command/Command.js';
27
+ export { CommandCheckboxItem } from './src/command-checkbox-item/CommandCheckboxItem.js';
28
+ export { CommandEmpty } from './src/command-empty/CommandEmpty.js';
29
+ export { CommandFooter } from './src/command-footer/CommandFooter.js';
30
+ export { CommandInput } from './src/command-input/CommandInput.js';
31
+ export { CommandItem } from './src/command-item/CommandItem.js';
32
+ export { CommandItemIndicator } from './src/command-item-indicator/CommandItemIndicator.js';
33
+ export { CommandList } from './src/command-list/CommandList.js';
34
+ export { CommandSeparator } from './src/command-separator/CommandSeparator.js';
14
35
  export { DataTable } from './src/data-table/DataTable.js';
15
36
  export { DataTableHeader } from './src/data-table-header/DataTableHeader.js';
16
37
  export { Pill } from './src/pill/Pill.js';
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/optimizely-axiom/optiaxiom.git"
8
8
  },
9
9
  "type": "module",
10
- "version": "0.3.4",
10
+ "version": "0.4.0",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -72,7 +72,6 @@
72
72
  "peerDependencies": {
73
73
  "@tanstack/react-table": "^8.0.0",
74
74
  "@tanstack/table-core": "^8.0.0",
75
- "cmdk": "^1.0.0",
76
75
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
77
76
  "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
78
77
  },
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._14oqywm {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,27 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._126xuk5 {
4
- user-select: none;
5
- }
6
- ._1x7izju ._126xuk5 {
7
- border: 1px solid var(--ax-colors-bg-default);
8
- }
9
- ._1x7izju ._1advlkn:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- ._1x7izju .ma63w8:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- ._1x7izju ._1rbybnk:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- ._1x7izju .voclpu:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- ._1x7izju .m83r23:not(:first-child) {
22
- margin-left: -11px;
23
- }
24
- ._1x7izju .prrad6:not(:first-child) {
25
- margin-left: -13px;
26
- }
27
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._2gjlym {
4
- --_1ugv4oy: var(--ax-colors-fg-white);
5
- }
6
- ._2msu2d {
7
- --_1df0p0r: var(--ax-colors-bg-error);
8
- --_1xxnrmb: var(--ax-colors-bg-error-subtle);
9
- --_1vh6ftg: var(--ax-colors-fg-error-strong);
10
- }
11
- ._1fv3eud {
12
- --_1df0p0r: var(--ax-colors-bg-information);
13
- --_1xxnrmb: var(--ax-colors-bg-information-subtle);
14
- --_1vh6ftg: var(--ax-colors-fg-information-strong);
15
- }
16
- ._1rcq4u {
17
- --_1df0p0r: var(--ax-colors-bg-tertiary);
18
- --_1ugv4oy: var(--ax-colors-fg-default);
19
- --_1xxnrmb: var(--ax-colors-bg-secondary);
20
- --_1vh6ftg: var(--ax-colors-fg-secondary);
21
- }
22
- .u3yrn6 {
23
- --_1df0p0r: var(--ax-colors-bg-accent);
24
- --_1xxnrmb: var(--ax-colors-bg-accent-subtle);
25
- --_1vh6ftg: var(--ax-colors-fg-accent-strong);
26
- }
27
- ._1ubkxzi {
28
- --_1df0p0r: var(--ax-colors-bg-success);
29
- --_1xxnrmb: var(--ax-colors-bg-success-subtle);
30
- --_1vh6ftg: var(--ax-colors-fg-success-strong);
31
- }
32
- ._3sazb9 {
33
- --_1df0p0r: var(--ax-colors-bg-warning);
34
- --_1ugv4oy: var(--ax-colors-fg-warning-inverse);
35
- --_1xxnrmb: var(--ax-colors-bg-warning-subtle);
36
- --_1vh6ftg: var(--ax-colors-fg-warning-strong);
37
- }
38
- .d60pqa {
39
- background-color: var(--_1xxnrmb);
40
- color: var(--_1vh6ftg);
41
- }
42
- ._1twi6yl {
43
- background-color: var(--_1df0p0r);
44
- color: var(--_1ugv4oy);
45
- }
46
- }
@@ -1,146 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- .ybnles {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--_1oclqw9);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- .ybnles:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
11
- outline: 2px solid var(--ax-colors-border-focus);
12
- outline-offset: 1px;
13
- z-index: var(--ax-zIndex-10);
14
- }
15
- .ouioxk[data-orientation="horizontal"] .ybnles:not(:first-child):not(:last-child) {
16
- border-inline-width: 0.5px;
17
- }
18
- .ouioxk[data-orientation="horizontal"] .ybnles:not(:only-child):first-child {
19
- border-bottom-right-radius: 0;
20
- border-right-width: 0.5px;
21
- border-top-right-radius: 0;
22
- }
23
- .ouioxk[data-orientation="horizontal"] .ybnles:not(:only-child):last-child {
24
- border-bottom-left-radius: 0;
25
- border-left-width: 0.5px;
26
- border-top-left-radius: 0;
27
- }
28
- .ouioxk[data-orientation="vertical"] .ybnles:not(:first-child):not(:last-child) {
29
- border-block-width: 0.5px;
30
- }
31
- .ouioxk[data-orientation="vertical"] .ybnles:not(:only-child):first-child {
32
- border-bottom-left-radius: 0;
33
- border-bottom-right-radius: 0;
34
- border-bottom-width: 0.5px;
35
- }
36
- .ouioxk[data-orientation="vertical"] .ybnles:not(:only-child):last-child {
37
- border-top-left-radius: 0;
38
- border-top-right-radius: 0;
39
- border-top-width: 0.5px;
40
- }
41
- .ouioxk[data-orientation] .ybnles:not(:first-child):not(:last-child) {
42
- border-radius: 0;
43
- }
44
- ._1pfj9c3 {
45
- --w1h9l0: var(--ax-colors-bg-error);
46
- --e7hbhn: var(--ax-colors-bg-error-hovered);
47
- --uoepce: var(--ax-colors-bg-error-pressed);
48
- --_1a2rli5: var(--ax-colors-bg-error-subtlest);
49
- --gnprtj: var(--ax-colors-bg-error-subtle);
50
- }
51
- ._1s4jbqr {
52
- --w1h9l0: var(--ax-colors-bg-default-inverse);
53
- --e7hbhn: var(--ax-colors-bg-default-inverse-hovered);
54
- --uoepce: var(--ax-colors-bg-default-inverse-pressed);
55
- --_1a2rli5: var(--ax-colors-bg-secondary);
56
- --_1odg3ov: var(--ax-colors-border-default);
57
- --_1px7hcf: var(--ax-colors-border-default);
58
- --gnprtj: var(--ax-colors-bg-secondary-hovered);
59
- --t5vfvr: var(--ax-colors-fg-default);
60
- }
61
- ._5rjchb {
62
- --w1h9l0: var(--ax-colors-bg-accent);
63
- --e7hbhn: var(--ax-colors-bg-accent-hovered);
64
- --uoepce: var(--ax-colors-bg-accent-pressed);
65
- --_1a2rli5: var(--ax-colors-bg-accent-subtle);
66
- --gnprtj: var(--ax-colors-bg-accent-light);
67
- }
68
- .c57bus {
69
- min-width: fit-content;
70
- }
71
- .gu9rp7 {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--_1px7hcf, var(--w1h9l0));
74
- color: var(--t5vfvr, var(--w1h9l0));
75
- padding-inline: calc(var(--_1oclqw9) - 1px);
76
- }
77
- .gu9rp7:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--gnprtj);
79
- border-color: var(--_1odg3ov, var(--e7hbhn));
80
- }
81
- .gu9rp7:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_1a2rli5);
83
- border-color: var(--_1odg3ov, var(--e7hbhn));
84
- }
85
- .gu9rp7:is([data-state="active"], [data-state="on"]) {
86
- background-color: var(--ax-colors-bg-accent-subtle);
87
- border-color: var(--ax-colors-fg-accent);
88
- color: var(--ax-colors-fg-accent);
89
- }
90
- .gu9rp7[data-disabled] {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- .qamph7 {
95
- background-color: var(--w1h9l0);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- .qamph7:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--uoepce);
100
- }
101
- .qamph7:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--e7hbhn);
103
- }
104
- .qamph7[data-disabled] {
105
- background-color: var(--ax-colors-bg-secondary);
106
- border: 1px solid var(--ax-colors-border-disabled);
107
- color: var(--ax-colors-fg-disabled);
108
- padding-inline: calc(var(--_1oclqw9) - 1px);
109
- }
110
- ._18z01fv {
111
- background-color: transparent;
112
- border-color: var(--w1h9l0);
113
- color: var(--t5vfvr, var(--w1h9l0));
114
- }
115
- ._18z01fv:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--gnprtj);
117
- }
118
- ._18z01fv:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_1a2rli5);
120
- }
121
- ._18z01fv:is([data-state="active"], [data-state="on"]) {
122
- background-color: var(--ax-colors-bg-accent-subtle);
123
- color: var(--ax-colors-fg-accent);
124
- }
125
- ._18z01fv[data-disabled] {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- ._1do0ldj {
129
- --_1oclqw9: 4px;
130
- }
131
- .n7fm0y {
132
- --_1oclqw9: 8px;
133
- }
134
- ._1f29soy {
135
- --_1oclqw9: 12px;
136
- }
137
- .uftlb5 {
138
- opacity: 1;
139
- }
140
- ._1nzdjpn[data-loading] .uftlb5 {
141
- opacity: 0;
142
- }
143
- .ong7xw {
144
- position: absolute;
145
- }
146
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- .hbjksa {
4
- display: none;
5
- }
6
- ._1j8i7v8:has(.kjhgyc:checked) .hbjksa {
7
- display: block;
8
- }
9
- .lhwvp {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_1rem3j7);
12
- border-width: 1px;
13
- }
14
- ._1j8i7v8:has(.kjhgyc:checked) .lhwvp {
15
- background-color: var(--_1rem3j7);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1jfturs {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1yky7v6 {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- .xsloh5 {
9
- min-width: var(--_742wq4);
10
- }
11
- ._3vn90y {
12
- left: var(--_1wv15xm);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- .n82k45 {
17
- min-width: var(--_742wq4);
18
- }
19
- .xgb0sc {
20
- left: var(--_1wv15xm);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1qp8795 {
4
- cursor: default;
5
- }
6
- .yi6j1q {
7
- cursor: pointer;
8
- }
9
- .cgrj8e:is(:not(:focus-within):not(:hover)) .r6oq6t {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,29 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1ikzjmp {
4
- left: 50%;
5
- max-height: 75dvh;
6
- max-width: calc(100dvw - 2 * 24px);
7
- position: fixed;
8
- top: 50%;
9
- translate: -50% -50%;
10
- }
11
- .ngq7pk {
12
- width: 400px;
13
- }
14
- ._1878gj0 {
15
- width: 600px;
16
- }
17
- ._1o0x2z5 {
18
- width: 800px;
19
- }
20
- ._1mktjk7 {
21
- inset: 0;
22
- position: fixed;
23
- }
24
- .ilucyq {
25
- position: absolute;
26
- right: 24px;
27
- top: 24px;
28
- }
29
- }
@@ -1,25 +0,0 @@
1
- @keyframes fr0lq5 {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes _1qxagra {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom._8eawvo;
18
- @layer optiaxiom._8eawvo {
19
- .a4qsyj[data-state="closed"] {
20
- animation: _1qxagra 300ms ease-out;
21
- }
22
- .a4qsyj[data-state="open"] {
23
- animation: fr0lq5 300ms ease-out;
24
- }
25
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1ivl5gu {
4
- position: relative;
5
- }
6
- ._1vtodxc {
7
- --_16h7smo: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- ._254wu5 {
12
- --_16h7smo: 4px;
13
- }
14
- .oyxusw {
15
- bottom: 4px;
16
- transform: translate(var(--_16h7smo), var(--_16h7smo));
17
- }
18
- ._1491pag {
19
- top: 4px;
20
- transform: translate(var(--_16h7smo), calc(-1 * var(--_16h7smo)));
21
- }
22
- ._1afa6dq {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._1afa6dq:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._1ocflgm:not(:empty) {
30
- min-width: 20px;
31
- }
32
- ._1tzg6p3 {
33
- position: absolute;
34
- }
35
- }
@@ -1,87 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1iqsoh2 {
4
- background-color: var(--ax-colors-bg-default);
5
- border-color: var(--ax-colors-border-default);
6
- border-radius: var(--ax-borderRadius-md);
7
- border-width: 1px;
8
- color: var(--ax-colors-fg-default);
9
- }
10
- ._1iqsoh2:has(._15ops76:focus):is([data-invalid]) {
11
- outline: 2px solid var(--ax-colors-bg-error-light);
12
- outline-offset: 1px;
13
- }
14
- ._1iqsoh2:has(._15ops76:focus):not([data-invalid]):not([data-readonly]) {
15
- border-color: var(--ax-colors-border-accent);
16
- }
17
- ._1iqsoh2:has(._15ops76:focus):not([data-invalid]) {
18
- outline: 2px solid var(--ax-colors-border-focus);
19
- outline-offset: 1px;
20
- }
21
- ._1iqsoh2:has(._15ops76:focus) {
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- ._1iqsoh2:hover {
25
- border-color: var(--ax-colors-border-active);
26
- }
27
- ._1iqsoh2[data-invalid] {
28
- border-color: var(--ax-colors-border-error);
29
- }
30
- ._1iqsoh2[data-readonly] {
31
- border-color: var(--ax-colors-border-tertiary);
32
- }
33
- ._1iqsoh2[data-disabled] {
34
- background-color: var(--ax-colors-bg-secondary);
35
- border-color: var(--ax-colors-border-secondary);
36
- color: var(--ax-colors-fg-disabled);
37
- }
38
- .ouioxk[data-orientation="horizontal"] ._1iqsoh2:not(:first-child):not(:last-child) {
39
- border-inline-width: 0.5px;
40
- }
41
- .ouioxk[data-orientation="horizontal"] ._1iqsoh2:not(:only-child):first-child {
42
- border-bottom-right-radius: 0;
43
- border-right-width: 0.5px;
44
- border-top-right-radius: 0;
45
- }
46
- .ouioxk[data-orientation="horizontal"] ._1iqsoh2:not(:only-child):last-child {
47
- border-bottom-left-radius: 0;
48
- border-left-width: 0.5px;
49
- border-top-left-radius: 0;
50
- }
51
- .ouioxk[data-orientation="vertical"] ._1iqsoh2:not(:first-child):not(:last-child) {
52
- border-block-width: 0.5px;
53
- }
54
- .ouioxk[data-orientation="vertical"] ._1iqsoh2:not(:only-child):first-child {
55
- border-bottom-left-radius: 0;
56
- border-bottom-right-radius: 0;
57
- border-bottom-width: 0.5px;
58
- }
59
- .ouioxk[data-orientation="vertical"] ._1iqsoh2:not(:only-child):last-child {
60
- border-top-left-radius: 0;
61
- border-top-right-radius: 0;
62
- border-top-width: 0.5px;
63
- }
64
- .ouioxk[data-orientation] ._1iqsoh2:not(:first-child):not(:last-child) {
65
- border-radius: 0;
66
- }
67
- .jxdtzg {
68
- font-size: 16px;
69
- line-height: 22px;
70
- min-width: 0;
71
- outline: 2px solid transparent;
72
- }
73
- .jxdtzg::placeholder {
74
- color: var(--ax-colors-fg-tertiary);
75
- }
76
- .jxdtzg[data-disabled]::placeholder {
77
- color: var(--ax-colors-fg-disabled);
78
- }
79
- .jxdtzg[data-readonly] {
80
- cursor: default;
81
- }
82
- @media screen and (min-width: 37.5rem) {
83
- ._11c0la6 {
84
- font-size: 14px;
85
- }
86
- }
87
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1cmltqa {
4
- text-decoration: none;
5
- }
6
- ._1r0cmnk {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom.pk7zg3, optiaxiom._8eawvo;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- .rsgam5 {
4
- max-height: var(--tqmugw);
5
- }
6
- .cc0qnv {
7
- min-width: var(--tnjwki);
8
- }
9
- .bseuh7 {
10
- --tqmugw: var(--radix-dropdown-menu-content-available-height);
11
- --tnjwki: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- ._1jexq8j {
14
- --tqmugw: var(--radix-popover-content-available-height);
15
- --tnjwki: var(--radix-popover-trigger-width);
16
- }
17
- ._152csr5 {
18
- --tqmugw: var(--radix-popper-available-height);
19
- --tnjwki: var(--radix-popper-anchor-width);
20
- }
21
- }
@@ -1,30 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._14yz61b {
4
- user-select: none;
5
- }
6
- ._14yz61b:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- ._14yz61b:not([data-disabled]) {
10
- color: var(--kqz8iz);
11
- cursor: pointer;
12
- }
13
- ._14yz61b:not([data-disabled])[data-highlighted] {
14
- background-color: var(--_1apicz8);
15
- }
16
- ._14yz61b:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-bg-secondary-hovered);
18
- }
19
- ._14yz61b[data-disabled] {
20
- opacity: 0.3;
21
- }
22
- .lilusk {
23
- --kqz8iz: var(--ax-colors-fg-error-strong);
24
- --_1apicz8: var(--ax-colors-bg-error-subtle);
25
- }
26
- .fle8s2 {
27
- --kqz8iz: var(--ax-colors-fg-default);
28
- --_1apicz8: var(--ax-colors-bg-secondary);
29
- }
30
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._18yhsib {
4
- min-width: var(--ax-size-md);
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1eqpunz {
4
- border-color: var(--_1rem3j7);
5
- }
6
- .swtdla {
7
- background-color: var(--_1rem3j7);
8
- display: none;
9
- }
10
- ._1jxh72e:has(.y78luo:checked) .swtdla {
11
- display: block;
12
- }
13
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1hwuw4i:is(:not(:focus-within):not(:hover), :has(input:disabled)) .su9ww3 {
4
- visibility: hidden;
5
- }
6
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1ooek3n {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._1v3lyr7 {
4
- --t5vfvr: var(--ax-colors-fg-secondary);
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._13qat10:empty:before {
4
- content: "\00a0";
5
- }
6
- }
@@ -1,26 +0,0 @@
1
- @layer optiaxiom._8eawvo;
2
- @layer optiaxiom._8eawvo {
3
- ._61n40y {
4
- --_1rem3j7: var(--ax-colors-bg-tertiary);
5
- }
6
- ._61n40y:has(._5k94tm:not(:disabled):not(:checked)):hover {
7
- --_1rem3j7: var(--ax-colors-bg-tertiary-hovered);
8
- }
9
- ._8ttg5z {
10
- background-color: var(--_1rem3j7);
11
- position: relative;
12
- }
13
- ._14psck2 {
14
- background-color: var(--ax-colors-bg-default);
15
- transform: translateX(-10px);
16
- }
17
- ._9542np:has(._5k94tm:checked) ._14psck2 {
18
- transform: translateX(10px);
19
- }
20
- ._9542np:has(._5k94tm:disabled) ._14psck2 {
21
- background-color: var(--ax-colors-bg-page);
22
- }
23
- ._9542np:has(._5k94tm:not(:disabled)) ._14psck2 {
24
- box-shadow: var(--ax-boxShadow-sm);
25
- }
26
- }