@optiaxiom/react 0.3.1 → 0.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (141) hide show
  1. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-BwQefyfD.css → AlertDialogContent.css.ts.vanilla-Cr0jsrlM.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CSF3IjhR.css +6 -0
  3. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CKRzpEat.css +10 -0
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BF1qaLvg.css +27 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-CDFp0bWo.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-Dd4yeYOS.css → Box.css.ts.vanilla-CIZw6Oxp.css} +23 -23
  7. package/dist/assets/src/button/Button.css.ts.vanilla-DW2Pv0jL.css +146 -0
  8. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-q3GGPGwP.css +18 -0
  9. package/dist/assets/src/code/Code.css.ts.vanilla-CVJglY5u.css +7 -0
  10. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DClqHIpD.css +24 -0
  11. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-CBfONOxn.css +12 -0
  12. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-BjW41AeD.css → DialogContent.css.ts.vanilla-CjDOgPsl.css} +8 -8
  13. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DZjQ4lO4.css +25 -0
  14. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DOSXlau-.css → DisclosureTrigger.css.ts.vanilla-D0avONlP.css} +7 -7
  15. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CfHo-kh2.css → Drawer.css.ts.vanilla-DOMCHbHy.css} +8 -8
  16. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-CnpX-Pig.css → HoverCardContent.css.ts.vanilla-C69OVRIH.css} +3 -3
  17. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-blbpbaAA.css +35 -0
  18. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-BMFNmTHz.css → InputBase.css.ts.vanilla-zp6VL08A.css} +23 -23
  19. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B2knVFJF.css +9 -0
  20. package/dist/assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css +1 -0
  21. package/dist/assets/src/link/{Link.css.ts.vanilla-FLtkh1-Z.css → Link.css.ts.vanilla-BwyvAiBb.css} +12 -12
  22. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-DrRRLpce.css +21 -0
  23. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BAvjoAaT.css +30 -0
  24. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Ck4A0tXZ.css +6 -0
  25. package/dist/assets/src/pill/{Pill.css.ts.vanilla-Bkl4SnlR.css → Pill.css.ts.vanilla-DfZxbJYE.css} +4 -4
  26. package/dist/assets/src/radio/Radio.css.ts.vanilla-COjZu2QD.css +13 -0
  27. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-CjaWjHFP.css +6 -0
  28. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-sakBlypk.css +7 -0
  29. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BT65tcYt.css → Separator.css.ts.vanilla-p-KdqYLU.css} +10 -10
  30. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DTNJWyy-.css +6 -0
  31. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DuMdgSS2.css +6 -0
  32. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-DBzB1xFR.css → properties.css.ts.vanilla-BQX2yLpP.css} +2069 -2069
  33. package/dist/assets/src/switch/Switch.css.ts.vanilla-CnGFO3ic.css +26 -0
  34. package/dist/assets/src/table/{Table.css.ts.vanilla-CkaM38hU.css → Table.css.ts.vanilla-m1N-e0Vc.css} +4 -4
  35. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BcYHU0P3.css +6 -0
  36. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Crpjbbr7.css → TableCell.css.ts.vanilla-ZAmhNzaE.css} +4 -4
  37. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CPgX36rF.css +6 -0
  38. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css +4 -0
  39. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-6Tb_1v1L.css +9 -0
  40. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CfJX9Lr1.css +23 -0
  41. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-CiwM-iX8.css → TabsTrigger.css.ts.vanilla-DXn2VZ67.css} +10 -10
  42. package/dist/assets/src/text/{Text.css.ts.vanilla-E7frbCff.css → Text.css.ts.vanilla-BxYXQpZA.css} +8 -8
  43. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-UZZkUzZb.css +34 -0
  44. package/dist/assets/src/toast/Toast.css.ts.vanilla-o29zz8Nn.css +92 -0
  45. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-DT0Xoumk.css → ToastProvider.css.ts.vanilla-K3MUigBV.css} +9 -9
  46. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DEHzszBc.css +22 -0
  47. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CKL0tO-A.css +10 -0
  48. package/dist/assets/src/transition/{Transition.css.ts.vanilla-trnUEh7p.css → Transition.css.ts.vanilla-BiM8-hyq.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-description/AlertDescription.js +2 -2
  52. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  53. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
  54. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  55. package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
  56. package/dist/src/avatar/Avatar-css.js +4 -4
  57. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  58. package/dist/src/badge/Badge-css.js +3 -3
  59. package/dist/src/banner/Banner-css.js +1 -1
  60. package/dist/src/banner-description/BannerDescription.js +2 -2
  61. package/dist/src/box/Box-css.js +3 -3
  62. package/dist/src/button/Button-css.js +8 -8
  63. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  64. package/dist/src/checkbox/Checkbox-css.js +8 -8
  65. package/dist/src/code/Code-css.js +3 -3
  66. package/dist/src/data-table/DataTable-css.js +7 -7
  67. package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
  68. package/dist/src/dialog-body/DialogBody-css.js +1 -1
  69. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  70. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  71. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  72. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  73. package/dist/src/drawer/Drawer-css.js +5 -5
  74. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  75. package/dist/src/indicator/Indicator-css.js +5 -5
  76. package/dist/src/input/Input-css.js +1 -1
  77. package/dist/src/input-base/InputBase-css.js +5 -5
  78. package/dist/src/kbd/Kbd-css.js +3 -3
  79. package/dist/src/layers/layers-css.js +3 -3
  80. package/dist/src/link/Link-css.js +4 -4
  81. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  82. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  83. package/dist/src/pagination/Pagination-css.js +3 -3
  84. package/dist/src/pill/Pill-css.js +3 -3
  85. package/dist/src/radio/Radio-css.js +8 -8
  86. package/dist/src/search-input/SearchInput-css.js +4 -4
  87. package/dist/src/select-content/SelectContent-css.js +3 -3
  88. package/dist/src/separator/Separator-css.js +3 -3
  89. package/dist/src/side-nav-item/SideNavItem-css.js +5 -5
  90. package/dist/src/skeleton/Skeleton-css.js +3 -3
  91. package/dist/src/sprinkles/properties-css.js +4 -4
  92. package/dist/src/switch/Switch-css.js +8 -8
  93. package/dist/src/table/Table-css.js +4 -4
  94. package/dist/src/table-body/TableBody-css.js +3 -3
  95. package/dist/src/table-cell/TableCell-css.js +4 -4
  96. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  97. package/dist/src/table-row/TableRow-css.js +3 -3
  98. package/dist/src/tabs/Tabs-css.js +3 -3
  99. package/dist/src/tabs-list/TabsList-css.js +3 -3
  100. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  101. package/dist/src/text/Text-css.js +3 -3
  102. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  103. package/dist/src/toast/Toast-css.js +5 -5
  104. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  105. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  106. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  107. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  108. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  109. package/dist/src/transition/Transition-css.js +3 -3
  110. package/package.json +5 -5
  111. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DAtF98vf.css +0 -6
  112. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-bqp1e34h.css +0 -10
  113. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CrJJGukn.css +0 -27
  114. package/dist/assets/src/badge/Badge.css.ts.vanilla-BPzZ1dzX.css +0 -46
  115. package/dist/assets/src/button/Button.css.ts.vanilla-BD72VkuS.css +0 -146
  116. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BMBYMUyE.css +0 -18
  117. package/dist/assets/src/code/Code.css.ts.vanilla-Pww62LaU.css +0 -7
  118. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-Poc2nKI1.css +0 -24
  119. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-kwIixx0K.css +0 -12
  120. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DHkPUBn7.css +0 -25
  121. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BhoWJFj0.css +0 -35
  122. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-D5DFxLMf.css +0 -9
  123. package/dist/assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css +0 -1
  124. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-BOwJ-gAn.css +0 -21
  125. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-DBH3EqEi.css +0 -30
  126. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BEM1EAHv.css +0 -6
  127. package/dist/assets/src/radio/Radio.css.ts.vanilla-BvAGbM5a.css +0 -13
  128. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-BzrIgH7G.css +0 -6
  129. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-09GwfPdv.css +0 -7
  130. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-HY0NAb-V.css +0 -6
  131. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-a2sFW9K4.css +0 -6
  132. package/dist/assets/src/switch/Switch.css.ts.vanilla-BLoTOipz.css +0 -26
  133. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CztoHksO.css +0 -6
  134. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-Cb_XMhzy.css +0 -6
  135. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css +0 -4
  136. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DURrq10l.css +0 -9
  137. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Bb0d-Wo-.css +0 -23
  138. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-C4j3MY29.css +0 -34
  139. package/dist/assets/src/toast/Toast.css.ts.vanilla-BdU-6f3A.css +0 -92
  140. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-aEltwczf.css +0 -22
  141. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DmG3IXJM.css +0 -10
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-C4j3MY29.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-UZZkUzZb.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
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'}}});
5
+ var shadow = recipeRuntime({base:['_1o9b5uo','_141gg0q']});
6
+ var textarea = recipeRuntime({base:['_1o9b5uo','i3l3n4']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['gky68p','_5x1mcu'],'2':['gky68p','wcbzag'],'3':['gky68p','_19hag42'],'4':['gky68p','_1idnht'],'5':['gky68p','_1jcuw8d']},resize:{auto:{},none:{},vertical:'s2q7o1'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,9 +1,9 @@
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';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-K3MUigBV.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-o29zz8Nn.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
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'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1moujfc']});
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']},'pknen'],variants:{colorScheme:{danger:'_2rv36x',information:'rkfcqo',neutral:'fxejgc',success:'_1fsyuew',warning:'_162gm0r'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DT0Xoumk.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-K3MUigBV.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'},'_13cj3ou'],variants:{position:{bottom:'xsk5eq','bottom-left':'_1tabhli','bottom-right':'_9kq99b',top:'_1p5jyfw','top-left':'_1jml1jn','top-right':'ibu9pe'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1w079hl'],variants:{position:{bottom:'_1fivm9h','bottom-left':'_811jpo','bottom-right':'aqd1yb',top:'l4qn01','top-left':'_1nbh2sl','top-right':'_1eqb5fi'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,8 @@
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';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DEHzszBc.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['_1qojsu6',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1b6plu3']});
6
+ var toggleInput = recipeRuntime({base:['mgwg4d',{alignItems:'start',flexDirection:'row',gap:'xs'},'ssgdwa']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
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';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DEHzszBc.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CKL0tO-A.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['_1ebzc56']});
7
+ var control = recipeRuntime({base:['_1itaasu']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-D66Bv1MJ.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
3
3
 
4
- var className = '_1sxof19';
4
+ var className = '_1lqv16r';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-CwnqQSM7.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.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-CwnqQSM7.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-trnUEh7p.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-BiM8-hyq.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'_9j30k8',variants:{duration:{sm:'_18ydu45',md:'_16wpx0e',lg:'_1sek8m8'},type:{fade:'_1ot5vgi',pop:'_1c2fgpf'}}});
5
+ var transition = recipeRuntime({base:'tfn3y4',variants:{duration:{sm:'ow9baj',md:'_158760e',lg:'_1rwdxyf'},type:{fade:'_1xhwqr3',pop:'_13fxohh'}}});
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.1",
10
+ "version": "0.3.3",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -55,24 +55,24 @@
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.x",
59
- "@tanstack/table-core": "^8.x",
60
58
  "@vanilla-extract/dynamic": "^2.1.2",
61
59
  "@vanilla-extract/sprinkles": "^1.6.3",
62
60
  "clsx": "^2.1.1",
63
- "cmdk": "^1.0.0",
64
61
  "downshift": "^9.0.8",
65
62
  "use-sync-external-store": "^1.2.2",
66
63
  "@optiaxiom/globals": "^0.3.0"
67
64
  },
68
65
  "devDependencies": {
69
66
  "@emotion/hash": "^0.9.2",
70
- "@types/node": "^20.16.11",
67
+ "@types/node": "^20.17.5",
71
68
  "@types/use-sync-external-store": "^0.0.6",
72
69
  "@vanilla-extract/css": "^1.16.0",
73
70
  "@optiaxiom/shared": "^0.0.0"
74
71
  },
75
72
  "peerDependencies": {
73
+ "@tanstack/react-table": "^8.0.0",
74
+ "@tanstack/table-core": "^8.0.0",
75
+ "cmdk": "^1.0.0",
76
76
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
77
77
  "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
78
78
  },
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .ds0w15 {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,10 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._3hz293 {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- ._3hz293:empty {
8
- visibility: hidden;
9
- }
10
- }
@@ -1,27 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._1ygs0ep {
4
- user-select: none;
5
- }
6
- ._1mvpqkx ._1ygs0ep {
7
- border: 1px solid var(--ax-colors-bg-default);
8
- }
9
- ._1mvpqkx .hv4l1z:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- ._1mvpqkx ._1ye7ui3:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- ._1mvpqkx ._1y6d07s:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- ._1mvpqkx ._1udgnrz:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- ._1mvpqkx .l8h6gw:not(:first-child) {
22
- margin-left: -11px;
23
- }
24
- ._1mvpqkx ._1qs6gxp:not(:first-child) {
25
- margin-left: -13px;
26
- }
27
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .v0wvwq {
4
- --ypjxih: var(--ax-colors-fg-white);
5
- }
6
- ._83ef51 {
7
- --_1ww7anz: var(--ax-colors-bg-error);
8
- --_1rhothi: var(--ax-colors-bg-error-subtle);
9
- --_1jc5kzm: var(--ax-colors-fg-error-strong);
10
- }
11
- .jnigog {
12
- --_1ww7anz: var(--ax-colors-bg-information);
13
- --_1rhothi: var(--ax-colors-bg-information-subtle);
14
- --_1jc5kzm: var(--ax-colors-fg-information-strong);
15
- }
16
- .tsgac0 {
17
- --_1ww7anz: var(--ax-colors-bg-tertiary);
18
- --ypjxih: var(--ax-colors-fg-default);
19
- --_1rhothi: var(--ax-colors-bg-secondary);
20
- --_1jc5kzm: var(--ax-colors-fg-secondary);
21
- }
22
- ._1h8ii3 {
23
- --_1ww7anz: var(--ax-colors-bg-accent);
24
- --_1rhothi: var(--ax-colors-bg-accent-subtle);
25
- --_1jc5kzm: var(--ax-colors-fg-accent-strong);
26
- }
27
- .mfe4ya {
28
- --_1ww7anz: var(--ax-colors-bg-success);
29
- --_1rhothi: var(--ax-colors-bg-success-subtle);
30
- --_1jc5kzm: var(--ax-colors-fg-success-strong);
31
- }
32
- ._1vgh9ej {
33
- --_1ww7anz: var(--ax-colors-bg-warning);
34
- --ypjxih: var(--ax-colors-fg-warning-inverse);
35
- --_1rhothi: var(--ax-colors-bg-warning-subtle);
36
- --_1jc5kzm: var(--ax-colors-fg-warning-strong);
37
- }
38
- ._1l4zmao {
39
- background-color: var(--_1rhothi);
40
- color: var(--_1jc5kzm);
41
- }
42
- .vemier {
43
- background-color: var(--_1ww7anz);
44
- color: var(--ypjxih);
45
- }
46
- }
@@ -1,146 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._1yqm3ub {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--_114ti2o);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- ._1yqm3ub: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
- ._1yej49j[data-orientation="horizontal"] ._1yqm3ub:not(:first-child):not(:last-child) {
16
- border-inline-width: 0.5px;
17
- }
18
- ._1yej49j[data-orientation="horizontal"] ._1yqm3ub: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
- ._1yej49j[data-orientation="horizontal"] ._1yqm3ub: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
- ._1yej49j[data-orientation="vertical"] ._1yqm3ub:not(:first-child):not(:last-child) {
29
- border-block-width: 0.5px;
30
- }
31
- ._1yej49j[data-orientation="vertical"] ._1yqm3ub: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
- ._1yej49j[data-orientation="vertical"] ._1yqm3ub: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
- ._1yej49j[data-orientation] ._1yqm3ub:not(:first-child):not(:last-child) {
42
- border-radius: 0;
43
- }
44
- ._1qc99c3 {
45
- --_1i5afrq: var(--ax-colors-bg-error);
46
- --s3hynn: var(--ax-colors-bg-error-hovered);
47
- --_162crb: var(--ax-colors-bg-error-pressed);
48
- --_1dam70y: var(--ax-colors-bg-error-subtlest);
49
- --_9sodrn: var(--ax-colors-bg-error-subtle);
50
- }
51
- ._18bbs5o {
52
- --_1i5afrq: var(--ax-colors-bg-default-inverse);
53
- --s3hynn: var(--ax-colors-bg-default-inverse-hovered);
54
- --_162crb: var(--ax-colors-bg-default-inverse-pressed);
55
- --_1dam70y: var(--ax-colors-bg-secondary);
56
- --_6wa6ld: var(--ax-colors-border-default);
57
- --xng0gt: var(--ax-colors-border-default);
58
- --_9sodrn: var(--ax-colors-bg-secondary-hovered);
59
- --_24bxkj: var(--ax-colors-fg-default);
60
- }
61
- .ue64gy {
62
- --_1i5afrq: var(--ax-colors-bg-accent);
63
- --s3hynn: var(--ax-colors-bg-accent-hovered);
64
- --_162crb: var(--ax-colors-bg-accent-pressed);
65
- --_1dam70y: var(--ax-colors-bg-accent-subtle);
66
- --_9sodrn: var(--ax-colors-bg-accent-light);
67
- }
68
- ._3rwr6d {
69
- min-width: fit-content;
70
- }
71
- .ufj987 {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--xng0gt, var(--_1i5afrq));
74
- color: var(--_24bxkj, var(--_1i5afrq));
75
- padding-inline: calc(var(--_114ti2o) - 1px);
76
- }
77
- .ufj987:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_9sodrn);
79
- border-color: var(--_6wa6ld, var(--s3hynn));
80
- }
81
- .ufj987:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_1dam70y);
83
- border-color: var(--_6wa6ld, var(--s3hynn));
84
- }
85
- .ufj987: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
- .ufj987[data-disabled] {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- .k7d1ij {
95
- background-color: var(--_1i5afrq);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- .k7d1ij:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--_162crb);
100
- }
101
- .k7d1ij:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--s3hynn);
103
- }
104
- .k7d1ij[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(--_114ti2o) - 1px);
109
- }
110
- .wv8nna {
111
- background-color: transparent;
112
- border-color: var(--_1i5afrq);
113
- color: var(--_24bxkj, var(--_1i5afrq));
114
- }
115
- .wv8nna:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_9sodrn);
117
- }
118
- .wv8nna:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_1dam70y);
120
- }
121
- .wv8nna: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
- .wv8nna[data-disabled] {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- ._1i0bbei {
129
- --_114ti2o: 4px;
130
- }
131
- ._1iysnbx {
132
- --_114ti2o: 8px;
133
- }
134
- .ow8x83 {
135
- --_114ti2o: 12px;
136
- }
137
- ._1pwy4gv {
138
- opacity: 1;
139
- }
140
- .sjlxcm[data-loading] ._1pwy4gv {
141
- opacity: 0;
142
- }
143
- ._1s6q7hw {
144
- position: absolute;
145
- }
146
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .hehlc3 {
4
- display: none;
5
- }
6
- .t4jrx7:has(._1xqk1eh:checked) .hehlc3 {
7
- display: block;
8
- }
9
- .uwzxc2 {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_1ld3hcn);
12
- border-width: 1px;
13
- }
14
- .t4jrx7:has(._1xqk1eh:checked) .uwzxc2 {
15
- background-color: var(--_1ld3hcn);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._7rr6gz {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .ywyq72 {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- ._19rmk9g {
9
- min-width: var(--l2el5t);
10
- }
11
- ._7b8or1 {
12
- left: var(--_1l7y7zf);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._16yhaw {
17
- min-width: var(--l2el5t);
18
- }
19
- ._17xz21v {
20
- left: var(--_1l7y7zf);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .vzzc18 {
4
- cursor: default;
5
- }
6
- .d0f496 {
7
- cursor: pointer;
8
- }
9
- .ww1exq:is(:not(:focus-within):not(:hover)) ._158fe0o {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes nabo88 {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes hi2ii4 {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom._1368myb;
18
- @layer optiaxiom._1368myb {
19
- ._1lw69ph[data-state="closed"] {
20
- animation: hi2ii4 300ms ease-out;
21
- }
22
- ._1lw69ph[data-state="open"] {
23
- animation: nabo88 300ms ease-out;
24
- }
25
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .r4t16i {
4
- position: relative;
5
- }
6
- .nhfwro {
7
- --bhmklh: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- .wjxti8 {
12
- --bhmklh: 4px;
13
- }
14
- ._1aqk7x {
15
- bottom: 4px;
16
- transform: translate(var(--bhmklh), var(--bhmklh));
17
- }
18
- ._176cdy8 {
19
- top: 4px;
20
- transform: translate(var(--bhmklh), calc(-1 * var(--bhmklh)));
21
- }
22
- ._162yc8v {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._162yc8v:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._1tc9049:not(:empty) {
30
- min-width: 20px;
31
- }
32
- .kb3ju5 {
33
- position: absolute;
34
- }
35
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._1rdq0iv {
4
- text-decoration: none;
5
- }
6
- ._1jg5c53 {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom.pvmefm, optiaxiom._1368myb;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._1g2hzpm {
4
- max-height: var(--_162mj8x);
5
- }
6
- ._1dr3tkp {
7
- min-width: var(--p0nxrz);
8
- }
9
- ._7a65rs {
10
- --_162mj8x: var(--radix-dropdown-menu-content-available-height);
11
- --p0nxrz: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- .jwgs0n {
14
- --_162mj8x: var(--radix-popover-content-available-height);
15
- --p0nxrz: var(--radix-popover-trigger-width);
16
- }
17
- .vkgvh5 {
18
- --_162mj8x: var(--radix-popper-available-height);
19
- --p0nxrz: var(--radix-popper-anchor-width);
20
- }
21
- }
@@ -1,30 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._8hko1u {
4
- user-select: none;
5
- }
6
- ._8hko1u:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- ._8hko1u:not([data-disabled]) {
10
- color: var(--_155412h);
11
- cursor: pointer;
12
- }
13
- ._8hko1u:not([data-disabled])[data-highlighted] {
14
- background-color: var(--vl90mk);
15
- }
16
- ._8hko1u:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-bg-secondary-hovered);
18
- }
19
- ._8hko1u[data-disabled] {
20
- opacity: 0.3;
21
- }
22
- ._7z8yg2 {
23
- --_155412h: var(--ax-colors-fg-error-strong);
24
- --vl90mk: var(--ax-colors-bg-error-subtle);
25
- }
26
- ._4suu5n {
27
- --_155412h: var(--ax-colors-fg-default);
28
- --vl90mk: var(--ax-colors-bg-secondary);
29
- }
30
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._20ad7c {
4
- min-width: var(--ax-size-md);
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._1o8w96n {
4
- border-color: var(--_1ld3hcn);
5
- }
6
- ._1993h64 {
7
- background-color: var(--_1ld3hcn);
8
- display: none;
9
- }
10
- ._1u2i2la:has(._3sttvs:checked) ._1993h64 {
11
- display: block;
12
- }
13
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .jd7ews:is(:not(:focus-within):not(:hover), :has(input:disabled)) .dwy6id {
4
- visibility: hidden;
5
- }
6
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- .oah3bu {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._1g6vsw8 {
4
- --_24bxkj: var(--ax-colors-fg-secondary);
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom._1368myb;
2
- @layer optiaxiom._1368myb {
3
- ._18ugeul:empty:before {
4
- content: "\00a0";
5
- }
6
- }