@optiaxiom/react 0.4.1 → 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 (147) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-BjsLbBg2.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-D2q7OmFt.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-CfkLnGor.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-DkH1W5Ig.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-ltUjGKo_.css → DisclosureTrigger.css.ts.vanilla-ubqGTRET.css} +7 -7
  16. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-JF5YhNTl.css → Drawer.css.ts.vanilla-Bc73PiWx.css} +8 -8
  17. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-DQL81kGv.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-D8eEWx7Q.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-Nzz1kDwM.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-Djq4ivaD.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-CWvQZl1t.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-DPnxj6ds.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-CWYFH1ja.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-rnXLTTnr.css → TabsTrigger.css.ts.vanilla-CVssx0q-.css} +10 -10
  44. package/dist/assets/src/text/{Text.css.ts.vanilla-CssEj0iO.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-DgnsHKZr.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-Bn7W5w5n.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/code/Code-css.js +3 -3
  69. package/dist/src/command-footer/CommandFooter-css.js +1 -1
  70. package/dist/src/data-table/DataTable-css.js +7 -7
  71. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  72. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  73. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  74. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  75. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  76. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  77. package/dist/src/drawer/Drawer-css.js +5 -5
  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 +3 -3
  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 +3 -3
  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/sprinkles/properties-css.js +4 -4
  96. package/dist/src/switch/Switch-css.js +8 -8
  97. package/dist/src/table/Table-css.js +4 -4
  98. package/dist/src/table-body/TableBody-css.js +3 -3
  99. package/dist/src/table-cell/TableCell-css.js +4 -4
  100. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  101. package/dist/src/table-row/TableRow-css.js +3 -3
  102. package/dist/src/tabs/Tabs-css.js +3 -3
  103. package/dist/src/tabs-list/TabsList-css.js +3 -3
  104. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  105. package/dist/src/text/Text-css.js +3 -3
  106. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  107. package/dist/src/toast/Toast-css.js +5 -5
  108. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  109. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  110. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  111. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  112. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  113. package/dist/src/transition/Transition-css.js +3 -3
  114. package/package.json +1 -1
  115. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-Dkx8GuIM.css +0 -6
  116. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-D7MGa7gZ.css +0 -27
  117. package/dist/assets/src/badge/Badge.css.ts.vanilla-BA6Q7BZT.css +0 -46
  118. package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-Ck0aWKM6.css +0 -140
  119. package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CmKkqT9H.css +0 -9
  120. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-D0ZR8bIj.css +0 -18
  121. package/dist/assets/src/code/Code.css.ts.vanilla-D0vmN0zX.css +0 -7
  122. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-BEwVs_cz.css +0 -24
  123. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BkykLVv2.css +0 -12
  124. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Czl73OF_.css +0 -25
  125. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CgMxo5QV.css +0 -35
  126. package/dist/assets/src/input/Input.css.ts.vanilla-Bikihc9H.css +0 -15
  127. package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BZRXj-Oz.css +0 -87
  128. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BdtXsqNY.css +0 -9
  129. package/dist/assets/src/layers/layers.css.ts.vanilla-CJGLgFlR.css +0 -1
  130. package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-BuEazx6Q.css +0 -21
  131. package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-CqgbwB14.css +0 -30
  132. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CLog_a4B.css +0 -6
  133. package/dist/assets/src/radio/Radio.css.ts.vanilla-DtDPLrLz.css +0 -13
  134. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-B-hZg6l1.css +0 -6
  135. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-NbDBejcJ.css +0 -7
  136. package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CAfC0M3O.css +0 -6
  137. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BeRakB99.css +0 -6
  138. package/dist/assets/src/switch/Switch.css.ts.vanilla-Cmj5k05p.css +0 -26
  139. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C_thCR-6.css +0 -6
  140. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-D2bQC-mj.css +0 -6
  141. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.css +0 -4
  142. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Bt63R1VM.css +0 -9
  143. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DDRTAOLe.css +0 -23
  144. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BMPJ258X.css +0 -34
  145. package/dist/assets/src/toast/Toast.css.ts.vanilla-BK49eS0Z.css +0 -92
  146. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5-kSVrB.css +0 -23
  147. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BJizrQco.css +0 -10
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CJGLgFlR.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BMPJ258X.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:['_2ozu7z','dsk6zl']});
6
- var textarea = recipeRuntime({base:['_2ozu7z','_17v84w0']});
7
- var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1ob79ub','_17udwxk'],'2':['_1ob79ub','_1hxf75l'],'3':['_1ob79ub','_1e1clhj'],'4':['_1ob79ub','_1wvg4ra'],'5':['_1ob79ub','uk6uyf']},resize:{auto:{},none:{},vertical:'_1jsw45i'}}});
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-CJGLgFlR.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DgnsHKZr.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-BK49eS0Z.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'},'_6ee2q1']});
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']},'tr7tgp'],variants:{colorScheme:{danger:'_5wogmy',information:'u1jt1',neutral:'_48jvy3',success:'_18gidd4',warning:'_10v0fv4'}}});
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-CJGLgFlR.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DgnsHKZr.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'},'ekc9f3'],variants:{position:{bottom:'fiwio2','bottom-left':'jcp7r9','bottom-right':'_14w8dpe',top:'dgck9q','top-left':'_8uum8a','top-right':'zel7d9'}}});
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-CJGLgFlR.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5-kSVrB.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:['_1xuu3mr',{alignItems:'start',flexDirection:'row',gap:'xs'},'fxivo6']});
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-CJGLgFlR.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D5-kSVrB.css';
4
- import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BJizrQco.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:['xj35tb']});
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-CJGLgFlR.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CBiq1NLv.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 = '_1e4k8g5';
4
+ var className = '_11kgvng';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CJGLgFlR.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-CJGLgFlR.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-Bn7W5w5n.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:'hp1iqb',variants:{duration:{sm:'_1j56c8n',md:'_97grma',lg:'afu7hk'},type:{fade:'_1txai0b',pop:'bu66oa'}}});
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.1",
10
+ "version": "0.4.2",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._16pfkr {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,27 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._1szi2lk {
4
- user-select: none;
5
- }
6
- ._7pyxaz ._1szi2lk {
7
- border: 1px solid var(--ax-colors-bg-default);
8
- }
9
- ._7pyxaz ._1akvnwz:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- ._7pyxaz ._1j90cq5:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- ._7pyxaz ._1nj1kkj:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- ._7pyxaz ._1a0lrgy:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- ._7pyxaz ._1bgtg5l:not(:first-child) {
22
- margin-left: -11px;
23
- }
24
- ._7pyxaz ._7aupqs:not(:first-child) {
25
- margin-left: -13px;
26
- }
27
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._1a4cfo {
4
- --iq8ewd: var(--ax-colors-fg-white);
5
- }
6
- .e950cv {
7
- --_1ptjpnh: var(--ax-colors-bg-error);
8
- --_14i5ca5: var(--ax-colors-bg-error-subtle);
9
- --qzqqfw: var(--ax-colors-fg-error-strong);
10
- }
11
- ._1lgdxp2 {
12
- --_1ptjpnh: var(--ax-colors-bg-information);
13
- --_14i5ca5: var(--ax-colors-bg-information-subtle);
14
- --qzqqfw: var(--ax-colors-fg-information-strong);
15
- }
16
- .hhz5xa {
17
- --_1ptjpnh: var(--ax-colors-bg-tertiary);
18
- --iq8ewd: var(--ax-colors-fg-default);
19
- --_14i5ca5: var(--ax-colors-bg-secondary);
20
- --qzqqfw: var(--ax-colors-fg-secondary);
21
- }
22
- .djva03 {
23
- --_1ptjpnh: var(--ax-colors-bg-accent);
24
- --_14i5ca5: var(--ax-colors-bg-accent-subtle);
25
- --qzqqfw: var(--ax-colors-fg-accent-strong);
26
- }
27
- ._4e26lv {
28
- --_1ptjpnh: var(--ax-colors-bg-success);
29
- --_14i5ca5: var(--ax-colors-bg-success-subtle);
30
- --qzqqfw: var(--ax-colors-fg-success-strong);
31
- }
32
- ._1821ybr {
33
- --_1ptjpnh: var(--ax-colors-bg-warning);
34
- --iq8ewd: var(--ax-colors-fg-warning-inverse);
35
- --_14i5ca5: var(--ax-colors-bg-warning-subtle);
36
- --qzqqfw: var(--ax-colors-fg-warning-strong);
37
- }
38
- .ijd6d0 {
39
- background-color: var(--_14i5ca5);
40
- color: var(--qzqqfw);
41
- }
42
- .j3n8w5 {
43
- background-color: var(--_1ptjpnh);
44
- color: var(--iq8ewd);
45
- }
46
- }
@@ -1,140 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._1uj9ghf {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--zc9rti);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- ._1uj9ghf: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
- ._1fa19a5[data-orientation="horizontal"] > ._1uj9ghf:not(:first-child):not(:last-child),._1fa19a5[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1uj9ghf {
16
- border-inline-width: 0.5px;
17
- }
18
- ._1fa19a5[data-orientation="horizontal"] > ._1uj9ghf:not(:only-child):first-child,._1fa19a5[data-orientation="horizontal"] > :not(:only-child):first-child ._1uj9ghf {
19
- border-bottom-right-radius: 0;
20
- border-right-width: 0.5px;
21
- border-top-right-radius: 0;
22
- }
23
- ._1fa19a5[data-orientation="horizontal"] > ._1uj9ghf:not(:only-child):last-child,._1fa19a5[data-orientation="horizontal"] > :not(:only-child):last-child ._1uj9ghf {
24
- border-bottom-left-radius: 0;
25
- border-left-width: 0.5px;
26
- border-top-left-radius: 0;
27
- }
28
- ._1fa19a5[data-orientation="vertical"] > ._1uj9ghf:not(:first-child):not(:last-child),._1fa19a5[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1uj9ghf {
29
- border-block-width: 0.5px;
30
- }
31
- ._1fa19a5[data-orientation="vertical"] > ._1uj9ghf:not(:only-child):first-child,._1fa19a5[data-orientation="vertical"] > :not(:only-child):first-child ._1uj9ghf {
32
- border-bottom-left-radius: 0;
33
- border-bottom-right-radius: 0;
34
- border-bottom-width: 0.5px;
35
- }
36
- ._1fa19a5[data-orientation="vertical"] > ._1uj9ghf:not(:only-child):last-child,._1fa19a5[data-orientation="vertical"] > :not(:only-child):last-child ._1uj9ghf {
37
- border-top-left-radius: 0;
38
- border-top-right-radius: 0;
39
- border-top-width: 0.5px;
40
- }
41
- ._1fa19a5[data-orientation] > ._1uj9ghf:not(:first-child):not(:last-child),._1fa19a5[data-orientation] > :not(:first-child):not(:last-child) ._1uj9ghf {
42
- border-radius: 0;
43
- }
44
- ._1krjk9t {
45
- --_1qqv0ao: var(--ax-colors-bg-error);
46
- --_15r094w: var(--ax-colors-bg-error-hovered);
47
- --_178pilj: var(--ax-colors-bg-error-pressed);
48
- --_1409hte: var(--ax-colors-bg-error-subtlest);
49
- --_1wl4zvx: var(--ax-colors-bg-error-subtle);
50
- }
51
- ._7ymcgj {
52
- --_1qqv0ao: var(--ax-colors-bg-default-inverse);
53
- --_15r094w: var(--ax-colors-bg-default-inverse-hovered);
54
- --_178pilj: var(--ax-colors-bg-default-inverse-pressed);
55
- --_1409hte: var(--ax-colors-bg-secondary);
56
- --xpgmab: var(--ax-colors-border-default);
57
- --_10527hp: var(--ax-colors-border-default);
58
- --_1wl4zvx: var(--ax-colors-bg-secondary-hovered);
59
- --oylm2s: var(--ax-colors-fg-default);
60
- }
61
- .cgluc7 {
62
- --_1qqv0ao: var(--ax-colors-bg-accent);
63
- --_15r094w: var(--ax-colors-bg-accent-hovered);
64
- --_178pilj: var(--ax-colors-bg-accent-pressed);
65
- --_1409hte: var(--ax-colors-bg-accent-subtle);
66
- --_1wl4zvx: var(--ax-colors-bg-accent-light);
67
- }
68
- ._152x9dc {
69
- min-width: fit-content;
70
- }
71
- .wtky8q {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--_10527hp, var(--_1qqv0ao));
74
- color: var(--oylm2s, var(--_1qqv0ao));
75
- padding-inline: calc(var(--zc9rti) - 1px);
76
- }
77
- .wtky8q:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_1wl4zvx);
79
- border-color: var(--xpgmab, var(--_15r094w));
80
- }
81
- .wtky8q:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_1409hte);
83
- border-color: var(--xpgmab, var(--_15r094w));
84
- }
85
- .wtky8q: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
- .wtky8q[data-disabled] {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- .d71udw {
95
- background-color: var(--_1qqv0ao);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- .d71udw:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--_178pilj);
100
- }
101
- .d71udw:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--_15r094w);
103
- }
104
- .d71udw[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(--zc9rti) - 1px);
109
- }
110
- ._1ig1tyy {
111
- background-color: transparent;
112
- border-color: var(--_1qqv0ao);
113
- color: var(--oylm2s, var(--_1qqv0ao));
114
- }
115
- ._1ig1tyy:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_1wl4zvx);
117
- }
118
- ._1ig1tyy:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_1409hte);
120
- }
121
- ._1ig1tyy: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
- ._1ig1tyy[data-disabled] {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- ._2uqul0 {
129
- --zc9rti: 4px;
130
- }
131
- ._1jzddv0 {
132
- --zc9rti: 8px;
133
- }
134
- .m0rlnd {
135
- --zc9rti: 12px;
136
- }
137
- ._1aorbxq {
138
- position: absolute;
139
- }
140
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- .ahy3jn {
4
- opacity: 1;
5
- }
6
- ._1xguw4a[data-loading] .ahy3jn {
7
- opacity: 0;
8
- }
9
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- .tiur9w {
4
- display: none;
5
- }
6
- ._15slc10:has(._1i94cx7:checked) .tiur9w {
7
- display: block;
8
- }
9
- ._1qjmzts {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_1nn1lom);
12
- border-width: 1px;
13
- }
14
- ._15slc10:has(._1i94cx7:checked) ._1qjmzts {
15
- background-color: var(--_1nn1lom);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._3i1djd {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._1e5v1zm {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- ._10uxhk3 {
9
- min-width: var(--_16nowpf);
10
- }
11
- ._11q8lxl {
12
- left: var(--v9bfn5);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._6wikys {
17
- min-width: var(--_16nowpf);
18
- }
19
- .f6glr1 {
20
- left: var(--v9bfn5);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._1vanb40 {
4
- cursor: default;
5
- }
6
- ._1y07dw9 {
7
- cursor: pointer;
8
- }
9
- .yqqagy:is(:not(:focus-within):not(:hover)) .k49nk2 {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes _1u7j994 {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes _8b5ar3 {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom.wv04ab;
18
- @layer optiaxiom.wv04ab {
19
- ._1j0vfyy[data-state="closed"] {
20
- animation: _8b5ar3 300ms ease-out;
21
- }
22
- ._1j0vfyy[data-state="open"] {
23
- animation: _1u7j994 300ms ease-out;
24
- }
25
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- .sy7vnm {
4
- position: relative;
5
- }
6
- ._8qi4qr {
7
- --pay56h: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- ._12p7c95 {
12
- --pay56h: 4px;
13
- }
14
- .e7pcmh {
15
- bottom: 4px;
16
- transform: translate(var(--pay56h), var(--pay56h));
17
- }
18
- ._8xb315 {
19
- top: 4px;
20
- transform: translate(var(--pay56h), calc(-1 * var(--pay56h)));
21
- }
22
- ._1pzj17q {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._1pzj17q:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._197qeep:not(:empty) {
30
- min-width: 20px;
31
- }
32
- ._1k979p5 {
33
- position: absolute;
34
- }
35
- }
@@ -1,15 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- .k0xhoj {
4
- margin-right: 8px;
5
- }
6
- ._1wtdbh0 {
7
- margin-left: 8px;
8
- }
9
- ._1j3rxz7 {
10
- margin-right: 4;
11
- }
12
- ._1e9dfpk {
13
- margin-left: 4;
14
- }
15
- }
@@ -1,87 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- .g4zn5b {
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
- .g4zn5b:has(.g56k:focus):is([data-invalid]) {
11
- outline: 2px solid var(--ax-colors-bg-error-light);
12
- outline-offset: 1px;
13
- }
14
- .g4zn5b:has(.g56k:focus):not([data-invalid]):not([data-readonly]) {
15
- border-color: var(--ax-colors-border-accent);
16
- }
17
- .g4zn5b:has(.g56k:focus):not([data-invalid]) {
18
- outline: 2px solid var(--ax-colors-border-focus);
19
- outline-offset: 1px;
20
- }
21
- .g4zn5b:has(.g56k:focus) {
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- .g4zn5b:hover {
25
- border-color: var(--ax-colors-border-active);
26
- }
27
- .g4zn5b[data-invalid] {
28
- border-color: var(--ax-colors-border-error);
29
- }
30
- .g4zn5b[data-readonly] {
31
- border-color: var(--ax-colors-border-tertiary);
32
- }
33
- .g4zn5b[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
- ._1fa19a5[data-orientation="horizontal"] > .g4zn5b:not(:first-child):not(:last-child),._1fa19a5[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .g4zn5b {
39
- border-inline-width: 0.5px;
40
- }
41
- ._1fa19a5[data-orientation="horizontal"] > .g4zn5b:not(:only-child):first-child,._1fa19a5[data-orientation="horizontal"] > :not(:only-child):first-child .g4zn5b {
42
- border-bottom-right-radius: 0;
43
- border-right-width: 0.5px;
44
- border-top-right-radius: 0;
45
- }
46
- ._1fa19a5[data-orientation="horizontal"] > .g4zn5b:not(:only-child):last-child,._1fa19a5[data-orientation="horizontal"] > :not(:only-child):last-child .g4zn5b {
47
- border-bottom-left-radius: 0;
48
- border-left-width: 0.5px;
49
- border-top-left-radius: 0;
50
- }
51
- ._1fa19a5[data-orientation="vertical"] > .g4zn5b:not(:first-child):not(:last-child),._1fa19a5[data-orientation="vertical"] > :not(:first-child):not(:last-child) .g4zn5b {
52
- border-block-width: 0.5px;
53
- }
54
- ._1fa19a5[data-orientation="vertical"] > .g4zn5b:not(:only-child):first-child,._1fa19a5[data-orientation="vertical"] > :not(:only-child):first-child .g4zn5b {
55
- border-bottom-left-radius: 0;
56
- border-bottom-right-radius: 0;
57
- border-bottom-width: 0.5px;
58
- }
59
- ._1fa19a5[data-orientation="vertical"] > .g4zn5b:not(:only-child):last-child,._1fa19a5[data-orientation="vertical"] > :not(:only-child):last-child .g4zn5b {
60
- border-top-left-radius: 0;
61
- border-top-right-radius: 0;
62
- border-top-width: 0.5px;
63
- }
64
- ._1fa19a5[data-orientation] > .g4zn5b:not(:first-child):not(:last-child),._1fa19a5[data-orientation] > :not(:first-child):not(:last-child) .g4zn5b {
65
- border-radius: 0;
66
- }
67
- ._1ooymmw {
68
- font-size: 16px;
69
- line-height: 22px;
70
- min-width: 0;
71
- outline: 2px solid transparent;
72
- }
73
- ._1ooymmw::placeholder {
74
- color: var(--ax-colors-fg-tertiary);
75
- }
76
- ._1ooymmw[data-disabled]::placeholder {
77
- color: var(--ax-colors-fg-disabled);
78
- }
79
- ._1ooymmw[data-readonly] {
80
- cursor: default;
81
- }
82
- @media screen and (min-width: 37.5rem) {
83
- ._21gwxi {
84
- font-size: 14px;
85
- }
86
- }
87
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._1ul51f3 {
4
- text-decoration: none;
5
- }
6
- ._1pdmqg {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom.a8obos, optiaxiom.wv04ab;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- .nbioe3 {
4
- max-height: var(--_8go8gw);
5
- }
6
- ._6wnzbs {
7
- min-width: var(--hll7yw);
8
- }
9
- ._1l7qypc {
10
- --_8go8gw: var(--radix-dropdown-menu-content-available-height);
11
- --hll7yw: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- ._14692r3 {
14
- --_8go8gw: var(--radix-popover-content-available-height);
15
- --hll7yw: var(--radix-popover-trigger-width);
16
- }
17
- ._1muo63r {
18
- --_8go8gw: var(--radix-popper-available-height);
19
- --hll7yw: var(--radix-popper-anchor-width);
20
- }
21
- }
@@ -1,30 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._1rsxlid {
4
- user-select: none;
5
- }
6
- ._1rsxlid:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- ._1rsxlid:not([data-disabled]) {
10
- color: var(--_1gfxl0b);
11
- cursor: pointer;
12
- }
13
- ._1rsxlid:not([data-disabled])[data-highlighted] {
14
- background-color: var(--_1e9llzc);
15
- }
16
- ._1rsxlid:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-bg-secondary-hovered);
18
- }
19
- ._1rsxlid[data-disabled] {
20
- opacity: 0.3;
21
- }
22
- ._13x51nu {
23
- --_1gfxl0b: var(--ax-colors-fg-error);
24
- --_1e9llzc: var(--ax-colors-bg-error-subtle);
25
- }
26
- .jf3efz {
27
- --_1gfxl0b: var(--ax-colors-fg-default);
28
- --_1e9llzc: var(--ax-colors-bg-secondary);
29
- }
30
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.wv04ab;
2
- @layer optiaxiom.wv04ab {
3
- ._4tsewj {
4
- min-width: var(--ax-size-md);
5
- }
6
- }