@optiaxiom/react 0.4.0 → 0.4.2

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 (150) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-Q3NIqlJM.css → AlertDialogContent.css.ts.vanilla-smGvjG2W.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-EDbgAUpH.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-BSS4gDqH.css → AutocompleteContent.css.ts.vanilla-BWEuLmul.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DFwfPXh5.css +28 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-DkeeO3hp.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-DlV97In6.css → Box.css.ts.vanilla-DXsrXznr.css} +23 -23
  7. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CbhXWBhY.css +140 -0
  8. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-C4Loni8x.css +9 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-atE0BHRf.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-BokaFw0b.css +7 -0
  11. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-Dl7V0kqj.css +24 -0
  12. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BqcsCuQU.css +12 -0
  13. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-DysCGMhf.css → DialogContent.css.ts.vanilla-DQSg_hJt.css} +9 -9
  14. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DZGY_b0f.css +25 -0
  15. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DztATFY8.css → DisclosureTrigger.css.ts.vanilla-ubqGTRET.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CnCA4xNN.css → Drawer.css.ts.vanilla-Bc73PiWx.css} +8 -8
  17. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-B7Unn1_B.css → HoverCardContent.css.ts.vanilla-D36Wbt06.css} +3 -3
  18. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-D3ExxWPL.css +35 -0
  19. package/dist/assets/src/input/Input.css.ts.vanilla-qUnBToWI.css +15 -0
  20. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-Qg9a2v5X.css +87 -0
  21. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-CJhUGxYX.css +9 -0
  22. package/dist/assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css +1 -0
  23. package/dist/assets/src/link/{Link.css.ts.vanilla-B1rm-mfe.css → Link.css.ts.vanilla-DZR3tQvl.css} +12 -12
  24. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-DKxtbiF8.css +21 -0
  25. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-BVQ-U1yL.css +30 -0
  26. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BIEvtX5-.css +6 -0
  27. package/dist/assets/src/pill/{Pill.css.ts.vanilla-DzzbV1Nh.css → Pill.css.ts.vanilla-CRxFu2K1.css} +4 -4
  28. package/dist/assets/src/radio/Radio.css.ts.vanilla-DWN9BvL_.css +13 -0
  29. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DyfBXRnr.css +6 -0
  30. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-DzQIYsrh.css +7 -0
  31. package/dist/assets/src/separator/{Separator.css.ts.vanilla-N8U1QlYl.css → Separator.css.ts.vanilla-BxkwM7qo.css} +10 -10
  32. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-za4fE3C2.css +6 -0
  33. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BzoSQC9k.css +6 -0
  34. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-BhPIJGmv.css → properties.css.ts.vanilla-DOIoDpaY.css} +2069 -2069
  35. package/dist/assets/src/switch/Switch.css.ts.vanilla-B3UIwExm.css +26 -0
  36. package/dist/assets/src/table/{Table.css.ts.vanilla-D_TJfh-t.css → Table.css.ts.vanilla-94W1cxLN.css} +4 -4
  37. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-ByuslKwG.css +6 -0
  38. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-C1lyvuYS.css → TableCell.css.ts.vanilla-Zz530aGT.css} +4 -4
  39. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CVy9FZZS.css +6 -0
  40. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css +4 -0
  41. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-AqkJqHOu.css +9 -0
  42. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-8Bg2hQwp.css +23 -0
  43. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-_hN0PYnr.css → TabsTrigger.css.ts.vanilla-CVssx0q-.css} +10 -10
  44. package/dist/assets/src/text/{Text.css.ts.vanilla-BCJDfIr0.css → Text.css.ts.vanilla-B4gZFG-2.css} +8 -8
  45. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DbiBLo-Y.css +34 -0
  46. package/dist/assets/src/toast/Toast.css.ts.vanilla-CZhgjlMn.css +92 -0
  47. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CqJHVl4p.css → ToastProvider.css.ts.vanilla-B7r1EWKp.css} +9 -9
  48. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B5zW77Q6.css +23 -0
  49. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8-6yg8T.css +10 -0
  50. package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cnbq_Zqn.css → Transition.css.ts.vanilla-CVuwRXvD.css} +16 -16
  51. package/dist/index.d.ts +2 -2
  52. package/dist/package.json.js +1 -1
  53. package/dist/src/alert/Alert-css.js +1 -1
  54. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  55. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  56. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  57. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  58. package/dist/src/avatar/Avatar-css.js +4 -4
  59. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  60. package/dist/src/badge/Badge-css.js +3 -3
  61. package/dist/src/banner/Banner-css.js +1 -1
  62. package/dist/src/box/Box-css.js +3 -3
  63. package/dist/src/box/Box.js +1 -1
  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/checkbox/Checkbox.js +3 -3
  69. package/dist/src/code/Code-css.js +3 -3
  70. package/dist/src/command-footer/CommandFooter-css.js +1 -1
  71. package/dist/src/data-table/DataTable-css.js +7 -7
  72. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  73. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  74. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  75. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  76. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  77. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  78. package/dist/src/drawer/Drawer-css.js +5 -5
  79. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  80. package/dist/src/indicator/Indicator-css.js +5 -5
  81. package/dist/src/input/Input-css.js +3 -3
  82. package/dist/src/input-base/InputBase-css.js +5 -5
  83. package/dist/src/kbd/Kbd-css.js +3 -3
  84. package/dist/src/layers/layers-css.js +3 -3
  85. package/dist/src/link/Link-css.js +4 -4
  86. package/dist/src/listbox-base/ListboxBase-css.js +3 -3
  87. package/dist/src/listbox-item-base/ListboxItemBase-css.js +3 -3
  88. package/dist/src/pagination/Pagination-css.js +3 -3
  89. package/dist/src/pill/Pill-css.js +3 -3
  90. package/dist/src/radio/Radio-css.js +8 -8
  91. package/dist/src/radio/Radio.js +3 -3
  92. package/dist/src/search-input/SearchInput-css.js +4 -4
  93. package/dist/src/select-content/SelectContent-css.js +3 -3
  94. package/dist/src/separator/Separator-css.js +3 -3
  95. package/dist/src/sidenav-item/SidenavItem-css.js +5 -5
  96. package/dist/src/skeleton/Skeleton-css.js +3 -3
  97. package/dist/src/sprinkles/properties-css.js +4 -4
  98. package/dist/src/switch/Switch-css.js +8 -8
  99. package/dist/src/switch/Switch.js +2 -2
  100. package/dist/src/table/Table-css.js +4 -4
  101. package/dist/src/table-body/TableBody-css.js +3 -3
  102. package/dist/src/table-cell/TableCell-css.js +4 -4
  103. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  104. package/dist/src/table-row/TableRow-css.js +3 -3
  105. package/dist/src/tabs/Tabs-css.js +3 -3
  106. package/dist/src/tabs-list/TabsList-css.js +3 -3
  107. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  108. package/dist/src/text/Text-css.js +3 -3
  109. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  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-CwXE2VkG.css +0 -6
  119. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DBcDsevU.css +0 -27
  120. package/dist/assets/src/badge/Badge.css.ts.vanilla-v_WxKtkk.css +0 -46
  121. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-Cdep1j3a.css +0 -140
  122. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-B3UxIRoe.css +0 -9
  123. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-B4c8nGzf.css +0 -18
  124. package/dist/assets/src/code/Code.css.ts.vanilla-BE7HUNcL.css +0 -7
  125. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-BJs_Nl-b.css +0 -24
  126. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-xxkcym9y.css +0 -12
  127. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DGvnwBsb.css +0 -25
  128. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DT8h6YNZ.css +0 -35
  129. package/dist/assets/src/input/Input.css.ts.vanilla-BNBpG_wR.css +0 -15
  130. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BRh6TDMo.css +0 -87
  131. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DI26I3lo.css +0 -9
  132. package/dist/assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css +0 -1
  133. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-OxyS0fbd.css +0 -21
  134. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-2nkexoSY.css +0 -30
  135. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BO2HXPXk.css +0 -6
  136. package/dist/assets/src/radio/Radio.css.ts.vanilla-mURefw5x.css +0 -13
  137. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-D53cHAo4.css +0 -6
  138. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-MHnZ2e2d.css +0 -7
  139. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BQWU_ImM.css +0 -6
  140. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Chu8YOX_.css +0 -6
  141. package/dist/assets/src/switch/Switch.css.ts.vanilla-CaTyt1Cf.css +0 -26
  142. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BQo50gJY.css +0 -6
  143. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DhY1s_ZI.css +0 -6
  144. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css +0 -4
  145. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DvNrc0zR.css +0 -9
  146. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C4pwOkZI.css +0 -23
  147. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BCRMLxRG.css +0 -34
  148. package/dist/assets/src/toast/Toast.css.ts.vanilla-BmaWJko-.css +0 -92
  149. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css +0 -22
  150. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DM66CPyH.css +0 -10
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BCRMLxRG.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DbiBLo-Y.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var shadow = recipeRuntime({base:['_1u3ss6a','_6q14hu']});
6
- var textarea = recipeRuntime({base:['_1u3ss6a','_1itramf']});
7
- var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_149wf1u','c1ppvm'],'2':['_149wf1u','ke4m0t'],'3':['_149wf1u','im3wc2'],'4':['_149wf1u','_1uza4vx'],'5':['_149wf1u','_1ylye2b']},resize:{auto:{},none:{},vertical:'lrzmm6'}}});
5
+ var shadow = recipeRuntime({base:['_1uylavw','gw274j']});
6
+ var textarea = recipeRuntime({base:['_1uylavw','_175zmr9']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1b5o3hf','_1ywv402'],'2':['_1b5o3hf','_1ceblze'],'3':['_1b5o3hf','ch6pvm'],'4':['_1b5o3hf','_1nepadm'],'5':['_1b5o3hf','_1ys4fgl']},resize:{auto:{},none:{},vertical:'_1182y5j'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CqJHVl4p.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-BmaWJko-.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-B7r1EWKp.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-CZhgjlMn.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_8mdg2o']});
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']},'_1iz4ax9'],variants:{colorScheme:{danger:'_11yym0z',information:'lwow39',neutral:'ekg7yt',success:'qaozin',warning:'_1a3s9zc'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1zzzh6']});
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']},'_1i54r9b'],variants:{colorScheme:{danger:'_55yyau',information:'_1au9ti',neutral:'_136yg6h',success:'_61wzpt',warning:'_3k5eue'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CqJHVl4p.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-B7r1EWKp.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'},'qwh1ji'],variants:{position:{bottom:'_1bgj776','bottom-left':'_1imkpsi','bottom-right':'_19q3vca',top:'_1paqe','top-left':'_6y1kmd','top-right':'_18chrg4'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_19itiih'],variants:{position:{bottom:'_78jb9u','bottom-left':'v5oq6j','bottom-right':'_1enxa15',top:'_1y3bphn','top-left':'rqhmfs','top-right':'_144q2qf'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B5zW77Q6.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['vzh6tm',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1ku3jab']});
6
+ var toggleInput = recipeRuntime({base:['_1exljtq',{alignItems:'start',flexDirection:'row',gap:'xs'},'sb77pn']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css';
4
- import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DM66CPyH.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B5zW77Q6.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8-6yg8T.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['_1sfmuni']});
7
+ var control = recipeRuntime({base:['qbnnni']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8nEvBep.css';
3
3
 
4
- var className = 'bgi19g';
4
+ var className = '_11kgvng';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.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-B76KCQ9u.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-Cnbq_Zqn.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C0SoXsdY.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-CVuwRXvD.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'ho1lkj',variants:{duration:{sm:'_1bw4e7i',md:'pmg5bc',lg:'_5z7nc0'},type:{fade:'_6z6lwj',pop:'_11i2ynt'}}});
5
+ var transition = recipeRuntime({base:'ybm12d',variants:{duration:{sm:'_1kbqvhb',md:'_1jm6kdr',lg:'rv4u2w'},type:{fade:'_1or10xi',pop:'_1e29xe1'}}});
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.4.0",
10
+ "version": "0.4.2",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1uuyq8l {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,27 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .czbj6k {
4
- user-select: none;
5
- }
6
- ._1eoc0c0 .czbj6k {
7
- border: 1px solid var(--ax-colors-bg-default);
8
- }
9
- ._1eoc0c0 ._716prs:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- ._1eoc0c0 ._1fkw5wv:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- ._1eoc0c0 .bji5v8:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- ._1eoc0c0 ._1tee3t1:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- ._1eoc0c0 ._197h5ch:not(:first-child) {
22
- margin-left: -11px;
23
- }
24
- ._1eoc0c0 .ed8yc7:not(:first-child) {
25
- margin-left: -13px;
26
- }
27
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1nc2zx3 {
4
- --_1l14nvc: var(--ax-colors-fg-white);
5
- }
6
- .slgk6x {
7
- --_1nygnfo: var(--ax-colors-bg-error);
8
- --vcpe0q: var(--ax-colors-bg-error-subtle);
9
- --crbss4: var(--ax-colors-fg-error-strong);
10
- }
11
- .j5os2w {
12
- --_1nygnfo: var(--ax-colors-bg-information);
13
- --vcpe0q: var(--ax-colors-bg-information-subtle);
14
- --crbss4: var(--ax-colors-fg-information-strong);
15
- }
16
- ._8p5rhv {
17
- --_1nygnfo: var(--ax-colors-bg-tertiary);
18
- --_1l14nvc: var(--ax-colors-fg-default);
19
- --vcpe0q: var(--ax-colors-bg-secondary);
20
- --crbss4: var(--ax-colors-fg-secondary);
21
- }
22
- .i64itj {
23
- --_1nygnfo: var(--ax-colors-bg-accent);
24
- --vcpe0q: var(--ax-colors-bg-accent-subtle);
25
- --crbss4: var(--ax-colors-fg-accent-strong);
26
- }
27
- ._1lomvqb {
28
- --_1nygnfo: var(--ax-colors-bg-success);
29
- --vcpe0q: var(--ax-colors-bg-success-subtle);
30
- --crbss4: var(--ax-colors-fg-success-strong);
31
- }
32
- ._1m4x20b {
33
- --_1nygnfo: var(--ax-colors-bg-warning);
34
- --_1l14nvc: var(--ax-colors-fg-warning-inverse);
35
- --vcpe0q: var(--ax-colors-bg-warning-subtle);
36
- --crbss4: var(--ax-colors-fg-warning-strong);
37
- }
38
- ._4g7if8 {
39
- background-color: var(--vcpe0q);
40
- color: var(--crbss4);
41
- }
42
- ._1ny8n3m {
43
- background-color: var(--_1nygnfo);
44
- color: var(--_1l14nvc);
45
- }
46
- }
@@ -1,140 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1im33aw {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--qcifu6);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- ._1im33aw: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
- .awlold[data-orientation="horizontal"] > ._1im33aw:not(:first-child):not(:last-child),.awlold[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1im33aw {
16
- border-inline-width: 0.5px;
17
- }
18
- .awlold[data-orientation="horizontal"] > ._1im33aw:not(:only-child):first-child,.awlold[data-orientation="horizontal"] > :not(:only-child):first-child ._1im33aw {
19
- border-bottom-right-radius: 0;
20
- border-right-width: 0.5px;
21
- border-top-right-radius: 0;
22
- }
23
- .awlold[data-orientation="horizontal"] > ._1im33aw:not(:only-child):last-child,.awlold[data-orientation="horizontal"] > :not(:only-child):last-child ._1im33aw {
24
- border-bottom-left-radius: 0;
25
- border-left-width: 0.5px;
26
- border-top-left-radius: 0;
27
- }
28
- .awlold[data-orientation="vertical"] > ._1im33aw:not(:first-child):not(:last-child),.awlold[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1im33aw {
29
- border-block-width: 0.5px;
30
- }
31
- .awlold[data-orientation="vertical"] > ._1im33aw:not(:only-child):first-child,.awlold[data-orientation="vertical"] > :not(:only-child):first-child ._1im33aw {
32
- border-bottom-left-radius: 0;
33
- border-bottom-right-radius: 0;
34
- border-bottom-width: 0.5px;
35
- }
36
- .awlold[data-orientation="vertical"] > ._1im33aw:not(:only-child):last-child,.awlold[data-orientation="vertical"] > :not(:only-child):last-child ._1im33aw {
37
- border-top-left-radius: 0;
38
- border-top-right-radius: 0;
39
- border-top-width: 0.5px;
40
- }
41
- .awlold[data-orientation] > ._1im33aw:not(:first-child):not(:last-child),.awlold[data-orientation] > :not(:first-child):not(:last-child) ._1im33aw {
42
- border-radius: 0;
43
- }
44
- .if8skd {
45
- --_1ejicis: var(--ax-colors-bg-error);
46
- --_1ygiyke: var(--ax-colors-bg-error-hovered);
47
- --_1262eou: var(--ax-colors-bg-error-pressed);
48
- --_16mk45b: var(--ax-colors-bg-error-subtlest);
49
- --_15digqz: var(--ax-colors-bg-error-subtle);
50
- }
51
- .c4fjjx {
52
- --_1ejicis: var(--ax-colors-bg-default-inverse);
53
- --_1ygiyke: var(--ax-colors-bg-default-inverse-hovered);
54
- --_1262eou: var(--ax-colors-bg-default-inverse-pressed);
55
- --_16mk45b: var(--ax-colors-bg-secondary);
56
- --_1d8dox6: var(--ax-colors-border-default);
57
- --_8jejae: var(--ax-colors-border-default);
58
- --_15digqz: var(--ax-colors-bg-secondary-hovered);
59
- --cpsmx4: var(--ax-colors-fg-default);
60
- }
61
- ._12vdocu {
62
- --_1ejicis: var(--ax-colors-bg-accent);
63
- --_1ygiyke: var(--ax-colors-bg-accent-hovered);
64
- --_1262eou: var(--ax-colors-bg-accent-pressed);
65
- --_16mk45b: var(--ax-colors-bg-accent-subtle);
66
- --_15digqz: var(--ax-colors-bg-accent-light);
67
- }
68
- .xg4fm5 {
69
- min-width: fit-content;
70
- }
71
- ._1p96fk1 {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--_8jejae, var(--_1ejicis));
74
- color: var(--cpsmx4, var(--_1ejicis));
75
- padding-inline: calc(var(--qcifu6) - 1px);
76
- }
77
- ._1p96fk1:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_15digqz);
79
- border-color: var(--_1d8dox6, var(--_1ygiyke));
80
- }
81
- ._1p96fk1:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_16mk45b);
83
- border-color: var(--_1d8dox6, var(--_1ygiyke));
84
- }
85
- ._1p96fk1: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
- ._1p96fk1[data-disabled] {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- .pm6twy {
95
- background-color: var(--_1ejicis);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- .pm6twy:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--_1262eou);
100
- }
101
- .pm6twy:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--_1ygiyke);
103
- }
104
- .pm6twy[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(--qcifu6) - 1px);
109
- }
110
- ._1iwd84e {
111
- background-color: transparent;
112
- border-color: var(--_1ejicis);
113
- color: var(--cpsmx4, var(--_1ejicis));
114
- }
115
- ._1iwd84e:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_15digqz);
117
- }
118
- ._1iwd84e:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_16mk45b);
120
- }
121
- ._1iwd84e: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
- ._1iwd84e[data-disabled] {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- .hnlowv {
129
- --qcifu6: 4px;
130
- }
131
- ._1syvzmn {
132
- --qcifu6: 8px;
133
- }
134
- ._1a8wi93 {
135
- --qcifu6: 12px;
136
- }
137
- ._1sgmzw9 {
138
- position: absolute;
139
- }
140
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1343gin {
4
- opacity: 1;
5
- }
6
- .lmxxxn[data-loading] ._1343gin {
7
- opacity: 0;
8
- }
9
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .kv7kfb {
4
- display: none;
5
- }
6
- ._855f5a:has(._1jecikf:checked) .kv7kfb {
7
- display: block;
8
- }
9
- ._1683711 {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_4p01u2);
12
- border-width: 1px;
13
- }
14
- ._855f5a:has(._1jecikf:checked) ._1683711 {
15
- background-color: var(--_4p01u2);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .co0rt5 {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._177uole {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- ._1oaj2ea {
9
- min-width: var(--_1so5qbr);
10
- }
11
- .mdovb5 {
12
- left: var(--rfixh2);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._9fxd1r {
17
- min-width: var(--_1so5qbr);
18
- }
19
- ._4f317o {
20
- left: var(--rfixh2);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1o1idrn {
4
- cursor: default;
5
- }
6
- .se8b47 {
7
- cursor: pointer;
8
- }
9
- ._1kb3mlj:is(:not(:focus-within):not(:hover)) ._5qpha9 {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes fqf32m {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes qthwh2 {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom.z7nceq;
18
- @layer optiaxiom.z7nceq {
19
- ._1fj23l4[data-state="closed"] {
20
- animation: qthwh2 300ms ease-out;
21
- }
22
- ._1fj23l4[data-state="open"] {
23
- animation: fqf32m 300ms ease-out;
24
- }
25
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._3f1sdu {
4
- position: relative;
5
- }
6
- ._1vip953 {
7
- --_1a08lor: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- ._1qy7tev {
12
- --_1a08lor: 4px;
13
- }
14
- ._1wnigzz {
15
- bottom: 4px;
16
- transform: translate(var(--_1a08lor), var(--_1a08lor));
17
- }
18
- ._19zbvim {
19
- top: 4px;
20
- transform: translate(var(--_1a08lor), calc(-1 * var(--_1a08lor)));
21
- }
22
- ._1m6jld1 {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._1m6jld1:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._1cn5d5d:not(:empty) {
30
- min-width: 20px;
31
- }
32
- ._1tmq43t {
33
- position: absolute;
34
- }
35
- }
@@ -1,15 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .u2iwyl {
4
- margin-right: 8px;
5
- }
6
- ._15qqgxj {
7
- margin-left: 8px;
8
- }
9
- .xdl54h {
10
- margin-right: 4;
11
- }
12
- .rknk1b {
13
- margin-left: 4;
14
- }
15
- }
@@ -1,87 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1uptgoh {
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
- ._1uptgoh:has(.ekct3w:focus):is([data-invalid]) {
11
- outline: 2px solid var(--ax-colors-bg-error-light);
12
- outline-offset: 1px;
13
- }
14
- ._1uptgoh:has(.ekct3w:focus):not([data-invalid]):not([data-readonly]) {
15
- border-color: var(--ax-colors-border-accent);
16
- }
17
- ._1uptgoh:has(.ekct3w:focus):not([data-invalid]) {
18
- outline: 2px solid var(--ax-colors-border-focus);
19
- outline-offset: 1px;
20
- }
21
- ._1uptgoh:has(.ekct3w:focus) {
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- ._1uptgoh:hover {
25
- border-color: var(--ax-colors-border-active);
26
- }
27
- ._1uptgoh[data-invalid] {
28
- border-color: var(--ax-colors-border-error);
29
- }
30
- ._1uptgoh[data-readonly] {
31
- border-color: var(--ax-colors-border-tertiary);
32
- }
33
- ._1uptgoh[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
- .awlold[data-orientation="horizontal"] > ._1uptgoh:not(:first-child):not(:last-child),.awlold[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1uptgoh {
39
- border-inline-width: 0.5px;
40
- }
41
- .awlold[data-orientation="horizontal"] > ._1uptgoh:not(:only-child):first-child,.awlold[data-orientation="horizontal"] > :not(:only-child):first-child ._1uptgoh {
42
- border-bottom-right-radius: 0;
43
- border-right-width: 0.5px;
44
- border-top-right-radius: 0;
45
- }
46
- .awlold[data-orientation="horizontal"] > ._1uptgoh:not(:only-child):last-child,.awlold[data-orientation="horizontal"] > :not(:only-child):last-child ._1uptgoh {
47
- border-bottom-left-radius: 0;
48
- border-left-width: 0.5px;
49
- border-top-left-radius: 0;
50
- }
51
- .awlold[data-orientation="vertical"] > ._1uptgoh:not(:first-child):not(:last-child),.awlold[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1uptgoh {
52
- border-block-width: 0.5px;
53
- }
54
- .awlold[data-orientation="vertical"] > ._1uptgoh:not(:only-child):first-child,.awlold[data-orientation="vertical"] > :not(:only-child):first-child ._1uptgoh {
55
- border-bottom-left-radius: 0;
56
- border-bottom-right-radius: 0;
57
- border-bottom-width: 0.5px;
58
- }
59
- .awlold[data-orientation="vertical"] > ._1uptgoh:not(:only-child):last-child,.awlold[data-orientation="vertical"] > :not(:only-child):last-child ._1uptgoh {
60
- border-top-left-radius: 0;
61
- border-top-right-radius: 0;
62
- border-top-width: 0.5px;
63
- }
64
- .awlold[data-orientation] > ._1uptgoh:not(:first-child):not(:last-child),.awlold[data-orientation] > :not(:first-child):not(:last-child) ._1uptgoh {
65
- border-radius: 0;
66
- }
67
- ._11xlerj {
68
- font-size: 16px;
69
- line-height: 22px;
70
- min-width: 0;
71
- outline: 2px solid transparent;
72
- }
73
- ._11xlerj::placeholder {
74
- color: var(--ax-colors-fg-tertiary);
75
- }
76
- ._11xlerj[data-disabled]::placeholder {
77
- color: var(--ax-colors-fg-disabled);
78
- }
79
- ._11xlerj[data-readonly] {
80
- cursor: default;
81
- }
82
- @media screen and (min-width: 37.5rem) {
83
- .h9piwq {
84
- font-size: 14px;
85
- }
86
- }
87
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- .gkv87b {
4
- text-decoration: none;
5
- }
6
- ._18cbnur {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom.i2qz3s, optiaxiom.z7nceq;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1g9jprk {
4
- max-height: var(--t3cvat);
5
- }
6
- .rkbwjf {
7
- min-width: var(--_1sibf6f);
8
- }
9
- .xz7kio {
10
- --t3cvat: var(--radix-dropdown-menu-content-available-height);
11
- --_1sibf6f: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- .r6x13q {
14
- --t3cvat: var(--radix-popover-content-available-height);
15
- --_1sibf6f: var(--radix-popover-trigger-width);
16
- }
17
- ._1d3jmpq {
18
- --t3cvat: var(--radix-popper-available-height);
19
- --_1sibf6f: var(--radix-popper-anchor-width);
20
- }
21
- }
@@ -1,30 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._45qcqv {
4
- user-select: none;
5
- }
6
- ._45qcqv:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- ._45qcqv:not([data-disabled]) {
10
- color: var(--dxdda0);
11
- cursor: pointer;
12
- }
13
- ._45qcqv:not([data-disabled])[data-highlighted] {
14
- background-color: var(--_1nfdjxk);
15
- }
16
- ._45qcqv:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-bg-secondary-hovered);
18
- }
19
- ._45qcqv[data-disabled] {
20
- opacity: 0.3;
21
- }
22
- ._1gio6ec {
23
- --dxdda0: var(--ax-colors-fg-error);
24
- --_1nfdjxk: var(--ax-colors-bg-error-subtle);
25
- }
26
- .hu3pbs {
27
- --dxdda0: var(--ax-colors-fg-default);
28
- --_1nfdjxk: var(--ax-colors-bg-secondary);
29
- }
30
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.z7nceq;
2
- @layer optiaxiom.z7nceq {
3
- ._1gihcra {
4
- min-width: var(--ax-size-md);
5
- }
6
- }