@optiaxiom/react 0.2.0 → 0.2.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 (137) hide show
  1. package/dist/{Link-Cb4M-bVP.d.ts → Link-Dc8ekUk0.d.ts} +4 -4
  2. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-8Sww1h8x.css → AlertDialogContent.css.ts.vanilla-CXU9RPlt.css} +7 -7
  3. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C1jTI0n3.css +6 -0
  4. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DJeeq1LR.css +10 -0
  5. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BqFo8Ckf.css +27 -0
  6. package/dist/assets/src/badge/Badge.css.ts.vanilla-hRYSETVs.css +46 -0
  7. package/dist/assets/src/box/{Box.css.ts.vanilla-CJfUe_xA.css → Box.css.ts.vanilla-l5pxeqpC.css} +23 -23
  8. package/dist/assets/src/button/Button.css.ts.vanilla-BiYA392f.css +146 -0
  9. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-v8ueXwNh.css +18 -0
  10. package/dist/assets/src/code/Code.css.ts.vanilla-CgFRu84v.css +7 -0
  11. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-4xWP5FmU.css → DialogContent.css.ts.vanilla-DYjXMRmn.css} +8 -8
  12. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C_E7EWK6.css +25 -0
  13. package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DO1ghUoN.css → DisclosureTrigger.css.ts.vanilla-Ut0pM30M.css} +7 -7
  14. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-Cf7PEhhe.css → Drawer.css.ts.vanilla-DGdVvYDM.css} +8 -8
  15. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-htO9pEH1.css → HoverCardContent.css.ts.vanilla-B0e1VBuB.css} +3 -3
  16. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BGp9E6-V.css +36 -0
  17. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-D9bBsPhX.css → InputBase.css.ts.vanilla-xClOcyVV.css} +23 -23
  18. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BgKxZdBA.css +9 -0
  19. package/dist/assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css +1 -0
  20. package/dist/assets/src/link/{Link.css.ts.vanilla-neN-iY37.css → Link.css.ts.vanilla-BwsjRbT8.css} +12 -12
  21. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-ZuE5SZF1.css +21 -0
  22. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-qvZSWu96.css +30 -0
  23. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BeD33iJx.css +6 -0
  24. package/dist/assets/src/pill/{Pill.css.ts.vanilla-DnHV9sII.css → Pill.css.ts.vanilla-Cr5zCRpC.css} +4 -4
  25. package/dist/assets/src/radio/Radio.css.ts.vanilla-ss7fiJd-.css +13 -0
  26. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-sXrssmhH.css +6 -0
  27. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CA56kkFg.css +7 -0
  28. package/dist/assets/src/separator/{Separator.css.ts.vanilla-P1XO1rTW.css → Separator.css.ts.vanilla-DYmYJLS6.css} +10 -10
  29. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-CbzO85Ut.css +6 -0
  30. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CJxzKFfW.css +6 -0
  31. package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-B_ehm9Il.css → properties.css.ts.vanilla-AO76vkAp.css} +2796 -2067
  32. package/dist/assets/src/switch/Switch.css.ts.vanilla-DhVULbgx.css +26 -0
  33. package/dist/assets/src/table/Table.css.ts.vanilla-Cf6hPQuP.css +9 -0
  34. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-0F7IhhJH.css +6 -0
  35. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-BMr5qpLj.css → TableCell.css.ts.vanilla-BPLEQNTw.css} +4 -4
  36. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BppOSaGb.css +6 -0
  37. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css +4 -0
  38. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Zw8YUjIV.css +9 -0
  39. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C_eok-Uh.css +23 -0
  40. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-Ces6N8wW.css → TabsTrigger.css.ts.vanilla-vnwJVqiP.css} +10 -10
  41. package/dist/assets/src/text/{Text.css.ts.vanilla-BE-Fps5x.css → Text.css.ts.vanilla-CY9YMJxj.css} +8 -8
  42. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-LE6eeC9c.css +34 -0
  43. package/dist/assets/src/toast/Toast.css.ts.vanilla-CnzzNTMW.css +92 -0
  44. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-5tmJ5uCB.css → ToastProvider.css.ts.vanilla-MHbbmzSS.css} +9 -9
  45. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css +22 -0
  46. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B5HkATzv.css +10 -0
  47. package/dist/assets/src/transition/{Transition.css.ts.vanilla-CEVbotiB.css → Transition.css.ts.vanilla-CiL90KIm.css} +16 -16
  48. package/dist/index.d.ts +2 -2
  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/dialog-body/DialogBody-css.js +1 -1
  65. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  66. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  67. package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
  68. package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
  69. package/dist/src/drawer/Drawer-css.js +5 -5
  70. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  71. package/dist/src/indicator/Indicator-css.js +5 -5
  72. package/dist/src/input/Input-css.js +1 -1
  73. package/dist/src/input-base/InputBase-css.js +5 -5
  74. package/dist/src/kbd/Kbd-css.js +3 -3
  75. package/dist/src/layers/layers-css.js +3 -3
  76. package/dist/src/link/Link-css.js +4 -4
  77. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  78. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  79. package/dist/src/pagination/Pagination-css.js +3 -3
  80. package/dist/src/pill/Pill-css.js +3 -3
  81. package/dist/src/radio/Radio-css.js +8 -8
  82. package/dist/src/search-input/SearchInput-css.js +4 -4
  83. package/dist/src/select-content/SelectContent-css.js +3 -3
  84. package/dist/src/separator/Separator-css.js +3 -3
  85. package/dist/src/side-nav-item/SideNavItem-css.js +5 -5
  86. package/dist/src/skeleton/Skeleton-css.js +3 -3
  87. package/dist/src/sprinkles/properties-css.js +4 -4
  88. package/dist/src/switch/Switch-css.js +8 -8
  89. package/dist/src/table/Table-css.js +4 -4
  90. package/dist/src/table-body/TableBody-css.js +3 -3
  91. package/dist/src/table-cell/TableCell-css.js +4 -4
  92. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  93. package/dist/src/table-row/TableRow-css.js +3 -3
  94. package/dist/src/tabs/Tabs-css.js +3 -3
  95. package/dist/src/tabs-list/TabsList-css.js +3 -3
  96. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  97. package/dist/src/text/Text-css.js +3 -3
  98. package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
  99. package/dist/src/toast/Toast-css.js +5 -5
  100. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  101. package/dist/src/toggle-input/ToggleInput-css.js +4 -4
  102. package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
  103. package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
  104. package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
  105. package/dist/src/transition/Transition-css.js +3 -3
  106. package/dist/unstable.d.ts +1 -1
  107. package/package.json +2 -2
  108. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BCpY-gV3.css +0 -6
  109. package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CS3SCfDf.css +0 -10
  110. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-Cc1W2rt5.css +0 -27
  111. package/dist/assets/src/badge/Badge.css.ts.vanilla-B0wZYAIY.css +0 -46
  112. package/dist/assets/src/button/Button.css.ts.vanilla-f0BfuF2p.css +0 -146
  113. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BLLzwfIm.css +0 -18
  114. package/dist/assets/src/code/Code.css.ts.vanilla-BhMJSr08.css +0 -7
  115. package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-5Qn4T1yb.css +0 -25
  116. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-Dc2WTJBB.css +0 -36
  117. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-C-36TI1F.css +0 -9
  118. package/dist/assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css +0 -1
  119. package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Cc4WMGHB.css +0 -21
  120. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BKtu4IMK.css +0 -30
  121. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-C6E_uS36.css +0 -6
  122. package/dist/assets/src/radio/Radio.css.ts.vanilla-uSwsEcjC.css +0 -13
  123. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DRteGRTF.css +0 -6
  124. package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CBJPmfxK.css +0 -7
  125. package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-BvkdhlHG.css +0 -6
  126. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CKv-1wd9.css +0 -6
  127. package/dist/assets/src/switch/Switch.css.ts.vanilla-DA2VnAtq.css +0 -26
  128. package/dist/assets/src/table/Table.css.ts.vanilla-CgY7Gdzg.css +0 -9
  129. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BNCbVUtX.css +0 -6
  130. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-D5Nizo77.css +0 -6
  131. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css +0 -4
  132. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Q1iJ6rjZ.css +0 -9
  133. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Bx9t_lkp.css +0 -23
  134. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D7KvX_iO.css +0 -34
  135. package/dist/assets/src/toast/Toast.css.ts.vanilla-DKNlNBpb.css +0 -92
  136. package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.css +0 -22
  137. package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-UmcCg7ux.css +0 -10
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
2
- import './../../assets/src/text/Text.css.ts.vanilla-BE-Fps5x.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/text/Text.css.ts.vanilla-CY9YMJxj.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_1k3c9ga','_4d4te4','_1xw19wd'],'2':[undefined,'_1k3c9ga','_4d4te4','_13w5snf'],'3':[undefined,'_1k3c9ga','_4d4te4','_8d784r'],'4':[undefined,'_1k3c9ga','_4d4te4','_60e0je']},truncate:{true:[undefined,'_1k3c9ga',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
5
+ var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_145uddn','_11300y4','_1l6a6a5'],'2':[undefined,'_145uddn','_11300y4','_9awjug'],'3':[undefined,'_145uddn','_11300y4','mhs3lb'],'4':[undefined,'_145uddn','_11300y4','w0zkyw']},truncate:{true:[undefined,'_145uddn',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
6
6
 
7
7
  export { text };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
2
- import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D7KvX_iO.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-LE6eeC9c.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var shadow = recipeRuntime({base:['_1bjrzbi','p5mah4']});
6
- var textarea = recipeRuntime({base:['_1bjrzbi','_3dozdo']});
7
- var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1j5d5d','d7hhff'],'2':['_1j5d5d','_3u2cq'],'3':['_1j5d5d','ifo8ft'],'4':['_1j5d5d','_1rlkmg1'],'5':['_1j5d5d','_1cb01a']},resize:{auto:{},none:{},vertical:'_1co2eul'}}});
5
+ var shadow = recipeRuntime({base:['kyj9v3','_1j70vd4']});
6
+ var textarea = recipeRuntime({base:['kyj9v3','_1bqmmvw']});
7
+ var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_633fz9','caoz7t'],'2':['_633fz9','_1azcer4'],'3':['_633fz9','_1ezyhyx'],'4':['_633fz9','cy9h3h'],'5':['_633fz9','kbtkht']},resize:{auto:{},none:{},vertical:'_1d92dbm'}}});
8
8
 
9
9
  export { shadow, textarea, wrapper };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-5tmJ5uCB.css';
3
- import './../../assets/src/toast/Toast.css.ts.vanilla-DKNlNBpb.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-MHbbmzSS.css';
3
+ import './../../assets/src/toast/Toast.css.ts.vanilla-CnzzNTMW.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_164y6vm']});
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']},'_1dujptc'],variants:{colorScheme:{danger:'_14p0afd',information:'_1ahczfl',neutral:'_1igotqm',success:'mzgu85',warning:'_1ew8h2p'}}});
6
+ var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'hs3yuj']});
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']},'_1tnkavo'],variants:{colorScheme:{danger:'_7pr693',information:'tjg67',neutral:'_1bwewm1',success:'_12bn5gm',warning:'_1b4esqm'}}});
8
8
 
