@optiaxiom/react 0.3.3 → 0.3.4

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-Cr0jsrlM.css → AlertDialogContent.css.ts.vanilla-BofFY4c6.css} +7 -7
  2. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-D5AnKyTd.css +6 -0
  3. package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-CKRzpEat.css → AutocompleteContent.css.ts.vanilla-DbhN4jbL.css} +4 -4
  4. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DH4ziCzi.css +27 -0
  5. package/dist/assets/src/badge/Badge.css.ts.vanilla-DEIxzeC8.css +46 -0
  6. package/dist/assets/src/box/{Box.css.ts.vanilla-CIZw6Oxp.css → Box.css.ts.vanilla-CBeLPJz0.css} +23 -23
  7. package/dist/assets/src/button/Button.css.ts.vanilla-BWevFsch.css +146 -0
  8. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-Bpzs-TMW.css +18 -0
  9. package/dist/assets/src/code/Code.css.ts.vanilla-CIvs9Yp6.css +7 -0
  10. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-t2Q-5Lpd.css +24 -0
  11. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BgUfkfhX.css +12 -0
  12. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CjDOgPsl.css → DialogContent.css.ts.vanilla-DaJvHWQC.css} +8 -8
  13. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-BVqex_Uk.css +25 -0
  14. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-D0avONlP.css → DisclosureTrigger.css.ts.vanilla-CGgZqHoR.css} +7 -7
  15. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-DOMCHbHy.css → Drawer.css.ts.vanilla-D1KjbYY2.css} +8 -8
  16. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-C69OVRIH.css → HoverCardContent.css.ts.vanilla-BNBQF_0T.css} +3 -3
  17. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B8unyh6v.css +35 -0
  18. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-zp6VL08A.css → InputBase.css.ts.vanilla-D--9gOO1.css} +23 -23
  19. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-DJDNR37v.css +9 -0
  20. package/dist/assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css +1 -0
  21. package/dist/assets/src/link/{Link.css.ts.vanilla-BwyvAiBb.css → Link.css.ts.vanilla-CEocHXy8.css} +12 -12
  22. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-bzbYBL-O.css +21 -0
  23. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BYQPvQbE.css +30 -0
  24. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-D-p7Hfvt.css +6 -0
  25. package/dist/assets/src/pill/{Pill.css.ts.vanilla-DfZxbJYE.css → Pill.css.ts.vanilla-DeCZ2_8Z.css} +4 -4
  26. package/dist/assets/src/radio/Radio.css.ts.vanilla-DSIvoy-w.css +13 -0
  27. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-lEdOzY9x.css +6 -0
  28. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-BNmH0vGS.css +7 -0
  29. package/dist/assets/src/separator/{Separator.css.ts.vanilla-p-KdqYLU.css → Separator.css.ts.vanilla-GmmMa_6S.css} +10 -10
  30. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-Bri2ps30.css +6 -0
  31. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CPctgLR_.css +6 -0
  32. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-BQX2yLpP.css → properties.css.ts.vanilla-_GcKnhsL.css} +2069 -2069
  33. package/dist/assets/src/switch/Switch.css.ts.vanilla-DGNLC011.css +26 -0
  34. package/dist/assets/src/table/{Table.css.ts.vanilla-m1N-e0Vc.css → Table.css.ts.vanilla-DCz5_D85.css} +4 -4
  35. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CIoFRLvG.css +6 -0
  36. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-ZAmhNzaE.css → TableCell.css.ts.vanilla-C5w86Y1I.css} +4 -4
  37. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CjSqZpba.css +6 -0
  38. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css +4 -0
  39. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DuSfh6tb.css +9 -0
  40. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Csaq48St.css +23 -0
  41. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-DXn2VZ67.css → TabsTrigger.css.ts.vanilla-CG_99hZP.css} +10 -10
  42. package/dist/assets/src/text/{Text.css.ts.vanilla-BxYXQpZA.css → Text.css.ts.vanilla-AqeTOozB.css} +8 -8
  43. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BdcQ9g7K.css +34 -0
  44. package/dist/assets/src/toast/Toast.css.ts.vanilla-CULVVH5B.css +92 -0
  45. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-K3MUigBV.css → ToastProvider.css.ts.vanilla-D0WvOUI1.css} +9 -9
  46. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiU1hVaB.css +22 -0
  47. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B2VkrVTh.css +10 -0
  48. package/dist/assets/src/transition/{Transition.css.ts.vanilla-BiM8-hyq.css → Transition.css.ts.vanilla-8tg-gwE2.css} +16 -16
  49. package/dist/index.d.ts +17 -1
  50. package/dist/package.json.js +1 -1
  51. package/dist/src/alert/Alert-css.js +1 -1
  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/box/Box-css.js +3 -3
  61. package/dist/src/button/Button-css.js +8 -8
  62. package/dist/src/button/Button.js +4 -2
  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/dist/unstable.d.ts +2 -0
  111. package/package.json +1 -1
  112. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-CSF3IjhR.css +0 -6
  113. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BF1qaLvg.css +0 -27
  114. package/dist/assets/src/badge/Badge.css.ts.vanilla-CDFp0bWo.css +0 -46
  115. package/dist/assets/src/button/Button.css.ts.vanilla-DW2Pv0jL.css +0 -146
  116. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-q3GGPGwP.css +0 -18
  117. package/dist/assets/src/code/Code.css.ts.vanilla-CVJglY5u.css +0 -7
  118. package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DClqHIpD.css +0 -24
  119. package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-CBfONOxn.css +0 -12
  120. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-DZjQ4lO4.css +0 -25
  121. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-blbpbaAA.css +0 -35
  122. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B2knVFJF.css +0 -9
  123. package/dist/assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css +0 -1
  124. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-DrRRLpce.css +0 -21
  125. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BAvjoAaT.css +0 -30
  126. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Ck4A0tXZ.css +0 -6
  127. package/dist/assets/src/radio/Radio.css.ts.vanilla-COjZu2QD.css +0 -13
  128. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-CjaWjHFP.css +0 -6
  129. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-sakBlypk.css +0 -7
  130. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-DTNJWyy-.css +0 -6
  131. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DuMdgSS2.css +0 -6
  132. package/dist/assets/src/switch/Switch.css.ts.vanilla-CnGFO3ic.css +0 -26
  133. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BcYHU0P3.css +0 -6
  134. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CPgX36rF.css +0 -6
  135. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css +0 -4
  136. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-6Tb_1v1L.css +0 -9
  137. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CfJX9Lr1.css +0 -23
  138. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-UZZkUzZb.css +0 -34
  139. package/dist/assets/src/toast/Toast.css.ts.vanilla-o29zz8Nn.css +0 -92
  140. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DEHzszBc.css +0 -22
  141. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CKL0tO-A.css +0 -10
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-UZZkUzZb.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BdcQ9g7K.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
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'}}});
5
+ var shadow = recipeRuntime({base:['_1i3b7fd','_16rmsha']});
6
+ var textarea = recipeRuntime({base:['_1i3b7fd','_10yx66i']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1pfw6m7','b99499'],'2':['_1pfw6m7','_87fl7e'],'3':['_1pfw6m7','zc85qp'],'4':['_1pfw6m7','lvd06'],'5':['_1pfw6m7','mxynr2']},resize:{auto:{},none:{},vertical:'fmudw2'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,9 +1,9 @@
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';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-D0WvOUI1.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-CULVVH5B.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
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'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1w8rle2']});
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']},'biqcg2'],variants:{colorScheme:{danger:'_1xko13c',information:'_4j60dk',neutral:'_1jjg9i',success:'_1sgbtc2',warning:'_1lslqv5'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-K3MUigBV.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-D0WvOUI1.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'},'_1w079hl'],variants:{position:{bottom:'_1fivm9h','bottom-left':'_811jpo','bottom-right':'aqd1yb',top:'l4qn01','top-left':'_1nbh2sl','top-right':'_1eqb5fi'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_11cqo1y'],variants:{position:{bottom:'avkih1','bottom-left':'_1b788g3','bottom-right':'_5lsw9p',top:'_1k7g9xb','top-left':'_1mxb55n','top-right':'gb52re'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,8 @@
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';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiU1hVaB.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['mgwg4d',{alignItems:'start',flexDirection:'row',gap:'xs'},'ssgdwa']});
6
+ var toggleInput = recipeRuntime({base:['_11ai96d',{alignItems:'start',flexDirection:'row',gap:'xs'},'amkhy6']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
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';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiU1hVaB.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B2VkrVTh.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['_1itaasu']});
7
+ var control = recipeRuntime({base:['_19ajbot']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-DtdkkHE5.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-BMIhB2fq.css';
3
3
 
4
- var className = '_1lqv16r';
4
+ var className = '_1gdvwm2';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-C7QPdQL4.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.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-C7QPdQL4.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-BiM8-hyq.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-DQSmpGQ1.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-8tg-gwE2.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'tfn3y4',variants:{duration:{sm:'ow9baj',md:'_158760e',lg:'_1rwdxyf'},type:{fade:'_1xhwqr3',pop:'_13fxohh'}}});
5
+ var transition = recipeRuntime({base:'_1azpzr7',variants:{duration:{sm:'_8lyvl5',md:'_1styjlp',lg:'_2t7u54'},type:{fade:'isc3ld',pop:'fx13no'}}});
6
6
  var transitionDuration = {sm:150,md:250,lg:400};
7
7
 
8
8
  export { transition, transitionDuration };
@@ -149,6 +149,7 @@ declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.De
149
149
  children?: react.ReactNode;
150
150
  disabled?: boolean;
151
151
  icon?: react.ReactNode;
152
+ iconAutosize?: boolean;
152
153
  iconPosition?: "end" | "start";
153
154
  loading?: boolean;
154
155
  } & Omit<{
@@ -235,6 +236,7 @@ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui
235
236
  children?: react.ReactNode;
236
237
  disabled?: boolean;
237
238
  icon?: react.ReactNode;
239
+ iconAutosize?: boolean;
238
240
  iconPosition?: "end" | "start";
239
241
  loading?: boolean;
240
242
  } & Omit<{
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.3",
10
+ "version": "0.3.4",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1ktdehn {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,27 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- .rhysjq {
4
- user-select: none;
5
- }
6
- ._14qmtc8 .rhysjq {
7
- border: 1px solid var(--ax-colors-bg-default);
8
- }
9
- ._14qmtc8 .vzqu2g:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- ._14qmtc8 ._154lu2q:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- ._14qmtc8 .rk85en:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- ._14qmtc8 ._1w7f5vq:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- ._14qmtc8 .rpl2io:not(:first-child) {
22
- margin-left: -11px;
23
- }
24
- ._14qmtc8 ._4j2h85:not(:first-child) {
25
- margin-left: -13px;
26
- }
27
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._3cmv2i {
4
- --x0ocsi: var(--ax-colors-fg-white);
5
- }
6
- ._16jr9ht {
7
- --_18islob: var(--ax-colors-bg-error);
8
- --gpplu8: var(--ax-colors-bg-error-subtle);
9
- --cjxc74: var(--ax-colors-fg-error-strong);
10
- }
11
- .s30x2m {
12
- --_18islob: var(--ax-colors-bg-information);
13
- --gpplu8: var(--ax-colors-bg-information-subtle);
14
- --cjxc74: var(--ax-colors-fg-information-strong);
15
- }
16
- .u8hs3s {
17
- --_18islob: var(--ax-colors-bg-tertiary);
18
- --x0ocsi: var(--ax-colors-fg-default);
19
- --gpplu8: var(--ax-colors-bg-secondary);
20
- --cjxc74: var(--ax-colors-fg-secondary);
21
- }
22
- .btpj4w {
23
- --_18islob: var(--ax-colors-bg-accent);
24
- --gpplu8: var(--ax-colors-bg-accent-subtle);
25
- --cjxc74: var(--ax-colors-fg-accent-strong);
26
- }
27
- ._503mp6 {
28
- --_18islob: var(--ax-colors-bg-success);
29
- --gpplu8: var(--ax-colors-bg-success-subtle);
30
- --cjxc74: var(--ax-colors-fg-success-strong);
31
- }
32
- ._1e1p44p {
33
- --_18islob: var(--ax-colors-bg-warning);
34
- --x0ocsi: var(--ax-colors-fg-warning-inverse);
35
- --gpplu8: var(--ax-colors-bg-warning-subtle);
36
- --cjxc74: var(--ax-colors-fg-warning-strong);
37
- }
38
- ._1qh9p2t {
39
- background-color: var(--gpplu8);
40
- color: var(--cjxc74);
41
- }
42
- ._157w3f8 {
43
- background-color: var(--_18islob);
44
- color: var(--x0ocsi);
45
- }
46
- }
@@ -1,146 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1mbc8es {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--_3hut9l);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- ._1mbc8es: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
- ._1qqb1dw[data-orientation="horizontal"] ._1mbc8es:not(:first-child):not(:last-child) {
16
- border-inline-width: 0.5px;
17
- }
18
- ._1qqb1dw[data-orientation="horizontal"] ._1mbc8es: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
- ._1qqb1dw[data-orientation="horizontal"] ._1mbc8es: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
- ._1qqb1dw[data-orientation="vertical"] ._1mbc8es:not(:first-child):not(:last-child) {
29
- border-block-width: 0.5px;
30
- }
31
- ._1qqb1dw[data-orientation="vertical"] ._1mbc8es: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
- ._1qqb1dw[data-orientation="vertical"] ._1mbc8es: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
- ._1qqb1dw[data-orientation] ._1mbc8es:not(:first-child):not(:last-child) {
42
- border-radius: 0;
43
- }
44
- .h538sw {
45
- --_9ydcv1: var(--ax-colors-bg-error);
46
- --_1ibzbk0: var(--ax-colors-bg-error-hovered);
47
- --_1ypf51x: var(--ax-colors-bg-error-pressed);
48
- --_8l20eu: var(--ax-colors-bg-error-subtlest);
49
- --_9urt1v: var(--ax-colors-bg-error-subtle);
50
- }
51
- ._1xumaws {
52
- --_9ydcv1: var(--ax-colors-bg-default-inverse);
53
- --_1ibzbk0: var(--ax-colors-bg-default-inverse-hovered);
54
- --_1ypf51x: var(--ax-colors-bg-default-inverse-pressed);
55
- --_8l20eu: var(--ax-colors-bg-secondary);
56
- --bvtvpn: var(--ax-colors-border-default);
57
- --mvqnqv: var(--ax-colors-border-default);
58
- --_9urt1v: var(--ax-colors-bg-secondary-hovered);
59
- --_1g6cxus: var(--ax-colors-fg-default);
60
- }
61
- .evp340 {
62
- --_9ydcv1: var(--ax-colors-bg-accent);
63
- --_1ibzbk0: var(--ax-colors-bg-accent-hovered);
64
- --_1ypf51x: var(--ax-colors-bg-accent-pressed);
65
- --_8l20eu: var(--ax-colors-bg-accent-subtle);
66
- --_9urt1v: var(--ax-colors-bg-accent-light);
67
- }
68
- ._1u142c0 {
69
- min-width: fit-content;
70
- }
71
- ._1xikipf {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--mvqnqv, var(--_9ydcv1));
74
- color: var(--_1g6cxus, var(--_9ydcv1));
75
- padding-inline: calc(var(--_3hut9l) - 1px);
76
- }
77
- ._1xikipf:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_9urt1v);
79
- border-color: var(--bvtvpn, var(--_1ibzbk0));
80
- }
81
- ._1xikipf:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--_8l20eu);
83
- border-color: var(--bvtvpn, var(--_1ibzbk0));
84
- }
85
- ._1xikipf: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
- ._1xikipf[data-disabled] {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- .pj2zh6 {
95
- background-color: var(--_9ydcv1);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- .pj2zh6:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--_1ypf51x);
100
- }
101
- .pj2zh6:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--_1ibzbk0);
103
- }
104
- .pj2zh6[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(--_3hut9l) - 1px);
109
- }
110
- ._7h81p9 {
111
- background-color: transparent;
112
- border-color: var(--_9ydcv1);
113
- color: var(--_1g6cxus, var(--_9ydcv1));
114
- }
115
- ._7h81p9:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_9urt1v);
117
- }
118
- ._7h81p9:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--_8l20eu);
120
- }
121
- ._7h81p9: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
- ._7h81p9[data-disabled] {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- ._1dymzy6 {
129
- --_3hut9l: 4px;
130
- }
131
- ._1kuf3cc {
132
- --_3hut9l: 8px;
133
- }
134
- ._1c50vc8 {
135
- --_3hut9l: 12px;
136
- }
137
- .n3w9g0 {
138
- opacity: 1;
139
- }
140
- ._19zqahg[data-loading] .n3w9g0 {
141
- opacity: 0;
142
- }
143
- ._166dinz {
144
- position: absolute;
145
- }
146
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1q0x3ld {
4
- display: none;
5
- }
6
- .k7s66q:has(._3yhhcl:checked) ._1q0x3ld {
7
- display: block;
8
- }
9
- ._1ywjeeu {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--_1le1xxx);
12
- border-width: 1px;
13
- }
14
- .k7s66q:has(._3yhhcl:checked) ._1ywjeeu {
15
- background-color: var(--_1le1xxx);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1ubfvma {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,24 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._130mxv1 {
4
- position: sticky;
5
- top: 0;
6
- z-index: var(--ax-zIndex-20);
7
- }
8
- ._1pejk4d {
9
- min-width: var(--a7j6m);
10
- }
11
- ._10fm9ha {
12
- left: var(--ima6ed);
13
- position: sticky;
14
- z-index: var(--ax-zIndex-20);
15
- }
16
- ._12f9efs {
17
- min-width: var(--a7j6m);
18
- }
19
- ._1d7i3uj {
20
- left: var(--ima6ed);
21
- position: sticky;
22
- z-index: var(--ax-zIndex-10);
23
- }
24
- }
@@ -1,12 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._13kkiam {
4
- cursor: default;
5
- }
6
- .pu7yam {
7
- cursor: pointer;
8
- }
9
- .liart4:is(:not(:focus-within):not(:hover)) ._1bdolyb {
10
- visibility: hidden;
11
- }
12
- }
@@ -1,25 +0,0 @@
1
- @keyframes _1k80bvl {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes _1a5q4eb {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom.rzssx9;
18
- @layer optiaxiom.rzssx9 {
19
- ._1lvkmp[data-state="closed"] {
20
- animation: _1a5q4eb 300ms ease-out;
21
- }
22
- ._1lvkmp[data-state="open"] {
23
- animation: _1k80bvl 300ms ease-out;
24
- }
25
- }
@@ -1,35 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._578504 {
4
- position: relative;
5
- }
6
- ._1m0bvq2 {
7
- --owci7x: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- .aufvnw {
12
- --owci7x: 4px;
13
- }
14
- ._1wf0lr1 {
15
- bottom: 4px;
16
- transform: translate(var(--owci7x), var(--owci7x));
17
- }
18
- ._1tctkbq {
19
- top: 4px;
20
- transform: translate(var(--owci7x), calc(-1 * var(--owci7x)));
21
- }
22
- ._6q78ul {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._6q78ul:empty {
27
- aspect-ratio: 1;
28
- }
29
- ._13mhffq:not(:empty) {
30
- min-width: 20px;
31
- }
32
- .pn209r {
33
- position: absolute;
34
- }
35
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1cdomji {
4
- text-decoration: none;
5
- }
6
- ._1n3b826 {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom._150bg43, optiaxiom.rzssx9;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1fu4dje {
4
- max-height: var(--_1n1okc);
5
- }
6
- ._10io5jf {
7
- min-width: var(--ky68e7);
8
- }
9
- .zxeomz {
10
- --_1n1okc: var(--radix-dropdown-menu-content-available-height);
11
- --ky68e7: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- .kblrep {
14
- --_1n1okc: var(--radix-popover-content-available-height);
15
- --ky68e7: var(--radix-popover-trigger-width);
16
- }
17
- .th0zwi {
18
- --_1n1okc: var(--radix-popper-available-height);
19
- --ky68e7: var(--radix-popper-anchor-width);
20
- }
21
- }
@@ -1,30 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1bnxrj1 {
4
- user-select: none;
5
- }
6
- ._1bnxrj1:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- ._1bnxrj1:not([data-disabled]) {
10
- color: var(--_1fokjj9);
11
- cursor: pointer;
12
- }
13
- ._1bnxrj1:not([data-disabled])[data-highlighted] {
14
- background-color: var(--_1tyl9as);
15
- }
16
- ._1bnxrj1:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-bg-secondary-hovered);
18
- }
19
- ._1bnxrj1[data-disabled] {
20
- opacity: 0.3;
21
- }
22
- .g94wve {
23
- --_1fokjj9: var(--ax-colors-fg-error-strong);
24
- --_1tyl9as: var(--ax-colors-bg-error-subtle);
25
- }
26
- ._9hgylb {
27
- --_1fokjj9: var(--ax-colors-fg-default);
28
- --_1tyl9as: var(--ax-colors-bg-secondary);
29
- }
30
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- .l7mp3g {
4
- min-width: var(--ax-size-md);
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1tt9x6b {
4
- border-color: var(--_1le1xxx);
5
- }
6
- ._1tzjqzd {
7
- background-color: var(--_1le1xxx);
8
- display: none;
9
- }
10
- ._13ven43:has(._1buc7we:checked) ._1tzjqzd {
11
- display: block;
12
- }
13
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- .nf73nr:is(:not(:focus-within):not(:hover), :has(input:disabled)) .d12wkh {
4
- visibility: hidden;
5
- }
6
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1m069gz {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- .dgv6c8 {
4
- --_1g6cxus: var(--ax-colors-fg-secondary);
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- .inq77i:empty:before {
4
- content: "\00a0";
5
- }
6
- }
@@ -1,26 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1t6urpn {
4
- --_1le1xxx: var(--ax-colors-bg-tertiary);
5
- }
6
- ._1t6urpn:has(._1h5sy2j:not(:disabled):not(:checked)):hover {
7
- --_1le1xxx: var(--ax-colors-bg-tertiary-hovered);
8
- }
9
- .yv3fcz {
10
- background-color: var(--_1le1xxx);
11
- position: relative;
12
- }
13
- .srlckw {
14
- background-color: var(--ax-colors-bg-default);
15
- transform: translateX(-10px);
16
- }
17
- .tof6ej:has(._1h5sy2j:checked) .srlckw {
18
- transform: translateX(10px);
19
- }
20
- .tof6ej:has(._1h5sy2j:disabled) .srlckw {
21
- background-color: var(--ax-colors-bg-page);
22
- }
23
- .tof6ej:has(._1h5sy2j:not(:disabled)) .srlckw {
24
- box-shadow: var(--ax-boxShadow-sm);
25
- }
26
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- .hpldo0 {
4
- position: relative;
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.rzssx9;
2
- @layer optiaxiom.rzssx9 {
3
- ._1h2ysk0 {
4
- vertical-align: middle;
5
- }
6
- }