@optiaxiom/react 0.5.2 → 0.5.3

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 (151) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-9wVoZco-.css → AlertDialogContent.css.ts.vanilla-DcfuN9n8.css} +8 -8
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pxOGcdcv.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-D3ONpYNL.css → AutocompleteContent.css.ts.vanilla-dasIwHX2.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DshRJ_tK.css +28 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-J8Jz0TYj.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-D1SQBQpB.css → Box.css.ts.vanilla-BcTx7-K7.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CbpF3y64.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-9CY571jT.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BJeieBqq.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-DbIEuBwZ.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-WuWgalwG.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-UliUBQ3_.css +12 -0
  13. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-Un7ZKr2Z.css → DialogContent.css.ts.vanilla-Bh_QfF2z.css} +9 -9
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CKFED757.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-C5ErHkok.css → DisclosureTrigger.css.ts.vanilla-BQ1aFa0z.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-mY6dsqVE.css → Drawer.css.ts.vanilla-B_lSEnnW.css} +8 -8
  17. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-DSVjDF8y.css +7 -0
  18. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-CpAK8Qkf.css → HoverCardContent.css.ts.vanilla-CBB-3JzN.css} +3 -3
  19. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DBIJzmqp.css +35 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BlWP-ur-.css +91 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B0D1g-vw.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-B9XCIKoJ.css → Link.css.ts.vanilla-CnrNdg1Z.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-DrEBy0TF.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-BM3HtZFk.css +38 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BIhJg0mj.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-DA6kEqcX.css → Pill.css.ts.vanilla-6iStmQmH.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla--KsBpBXx.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-D79S-qAL.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-B9E5BWcX.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-C-9yzq4l.css → Separator.css.ts.vanilla-3LoipZB4.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BF93P9xZ.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cjde6E5n.css +6 -0
  34. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-B_jYnI42.css +6 -0
  35. package/dist/assets/src/spotlight-item/{SpotlightItem.css.ts.vanilla-C2rsPIre.css → SpotlightItem.css.ts.vanilla-Dd-8IOMl.css} +6 -6
  36. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-BHSjoBdF.css → properties.css.ts.vanilla-B8UiJz-k.css} +2077 -2077
  37. package/dist/assets/src/switch/Switch.css.ts.vanilla-DHQdPnKJ.css +26 -0
  38. package/dist/assets/src/table/{Table.css.ts.vanilla-MezhQ9wu.css → Table.css.ts.vanilla-MVdkwD0z.css} +4 -4
  39. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C4oM7uOI.css +6 -0
  40. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-qTvbV2Gl.css → TableCell.css.ts.vanilla-DQANVtXA.css} +4 -4
  41. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-KszKuQbY.css +6 -0
  42. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css +4 -0
  43. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CmDauahn.css +9 -0
  44. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-BHJQa4MY.css +23 -0
  45. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-C6xmPFu8.css → TabsTrigger.css.ts.vanilla-Bq5x8W0F.css} +10 -10
  46. package/dist/assets/src/text/{Text.css.ts.vanilla-Dq7K6kmO.css → Text.css.ts.vanilla-B4Jy9Qzq.css} +8 -8
  47. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BDdSqO2k.css +34 -0
  48. package/dist/assets/src/toast/Toast.css.ts.vanilla-DHqg7ozH.css +92 -0
  49. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CEJExyS1.css → ToastProvider.css.ts.vanilla-DO9F7-t5.css} +9 -9
  50. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css +23 -0
  51. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CCoVxe49.css +10 -0
  52. package/dist/assets/src/transition/{Transition.css.ts.vanilla-CVm5PKnk.css → Transition.css.ts.vanilla-BrShdi1Q.css} +16 -16
  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 +5 -5
  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/autocomplete-content/AutocompleteContent-css.js +3 -3
  59. package/dist/src/avatar/Avatar-css.js +4 -4
  60. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  61. package/dist/src/badge/Badge-css.js +3 -3
  62. package/dist/src/banner/Banner-css.js +1 -1
  63. package/dist/src/box/Box-css.js +3 -3
  64. package/dist/src/button-base/ButtonBase-css.js +5 -5
  65. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  66. package/dist/src/button-loadable/ButtonLoadable-css.js +5 -5
  67. package/dist/src/checkbox/Checkbox-css.js +8 -8
  68. package/dist/src/code/Code-css.js +3 -3
  69. package/dist/src/data-table/DataTable-css.js +7 -7
  70. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  71. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  72. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  73. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  74. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  75. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  76. package/dist/src/drawer/Drawer-css.js +5 -5
  77. package/dist/src/highlight/Highlight-css.js +3 -3
  78. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  79. package/dist/src/indicator/Indicator-css.js +5 -5
  80. package/dist/src/input/Input-css.js +1 -1
  81. package/dist/src/input-base/InputBase-css.js +5 -5
  82. package/dist/src/kbd/Kbd-css.js +3 -3
  83. package/dist/src/layers/layers-css.js +3 -3
  84. package/dist/src/link/Link-css.js +4 -4
  85. package/dist/src/listbox-base/ListboxBase-css.js +3 -3
  86. package/dist/src/listbox-item-base/ListboxItemBase-css.js +5 -5
  87. package/dist/src/pagination/Pagination-css.js +3 -3
  88. package/dist/src/pill/Pill-css.js +3 -3
  89. package/dist/src/radio/Radio-css.js +8 -8
  90. package/dist/src/search-input/SearchInput-css.js +4 -4
  91. package/dist/src/select-content/SelectContent-css.js +3 -3
  92. package/dist/src/separator/Separator-css.js +3 -3
  93. package/dist/src/sidenav-item/SidenavItem-css.js +5 -5
  94. package/dist/src/skeleton/Skeleton-css.js +3 -3
  95. package/dist/src/spotlight-input/SpotlightInput-css.js +3 -3
  96. package/dist/src/spotlight-item/SpotlightItem-css.js +4 -4
  97. package/dist/src/sprinkles/properties-css.js +4 -4
  98. package/dist/src/switch/Switch-css.js +8 -8
  99. package/dist/src/table/Table-css.js +4 -4
  100. package/dist/src/table-body/TableBody-css.js +3 -3
  101. package/dist/src/table-cell/TableCell-css.js +4 -4
  102. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  103. package/dist/src/table-row/TableRow-css.js +3 -3
  104. package/dist/src/tabs/Tabs-css.js +3 -3
  105. package/dist/src/tabs-list/TabsList-css.js +3 -3
  106. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  107. package/dist/src/text/Text-css.js +3 -3
  108. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  109. package/dist/src/toast/Toast-css.js +5 -5
  110. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  111. package/dist/src/toast-provider/ToastProvider.js +21 -13
  112. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  113. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  114. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  115. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  116. package/dist/src/transition/Transition-css.js +3 -3
  117. package/package.json +1 -1
  118. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-mm8wKB3U.css +0 -6
  119. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-KeDynCIW.css +0 -28
  120. package/dist/assets/src/badge/Badge.css.ts.vanilla-x0KWsBml.css +0 -46
  121. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-oXXquOqF.css +0 -140
  122. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Co42uEZs.css +0 -9
  123. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-B2nMw732.css +0 -18
  124. package/dist/assets/src/code/Code.css.ts.vanilla-CibFuYwC.css +0 -7
  125. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DMaoSvU5.css +0 -24
  126. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-4L7-nxEr.css +0 -12
  127. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-9gPKDtRS.css +0 -25
  128. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-Bfwmoflf.css +0 -7
  129. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CG47dm2N.css +0 -35
  130. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-Btohm9QI.css +0 -91
  131. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-CsKZ20iN.css +0 -9
  132. package/dist/assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css +0 -1
  133. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-B9BKaRBy.css +0 -21
  134. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-CqPMKUUW.css +0 -38
  135. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Dw6kg-Xc.css +0 -6
  136. package/dist/assets/src/radio/Radio.css.ts.vanilla-Bap82d6I.css +0 -13
  137. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DsPYPDJl.css +0 -6
  138. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CK4k9iQ6.css +0 -7
  139. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-B04xgWaj.css +0 -6
  140. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-D9kNQbzL.css +0 -6
  141. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Dqx6Sxpq.css +0 -6
  142. package/dist/assets/src/switch/Switch.css.ts.vanilla-lUjBt593.css +0 -26
  143. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DRIKFNLT.css +0 -6
  144. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BExxecaK.css +0 -6
  145. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css +0 -4
  146. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CpZnswKZ.css +0 -9
  147. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-BJY4ZgtA.css +0 -23
  148. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-3AsT7-Hy.css +0 -34
  149. package/dist/assets/src/toast/Toast.css.ts.vanilla-BroqVtg7.css +0 -92
  150. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiOL2XSb.css +0 -23
  151. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CzgC9WoD.css +0 -10
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-3AsT7-Hy.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BDdSqO2k.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var shadow = recipeRuntime({base:['_1pkzl4i','x9iqtu']});
6
- var textarea = recipeRuntime({base:['_1pkzl4i','xlb14f']});
7
- var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1pvy3dc','_1pk7dxl'],'2':['_1pvy3dc','_1ggabi4'],'3':['_1pvy3dc','_17altif'],'4':['_1pvy3dc','_1jog6mv'],'5':['_1pvy3dc','_1lv5kju']},resize:{auto:{},none:{},vertical:'_7dod90'}}});
5
+ var shadow = recipeRuntime({base:['bk04ep','vknxnz']});
6
+ var textarea = recipeRuntime({base:['bk04ep','cpsg4j']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1x2e8ie','_8xz6f8'],'2':['_1x2e8ie','zshdgh'],'3':['_1x2e8ie','_1rh7tpm'],'4':['_1x2e8ie','_5j3boy'],'5':['_1x2e8ie','_19eruem']},resize:{auto:{},none:{},vertical:'_1kmmryc'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CEJExyS1.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-BroqVtg7.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DO9F7-t5.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-DHqg7ozH.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'w5fhd8']});
7
- var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_8n5xlk'],variants:{intent:{danger:'spit4y',information:'kt24n1',neutral:'m1w60j',success:'_1ql3qll',warning:'nb1l3u'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_2k9wfi']});
7
+ var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'uhlhol'],variants:{intent:{danger:'dom1k4',information:'_16hmp2o',neutral:'_7ezfu1',success:'_1ynseni',warning:'nsv41c'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CEJExyS1.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DO9F7-t5.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'lj4hq9'],variants:{position:{bottom:'_1p1oes4','bottom-left':'y3mci8','bottom-right':'ox50nm',top:'_1adhg9g','top-left':'t1yr1p','top-right':'_1yayh0h'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1m2na8l'],variants:{position:{bottom:'_1dmhoz6','bottom-left':'_190s6n9','bottom-right':'isduys',top:'lbu77y','top-left':'_17yaqgj','top-right':'o25vqh'}}});
6
6
 
7
7
  export { viewport };
@@ -3,7 +3,7 @@ import { ToastContextProvider, toaster } from '@optiaxiom/globals';
3
3
  import { useComposedRefs } from '@radix-ui/react-compose-refs';
4
4
  import { Portal } from '@radix-ui/react-portal';
5
5
  import * as RadixToast from '@radix-ui/react-toast';
6
- import { forwardRef, useRef, isValidElement } from 'react';
6
+ import { forwardRef, useRef, cloneElement, isValidElement } from 'react';
7
7
  import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
8
8
  import { Flex } from '../flex/Flex.js';
9
9
  import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
@@ -58,18 +58,26 @@ const ToastProvider = forwardRef(
58
58
  {
59
59
  onOpenChange: () => toasterProp.remove(id),
60
60
  open,
61
- // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/microsoft/TypeScript/issues/53178
62
- children: isValidElement(toast) ? toast : /* @__PURE__ */ jsxs(Toast, { intent: toast.type, children: [
63
- /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }),
64
- toast.action && /* @__PURE__ */ jsx(
65
- ToastAction,
66
- {
67
- altText: toast.action.altText,
68
- onClick: toast.action.onClick,
69
- children: toast.action.label
70
- }
71
- )
72
- ] }, id)
61
+ children: cloneElement(
62
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/microsoft/TypeScript/issues/53178
63
+ isValidElement(toast) ? toast : /* @__PURE__ */ jsxs(Toast, { intent: toast.type, children: [
64
+ /* @__PURE__ */ jsx(ToastTitle, { children: toast.title }),
65
+ toast.action && /* @__PURE__ */ jsx(
66
+ ToastAction,
67
+ {
68
+ altText: toast.action.altText,
69
+ onClick: toast.action.onClick,
70
+ children: toast.action.label
71
+ }
72
+ )
73
+ ] }, id),
74
+ {
75
+ forceMount: true,
76
+ key: id,
77
+ onOpenChange: () => toasterProp.remove(id),
78
+ open
79
+ }
80
+ )
73
81
  },
74
82
  id
75
83
  )),
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiOL2XSb.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['_1fhz7e8',{alignItems:'start',flexDirection:'row',gap:'xs'},'_4l1gyy']});
6
+ var toggleInput = recipeRuntime({base:['_5o1rud',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1ebcv6v']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiOL2XSb.css';
4
- import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CzgC9WoD.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CCoVxe49.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['_1rusgx8']});
7
+ var control = recipeRuntime({base:['_1ku9foi']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
3
3
 
4
- var className = '_1m98weq';
4
+ var className = 'yoldad';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
2
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
3
3
 
4
4
  var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-CVm5PKnk.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-BrShdi1Q.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'_1gzpqt8',variants:{duration:{sm:'_13sxvlf',md:'_1hbjwtd',lg:'_1lzsad3'},type:{fade:'_1mpfurb',pop:'_1wbf1f8'}}});
5
+ var transition = recipeRuntime({base:'_1cvuuxs',variants:{duration:{sm:'tdz9k3',md:'boih6p',lg:'_128qr8w'},type:{fade:'jubhch',pop:'_1rsoi88'}}});
6
6
  var transitionDuration = {sm:150,md:250,lg:400};
7
7
 
8
8
  export { transition, transitionDuration };
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.5.2",
10
+ "version": "0.5.3",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._5wceo5 {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,28 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._1a2fsx {
4
- border-radius: var(--ax-borderRadius-full);
5
- user-select: none;
6
- }
7
- ._76j8q ._1a2fsx {
8
- border: 1px solid var(--ax-colors-bg-default);
9
- }
10
- ._76j8q ._1jooqye:not(:first-child) {
11
- margin-left: -3px;
12
- }
13
- ._76j8q .ocxgx7:not(:first-child) {
14
- margin-left: -5px;
15
- }
16
- ._76j8q ._1b8c90i:not(:first-child) {
17
- margin-left: -7px;
18
- }
19
- ._76j8q .ghufwo:not(:first-child) {
20
- margin-left: -9px;
21
- }
22
- ._76j8q ._2mwni3:not(:first-child) {
23
- margin-left: -11px;
24
- }
25
- ._76j8q .uq53qx:not(:first-child) {
26
- margin-left: -13px;
27
- }
28
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._30fgbn {
4
- --pb2o19: var(--ax-colors-fg-white);
5
- }
6
- .bkckyy {
7
- --_1dng6s5: var(--ax-colors-bg-error);
8
- --n460ci: var(--ax-colors-bg-error-subtle);
9
- --_2o8rbz: var(--ax-colors-fg-error-strong);
10
- }
11
- .cxabt3 {
12
- --_1dng6s5: var(--ax-colors-bg-information);
13
- --n460ci: var(--ax-colors-bg-information-subtle);
14
- --_2o8rbz: var(--ax-colors-fg-information-strong);
15
- }
16
- ._17dqpb5 {
17
- --_1dng6s5: var(--ax-colors-bg-tertiary);
18
- --pb2o19: var(--ax-colors-fg-default);
19
- --n460ci: var(--ax-colors-bg-secondary);
20
- --_2o8rbz: var(--ax-colors-fg-secondary);
21
- }
22
- .smldt6 {
23
- --_1dng6s5: var(--ax-colors-bg-accent);
24
- --n460ci: var(--ax-colors-bg-accent-subtle);
25
- --_2o8rbz: var(--ax-colors-fg-accent-strong);
26
- }
27
- ._1tqu1xh {
28
- --_1dng6s5: var(--ax-colors-bg-success);
29
- --n460ci: var(--ax-colors-bg-success-subtle);
30
- --_2o8rbz: var(--ax-colors-fg-success-strong);
31
- }
32
- .hk4vzl {
33
- --_1dng6s5: var(--ax-colors-bg-warning);
34
- --pb2o19: var(--ax-colors-fg-warning-inverse);
35
- --n460ci: var(--ax-colors-bg-warning-subtle);
36
- --_2o8rbz: var(--ax-colors-fg-warning-strong);
37
- }
38
- ._10igik7 {
39
- background-color: var(--n460ci);
40
- color: var(--_2o8rbz);
41
- }
42
- .i4k4nc {
43
- background-color: var(--_1dng6s5);
44
- color: var(--pb2o19);
45
- }
46
- }
@@ -1,140 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._12c9jeu {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--g6ae15);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- ._12c9jeu: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
- .yw27f1[data-orientation="horizontal"] > ._12c9jeu:not(:first-child):not(:last-child),.yw27f1[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._12c9jeu {
16
- border-inline-width: 0.5px;
17
- }
18
- .yw27f1[data-orientation="horizontal"] > ._12c9jeu:not(:only-child):first-child,.yw27f1[data-orientation="horizontal"] > :not(:only-child):first-child ._12c9jeu {
19
- border-bottom-right-radius: 0;
20
- border-right-width: 0.5px;
21
- border-top-right-radius: 0;
22
- }
23
- .yw27f1[data-orientation="horizontal"] > ._12c9jeu:not(:only-child):last-child,.yw27f1[data-orientation="horizontal"] > :not(:only-child):last-child ._12c9jeu {
24
- border-bottom-left-radius: 0;
25
- border-left-width: 0.5px;
26
- border-top-left-radius: 0;
27
- }
28
- .yw27f1[data-orientation="vertical"] > ._12c9jeu:not(:first-child):not(:last-child),.yw27f1[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._12c9jeu {
29
- border-block-width: 0.5px;
30
- }
31
- .yw27f1[data-orientation="vertical"] > ._12c9jeu:not(:only-child):first-child,.yw27f1[data-orientation="vertical"] > :not(:only-child):first-child ._12c9jeu {
32
- border-bottom-left-radius: 0;
33
- border-bottom-right-radius: 0;
34
- border-bottom-width: 0.5px;
35
- }
36
- .yw27f1[data-orientation="vertical"] > ._12c9jeu:not(:only-child):last-child,.yw27f1[data-orientation="vertical"] > :not(:only-child):last-child ._12c9jeu {
37
- border-top-left-radius: 0;
38
- border-top-right-radius: 0;
39
- border-top-width: 0.5px;
40
- }
41
- .yw27f1[data-orientation] > ._12c9jeu:not(:first-child):not(:last-child),.yw27f1[data-orientation] > :not(:first-child):not(:last-child) ._12c9jeu {
42
- border-radius: 0;
43
- }
44
- .qnwkux {
45
- min-width: fit-content;
46
- }
47
- ._1t3yh7e {
48
- --_10edl5x: var(--ax-colors-bg-error);
49
- --otrfws: var(--ax-colors-bg-error-hovered);
50
- --dnfvyr: var(--ax-colors-bg-error-pressed);
51
- --_1pmy6ov: var(--ax-colors-bg-error-subtlest);
52
- --_1jqncig: var(--ax-colors-bg-error-subtle);
53
- }
54
- .twru73 {
55
- --_10edl5x: var(--ax-colors-bg-default-inverse);
56
- --otrfws: var(--ax-colors-bg-default-inverse-hovered);
57
- --dnfvyr: var(--ax-colors-bg-default-inverse-pressed);
58
- --_1pmy6ov: var(--ax-colors-bg-secondary);
59
- --_1ww7gjh: var(--ax-colors-border-default);
60
- --_1753pem: var(--ax-colors-border-default);
61
- --_1jqncig: var(--ax-colors-bg-secondary-hovered);
62
- --tj83va: var(--ax-colors-fg-default);
63
- }
64
- ._195lq5i {
65
- --_10edl5x: var(--ax-colors-bg-accent);
66
- --otrfws: var(--ax-colors-bg-accent-hovered);
67
- --dnfvyr: var(--ax-colors-bg-accent-pressed);
68
- --_1pmy6ov: var(--ax-colors-bg-accent-subtle);
69
- --_1jqncig: var(--ax-colors-bg-accent-light);
70
- }
71
- .hw18dn {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--_1753pem, var(--_10edl5x));
74
- color: var(--tj83va, var(--_10edl5x));
75
- padding-inline: calc(var(--g6ae15) - 1px);
76
- }
77
- .hw18dn:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_1jqncig);
79
- border-color: var(--_1ww7gjh, var(--otrfws));
80
- }
81
- .hw18dn:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_1pmy6ov);
83
- border-color: var(--_1ww7gjh, var(--otrfws));
84
- }
85
- .hw18dn: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
- .hw18dn[data-disabled]:not([data-loading]) {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- ._1l1iy0t {
95
- background-color: var(--_10edl5x);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- ._1l1iy0t:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--dnfvyr);
100
- }
101
- ._1l1iy0t:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--otrfws);
103
- }
104
- ._1l1iy0t[data-disabled]:not([data-loading]) {
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(--g6ae15) - 1px);
109
- }
110
- ._1ifuqmt {
111
- background-color: transparent;
112
- border-color: var(--_10edl5x);
113
- color: var(--tj83va, var(--_10edl5x));
114
- }
115
- ._1ifuqmt:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_1jqncig);
117
- }
118
- ._1ifuqmt:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_1pmy6ov);
120
- }
121
- ._1ifuqmt: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
- ._1ifuqmt[data-disabled]:not([data-loading]) {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- .e7ftrr {
129
- --g6ae15: 4px;
130
- }
131
- ._2jv3h1 {
132
- --g6ae15: 8px;
133
- }
134
- .mopjoq {
135
- --g6ae15: 12px;
136
- }
137
- .veyaal {
138
- position: absolute;
139
- }
140
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._1xr19kp {
4
- opacity: 1;
5
- }
6
- ._9xw76g[data-loading] ._1xr19kp {
7
- opacity: 0;
8
- }
9
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._1r4q1hc {
4
- display: none;
5
- }
6
- ._18xp39r:has(._19o3tcl:checked) ._1r4q1hc {
7
- display: block;
8
- }
9
- .wiykxt {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_1jdkq0s);
12
- border-width: 1px;
13
- }
14
- ._18xp39r:has(._19o3tcl:checked) .wiykxt {
15
- background-color: var(--_1jdkq0s);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- .n7wv0w {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- .tp6g8n {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- ._3pnekj {
9
- min-width: var(--ydd7s);
10
- }
11
- .ztb3gq {
12
- left: var(--_21dan1);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._13bn22m {
17
- min-width: var(--ydd7s);
18
- }
19
- ._176d0j7 {
20
- left: var(--_21dan1);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._12jzr4i {
4
- cursor: default;
5
- }
6
- .n5tice {
7
- cursor: pointer;
8
- }
9
- ._1t71y23:is(:not(:focus-within):not(:hover)) ._1wohsu3 {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes _12rdgky {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes gs3bqm {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom._1i2225l;
18
- @layer optiaxiom._1i2225l {
19
- ._1w0vavl[data-state="closed"] {
20
- animation: gs3bqm 300ms ease-out;
21
- }
22
- ._1w0vavl[data-state="open"] {
23
- animation: _12rdgky 300ms ease-out;
24
- }
25
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- .rgqorm {
4
- background-color: transparent;
5
- color: inherit;
6
- }
7
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- .m70mjw {
4
- position: relative;
5
- }
6
- .oe322a {
7
- --uoeqcq: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- ._1ym74r {
12
- --uoeqcq: 4px;
13
- }
14
- ._1tth5ld {
15
- bottom: 4px;
16
- transform: translate(var(--uoeqcq), var(--uoeqcq));
17
- }
18
- .bkpoyy {
19
- top: 4px;
20
- transform: translate(var(--uoeqcq), calc(-1 * var(--uoeqcq)));
21
- }
22
- ._1wpid57 {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._1wpid57:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._1ptoxnt:not(:empty) {
30
- min-width: 20px;
31
- }
32
- .r5ex4y {
33
- position: absolute;
34
- }
35
- }
@@ -1,91 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- ._1nanlsk {
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
- position: relative;
10
- }
11
- ._1nanlsk:has(.l3vyjc:focus):is([data-invalid]) {
12
- outline: 2px solid var(--ax-colors-bg-error-light);
13
- outline-offset: 1px;
14
- }
15
- ._1nanlsk:has(.l3vyjc:focus):not([data-invalid]):not([data-readonly]) {
16
- border-color: var(--ax-colors-border-accent);
17
- }
18
- ._1nanlsk:has(.l3vyjc:focus):not([data-invalid]) {
19
- outline: 2px solid var(--ax-colors-border-focus);
20
- outline-offset: 1px;
21
- }
22
- ._1nanlsk:has(.l3vyjc:focus) {
23
- z-index: var(--ax-zIndex-10);
24
- }
25
- ._1nanlsk:hover {
26
- border-color: var(--ax-colors-border-active);
27
- }
28
- ._1nanlsk[data-invalid] {
29
- border-color: var(--ax-colors-border-error);
30
- }
31
- ._1nanlsk[data-readonly] {
32
- border-color: var(--ax-colors-border-tertiary);
33
- }
34
- ._1nanlsk[data-disabled] {
35
- background-color: var(--ax-colors-bg-secondary);
36
- border-color: var(--ax-colors-border-secondary);
37
- color: var(--ax-colors-fg-disabled);
38
- }
39
- .yw27f1[data-orientation="horizontal"] > ._1nanlsk:not(:first-child):not(:last-child),.yw27f1[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1nanlsk {
40
- border-inline-width: 0.5px;
41
- }
42
- .yw27f1[data-orientation="horizontal"] > ._1nanlsk:not(:only-child):first-child,.yw27f1[data-orientation="horizontal"] > :not(:only-child):first-child ._1nanlsk {
43
- border-bottom-right-radius: 0;
44
- border-right-width: 0.5px;
45
- border-top-right-radius: 0;
46
- }
47
- .yw27f1[data-orientation="horizontal"] > ._1nanlsk:not(:only-child):last-child,.yw27f1[data-orientation="horizontal"] > :not(:only-child):last-child ._1nanlsk {
48
- border-bottom-left-radius: 0;
49
- border-left-width: 0.5px;
50
- border-top-left-radius: 0;
51
- }
52
- .yw27f1[data-orientation="vertical"] > ._1nanlsk:not(:first-child):not(:last-child),.yw27f1[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1nanlsk {
53
- border-block-width: 0.5px;
54
- }
55
- .yw27f1[data-orientation="vertical"] > ._1nanlsk:not(:only-child):first-child,.yw27f1[data-orientation="vertical"] > :not(:only-child):first-child ._1nanlsk {
56
- border-bottom-left-radius: 0;
57
- border-bottom-right-radius: 0;
58
- border-bottom-width: 0.5px;
59
- }
60
- .yw27f1[data-orientation="vertical"] > ._1nanlsk:not(:only-child):last-child,.yw27f1[data-orientation="vertical"] > :not(:only-child):last-child ._1nanlsk {
61
- border-top-left-radius: 0;
62
- border-top-right-radius: 0;
63
- border-top-width: 0.5px;
64
- }
65
- .yw27f1[data-orientation] > ._1nanlsk:not(:first-child):not(:last-child),.yw27f1[data-orientation] > :not(:first-child):not(:last-child) ._1nanlsk {
66
- border-radius: 0;
67
- }
68
- ._1tfgyyz {
69
- font-size: 16px;
70
- line-height: 22px;
71
- min-width: 0;
72
- outline: 2px solid transparent;
73
- }
74
- ._1tfgyyz::placeholder {
75
- color: var(--ax-colors-fg-tertiary);
76
- }
77
- ._1tfgyyz[data-disabled]::placeholder {
78
- color: var(--ax-colors-fg-disabled);
79
- }
80
- ._1tfgyyz[data-readonly] {
81
- cursor: default;
82
- }
83
- @media screen and (min-width: 37.5rem) {
84
- ._1ck6nfw {
85
- font-size: 14px;
86
- }
87
- .vwq14p {
88
- font-size: 16px;
89
- }
90
- }
91
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._1i2225l;
2
- @layer optiaxiom._1i2225l {
3
- .tosq7l {
4
- text-decoration: none;
5
- }
6
- .e45vnx {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom._5gp5k, optiaxiom._1i2225l;