9
9
  export { icon, root };
@@ -1,7 +1,7 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
2
- import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-5tmJ5uCB.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-MHbbmzSS.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'},'_1cxwbjq'],variants:{position:{bottom:'_153jc9p','bottom-left':'_11mb344','bottom-right':'ztqubp',top:'_1o9us3f','top-left':'_10w6o0t','top-right':'z9srz9'}}});
5
+ var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'ry7844'],variants:{position:{bottom:'_1xb0pgi','bottom-left':'_1mb18b5','bottom-right':'_1ls0r0b',top:'atu3td','top-left':'u36yfk','top-right':'_1abj0sx'}}});
6
6
 
7
7
  export { viewport };
@@ -1,8 +1,8 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
4
4
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
5
5
 
6
- var toggleInput = recipeRuntime({base:['_1fmgutn',{alignItems:'start',flexDirection:'row',gap:'xs'},'lr3pon']});
6
+ var toggleInput = recipeRuntime({base:['_1mbyvoq',{alignItems:'start',flexDirection:'row',gap:'xs'},'yfabmx']});
7
7
 
8
8
  export { toggleInput };
@@ -1,9 +1,9 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css';
3
- import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.css';
4
- import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-UmcCg7ux.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
3
+ import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
4
+ import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B5HkATzv.css';
5
5
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
6
6
 
