@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.
- package/dist/{Link-Cb4M-bVP.d.ts → Link-Dc8ekUk0.d.ts} +4 -4
- package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-8Sww1h8x.css → AlertDialogContent.css.ts.vanilla-CXU9RPlt.css} +7 -7
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C1jTI0n3.css +6 -0
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-DJeeq1LR.css +10 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BqFo8Ckf.css +27 -0
- package/dist/assets/src/badge/Badge.css.ts.vanilla-hRYSETVs.css +46 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-CJfUe_xA.css → Box.css.ts.vanilla-l5pxeqpC.css} +23 -23
- package/dist/assets/src/button/Button.css.ts.vanilla-BiYA392f.css +146 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-v8ueXwNh.css +18 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-CgFRu84v.css +7 -0
- package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-4xWP5FmU.css → DialogContent.css.ts.vanilla-DYjXMRmn.css} +8 -8
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C_E7EWK6.css +25 -0
- package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DO1ghUoN.css → DisclosureTrigger.css.ts.vanilla-Ut0pM30M.css} +7 -7
- package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-Cf7PEhhe.css → Drawer.css.ts.vanilla-DGdVvYDM.css} +8 -8
- package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-htO9pEH1.css → HoverCardContent.css.ts.vanilla-B0e1VBuB.css} +3 -3
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BGp9E6-V.css +36 -0
- package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-D9bBsPhX.css → InputBase.css.ts.vanilla-xClOcyVV.css} +23 -23
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BgKxZdBA.css +9 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css +1 -0
- package/dist/assets/src/link/{Link.css.ts.vanilla-neN-iY37.css → Link.css.ts.vanilla-BwsjRbT8.css} +12 -12
- package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-ZuE5SZF1.css +21 -0
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-qvZSWu96.css +30 -0
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BeD33iJx.css +6 -0
- package/dist/assets/src/pill/{Pill.css.ts.vanilla-DnHV9sII.css → Pill.css.ts.vanilla-Cr5zCRpC.css} +4 -4
- package/dist/assets/src/radio/Radio.css.ts.vanilla-ss7fiJd-.css +13 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-sXrssmhH.css +6 -0
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CA56kkFg.css +7 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-P1XO1rTW.css → Separator.css.ts.vanilla-DYmYJLS6.css} +10 -10
- package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-CbzO85Ut.css +6 -0
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CJxzKFfW.css +6 -0
- package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-B_ehm9Il.css → properties.css.ts.vanilla-AO76vkAp.css} +2796 -2067
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DhVULbgx.css +26 -0
- package/dist/assets/src/table/Table.css.ts.vanilla-Cf6hPQuP.css +9 -0
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-0F7IhhJH.css +6 -0
- package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-BMr5qpLj.css → TableCell.css.ts.vanilla-BPLEQNTw.css} +4 -4
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BppOSaGb.css +6 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css +4 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Zw8YUjIV.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C_eok-Uh.css +23 -0
- package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-Ces6N8wW.css → TabsTrigger.css.ts.vanilla-vnwJVqiP.css} +10 -10
- package/dist/assets/src/text/{Text.css.ts.vanilla-BE-Fps5x.css → Text.css.ts.vanilla-CY9YMJxj.css} +8 -8
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-LE6eeC9c.css +34 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-CnzzNTMW.css +92 -0
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-5tmJ5uCB.css → ToastProvider.css.ts.vanilla-MHbbmzSS.css} +9 -9
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css +22 -0
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B5HkATzv.css +10 -0
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-CEVbotiB.css → Transition.css.ts.vanilla-CiL90KIm.css} +16 -16
- package/dist/index.d.ts +2 -2
- package/dist/package.json.js +1 -1
- package/dist/src/alert/Alert-css.js +1 -1
- package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
- package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +1 -1
- package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
- package/dist/src/autocomplete-content/AutocompleteContent-css.js +3 -3
- package/dist/src/avatar/Avatar-css.js +4 -4
- package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
- package/dist/src/badge/Badge-css.js +3 -3
- package/dist/src/banner/Banner-css.js +1 -1
- package/dist/src/box/Box-css.js +3 -3
- package/dist/src/button/Button-css.js +8 -8
- package/dist/src/button-group/ButtonGroup-css.js +3 -3
- package/dist/src/checkbox/Checkbox-css.js +8 -8
- package/dist/src/code/Code-css.js +3 -3
- package/dist/src/dialog-body/DialogBody-css.js +1 -1
- package/dist/src/dialog-content/DialogContent-css.js +5 -5
- package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
- package/dist/src/disclosure-content/DisclosureContent-css.js +3 -3
- package/dist/src/disclosure-trigger/DisclosureTrigger-css.js +4 -4
- package/dist/src/drawer/Drawer-css.js +5 -5
- package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
- package/dist/src/indicator/Indicator-css.js +5 -5
- package/dist/src/input/Input-css.js +1 -1
- package/dist/src/input-base/InputBase-css.js +5 -5
- package/dist/src/kbd/Kbd-css.js +3 -3
- package/dist/src/layers/layers-css.js +3 -3
- package/dist/src/link/Link-css.js +4 -4
- package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
- package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
- package/dist/src/pagination/Pagination-css.js +3 -3
- package/dist/src/pill/Pill-css.js +3 -3
- package/dist/src/radio/Radio-css.js +8 -8
- package/dist/src/search-input/SearchInput-css.js +4 -4
- package/dist/src/select-content/SelectContent-css.js +3 -3
- package/dist/src/separator/Separator-css.js +3 -3
- package/dist/src/side-nav-item/SideNavItem-css.js +5 -5
- package/dist/src/skeleton/Skeleton-css.js +3 -3
- package/dist/src/sprinkles/properties-css.js +4 -4
- package/dist/src/switch/Switch-css.js +8 -8
- package/dist/src/table/Table-css.js +4 -4
- package/dist/src/table-body/TableBody-css.js +3 -3
- package/dist/src/table-cell/TableCell-css.js +4 -4
- package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
- package/dist/src/table-row/TableRow-css.js +3 -3
- package/dist/src/tabs/Tabs-css.js +3 -3
- package/dist/src/tabs-list/TabsList-css.js +3 -3
- package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
- package/dist/src/text/Text-css.js +3 -3
- package/dist/src/textarea-autosize/TextareaAutosize-css.js +5 -5
- package/dist/src/toast/Toast-css.js +5 -5
- package/dist/src/toast-provider/ToastProvider-css.js +3 -3
- package/dist/src/toggle-input/ToggleInput-css.js +4 -4
- package/dist/src/toggle-input-control/ToggleInputControl-css.js +5 -5
- package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js +3 -3
- package/dist/src/tooltip-content/TooltipContent-css.js +1 -1
- package/dist/src/transition/Transition-css.js +3 -3
- package/dist/unstable.d.ts +1 -1
- package/package.json +2 -2
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-BCpY-gV3.css +0 -6
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CS3SCfDf.css +0 -10
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-Cc1W2rt5.css +0 -27
- package/dist/assets/src/badge/Badge.css.ts.vanilla-B0wZYAIY.css +0 -46
- package/dist/assets/src/button/Button.css.ts.vanilla-f0BfuF2p.css +0 -146
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BLLzwfIm.css +0 -18
- package/dist/assets/src/code/Code.css.ts.vanilla-BhMJSr08.css +0 -7
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-5Qn4T1yb.css +0 -25
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-Dc2WTJBB.css +0 -36
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-C-36TI1F.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css +0 -1
- package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Cc4WMGHB.css +0 -21
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BKtu4IMK.css +0 -30
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-C6E_uS36.css +0 -6
- package/dist/assets/src/radio/Radio.css.ts.vanilla-uSwsEcjC.css +0 -13
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DRteGRTF.css +0 -6
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CBJPmfxK.css +0 -7
- package/dist/assets/src/side-nav-item/SideNavItem.css.ts.vanilla-BvkdhlHG.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-CKv-1wd9.css +0 -6
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DA2VnAtq.css +0 -26
- package/dist/assets/src/table/Table.css.ts.vanilla-CgY7Gdzg.css +0 -9
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BNCbVUtX.css +0 -6
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-D5Nizo77.css +0 -6
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css +0 -4
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-Q1iJ6rjZ.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-Bx9t_lkp.css +0 -23
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D7KvX_iO.css +0 -34
- package/dist/assets/src/toast/Toast.css.ts.vanilla-DKNlNBpb.css +0 -92
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.css +0 -22
- 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-
|
|
2
|
-
import './../../assets/src/text/Text.css.ts.vanilla-
|
|
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'},'
|
|
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-
|
|
2
|
-
import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-
|
|
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:['
|
|
6
|
-
var textarea = recipeRuntime({base:['
|
|
7
|
-
var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['
|
|
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-
|
|
2
|
-
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-
|
|
3
|
-
import './../../assets/src/toast/Toast.css.ts.vanilla-
|
|
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'},'
|
|
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']},'
|
|
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-
|
|
2
|
-
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-
|
|
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'},'
|
|
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-
|
|
2
|
-
import './../../assets/src/table-row/TableRow.css.ts.vanilla-
|
|
3
|
-
import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-
|
|
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:['
|
|
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-
|
|
2
|
-
import './../../assets/src/table-row/TableRow.css.ts.vanilla-
|
|
3
|
-
import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-
|
|
4
|
-
import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-
|
|
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:['
|
|
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-
|
|
2
|
-
import './../../assets/src/table-row/TableRow.css.ts.vanilla-
|
|
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 = '
|
|
4
|
+
var className = '_1m9hrlf';
|
|
5
5
|
|
|
6
6
|
export { className };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
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-
|
|
2
|
-
import './../../assets/src/transition/Transition.css.ts.vanilla-
|
|
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:'
|
|
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 };
|
package/dist/unstable.d.ts
CHANGED
|
@@ -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-
|
|
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.
|
|
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.
|
|
64
|
+
"@optiaxiom/globals": "^0.2.2"
|
|
65
65
|
},
|
|
66
66
|
"devDependencies": {
|
|
67
67
|
"@emotion/hash": "^0.9.2",
|
|
@@ -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,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 +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,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
|
-
}
|