@optiaxiom/react 0.5.0 → 0.5.1

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 (152) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-BfmlokwX.css → AlertDialogContent.css.ts.vanilla-DfOEzQyP.css} +8 -8
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DTviko8V.css +6 -0
  3. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-yr5VObxv.css +10 -0
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-7Pz1ShaS.css +28 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-CsqUU2-u.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-DBfxVKih.css → Box.css.ts.vanilla-CFbu6ERG.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-lSreN2s2.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DdBJS1WF.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-Kaqr1iOD.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-DXWRlz04.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-LAGWwD9Q.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BuEWXyCq.css +12 -0
  13. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-7QW0qBlh.css → DialogContent.css.ts.vanilla-BkW2dfv7.css} +9 -9
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-a3MAJnGX.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DJAnb-Lj.css → DisclosureTrigger.css.ts.vanilla-CcLwBaNn.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BWa012jC.css → Drawer.css.ts.vanilla-CzFuJJPj.css} +8 -8
  17. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-RmkcqM-d.css +7 -0
  18. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-Kxyux3yW.css → HoverCardContent.css.ts.vanilla-ClL_Dtju.css} +3 -3
  19. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-vU_zHe1m.css +35 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BEcIPkFX.css +90 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BxwsDOi2.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-CsWw-ZX-.css → Link.css.ts.vanilla-DXE3v5di.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-BE3RtL_1.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-Boisr2im.css +38 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-DWprrOvv.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BVjnxRo2.css → Pill.css.ts.vanilla-DOcl2MuH.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla-BPP2aWY8.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DeV6_qAF.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CoRlhWeX.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BM1zMvsd.css → Separator.css.ts.vanilla-CJz0Fua4.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CJTL2biw.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-B0tq9DGQ.css +6 -0
  34. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DZ9q_EkM.css +6 -0
  35. package/dist/assets/src/spotlight-item/{SpotlightItem.css.ts.vanilla-6J2rLNeq.css → SpotlightItem.css.ts.vanilla-ZQcORnru.css} +6 -6
  36. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-B2oyt7h_.css → properties.css.ts.vanilla-BZCTfveD.css} +2077 -2077
  37. package/dist/assets/src/switch/Switch.css.ts.vanilla-D5JoF6ME.css +26 -0
  38. package/dist/assets/src/table/{Table.css.ts.vanilla-Cl9FjtdU.css → Table.css.ts.vanilla-BRz2D7_P.css} +4 -4
  39. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BADc-26Z.css +6 -0
  40. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Bfjlwp3P.css → TableCell.css.ts.vanilla-BQ545diF.css} +4 -4
  41. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DboxB76f.css +6 -0
  42. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css +4 -0
  43. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-D7c9aAFv.css +9 -0
  44. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-hJFJS54O.css +23 -0
  45. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-uJw7PtZD.css → TabsTrigger.css.ts.vanilla-Crjg7nwP.css} +10 -10
  46. package/dist/assets/src/text/{Text.css.ts.vanilla-COuWMD6-.css → Text.css.ts.vanilla-xxaGuRxa.css} +8 -8
  47. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DIlxSuuv.css +34 -0
  48. package/dist/assets/src/toast/Toast.css.ts.vanilla-B8N3Ss56.css +92 -0
  49. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CchxuGoA.css → ToastProvider.css.ts.vanilla-hbD7r5bf.css} +9 -9
  50. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-llCUpF4m.css +23 -0
  51. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DYEoiGw8.css +10 -0
  52. package/dist/assets/src/transition/{Transition.css.ts.vanilla-BeU-E9Dh.css → Transition.css.ts.vanilla-CAw7P9Kw.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/textarea-autosize/TextareaAutosize.js +6 -4
  110. package/dist/src/toast/Toast-css.js +5 -5
  111. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  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-BDRTGojK.css +0 -6
  119. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CNiZbeAp.css +0 -10
  120. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DIWg9fd0.css +0 -28
  121. package/dist/assets/src/badge/Badge.css.ts.vanilla-D0wmnkUW.css +0 -46
  122. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-B3E46v7K.css +0 -140
  123. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BtxvqRzj.css +0 -9
  124. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DigB5kPU.css +0 -18
  125. package/dist/assets/src/code/Code.css.ts.vanilla-D3uI46K3.css +0 -7
  126. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DzN3FfoY.css +0 -24
  127. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DfR_HybW.css +0 -12
  128. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-RYoKkfZ2.css +0 -25
  129. package/dist/assets/src/highlight/Highlight.css.ts.vanilla-Cd1w-Yt-.css +0 -7
  130. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BgVBs5x3.css +0 -35
  131. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BbTdXMpr.css +0 -90
  132. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B-Je22yQ.css +0 -9
  133. package/dist/assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css +0 -1
  134. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-CcOKCDfK.css +0 -21
  135. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-kR17suV0.css +0 -38
  136. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-OJC3D9A-.css +0 -6
  137. package/dist/assets/src/radio/Radio.css.ts.vanilla-5NaLXI__.css +0 -13
  138. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DhJbKnJ1.css +0 -6
  139. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-07wZOK8y.css +0 -7
  140. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-DkwT18Yw.css +0 -6
  141. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-di59k6DT.css +0 -6
  142. package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Hy1YeTLu.css +0 -6
  143. package/dist/assets/src/switch/Switch.css.ts.vanilla-CFJ0S7dk.css +0 -26
  144. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BOD2BiwU.css +0 -6
  145. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CRrLTvv6.css +0 -6
  146. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DvaqTswf.css +0 -4
  147. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-mUdN-S9g.css +0 -9
  148. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DxBloiIq.css +0 -23
  149. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DPl6lRRh.css +0 -34
  150. package/dist/assets/src/toast/Toast.css.ts.vanilla-Dn4HemqC.css +0 -92
  151. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B1MlqPk7.css +0 -23
  152. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Sn_E7EaR.css +0 -10
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DPl6lRRh.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DIlxSuuv.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var shadow = recipeRuntime({base:['_1ecyb2v','jjdh8g']});
6
- var textarea = recipeRuntime({base:['_1ecyb2v','zdnq4t']});
7
- var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_127w1oc','_9stg06'],'2':['_127w1oc','_11vrzp5'],'3':['_127w1oc','_9zg69c'],'4':['_127w1oc','fi7mkq'],'5':['_127w1oc','s7yeb9']},resize:{auto:{},none:{},vertical:'pyoroh'}}});
5
+ var shadow = recipeRuntime({base:['_10lolza','_1vkcyez']});
6
+ var textarea = recipeRuntime({base:['_10lolza','naje1e']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1v5h9iq','r8cwhx'],'2':['_1v5h9iq','x0wmq6'],'3':['_1v5h9iq','_1d93myq'],'4':['_1v5h9iq','_27gqqt'],'5':['_1v5h9iq','zl6hu']},resize:{auto:{},none:{},vertical:'_1qnv0tp'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,6 +1,7 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { Slot } from '@radix-ui/react-slot';
3
- import { forwardRef, useState } from 'react';
3
+ import { useControllableState } from '@radix-ui/react-use-controllable-state';
4
+ import { forwardRef } from 'react';
4
5
  import { Box } from '../box/Box.js';
5
6
  import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
6
7
  import '../sprinkles/sprinkles.js';
@@ -19,9 +20,10 @@ const TextareaAutosize = forwardRef(
19
20
  }, ref) => {
20
21
  const Comp = asChild ? Slot : "textarea";
21
22
  const { restProps, sprinkleProps } = extractSprinkles(props);
22
- const [value, setValue] = useState(
23
- props.value === void 0 ? props.defaultValue : props.value
24
- );
23
+ const [value, setValue] = useControllableState({
24
+ defaultProp: props.defaultValue,
25
+ prop: props.value
26
+ });
25
27
  return /* @__PURE__ */ jsxs(Box, { ...wrapper({ maxRows, resize }), children: [
26
28
  /* @__PURE__ */ jsx(Box, { asChild: true, ...textarea({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(
27
29
  Comp,
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CchxuGoA.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-Dn4HemqC.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-hbD7r5bf.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-B8N3Ss56.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1kzu3hs']});
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']},'_1ig72wl'],variants:{intent:{danger:'_1lrs72f',information:'_6w6of',neutral:'ho62qs',success:'_3zmbxw',warning:'_1gv39dx'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'oekzvr']});
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']},'_1tjkcpp'],variants:{intent:{danger:'zyqlwk',information:'ppujcu',neutral:'wps5ac',success:'_1qkovkk',warning:'rj1naq'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CchxuGoA.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-hbD7r5bf.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'},'_7lpe76'],variants:{position:{bottom:'pvzl2k','bottom-left':'_10nbir0','bottom-right':'e4ako5',top:'_1imryb6','top-left':'_192v9pf','top-right':'astvda'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'g9u92u'],variants:{position:{bottom:'_1qak7gb','bottom-left':'_1yfrfrx','bottom-right':'_1yl3kij',top:'_1p2ce1w','top-left':'_6e8qmw','top-right':'_1q43ncg'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DvaqTswf.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B1MlqPk7.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-llCUpF4m.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['_68mp75',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1un8io']});
6
+ var toggleInput = recipeRuntime({base:['_1jslc44',{alignItems:'start',flexDirection:'row',gap:'xs'},'v6ov5a']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DvaqTswf.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B1MlqPk7.css';
4
- import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Sn_E7EaR.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-llCUpF4m.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DYEoiGw8.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['_1tlyldb']});
7
+ var control = recipeRuntime({base:['_1puwvfa']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DvaqTswf.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css';
3
3
 
4
- var className = '_1v5sd1h';
4
+ var className = '_1e5clit';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.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-D2CmRaCx.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-BeU-E9Dh.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-CAw7P9Kw.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'_1kwlsem',variants:{duration:{sm:'_16uvybt',md:'_1x6mezs',lg:'_1j7gwof'},type:{fade:'_1dnql56',pop:'y4fawn'}}});
5
+ var transition = recipeRuntime({base:'_51hx9y',variants:{duration:{sm:'_1madyof',md:'_1usim5b',lg:'jeaczq'},type:{fade:'_1yvmf1p',pop:'_1vlc7p4'}}});
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.0",
10
+ "version": "0.5.1",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._1e9ksp0 {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,10 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._1suko12 {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- ._1suko12:empty {
8
- visibility: hidden;
9
- }
10
- }
@@ -1,28 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._1750v50 {
4
- border-radius: var(--ax-borderRadius-full);
5
- user-select: none;
6
- }
7
- .d5qt7j ._1750v50 {
8
- border: 1px solid var(--ax-colors-bg-default);
9
- }
10
- .d5qt7j .nia70v:not(:first-child) {
11
- margin-left: -3px;
12
- }
13
- .d5qt7j ._1pgnx44:not(:first-child) {
14
- margin-left: -5px;
15
- }
16
- .d5qt7j ._113im4m:not(:first-child) {
17
- margin-left: -7px;
18
- }
19
- .d5qt7j ._13aqa04:not(:first-child) {
20
- margin-left: -9px;
21
- }
22
- .d5qt7j .i5gogn:not(:first-child) {
23
- margin-left: -11px;
24
- }
25
- .d5qt7j ._103q0db:not(:first-child) {
26
- margin-left: -13px;
27
- }
28
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- .r7nf7b {
4
- --_3qz94: var(--ax-colors-fg-white);
5
- }
6
- ._1qonq7 {
7
- --c83x7i: var(--ax-colors-bg-error);
8
- --_1jv31tx: var(--ax-colors-bg-error-subtle);
9
- --_1newh9d: var(--ax-colors-fg-error-strong);
10
- }
11
- ._8bb6fm {
12
- --c83x7i: var(--ax-colors-bg-information);
13
- --_1jv31tx: var(--ax-colors-bg-information-subtle);
14
- --_1newh9d: var(--ax-colors-fg-information-strong);
15
- }
16
- .mo4pz6 {
17
- --c83x7i: var(--ax-colors-bg-tertiary);
18
- --_3qz94: var(--ax-colors-fg-default);
19
- --_1jv31tx: var(--ax-colors-bg-secondary);
20
- --_1newh9d: var(--ax-colors-fg-secondary);
21
- }
22
- ._1f3jhqm {
23
- --c83x7i: var(--ax-colors-bg-accent);
24
- --_1jv31tx: var(--ax-colors-bg-accent-subtle);
25
- --_1newh9d: var(--ax-colors-fg-accent-strong);
26
- }
27
- ._1ap1iob {
28
- --c83x7i: var(--ax-colors-bg-success);
29
- --_1jv31tx: var(--ax-colors-bg-success-subtle);
30
- --_1newh9d: var(--ax-colors-fg-success-strong);
31
- }
32
- ._1pl2cn7 {
33
- --c83x7i: var(--ax-colors-bg-warning);
34
- --_3qz94: var(--ax-colors-fg-warning-inverse);
35
- --_1jv31tx: var(--ax-colors-bg-warning-subtle);
36
- --_1newh9d: var(--ax-colors-fg-warning-strong);
37
- }
38
- ._6rb6z2 {
39
- background-color: var(--_1jv31tx);
40
- color: var(--_1newh9d);
41
- }
42
- ._1nbtmty {
43
- background-color: var(--c83x7i);
44
- color: var(--_3qz94);
45
- }
46
- }
@@ -1,140 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- .m1ojb4 {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--_5437hl);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- .m1ojb4: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
- ._1remjsm[data-orientation="horizontal"] > .m1ojb4:not(:first-child):not(:last-child),._1remjsm[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .m1ojb4 {
16
- border-inline-width: 0.5px;
17
- }
18
- ._1remjsm[data-orientation="horizontal"] > .m1ojb4:not(:only-child):first-child,._1remjsm[data-orientation="horizontal"] > :not(:only-child):first-child .m1ojb4 {
19
- border-bottom-right-radius: 0;
20
- border-right-width: 0.5px;
21
- border-top-right-radius: 0;
22
- }
23
- ._1remjsm[data-orientation="horizontal"] > .m1ojb4:not(:only-child):last-child,._1remjsm[data-orientation="horizontal"] > :not(:only-child):last-child .m1ojb4 {
24
- border-bottom-left-radius: 0;
25
- border-left-width: 0.5px;
26
- border-top-left-radius: 0;
27
- }
28
- ._1remjsm[data-orientation="vertical"] > .m1ojb4:not(:first-child):not(:last-child),._1remjsm[data-orientation="vertical"] > :not(:first-child):not(:last-child) .m1ojb4 {
29
- border-block-width: 0.5px;
30
- }
31
- ._1remjsm[data-orientation="vertical"] > .m1ojb4:not(:only-child):first-child,._1remjsm[data-orientation="vertical"] > :not(:only-child):first-child .m1ojb4 {
32
- border-bottom-left-radius: 0;
33
- border-bottom-right-radius: 0;
34
- border-bottom-width: 0.5px;
35
- }
36
- ._1remjsm[data-orientation="vertical"] > .m1ojb4:not(:only-child):last-child,._1remjsm[data-orientation="vertical"] > :not(:only-child):last-child .m1ojb4 {
37
- border-top-left-radius: 0;
38
- border-top-right-radius: 0;
39
- border-top-width: 0.5px;
40
- }
41
- ._1remjsm[data-orientation] > .m1ojb4:not(:first-child):not(:last-child),._1remjsm[data-orientation] > :not(:first-child):not(:last-child) .m1ojb4 {
42
- border-radius: 0;
43
- }
44
- ._1ozvedk {
45
- min-width: fit-content;
46
- }
47
- ._19g3fw0 {
48
- --_86yyzn: var(--ax-colors-bg-error);
49
- --_1jurlx3: var(--ax-colors-bg-error-hovered);
50
- --_1dx7gkj: var(--ax-colors-bg-error-pressed);
51
- --dlmzs1: var(--ax-colors-bg-error-subtlest);
52
- --_13tphz2: var(--ax-colors-bg-error-subtle);
53
- }
54
- ._4osacy {
55
- --_86yyzn: var(--ax-colors-bg-default-inverse);
56
- --_1jurlx3: var(--ax-colors-bg-default-inverse-hovered);
57
- --_1dx7gkj: var(--ax-colors-bg-default-inverse-pressed);
58
- --dlmzs1: var(--ax-colors-bg-secondary);
59
- --omhs5f: var(--ax-colors-border-default);
60
- --a4vuxd: var(--ax-colors-border-default);
61
- --_13tphz2: var(--ax-colors-bg-secondary-hovered);
62
- --_86kffc: var(--ax-colors-fg-default);
63
- }
64
- ._3u5k5d {
65
- --_86yyzn: var(--ax-colors-bg-accent);
66
- --_1jurlx3: var(--ax-colors-bg-accent-hovered);
67
- --_1dx7gkj: var(--ax-colors-bg-accent-pressed);
68
- --dlmzs1: var(--ax-colors-bg-accent-subtle);
69
- --_13tphz2: var(--ax-colors-bg-accent-light);
70
- }
71
- .s40ph6 {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--a4vuxd, var(--_86yyzn));
74
- color: var(--_86kffc, var(--_86yyzn));
75
- padding-inline: calc(var(--_5437hl) - 1px);
76
- }
77
- .s40ph6:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_13tphz2);
79
- border-color: var(--omhs5f, var(--_1jurlx3));
80
- }
81
- .s40ph6:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--dlmzs1);
83
- border-color: var(--omhs5f, var(--_1jurlx3));
84
- }
85
- .s40ph6: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
- .s40ph6[data-disabled]:not([data-loading]) {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- ._1c0q32t {
95
- background-color: var(--_86yyzn);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- ._1c0q32t:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--_1dx7gkj);
100
- }
101
- ._1c0q32t:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--_1jurlx3);
103
- }
104
- ._1c0q32t[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(--_5437hl) - 1px);
109
- }
110
- ._14wiz9k {
111
- background-color: transparent;
112
- border-color: var(--_86yyzn);
113
- color: var(--_86kffc, var(--_86yyzn));
114
- }
115
- ._14wiz9k:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_13tphz2);
117
- }
118
- ._14wiz9k:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--dlmzs1);
120
- }
121
- ._14wiz9k: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
- ._14wiz9k[data-disabled]:not([data-loading]) {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- .pxpmj9 {
129
- --_5437hl: 4px;
130
- }
131
- ._31dhmc {
132
- --_5437hl: 8px;
133
- }
134
- ._1hlpdji {
135
- --_5437hl: 12px;
136
- }
137
- .osd323 {
138
- position: absolute;
139
- }
140
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._1rozewy {
4
- opacity: 1;
5
- }
6
- .cc6363[data-loading] ._1rozewy {
7
- opacity: 0;
8
- }
9
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._1ug155r {
4
- display: none;
5
- }
6
- .jsyb4q:has(.rms7so:checked) ._1ug155r {
7
- display: block;
8
- }
9
- ._15j77rf {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_122174e);
12
- border-width: 1px;
13
- }
14
- .jsyb4q:has(.rms7so:checked) ._15j77rf {
15
- background-color: var(--_122174e);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._107jeoe {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._27rckk {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- .r2mblv {
9
- min-width: var(--_1l75oyo);
10
- }
11
- .bkg5tp {
12
- left: var(--_1e9okmr);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._1m8ld07 {
17
- min-width: var(--_1l75oyo);
18
- }
19
- ._1m9oree {
20
- left: var(--_1e9okmr);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._4ww1jr {
4
- cursor: default;
5
- }
6
- ._19hknp1 {
7
- cursor: pointer;
8
- }
9
- .coib4u:is(:not(:focus-within):not(:hover)) ._12ufyin {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes slbh7x {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes v2mevf {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom._186z7zz;
18
- @layer optiaxiom._186z7zz {
19
- .uin69s[data-state="closed"] {
20
- animation: v2mevf 300ms ease-out;
21
- }
22
- .uin69s[data-state="open"] {
23
- animation: slbh7x 300ms ease-out;
24
- }
25
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._1jie3kn {
4
- background-color: transparent;
5
- color: inherit;
6
- }
7
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._1dsqg92 {
4
- position: relative;
5
- }
6
- ._1wp9i8p {
7
- --maz7rt: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- .iuszk3 {
12
- --maz7rt: 4px;
13
- }
14
- .wiuzw0 {
15
- bottom: 4px;
16
- transform: translate(var(--maz7rt), var(--maz7rt));
17
- }
18
- ._18236vo {
19
- top: 4px;
20
- transform: translate(var(--maz7rt), calc(-1 * var(--maz7rt)));
21
- }
22
- ._98lcyr {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._98lcyr:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._1hw36fp:not(:empty) {
30
- min-width: 20px;
31
- }
32
- ._1rdapeb {
33
- position: absolute;
34
- }
35
- }
@@ -1,90 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._156widb {
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
- ._156widb:has(._1k9b3nw:focus):is([data-invalid]) {
11
- outline: 2px solid var(--ax-colors-bg-error-light);
12
- outline-offset: 1px;
13
- }
14
- ._156widb:has(._1k9b3nw:focus):not([data-invalid]):not([data-readonly]) {
15
- border-color: var(--ax-colors-border-accent);
16
- }
17
- ._156widb:has(._1k9b3nw:focus):not([data-invalid]) {
18
- outline: 2px solid var(--ax-colors-border-focus);
19
- outline-offset: 1px;
20
- }
21
- ._156widb:has(._1k9b3nw:focus) {
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- ._156widb:hover {
25
- border-color: var(--ax-colors-border-active);
26
- }
27
- ._156widb[data-invalid] {
28
- border-color: var(--ax-colors-border-error);
29
- }
30
- ._156widb[data-readonly] {
31
- border-color: var(--ax-colors-border-tertiary);
32
- }
33
- ._156widb[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
- ._1remjsm[data-orientation="horizontal"] > ._156widb:not(:first-child):not(:last-child),._1remjsm[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._156widb {
39
- border-inline-width: 0.5px;
40
- }
41
- ._1remjsm[data-orientation="horizontal"] > ._156widb:not(:only-child):first-child,._1remjsm[data-orientation="horizontal"] > :not(:only-child):first-child ._156widb {
42
- border-bottom-right-radius: 0;
43
- border-right-width: 0.5px;
44
- border-top-right-radius: 0;
45
- }
46
- ._1remjsm[data-orientation="horizontal"] > ._156widb:not(:only-child):last-child,._1remjsm[data-orientation="horizontal"] > :not(:only-child):last-child ._156widb {
47
- border-bottom-left-radius: 0;
48
- border-left-width: 0.5px;
49
- border-top-left-radius: 0;
50
- }
51
- ._1remjsm[data-orientation="vertical"] > ._156widb:not(:first-child):not(:last-child),._1remjsm[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._156widb {
52
- border-block-width: 0.5px;
53
- }
54
- ._1remjsm[data-orientation="vertical"] > ._156widb:not(:only-child):first-child,._1remjsm[data-orientation="vertical"] > :not(:only-child):first-child ._156widb {
55
- border-bottom-left-radius: 0;
56
- border-bottom-right-radius: 0;
57
- border-bottom-width: 0.5px;
58
- }
59
- ._1remjsm[data-orientation="vertical"] > ._156widb:not(:only-child):last-child,._1remjsm[data-orientation="vertical"] > :not(:only-child):last-child ._156widb {
60
- border-top-left-radius: 0;
61
- border-top-right-radius: 0;
62
- border-top-width: 0.5px;
63
- }
64
- ._1remjsm[data-orientation] > ._156widb:not(:first-child):not(:last-child),._1remjsm[data-orientation] > :not(:first-child):not(:last-child) ._156widb {
65
- border-radius: 0;
66
- }
67
- ._117tlk5 {
68
- font-size: 16px;
69
- line-height: 22px;
70
- min-width: 0;
71
- outline: 2px solid transparent;
72
- }
73
- ._117tlk5::placeholder {
74
- color: var(--ax-colors-fg-tertiary);
75
- }
76
- ._117tlk5[data-disabled]::placeholder {
77
- color: var(--ax-colors-fg-disabled);
78
- }
79
- ._117tlk5[data-readonly] {
80
- cursor: default;
81
- }
82
- @media screen and (min-width: 37.5rem) {
83
- .sgl097 {
84
- font-size: 14px;
85
- }
86
- ._7741n4 {
87
- font-size: 16px;
88
- }
89
- }
90
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- ._15w0tnd {
4
- text-decoration: none;
5
- }
6
- .oa3qb1 {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom._11ixw9w, optiaxiom._186z7zz;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom._186z7zz;
2
- @layer optiaxiom._186z7zz {
3
- .l76cjw {
4
- max-height: var(--pc5ucu);
5
- }
6
- .fwpaax {
7
- min-width: var(--_1kzy1hi);
8
- }
9
- ._1tc6tty {
10
- --pc5ucu: var(--radix-dropdown-menu-content-available-height);
11
- --_1kzy1hi: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- .fcuswj {
14
- --pc5ucu: var(--radix-popover-content-available-height);
15
- --_1kzy1hi: var(--radix-popover-trigger-width);
16
- }
17
- .j6rwtq {
18
- --pc5ucu: var(--radix-popper-available-height);
19
- --_1kzy1hi: var(--radix-popper-anchor-width);
20
- }
21
- }