7
- var control = recipeRuntime({base:['jicf6h']});
7
+ var control = recipeRuntime({base:['ojjkjr']});
8
8
 
9
9
  export { control };
@@ -1,6 +1,6 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
2
- import './../../assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
3
3
 
4
- var className = '_11bxd3a';
4
+ var className = '_1m9hrlf';
5
5
 
6
6
  export { className };
@@ -1,4 +1,4 @@
1
- import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.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-79mCcHcb.css';
2
- import './../../assets/src/transition/Transition.css.ts.vanilla-CEVbotiB.css';
1
+ import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
2
+ import './../../assets/src/transition/Transition.css.ts.vanilla-CiL90KIm.css';
3
3
  import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
4
4
 
5
- var transition = recipeRuntime({base:'_1b9ysmx',variants:{duration:{sm:'_19z3oxv',md:'_96h5f0',lg:'_1yamnah'},type:{fade:'_2kksmr',pop:'rzgi93'}}});
5
+ var transition = recipeRuntime({base:'_1q4fbmw',variants:{duration:{sm:'_3wf8v',md:'_1ghl0sx',lg:'toz4k7'},type:{fade:'_1utraoq',pop:'_19i3vek'}}});
6
6
  var transitionDuration = {sm:150,md:250,lg:400};
