@optiaxiom/react 0.3.0 → 0.3.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 (139) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-Cjw-y6Yy.css → AlertDialogContent.css.ts.vanilla-BwQefyfD.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DAtF98vf.css +6 -0
  3. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-bqp1e34h.css +10 -0
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CrJJGukn.css +27 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-BPzZ1dzX.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-s1o67Nu2.css → Box.css.ts.vanilla-Dd4yeYOS.css} +23 -23
  7. package/dist/assets/src/button/Button.css.ts.vanilla-BD72VkuS.css +146 -0
  8. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BMBYMUyE.css +18 -0
  9. package/dist/assets/src/code/Code.css.ts.vanilla-Pww62LaU.css +7 -0
  10. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-Poc2nKI1.css +24 -0
  11. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-kwIixx0K.css +12 -0
  12. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-Lsk9W2tM.css → DialogContent.css.ts.vanilla-BjW41AeD.css} +8 -8
  13. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DHkPUBn7.css +25 -0
  14. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DBVCni4f.css → DisclosureTrigger.css.ts.vanilla-DOSXlau-.css} +7 -7
  15. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-Dc3kUMYt.css → Drawer.css.ts.vanilla-CfHo-kh2.css} +8 -8
  16. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-ChTjpHlc.css → HoverCardContent.css.ts.vanilla-CnpX-Pig.css} +3 -3
  17. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BhoWJFj0.css +35 -0
  18. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-tt-5uhHu.css → InputBase.css.ts.vanilla-BMFNmTHz.css} +23 -23
  19. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-D5DFxLMf.css +9 -0
  20. package/dist/assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css +1 -0
  21. package/dist/assets/src/link/{Link.css.ts.vanilla-BNK7NPi_.css → Link.css.ts.vanilla-FLtkh1-Z.css} +12 -12
  22. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-BOwJ-gAn.css +21 -0
  23. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-DBH3EqEi.css +30 -0
  24. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BEM1EAHv.css +6 -0
  25. package/dist/assets/src/pill/{Pill.css.ts.vanilla--TPbJMIP.css → Pill.css.ts.vanilla-Bkl4SnlR.css} +4 -4
  26. package/dist/assets/src/radio/Radio.css.ts.vanilla-BvAGbM5a.css +13 -0
  27. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-BzrIgH7G.css +6 -0
  28. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-09GwfPdv.css +7 -0
  29. package/dist/assets/src/separator/{Separator.css.ts.vanilla-CrjVuWKL.css → Separator.css.ts.vanilla-BT65tcYt.css} +10 -10
  30. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-HY0NAb-V.css +6 -0
  31. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-a2sFW9K4.css +6 -0
  32. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-BCAUDUA6.css → properties.css.ts.vanilla-DBzB1xFR.css} +2069 -2069
  33. package/dist/assets/src/switch/Switch.css.ts.vanilla-BLoTOipz.css +26 -0
  34. package/dist/assets/src/table/{Table.css.ts.vanilla-B3htktQt.css → Table.css.ts.vanilla-CkaM38hU.css} +4 -4
  35. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CztoHksO.css +6 -0
  36. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-B-Q4nB1K.css → TableCell.css.ts.vanilla-Crpjbbr7.css} +4 -4
  37. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Cb_XMhzy.css +6 -0
  38. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css +4 -0
  39. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DURrq10l.css +9 -0
  40. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Bb0d-Wo-.css +23 -0
  41. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-L3AI76M4.css → TabsTrigger.css.ts.vanilla-CiwM-iX8.css} +10 -10
  42. package/dist/assets/src/text/{Text.css.ts.vanilla-7e7g59oD.css → Text.css.ts.vanilla-E7frbCff.css} +8 -8
  43. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-C4j3MY29.css +34 -0
  44. package/dist/assets/src/toast/Toast.css.ts.vanilla-BdU-6f3A.css +92 -0
  45. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-tRhk17vi.css → ToastProvider.css.ts.vanilla-DT0Xoumk.css} +9 -9
  46. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-aEltwczf.css +22 -0
  47. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DmG3IXJM.css +10 -0
  48. package/dist/assets/src/transition/{Transition.css.ts.vanilla-Ck3H9sjM.css → Transition.css.ts.vanilla-trnUEh7p.css} +16 -16
  49. package/dist/package.json.js +1 -1
  50. package/dist/src/alert/Alert-css.js +1 -1
  51. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  52. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  53. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  54. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  55. package/dist/src/avatar/Avatar-css.js +4 -4
  56. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  57. package/dist/src/badge/Badge-css.js +3 -3
  58. package/dist/src/banner/Banner-css.js +1 -1
  59. package/dist/src/box/Box-css.js +3 -3
  60. package/dist/src/button/Button-css.js +8 -8
  61. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  62. package/dist/src/checkbox/Checkbox-css.js +8 -8
  63. package/dist/src/code/Code-css.js +3 -3
  64. package/dist/src/data-table/DataTable-css.js +7 -7
  65. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  66. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  67. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  68. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  69. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  70. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  71. package/dist/src/drawer/Drawer-css.js +5 -5
  72. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  73. package/dist/src/indicator/Indicator-css.js +5 -5
  74. package/dist/src/input/Input-css.js +1 -1
  75. package/dist/src/input-base/InputBase-css.js +5 -5
  76. package/dist/src/kbd/Kbd-css.js +3 -3
  77. package/dist/src/layers/layers-css.js +3 -3
  78. package/dist/src/link/Link-css.js +4 -4
  79. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  80. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  81. package/dist/src/pagination/Pagination-css.js +3 -3
  82. package/dist/src/pill/Pill-css.js +3 -3
  83. package/dist/src/radio/Radio-css.js +8 -8
  84. package/dist/src/search-input/SearchInput-css.js +4 -4
  85. package/dist/src/select-content/SelectContent-css.js +3 -3
  86. package/dist/src/separator/Separator-css.js +3 -3
  87. package/dist/src/side-nav-item/SideNavItem-css.js +5 -5
  88. package/dist/src/skeleton/Skeleton-css.js +3 -3
  89. package/dist/src/sprinkles/properties-css.js +4 -4
  90. package/dist/src/switch/Switch-css.js +8 -8
  91. package/dist/src/table/Table-css.js +4 -4
  92. package/dist/src/table-body/TableBody-css.js +3 -3
  93. package/dist/src/table-cell/TableCell-css.js +4 -4
  94. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  95. package/dist/src/table-row/TableRow-css.js +3 -3
  96. package/dist/src/tabs/Tabs-css.js +3 -3
  97. package/dist/src/tabs-list/TabsList-css.js +3 -3
  98. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  99. package/dist/src/text/Text-css.js +3 -3
  100. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  101. package/dist/src/toast/Toast-css.js +5 -5
  102. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  103. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  104. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  105. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  106. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  107. package/dist/src/transition/Transition-css.js +3 -3
  108. package/package.json +3 -3
  109. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BsT6XyGm.css +0 -6
  110. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-B9mxe2pf.css +0 -10
  111. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-hiaeqDOF.css +0 -27
  112. package/dist/assets/src/badge/Badge.css.ts.vanilla-BGDmv1hz.css +0 -46
  113. package/dist/assets/src/button/Button.css.ts.vanilla-B1QifN0w.css +0 -146
  114. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-CExS1ZqL.css +0 -18
  115. package/dist/assets/src/code/Code.css.ts.vanilla-B4cXFjkE.css +0 -7
  116. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-f32O9yLT.css +0 -24
  117. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-Mck1Jygh.css +0 -12
  118. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-Bmhi1C7J.css +0 -25
  119. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-TsgP7JdS.css +0 -35
  120. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-D3n7xOyv.css +0 -9
  121. package/dist/assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css +0 -1
  122. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-DKcuN3K2.css +0 -21
  123. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-COOzjlcA.css +0 -30
  124. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-COQlDCDV.css +0 -6
  125. package/dist/assets/src/radio/Radio.css.ts.vanilla-DDwUXUbD.css +0 -13
  126. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-BX1a-Dh0.css +0 -6
  127. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CUPdOFyq.css +0 -7
  128. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-CDNL_Eks.css +0 -6
  129. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BioZnCf-.css +0 -6
  130. package/dist/assets/src/switch/Switch.css.ts.vanilla-CYOtWPqb.css +0 -26
  131. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-Bvwer8Qr.css +0 -6
  132. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Bj126MUJ.css +0 -6
  133. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css +0 -4
  134. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-s4ybMHXB.css +0 -9
  135. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DOzYpFuz.css +0 -23
  136. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D38-_uc_.css +0 -34
  137. package/dist/assets/src/toast/Toast.css.ts.vanilla-BbOSMKLI.css +0 -92
  138. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrGeFhyB.css +0 -22
  139. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8FUUYbN.css +0 -10
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D38-_uc_.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-C4j3MY29.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var shadow = recipeRuntime({base:['euce6x','_1axqvtf']});
6
- var textarea = recipeRuntime({base:['euce6x','krtn9c']});
7
- var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_17198n9','py739o'],'2':['_17198n9','_71uq23'],'3':['_17198n9','_1ivfqwm'],'4':['_17198n9','_1291kcj'],'5':['_17198n9','_1qlcxg']},resize:{auto:{},none:{},vertical:'dztw6s'}}});
5
+ var shadow = recipeRuntime({base:['znpik7','_1srch95']});
6
+ var textarea = recipeRuntime({base:['znpik7','_1a32yg8']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['x36uhr','wmd54p'],'2':['x36uhr','_1n38p49'],'3':['x36uhr','_10fltgs'],'4':['x36uhr','c2aeom'],'5':['x36uhr','r3vjgo']},resize:{auto:{},none:{},vertical:'_1hf7s79'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tRhk17vi.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-BbOSMKLI.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DT0Xoumk.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-BdU-6f3A.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1l8f4ew']});
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']},'_1w3dlhp'],variants:{colorScheme:{danger:'_1cdbpws',information:'_177vnlf',neutral:'_1rjre5y',success:'ncufoa',warning:'_16evcld'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'wpsgb0']});
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']},'_16vnlwc'],variants:{colorScheme:{danger:'_1l7qguu',information:'_6pajml',neutral:'bsvonn',success:'_1yyxzep',warning:'lpa3vm'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tRhk17vi.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DT0Xoumk.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'},'_17pdoox'],variants:{position:{bottom:'_127oq73','bottom-left':'fb59wk','bottom-right':'g484je',top:'_86jcin','top-left':'_16mm3ga','top-right':'_1g34609'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_13cj3ou'],variants:{position:{bottom:'xsk5eq','bottom-left':'_1tabhli','bottom-right':'_9kq99b',top:'_1p5jyfw','top-left':'_1jml1jn','top-right':'ibu9pe'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrGeFhyB.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-aEltwczf.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['e9j0hs',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1ihwjac']});
6
+ var toggleInput = recipeRuntime({base:['_1qojsu6',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1b6plu3']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrGeFhyB.css';
4
- import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8FUUYbN.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-aEltwczf.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DmG3IXJM.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['jfsvgi']});
7
+ var control = recipeRuntime({base:['_1ebzc56']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css';
3
3
 
4
- var className = 'n3l6ag';
4
+ var className = '_1sxof19';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.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-WPx7EAgK.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-Ck3H9sjM.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-trnUEh7p.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'ou8ui3',variants:{duration:{sm:'_1akajal',md:'f9o45g',lg:'fkaw8x'},type:{fade:'q06flr',pop:'_1y893vi'}}});
5
+ var transition = recipeRuntime({base:'_9j30k8',variants:{duration:{sm:'_18ydu45',md:'_16wpx0e',lg:'_1sek8m8'},type:{fade:'_1ot5vgi',pop:'_1c2fgpf'}}});
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.3.0",
10
+ "version": "0.3.1",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -55,8 +55,8 @@
55
55
  "@radix-ui/react-use-controllable-state": "^1.1.0",
56
56
  "@radix-ui/react-visually-hidden": "^1.1.0",
57
57
  "@reach/auto-id": "^0.18.0",
58
- "@tanstack/react-table": "^8.20.1",
59
- "@tanstack/table-core": "^8.20.1",
58
+ "@tanstack/react-table": "^8.x",
59
+ "@tanstack/table-core": "^8.x",
60
60
  "@vanilla-extract/dynamic": "^2.1.2",
61
61
  "@vanilla-extract/sprinkles": "^1.6.3",
62
62
  "clsx": "^2.1.1",
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .nfqh29 {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,10 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .y6zzyz {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- .y6zzyz:empty {
8
- visibility: hidden;
9
- }
10
- }
@@ -1,27 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .xze9na {
4
- user-select: none;
5
- }
6
- ._1aq2l5y .xze9na {
7
- border: 1px solid var(--ax-colors-bg-default);
8
- }
9
- ._1aq2l5y ._1e7or4v:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- ._1aq2l5y ._17ozpbu:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- ._1aq2l5y ._7p5dks:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- ._1aq2l5y .ethjpt:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- ._1aq2l5y ._1bxo80m:not(:first-child) {
22
- margin-left: -11px;
23
- }
24
- ._1aq2l5y .ghb47u:not(:first-child) {
25
- margin-left: -13px;
26
- }
27
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .qnam8u {
4
- --_1loode: var(--ax-colors-fg-white);
5
- }
6
- .hn1rzl {
7
- --nso7x2: var(--ax-colors-bg-error);
8
- --vx9fi2: var(--ax-colors-bg-error-subtle);
9
- --skm68e: var(--ax-colors-fg-error-strong);
10
- }
11
- .zfe98y {
12
- --nso7x2: var(--ax-colors-bg-information);
13
- --vx9fi2: var(--ax-colors-bg-information-subtle);
14
- --skm68e: var(--ax-colors-fg-information-strong);
15
- }
16
- ._1mwxer4 {
17
- --nso7x2: var(--ax-colors-bg-tertiary);
18
- --_1loode: var(--ax-colors-fg-default);
19
- --vx9fi2: var(--ax-colors-bg-secondary);
20
- --skm68e: var(--ax-colors-fg-secondary);
21
- }
22
- ._1g8jsk7 {
23
- --nso7x2: var(--ax-colors-bg-accent);
24
- --vx9fi2: var(--ax-colors-bg-accent-subtle);
25
- --skm68e: var(--ax-colors-fg-accent-strong);
26
- }
27
- .ssn6hs {
28
- --nso7x2: var(--ax-colors-bg-success);
29
- --vx9fi2: var(--ax-colors-bg-success-subtle);
30
- --skm68e: var(--ax-colors-fg-success-strong);
31
- }
32
- .hds9jj {
33
- --nso7x2: var(--ax-colors-bg-warning);
34
- --_1loode: var(--ax-colors-fg-warning-inverse);
35
- --vx9fi2: var(--ax-colors-bg-warning-subtle);
36
- --skm68e: var(--ax-colors-fg-warning-strong);
37
- }
38
- ._1eaou4m {
39
- background-color: var(--vx9fi2);
40
- color: var(--skm68e);
41
- }
42
- ._9teq84 {
43
- background-color: var(--nso7x2);
44
- color: var(--_1loode);
45
- }
46
- }
@@ -1,146 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._193lbiv {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--_11lcff5);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- ._193lbiv: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
- .dqcfz2[data-orientation="horizontal"] ._193lbiv:not(:first-child):not(:last-child) {
16
- border-inline-width: 0.5px;
17
- }
18
- .dqcfz2[data-orientation="horizontal"] ._193lbiv:not(:only-child):first-child {
19
- border-bottom-right-radius: 0;
20
- border-right-width: 0.5px;
21
- border-top-right-radius: 0;
22
- }
23
- .dqcfz2[data-orientation="horizontal"] ._193lbiv:not(:only-child):last-child {
24
- border-bottom-left-radius: 0;
25
- border-left-width: 0.5px;
26
- border-top-left-radius: 0;
27
- }
28
- .dqcfz2[data-orientation="vertical"] ._193lbiv:not(:first-child):not(:last-child) {
29
- border-block-width: 0.5px;
30
- }
31
- .dqcfz2[data-orientation="vertical"] ._193lbiv:not(:only-child):first-child {
32
- border-bottom-left-radius: 0;
33
- border-bottom-right-radius: 0;
34
- border-bottom-width: 0.5px;
35
- }
36
- .dqcfz2[data-orientation="vertical"] ._193lbiv:not(:only-child):last-child {
37
- border-top-left-radius: 0;
38
- border-top-right-radius: 0;
39
- border-top-width: 0.5px;
40
- }
41
- .dqcfz2[data-orientation] ._193lbiv:not(:first-child):not(:last-child) {
42
- border-radius: 0;
43
- }
44
- .ionh8j {
45
- --_2x7gvc: var(--ax-colors-bg-error);
46
- --ot85q5: var(--ax-colors-bg-error-hovered);
47
- --_1mx5e4p: var(--ax-colors-bg-error-pressed);
48
- --_1nbqj78: var(--ax-colors-bg-error-subtlest);
49
- --_1wghm4a: var(--ax-colors-bg-error-subtle);
50
- }
51
- ._1odcqwd {
52
- --_2x7gvc: var(--ax-colors-bg-default-inverse);
53
- --ot85q5: var(--ax-colors-bg-default-inverse-hovered);
54
- --_1mx5e4p: var(--ax-colors-bg-default-inverse-pressed);
55
- --_1nbqj78: var(--ax-colors-bg-secondary);
56
- --y5k9z7: var(--ax-colors-border-default);
57
- --i5wnv9: var(--ax-colors-border-default);
58
- --_1wghm4a: var(--ax-colors-bg-secondary-hovered);
59
- --_1h5e15q: var(--ax-colors-fg-default);
60
- }
61
- .ygedj7 {
62
- --_2x7gvc: var(--ax-colors-bg-accent);
63
- --ot85q5: var(--ax-colors-bg-accent-hovered);
64
- --_1mx5e4p: var(--ax-colors-bg-accent-pressed);
65
- --_1nbqj78: var(--ax-colors-bg-accent-subtle);
66
- --_1wghm4a: var(--ax-colors-bg-accent-light);
67
- }
68
- .kwsewx {
69
- min-width: fit-content;
70
- }
71
- ._11v077j {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--i5wnv9, var(--_2x7gvc));
74
- color: var(--_1h5e15q, var(--_2x7gvc));
75
- padding-inline: calc(var(--_11lcff5) - 1px);
76
- }
77
- ._11v077j:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_1wghm4a);
79
- border-color: var(--y5k9z7, var(--ot85q5));
80
- }
81
- ._11v077j:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_1nbqj78);
83
- border-color: var(--y5k9z7, var(--ot85q5));
84
- }
85
- ._11v077j: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
- ._11v077j[data-disabled] {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- ._2fb49j {
95
- background-color: var(--_2x7gvc);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- ._2fb49j:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--_1mx5e4p);
100
- }
101
- ._2fb49j:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--ot85q5);
103
- }
104
- ._2fb49j[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(--_11lcff5) - 1px);
109
- }
110
- .ib2j35 {
111
- background-color: transparent;
112
- border-color: var(--_2x7gvc);
113
- color: var(--_1h5e15q, var(--_2x7gvc));
114
- }
115
- .ib2j35:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_1wghm4a);
117
- }
118
- .ib2j35:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_1nbqj78);
120
- }
121
- .ib2j35: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
- .ib2j35[data-disabled] {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- .eioh5h {
129
- --_11lcff5: 4px;
130
- }
131
- ._1wpbprr {
132
- --_11lcff5: 8px;
133
- }
134
- .yvtso {
135
- --_11lcff5: 12px;
136
- }
137
- ._14yf7lh {
138
- opacity: 1;
139
- }
140
- ._1t6d3d7[data-loading] ._14yf7lh {
141
- opacity: 0;
142
- }
143
- .iarkek {
144
- position: absolute;
145
- }
146
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .wsrswe {
4
- display: none;
5
- }
6
- ._1d48mat:has(._4tpd91:checked) .wsrswe {
7
- display: block;
8
- }
9
- ._1b6ozsy {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_93r05o);
12
- border-width: 1px;
13
- }
14
- ._1d48mat:has(._4tpd91:checked) ._1b6ozsy {
15
- background-color: var(--_93r05o);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._1t01fhs {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .vqm9j5 {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- ._7h1350 {
9
- min-width: var(--_9jb8x0);
10
- }
11
- ._1paes0m {
12
- left: var(--_1e45muq);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._17uhrmk {
17
- min-width: var(--_9jb8x0);
18
- }
19
- ._8cdgxd {
20
- left: var(--_1e45muq);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .z193qz {
4
- cursor: default;
5
- }
6
- ._1gkcchz {
7
- cursor: pointer;
8
- }
9
- ._16dd48f:is(:not(:focus-within):not(:hover)) ._1i6d1w6 {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes _13f3hs7 {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes _1kqanw2 {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom.vwd1mg;
18
- @layer optiaxiom.vwd1mg {
19
- .d95bp6[data-state="closed"] {
20
- animation: _1kqanw2 300ms ease-out;
21
- }
22
- .d95bp6[data-state="open"] {
23
- animation: _13f3hs7 300ms ease-out;
24
- }
25
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._21htys {
4
- position: relative;
5
- }
6
- .bbmulr {
7
- --dlnh9p: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- ._1uun6om {
12
- --dlnh9p: 4px;
13
- }
14
- ._1w1krfk {
15
- bottom: 4px;
16
- transform: translate(var(--dlnh9p), var(--dlnh9p));
17
- }
18
- ._4z7ptb {
19
- top: 4px;
20
- transform: translate(var(--dlnh9p), calc(-1 * var(--dlnh9p)));
21
- }
22
- ._36avgd {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._36avgd:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._1ibkcb1:not(:empty) {
30
- min-width: 20px;
31
- }
32
- .vwhqqw {
33
- position: absolute;
34
- }
35
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._22ekff {
4
- text-decoration: none;
5
- }
6
- ._1mdtukw {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom.gn6hsm, optiaxiom.vwd1mg;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .gtduec {
4
- max-height: var(--_1brppoq);
5
- }
6
- ._1n4ds5x {
7
- min-width: var(--cnvdm3);
8
- }
9
- ._1n6o72g {
10
- --_1brppoq: var(--radix-dropdown-menu-content-available-height);
11
- --cnvdm3: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- .j54lwd {
14
- --_1brppoq: var(--radix-popover-content-available-height);
15
- --cnvdm3: var(--radix-popover-trigger-width);
16
- }
17
- .ty0iiy {
18
- --_1brppoq: var(--radix-popper-available-height);
19
- --cnvdm3: var(--radix-popper-anchor-width);
20
- }
21
- }
@@ -1,30 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._1qkfemy {
4
- user-select: none;
5
- }
6
- ._1qkfemy:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- ._1qkfemy:not([data-disabled]) {
10
- color: var(--mqof0k);
11
- cursor: pointer;
12
- }
13
- ._1qkfemy:not([data-disabled])[data-highlighted] {
14
- background-color: var(--_1xi48vi);
15
- }
16
- ._1qkfemy:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-bg-secondary-hovered);
18
- }
19
- ._1qkfemy[data-disabled] {
20
- opacity: 0.3;
21
- }
22
- ._2r14j6 {
23
- --mqof0k: var(--ax-colors-fg-error-strong);
24
- --_1xi48vi: var(--ax-colors-bg-error-subtle);
25
- }
26
- ._10nj0aj {
27
- --mqof0k: var(--ax-colors-fg-default);
28
- --_1xi48vi: var(--ax-colors-bg-secondary);
29
- }
30
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._1v8jrtx {
4
- min-width: var(--ax-size-md);
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .w2fonf {
4
- border-color: var(--_93r05o);
5
- }
6
- ._1tmakke {
7
- background-color: var(--_93r05o);
8
- display: none;
9
- }
10
- ._1ir283d:has(._1bgoich:checked) ._1tmakke {
11
- display: block;
12
- }
13
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._1s919jg:is(:not(:focus-within):not(:hover), :has(input:disabled)) ._1sswbin {
4
- visibility: hidden;
5
- }
6
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .q5lwtm {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- .e1e50l {
4
- --_1h5e15q: var(--ax-colors-fg-secondary);
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._1o9i7ly:empty:before {
4
- content: "\00a0";
5
- }
6
- }
@@ -1,26 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._11hux5u {
4
- --_93r05o: var(--ax-colors-bg-tertiary);
5
- }
6
- ._11hux5u:has(._1xpvr0o:not(:disabled):not(:checked)):hover {
7
- --_93r05o: var(--ax-colors-bg-tertiary-hovered);
8
- }
9
- ._1vrmmfy {
10
- background-color: var(--_93r05o);
11
- position: relative;
12
- }
13
- .lw3xla {
14
- background-color: var(--ax-colors-bg-default);
15
- transform: translateX(-10px);
16
- }
17
- ._1kt2xt:has(._1xpvr0o:checked) .lw3xla {
18
- transform: translateX(10px);
19
- }
20
- ._1kt2xt:has(._1xpvr0o:disabled) .lw3xla {
21
- background-color: var(--ax-colors-bg-page);
22
- }
23
- ._1kt2xt:has(._1xpvr0o:not(:disabled)) .lw3xla {
24
- box-shadow: var(--ax-boxShadow-sm);
25
- }
26
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.vwd1mg;
2
- @layer optiaxiom.vwd1mg {
3
- ._1e7wga0 {
4
- position: relative;
5
- }
6
- }