7
7
 
8
8
  export { transition, transitionDuration };
@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as react from 'react';
3
3
  import { ReactNode } from 'react';
4
4
  import { UseComboboxProps, UseSelectProps } from 'downshift';
5
- import { S as Sprinkles, B as BoxProps, L as Link } from './Link-Cb4M-bVP.js';
5
+ import { S as Sprinkles, B as BoxProps, L as Link } from './Link-Dc8ekUk0.js';
6
6
  import * as _radix_ui_react_popper from '@radix-ui/react-popper';
7
7
  import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
8
8
  import * as RadixSeparator from '@radix-ui/react-separator';
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.2.0",
10
+ "version": "0.2.1",
11
11
  "files": [
12
12
  "dist/**",
13
13
  "LICENSE"
@@ -61,7 +61,7 @@
61
61
  "cmdk": "^1.0.0",
62
62
  "downshift": "^9.0.8",
63
63
  "use-sync-external-store": "^1.2.2",
64
- "@optiaxiom/globals": "^0.2.1"
64
+ "@optiaxiom/globals": "^0.2.2"
65
65
  },
66
66
  "devDependencies": {
67
67
  "@emotion/hash": "^0.9.2",
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1e6e5t {
4
- border-top: 1px solid var(--ax-colors-border-secondary);
5
- }
6
- }
@@ -1,10 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1vpj8gf {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- ._1vpj8gf:empty {
8
- visibility: hidden;
9
- }
10
- }
@@ -1,27 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._3ghmrm {
4
- user-select: none;
5
- }
6
- .ncz9ng ._3ghmrm {
7
- border: 1px solid var(--ax-colors-bg-default);
8
- }
9
- .ncz9ng .senq3l:not(:first-child) {
10
- margin-left: -3px;
11
- }
12
- .ncz9ng .y46ckq:not(:first-child) {
13
- margin-left: -5px;
14
- }
15
- .ncz9ng ._1iee1na:not(:first-child) {
16
- margin-left: -7px;
17
- }
18
- .ncz9ng ._1b1qw8b:not(:first-child) {
19
- margin-left: -9px;
20
- }
21
- .ncz9ng .h421z4:not(:first-child) {
22
- margin-left: -11px;
23
- }
24
- .ncz9ng ._41jyrc:not(:first-child) {
25
- margin-left: -13px;
26
- }
27
- }
@@ -1,46 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1qklq0 {
4
- --_4fk346: var(--ax-colors-fg-white);
5
- }
6
- ._12fe138 {
7
- --_19tmynv: var(--ax-colors-bg-error);
8
- --jxa8zh: var(--ax-colors-bg-error-subtle);
9
- --_1sey2ar: var(--ax-colors-fg-error-strong);
10
- }
11
- ._8n41pk {
12
- --_19tmynv: var(--ax-colors-bg-information);
13
- --jxa8zh: var(--ax-colors-bg-information-subtle);
14
- --_1sey2ar: var(--ax-colors-fg-information-strong);
15
- }
16
- ._1hzm8zd {
17
- --_19tmynv: var(--ax-colors-bg-tertiary);
18
- --_4fk346: var(--ax-colors-fg-default);
19
- --jxa8zh: var(--ax-colors-bg-secondary);
20
- --_1sey2ar: var(--ax-colors-fg-secondary);
21
- }
22
- ._1yry1mi {
23
- --_19tmynv: var(--ax-colors-bg-accent);
24
- --jxa8zh: var(--ax-colors-bg-accent-subtle);
25
- --_1sey2ar: var(--ax-colors-fg-accent-strong);
26
- }
27
- .lrkd3c {
28
- --_19tmynv: var(--ax-colors-bg-success);
29
- --jxa8zh: var(--ax-colors-bg-success-subtle);
30
- --_1sey2ar: var(--ax-colors-fg-success-strong);
31
- }
32
- ._1hj560k {
33
- --_19tmynv: var(--ax-colors-bg-warning);
34
- --_4fk346: var(--ax-colors-fg-warning-inverse);
35
- --jxa8zh: var(--ax-colors-bg-warning-subtle);
36
- --_1sey2ar: var(--ax-colors-fg-warning-strong);
37
- }
38
- ._10ttap0 {
39
- background-color: var(--jxa8zh);
40
- color: var(--_1sey2ar);
41
- }
42
- .ainpn7 {
43
- background-color: var(--_19tmynv);
44
- color: var(--_4fk346);
45
- }
46
- }
@@ -1,146 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._3fpl1h {
4
- border-radius: var(--ax-borderRadius-md);
5
- padding-inline: var(--_1usllxa);
6
- position: relative;
7
- text-decoration: none;
8
- user-select: none;
9
- }
10
- ._3fpl1h: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
- .kx0qtf[data-orientation="horizontal"] ._3fpl1h:not(:first-child):not(:last-child) {
16
- border-inline-width: 0.5px;
17
- }
18
- .kx0qtf[data-orientation="horizontal"] ._3fpl1h: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
- .kx0qtf[data-orientation="horizontal"] ._3fpl1h: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
- .kx0qtf[data-orientation="vertical"] ._3fpl1h:not(:first-child):not(:last-child) {
29
- border-block-width: 0.5px;
30
- }
31
- .kx0qtf[data-orientation="vertical"] ._3fpl1h: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
- .kx0qtf[data-orientation="vertical"] ._3fpl1h: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
- .kx0qtf[data-orientation] ._3fpl1h:not(:first-child):not(:last-child) {
42
- border-radius: 0;
43
- }
44
- .buk0vy {
45
- --_3p418e: var(--ax-colors-bg-error);
46
- --_1ruczdf: var(--ax-colors-bg-error-hovered);
47
- --wyl9up: var(--ax-colors-bg-error-pressed);
48
- --i8e91t: var(--ax-colors-bg-error-subtlest);
49
- --_1dl1zaf: var(--ax-colors-bg-error-subtle);
50
- }
51
- .phwgl6 {
52
- --_3p418e: var(--ax-colors-bg-default-inverse);
53
- --_1ruczdf: var(--ax-colors-bg-default-inverse-hovered);
54
- --wyl9up: var(--ax-colors-bg-default-inverse-pressed);
55
- --i8e91t: var(--ax-colors-bg-secondary);
56
- --nayw5l: var(--ax-colors-border-default);
57
- --v9q3in: var(--ax-colors-border-default);
58
- --_1dl1zaf: var(--ax-colors-bg-secondary-hovered);
59
- --b58z4j: var(--ax-colors-fg-default);
60
- }
61
- .l4irbb {
62
- --_3p418e: var(--ax-colors-bg-accent);
63
- --_1ruczdf: var(--ax-colors-bg-accent-hovered);
64
- --wyl9up: var(--ax-colors-bg-accent-pressed);
65
- --i8e91t: var(--ax-colors-bg-accent-subtle);
66
- --_1dl1zaf: var(--ax-colors-bg-accent-light);
67
- }
68
- ._9un8j1 {
69
- min-width: fit-content;
70
- }
71
- ._1oaiof {
72
- background-color: var(--ax-colors-bg-default);
73
- border: 1px solid var(--v9q3in, var(--_3p418e));
74
- color: var(--b58z4j, var(--_3p418e));
75
- padding-inline: calc(var(--_1usllxa) - 1px);
76
- }
77
- ._1oaiof:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
78
- background-color: var(--_1dl1zaf);
79
- border-color: var(--nayw5l, var(--_1ruczdf));
80
- }
81
- ._1oaiof:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
82
- background-color: var(--i8e91t);
83
- border-color: var(--nayw5l, var(--_1ruczdf));
84
- }
85
- ._1oaiof: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
- ._1oaiof[data-disabled] {
91
- border-color: var(--ax-colors-border-disabled);
92
- color: var(--ax-colors-fg-disabled);
93
- }
94
- .mtgnq7 {
95
- background-color: var(--_3p418e);
96
- color: var(--ax-colors-fg-default-inverse);
97
- }
98
- .mtgnq7:active:not([data-disabled], [data-loading]) {
99
- background-color: var(--wyl9up);
100
- }
101
- .mtgnq7:hover:not(:active, [data-disabled], [data-loading]) {
102
- background-color: var(--_1ruczdf);
103
- }
104
- .mtgnq7[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(--_1usllxa) - 1px);
109
- }
110
- ._1xgtzxc {
111
- background-color: transparent;
112
- border-color: var(--_3p418e);
113
- color: var(--b58z4j, var(--_3p418e));
114
- }
115
- ._1xgtzxc:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
116
- background-color: var(--_1dl1zaf);
117
- }
118
- ._1xgtzxc:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
119
- background-color: var(--i8e91t);
120
- }
121
- ._1xgtzxc: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
- ._1xgtzxc[data-disabled] {
126
- color: var(--ax-colors-fg-disabled);
127
- }
128
- ._17x7nto {
129
- --_1usllxa: 4px;
130
- }
131
- ._1o604va {
132
- --_1usllxa: 8px;
133
- }
134
- .wumzna {
135
- --_1usllxa: 12px;
136
- }
137
- ._30lma4 {
138
- opacity: 1;
139
- }
140
- .p2cmh6[data-loading] ._30lma4 {
141
- opacity: 0;
142
- }
143
- .msudw5 {
144
- position: absolute;
145
- }
146
- }
@@ -1,18 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- .mnra9w {
4
- display: none;
5
- }
6
- ._1u0qnhf:has(.kr6c2a:checked) .mnra9w {
7
- display: block;
8
- }
9
- .lih270 {
10
- background-color: var(--ax-colors-bg-default);
11
- border-color: var(--mcig7l);
12
- border-width: 1px;
13
- }
14
- ._1u0qnhf:has(.kr6c2a:checked) .lih270 {
15
- background-color: var(--mcig7l);
16
- border-width: 0;
17
- }
18
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._12xvi9f {
4
- font-size: 0.875em;
5
- -webkit-font-smoothing: auto;
6
- }
7
- }
@@ -1,25 +0,0 @@
1
- @keyframes _46ropi {
2
- from {
3
- height: 0;
4
- }
5
- to {
6
- height: var(--radix-collapsible-content-height);
7
- }
8
- }
9
- @keyframes _1sm3673 {
10
- from {
11
- height: var(--radix-collapsible-content-height);
12
- }
13
- to {
14
- height: 0;
15
- }
16
- }
17
- @layer optiaxiom.xkvm1p;
18
- @layer optiaxiom.xkvm1p {
19
- .v7ma7m[data-state="closed"] {
20
- animation: _1sm3673 300ms ease-out;
21
- }
22
- .v7ma7m[data-state="open"] {
23
- animation: _46ropi 300ms ease-out;
24
- }
25
- }
@@ -1,36 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1sqtk25 {
4
- position: relative;
5
- }
6
- ._1r0cvm4 {
7
- --_16r1fbw: 50%;
8
- position: absolute;
9
- right: 4px;
10
- }
11
- ._1rnyqbq {
12
- --_16r1fbw: 4px;
13
- }
14
- .lnsxc6 {
15
- bottom: 4px;
16
- transform: translate(var(--_16r1fbw), var(--_16r1fbw));
17
- }
18
- ._1e7gshw {
19
- top: 4px;
20
- transform: translate(var(--_16r1fbw), calc(-1 * var(--_16r1fbw)));
21
- }
22
- ._1lisds8 {
23
- position: relative;
24
- user-select: none;
25
- }
26
- ._1lisds8:empty {
27
- aspect-ratio: 1;
28
- }
29
- .uki4ay:not(:empty) {
30
- min-width: 20px;
31
- }
32
- ._16xecw3 {
33
- pointer-events: none;
34
- position: absolute;
35
- }
36
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- .hvffzg {
4
- text-decoration: none;
5
- }
6
- ._1bnmt9t {
7
- font-size: 1.2em;
8
- }
9
- }
@@ -1 +0,0 @@
1
- @layer optiaxiom, optiaxiom.base, optiaxiom.y1sbfe, optiaxiom.xkvm1p;
@@ -1,21 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._2qyz5b {
4
- max-height: var(--_17rrtjf);
5
- }
6
- ._11dh2fy {
7
- min-width: var(--_1ubb5i7);
8
- }
9
- .po1dsp {
10
- --_17rrtjf: var(--radix-dropdown-menu-content-available-height);
11
- --_1ubb5i7: var(--radix-dropdown-menu-trigger-width);
12
- }
13
- ._1eseos7 {
14
- --_17rrtjf: var(--radix-popover-content-available-height);
15
- --_1ubb5i7: var(--radix-popover-trigger-width);
16
- }
17
- ._10ljk5f {
18
- --_17rrtjf: var(--radix-popper-available-height);
19
- --_1ubb5i7: var(--radix-popper-anchor-width);
20
- }
21
- }
@@ -1,30 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- .u0v3of {
4
- user-select: none;
5
- }
6
- .u0v3of:focus-visible {
7
- outline: 2px solid transparent;
8
- }
9
- .u0v3of:not([data-disabled]) {
10
- color: var(--_12p55hg);
11
- cursor: pointer;
12
- }
13
- .u0v3of:not([data-disabled])[data-highlighted] {
14
- background-color: var(--ookii);
15
- }
16
- .u0v3of:not([data-disabled])[data-highlighted]:active {
17
- background-color: var(--ax-colors-bg-secondary-hovered);
18
- }
19
- .u0v3of[data-disabled] {
20
- opacity: 0.3;
21
- }
22
- ._1eijz2v {
23
- --_12p55hg: var(--ax-colors-fg-error-strong);
24
- --ookii: var(--ax-colors-bg-error-subtle);
25
- }
26
- ._1cuhej6 {
27
- --_12p55hg: var(--ax-colors-fg-default);
28
- --ookii: var(--ax-colors-bg-secondary);
29
- }
30
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1f4umqn {
4
- min-width: var(--ax-size-md);
5
- }
6
- }
@@ -1,13 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1pdv1fm {
4
- border-color: var(--mcig7l);
5
- }
6
- .cxg0j {
7
- background-color: var(--mcig7l);
8
- display: none;
9
- }
10
- ._1xxjj6e:has(._19pod27:checked) .cxg0j {
11
- display: block;
12
- }
13
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- .tcr4iv:is(:not(:focus-within):not(:hover), :has(input:disabled)) .hs7xh4 {
4
- visibility: hidden;
5
- }
6
- }
@@ -1,7 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1audoyj {
4
- overflow: auto;
5
- overscroll-behavior: contain;
6
- }
7
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- .rsr7y {
4
- --b58z4j: var(--ax-colors-fg-secondary);
5
- }
6
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1g56fa3:empty:before {
4
- content: "\00a0";
5
- }
6
- }
@@ -1,26 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- .wa1rox {
4
- --mcig7l: var(--ax-colors-bg-tertiary);
5
- }
6
- .wa1rox:has(._15urfzu:not(:disabled):not(:checked)):hover {
7
- --mcig7l: var(--ax-colors-bg-tertiary-hovered);
8
- }
9
- .mk2c1w {
10
- background-color: var(--mcig7l);
11
- position: relative;
12
- }
13
- ._10ht9sz {
14
- background-color: var(--ax-colors-bg-default);
15
- transform: translateX(-10px);
16
- }
17
- .hhyq3b:has(._15urfzu:checked) ._10ht9sz {
18
- transform: translateX(10px);
19
- }
20
- .hhyq3b:has(._15urfzu:disabled) ._10ht9sz {
21
- background-color: var(--ax-colors-bg-page);
22
- }
23
- .hhyq3b:has(._15urfzu:not(:disabled)) ._10ht9sz {
24
- box-shadow: var(--ax-boxShadow-sm);
25
- }
26
- }
@@ -1,9 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._6o170q {
4
- caption-side: bottom;
5
- }
6
- ._4e3us1 {
7
- position: relative;
8
- }
9
- }
@@ -1,6 +0,0 @@
1
- @layer optiaxiom.xkvm1p;
2
- @layer optiaxiom.xkvm1p {
3
- ._1caygd5 {
4
- position: relative;
5
- }
6
- }