@optiaxiom/react 0.1.0-next.18 → 0.1.0-next.19
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/assets/src/accordion-content/AccordionContent.css.ts.vanilla-CeZqbfeZ.css +25 -0
- package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css → AccordionTrigger.css.ts.vanilla-B4Qle9mU.css} +6 -6
- package/dist/assets/src/alert/Alert.css.ts.vanilla-CozfM5PZ.css +43 -0
- package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css → AlertDialogContent.css.ts.vanilla-C2JN8mVr.css} +7 -7
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BqS3DoOb.css +6 -0
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C3kxC2t1.css +6 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BbCo_LUp.css +24 -0
- package/dist/assets/src/badge/Badge.css.ts.vanilla-DdSqM1SO.css +47 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-DzdICr9X.css → Box.css.ts.vanilla-m6UOfI2n.css} +23 -23
- package/dist/assets/src/button/Button.css.ts.vanilla-B3zZ2aVK.css +141 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BigSArKH.css +23 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-gjF3xytI.css +7 -0
- package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-6tivpdOm.css → CommandItem.css.ts.vanilla-BOyWdQsz.css} +5 -5
- package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-cJSL04GG.css → CommandList.css.ts.vanilla-ZOkkUju9.css} +3 -3
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BRv_T12k.css +41 -0
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-CiXTBqjW.css +6 -0
- package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-dM4h8lLR.css → DialogContent.css.ts.vanilla-BIm47Hsr.css} +8 -8
- package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BfBPQjk-.css → Drawer.css.ts.vanilla-CtuqTSHQ.css} +8 -8
- package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-B31ykq1Q.css → HoverCardContent.css.ts.vanilla-BpX0cZU1.css} +3 -3
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-D8oWl6pc.css +31 -0
- package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-JlIy9jXM.css → InputBase.css.ts.vanilla-Cj24xHND.css} +15 -15
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-j30xh0wI.css +9 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css +4 -0
- package/dist/assets/src/link/{Link.css.ts.vanilla-Bf2IIs3j.css → Link.css.ts.vanilla-C-b1NhSR.css} +12 -12
- package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-DthVhVaj.css → MenuContentBase.css.ts.vanilla-BYu-Rqmo.css} +3 -3
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BockD7lA.css +33 -0
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Dh9vPZt9.css +6 -0
- package/dist/assets/src/pill/{Pill.css.ts.vanilla-CzA0GbOu.css → Pill.css.ts.vanilla-Cc7aUYIo.css} +4 -4
- package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-CKx6WAG_.css → PopoverContent.css.ts.vanilla-C3M4uhJV.css} +3 -3
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-DqdWeglP.css +9 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DHGprPBq.css +6 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-_Evw8coN.css → Separator.css.ts.vanilla-opWSwN_i.css} +10 -10
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DnObJ67I.css +6 -0
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CWInbvhm.css → sprinkles.css.ts.vanilla-BDvaeWy7.css} +2273 -2273
- package/dist/assets/src/switch/Switch.css.ts.vanilla-BT6G8h6W.css +26 -0
- package/dist/assets/src/table/Table.css.ts.vanilla-BmKX1tci.css +9 -0
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DDz_wYaW.css +6 -0
- package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-WQWUwMeZ.css → TableCell.css.ts.vanilla-sd8Vquaz.css} +4 -4
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DuARvhZE.css +6 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BsM3KNL3.css +4 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-BO6FVjWc.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-WvFhp7zA.css +23 -0
- package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-BNJjgHvC.css → TabsTrigger.css.ts.vanilla-D30O8tC9.css} +10 -10
- package/dist/assets/src/text/{Text.css.ts.vanilla-BvzD3lMf.css → Text.css.ts.vanilla-BKtRaBxq.css} +8 -8
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Vi7oxkCe.css +34 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-CcGpHMYT.css +89 -0
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-U5IpQ-47.css → ToastProvider.css.ts.vanilla-CRrCOnmY.css} +9 -9
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-Cb0oRAnj.css → Transition.css.ts.vanilla-CwC4wqUb.css} +16 -16
- package/dist/index.d.ts +16 -28
- package/dist/package.json.js +1 -1
- package/dist/src/accordion-content/AccordionContent-css.js +3 -3
- package/dist/src/accordion-trigger/AccordionTrigger-css.js +4 -4
- package/dist/src/alert/Alert-css.js +4 -4
- package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
- package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +3 -3
- package/dist/src/alert-dialog-footer/AlertDialogFooter-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/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 +6 -6
- package/dist/src/code/Code-css.js +3 -3
- package/dist/src/command-footer/CommandFooter-css.js +1 -1
- package/dist/src/command-item/CommandItem-css.js +3 -3
- package/dist/src/command-list/CommandList-css.js +3 -3
- package/dist/src/control-base/ControlBase-css.js +6 -6
- package/dist/src/dialog-body/DialogBody-css.js +3 -3
- package/dist/src/dialog-content/DialogContent-css.js +5 -5
- package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
- 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 +4 -4
- 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/popover-content/PopoverContent-css.js +3 -3
- package/dist/src/radio-group-item/RadioGroupItem-css.js +5 -5
- package/dist/src/search-input/SearchInput-css.js +4 -4
- package/dist/src/separator/Separator-css.js +3 -3
- package/dist/src/skeleton/Skeleton-css.js +3 -3
- package/dist/src/sprinkles/sprinkles-css.js +3 -3
- package/dist/src/switch/Switch-css.js +6 -6
- 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/tabs-trigger/TabsTrigger.js +1 -1
- package/dist/src/text/Text-css.js +3 -3
- package/dist/src/textarea/Textarea.js +4 -22
- package/dist/src/textarea-autosize/TextareaAutosize-css.js +9 -0
- package/dist/src/textarea-autosize/TextareaAutosize.js +43 -0
- package/dist/src/toast/Toast-css.js +5 -5
- package/dist/src/toast-provider/ToastProvider-css.js +3 -3
- package/dist/src/transition/Transition-css.js +3 -3
- package/package.json +1 -2
- package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css +0 -25
- package/dist/assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css +0 -43
- package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css +0 -6
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DscsPTsD.css +0 -6
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.css +0 -24
- package/dist/assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css +0 -47
- package/dist/assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css +0 -141
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BUlH2nOp.css +0 -23
- package/dist/assets/src/code/Code.css.ts.vanilla-B52uQ9L0.css +0 -7
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css +0 -41
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css +0 -6
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css +0 -31
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css +0 -4
- package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css +0 -33
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css +0 -6
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css +0 -9
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css +0 -6
- package/dist/assets/src/switch/Switch.css.ts.vanilla-CK-3AKAY.css +0 -26
- package/dist/assets/src/table/Table.css.ts.vanilla-CTGILY5k.css +0 -9
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CKsWc1SR.css +0 -6
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-B3DRJBru.css +0 -6
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css +0 -4
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-ROhQXYmq.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C2E7_0fo.css +0 -23
- package/dist/assets/src/textarea/Textarea.css.ts.vanilla-8uk_9UJz.css +0 -9
- package/dist/assets/src/toast/Toast.css.ts.vanilla-Cmr5JjvD.css +0 -89
- package/dist/src/textarea/Textarea-css.js +0 -8
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import './../../assets/src/layers/layers.css.ts.vanilla-
|
|
2
|
-
import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
|
|
2
|
+
import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-D30O8tC9.css';
|
|
3
3
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
4
4
|
|
|
5
|
-
var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',py:'6',rounded:'sm'},'
|
|
6
|
-
var trigger = recipeRuntime({base:['
|
|
5
|
+
var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',py:'6',rounded:'sm'},'_19x95ec']});
|
|
6
|
+
var trigger = recipeRuntime({base:['_4sgicb',{fontSize:'md',fontWeight:'500',py:'4'},'x96gdv']});
|
|
7
7
|
|
|
8
8
|
export { content, trigger };
|
|
@@ -36,7 +36,7 @@ const TabsTrigger = forwardRef(
|
|
|
36
36
|
justifyContent: "start",
|
|
37
37
|
ref,
|
|
38
38
|
...sprinkleProps,
|
|
39
|
-
children: /* @__PURE__ */ jsx(RadixTabs.Trigger, {
|
|
39
|
+
children: /* @__PURE__ */ jsx(RadixTabs.Trigger, { ...restProps, children })
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
}
|
|
@@ -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-CSJt9B6W.css';
|
|
2
|
+
import './../../assets/src/text/Text.css.ts.vanilla-BKtRaBxq.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'},'kdvj9x','_69ym6u','_1fvsg5a'],'2':[undefined,'kdvj9x','_69ym6u','pwy7uh'],'3':[undefined,'kdvj9x','_69ym6u','_1xmhs7h'],'4':[undefined,'kdvj9x','_69ym6u','yh90g4']},truncate:{true:[undefined,'kdvj9x',{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,31 +1,13 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Slot } from '@radix-ui/react-slot';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
|
-
import TextareaAutosize from 'react-textarea-autosize';
|
|
5
|
-
import { Box } from '../box/Box.js';
|
|
6
4
|
import { InputBase } from '../input-base/InputBase.js';
|
|
7
|
-
import {
|
|
5
|
+
import { TextareaAutosize } from '../textarea-autosize/TextareaAutosize.js';
|
|
8
6
|
|
|
9
7
|
const Textarea = forwardRef(
|
|
10
|
-
({ asChild, children,
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
return /* @__PURE__ */ jsx(
|
|
14
|
-
InputBase,
|
|
15
|
-
{
|
|
16
|
-
size: "lg",
|
|
17
|
-
...wrapper({ resize }, className),
|
|
18
|
-
...props,
|
|
19
|
-
children: /* @__PURE__ */ jsx(Box, { asChild: true, ...textarea(), children: resize === "auto" ? /* @__PURE__ */ jsx(
|
|
20
|
-
CompAuto,
|
|
21
|
-
{
|
|
22
|
-
minRows: "minRows" in props ? props.minRows : 3,
|
|
23
|
-
ref,
|
|
24
|
-
children
|
|
25
|
-
}
|
|
26
|
-
) : /* @__PURE__ */ jsx(CompManual, { ref, rows: "rows" in props ? props.rows : 3, children }) })
|
|
27
|
-
}
|
|
28
|
-
);
|
|
8
|
+
({ asChild, children, ...props }, ref) => {
|
|
9
|
+
const Comp = asChild ? Slot : TextareaAutosize;
|
|
10
|
+
return /* @__PURE__ */ jsx(InputBase, { flexDirection: "column", size: "lg", ...props, children: /* @__PURE__ */ jsx(Comp, { ref, rows: props.rows ?? 3, children }) });
|
|
29
11
|
}
|
|
30
12
|
);
|
|
31
13
|
Textarea.displayName = "@optiaxiom/react/Textarea";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import './../../assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css';
|
|
2
|
+
import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Vi7oxkCe.css';
|
|
3
|
+
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
4
|
+
|
|
5
|
+
var shadow = recipeRuntime({base:['b85i0t','b8mqo8']});
|
|
6
|
+
var textarea = recipeRuntime({base:['b85i0t','_12ymtv']});
|
|
7
|
+
var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['pe4k67','_1elteaj'],'2':['pe4k67','_1ms345d'],'3':['pe4k67','ma7lqc'],'4':['pe4k67','_1gtd6ga'],'5':['pe4k67','_81gv93']},resize:{auto:{},none:{},vertical:'_13u2b2c'}}});
|
|
8
|
+
|
|
9
|
+
export { shadow, textarea, wrapper };
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
3
|
+
import { forwardRef, useState } from 'react';
|
|
4
|
+
import { Box } from '../box/Box.js';
|
|
5
|
+
import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
|
|
6
|
+
import '../sprinkles/sprinkles-css.js';
|
|
7
|
+
import { wrapper, textarea, shadow } from './TextareaAutosize-css.js';
|
|
8
|
+
|
|
9
|
+
const TextareaAutosize = forwardRef(
|
|
10
|
+
({
|
|
11
|
+
asChild,
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
maxRows,
|
|
15
|
+
onChange,
|
|
16
|
+
resize = "none",
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const Comp = asChild ? Slot : "textarea";
|
|
20
|
+
const { restProps, sprinkleProps } = extractSprinkles(props);
|
|
21
|
+
const [value, setValue] = useState(
|
|
22
|
+
props.value === void 0 ? props.defaultValue : props.value
|
|
23
|
+
);
|
|
24
|
+
return /* @__PURE__ */ jsxs(Box, { ...wrapper({ maxRows, resize }), children: [
|
|
25
|
+
/* @__PURE__ */ jsx(Box, { asChild: true, ...textarea({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(
|
|
26
|
+
Comp,
|
|
27
|
+
{
|
|
28
|
+
onChange: (event) => {
|
|
29
|
+
setValue(event.target.value);
|
|
30
|
+
onChange?.(event);
|
|
31
|
+
},
|
|
32
|
+
ref,
|
|
33
|
+
...restProps,
|
|
34
|
+
children
|
|
35
|
+
}
|
|
36
|
+
) }),
|
|
37
|
+
resize === "auto" && /* @__PURE__ */ jsx(Box, { ...shadow({}, className), ...sprinkleProps, children: (value ?? "") + " " })
|
|
38
|
+
] });
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
TextareaAutosize.displayName = "@optiaxiom/react/TextareaAutosize";
|
|
42
|
+
|
|
43
|
+
export { TextareaAutosize };
|
|
@@ -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-CSJt9B6W.css';
|
|
2
|
+
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CRrCOnmY.css';
|
|
3
|
+
import './../../assets/src/toast/Toast.css.ts.vanilla-CcGpHMYT.css';
|
|
4
4
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
5
5
|
|
|
6
|
-
var icon = recipeRuntime({base:[{alignSelf:'start',h:'16',mt:'4',w:'auto'},'
|
|
7
|
-
var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.neutral.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',h:'16',mt:'4',w:'auto'},'_1maqiyr']});
|
|
7
|
+
var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.neutral.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_4vhf8n'],variants:{colorScheme:{danger:'_1dzujph',neutral:'_1ljwyw2',success:'z76k0z',warning:'_6w489f'}}});
|
|
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-CSJt9B6W.css';
|
|
2
|
+
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CRrCOnmY.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'},'_1e805pz'],variants:{position:{bottom:'_1cvo2n9','bottom-left':'_523f56','bottom-right':'_1h5l8ki',top:'x5dwdz','top-left':'_1t3d0fy','top-right':'x807pw'}}});
|
|
6
6
|
|
|
7
7
|
export { viewport };
|
|
@@ -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-CSJt9B6W.css';
|
|
2
|
+
import './../../assets/src/transition/Transition.css.ts.vanilla-CwC4wqUb.css';
|
|
3
3
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
4
4
|
|
|
5
|
-
var transition = recipeRuntime({base:'
|
|
5
|
+
var transition = recipeRuntime({base:'_1pod0az',variants:{duration:{sm:'np3ek5',md:'_1p3id0p',lg:'d8erjf'},type:{fade:'sy1d7w',pop:'_1wenxzj'}}});
|
|
6
6
|
var transitionDuration = {sm:150,md:250,lg:400};
|
|
7
7
|
|
|
8
8
|
export { transition, transitionDuration };
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "https://github.com/optimizely-axiom/optiaxiom.git"
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
|
-
"version": "0.1.0-next.
|
|
10
|
+
"version": "0.1.0-next.19",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/**",
|
|
13
13
|
"LICENSE"
|
|
@@ -62,7 +62,6 @@
|
|
|
62
62
|
"@vanilla-extract/sprinkles": "^1.6.3",
|
|
63
63
|
"clsx": "^2.1.1",
|
|
64
64
|
"cmdk": "^1.0.0",
|
|
65
|
-
"react-textarea-autosize": "^8.5.3",
|
|
66
65
|
"use-sync-external-store": "^1.2.2",
|
|
67
66
|
"@optiaxiom/globals": "^0.2.0-next.2"
|
|
68
67
|
},
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@keyframes h1lzfp {
|
|
2
|
-
from {
|
|
3
|
-
height: 0;
|
|
4
|
-
}
|
|
5
|
-
to {
|
|
6
|
-
height: var(--radix-accordion-content-height);
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
@keyframes cn0n0j {
|
|
10
|
-
from {
|
|
11
|
-
height: var(--radix-accordion-content-height);
|
|
12
|
-
}
|
|
13
|
-
to {
|
|
14
|
-
height: 0;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
@layer optiaxiom.c2sxc3;
|
|
18
|
-
@layer optiaxiom.c2sxc3 {
|
|
19
|
-
._1vqxmi0[data-state="closed"] {
|
|
20
|
-
animation: cn0n0j 300ms ease-out;
|
|
21
|
-
}
|
|
22
|
-
._1vqxmi0[data-state="open"] {
|
|
23
|
-
animation: h1lzfp 300ms ease-out;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
.kcm467 {
|
|
4
|
-
--yeb5vl: var(--ax-colors-red-100);
|
|
5
|
-
--_1uzd5z6: var(--ax-colors-red-200);
|
|
6
|
-
}
|
|
7
|
-
.adka4 {
|
|
8
|
-
--yeb5vl: var(--ax-colors-bg-neutral);
|
|
9
|
-
--_1uzd5z6: var(--ax-colors-bg-neutral-solid);
|
|
10
|
-
}
|
|
11
|
-
.g1vr5r {
|
|
12
|
-
--yeb5vl: var(--ax-colors-green-100);
|
|
13
|
-
--_1uzd5z6: var(--ax-colors-green-200);
|
|
14
|
-
}
|
|
15
|
-
.op4riz {
|
|
16
|
-
--yeb5vl: var(--ax-colors-yellow-100);
|
|
17
|
-
--_1uzd5z6: var(--ax-colors-yellow-200);
|
|
18
|
-
}
|
|
19
|
-
._46b19x {
|
|
20
|
-
background-color: var(--yeb5vl);
|
|
21
|
-
}
|
|
22
|
-
._2l1uuu {
|
|
23
|
-
background-color: var(--_1uzd5z6);
|
|
24
|
-
}
|
|
25
|
-
.zqf0vs {
|
|
26
|
-
--_867nlx: var(--ax-colors-bg-error-solid-hover);
|
|
27
|
-
}
|
|
28
|
-
.qh291f {
|
|
29
|
-
--_867nlx: var(--ax-colors-fg-tertiary);
|
|
30
|
-
}
|
|
31
|
-
.burrip {
|
|
32
|
-
--_867nlx: var(--ax-colors-bg-success-solid-hover);
|
|
33
|
-
}
|
|
34
|
-
._1vj6814 {
|
|
35
|
-
--_867nlx: var(--ax-colors-bg-warning-solid-hover);
|
|
36
|
-
}
|
|
37
|
-
._9d8peh {
|
|
38
|
-
color: var(--_867nlx);
|
|
39
|
-
}
|
|
40
|
-
._1scnaqx {
|
|
41
|
-
color: var(--ax-colors-bg-neutral-inverse);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
._7asyr2 {
|
|
4
|
-
user-select: none;
|
|
5
|
-
}
|
|
6
|
-
._1ttp4ry ._7asyr2 {
|
|
7
|
-
border: 1px solid var(--ax-colors-white);
|
|
8
|
-
}
|
|
9
|
-
._1ttp4ry ._1xmydvk:not(:first-child) {
|
|
10
|
-
margin-left: -3px;
|
|
11
|
-
}
|
|
12
|
-
._1ttp4ry ._121r9hw:not(:first-child) {
|
|
13
|
-
margin-left: -5px;
|
|
14
|
-
}
|
|
15
|
-
._1ttp4ry ._13sqc42:not(:first-child) {
|
|
16
|
-
margin-left: -7px;
|
|
17
|
-
}
|
|
18
|
-
._1ttp4ry ._1gkpvhj:not(:first-child) {
|
|
19
|
-
margin-left: -9px;
|
|
20
|
-
}
|
|
21
|
-
._1ttp4ry ._7sa6yq:not(:first-child) {
|
|
22
|
-
margin-left: -13px;
|
|
23
|
-
}
|
|
24
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
._1i18fbv {
|
|
4
|
-
--jkkr21: var(--ax-colors-fg-default-inverse);
|
|
5
|
-
padding: 4px 8px;
|
|
6
|
-
}
|
|
7
|
-
._11dk1rq {
|
|
8
|
-
--_4nsi27: var(--ax-colors-bg-error-solid);
|
|
9
|
-
--_5w7slz: var(--ax-colors-bg-error);
|
|
10
|
-
--n1umm2: var(--ax-colors-fg-error);
|
|
11
|
-
}
|
|
12
|
-
.vva9qu {
|
|
13
|
-
--_4nsi27: var(--ax-colors-bg-information-solid);
|
|
14
|
-
--_5w7slz: var(--ax-colors-bg-information);
|
|
15
|
-
--n1umm2: var(--ax-colors-fg-information);
|
|
16
|
-
}
|
|
17
|
-
.oietlq {
|
|
18
|
-
--_4nsi27: var(--ax-colors-bg-neutral-solid);
|
|
19
|
-
--jkkr21: var(--ax-colors-fg-default);
|
|
20
|
-
--_5w7slz: var(--ax-colors-bg-neutral);
|
|
21
|
-
--n1umm2: var(--ax-colors-fg-secondary);
|
|
22
|
-
}
|
|
23
|
-
.q425xk {
|
|
24
|
-
--_4nsi27: var(--ax-colors-bg-brand-solid);
|
|
25
|
-
--_5w7slz: var(--ax-colors-bg-brand);
|
|
26
|
-
--n1umm2: var(--ax-colors-fg-brand);
|
|
27
|
-
}
|
|
28
|
-
._1jzu372 {
|
|
29
|
-
--_4nsi27: var(--ax-colors-bg-success-solid);
|
|
30
|
-
--_5w7slz: var(--ax-colors-bg-success);
|
|
31
|
-
--n1umm2: var(--ax-colors-fg-success);
|
|
32
|
-
}
|
|
33
|
-
._152tj1c {
|
|
34
|
-
--_4nsi27: var(--ax-colors-bg-warning-solid);
|
|
35
|
-
--jkkr21: var(--ax-colors-fg-default);
|
|
36
|
-
--_5w7slz: var(--ax-colors-bg-warning);
|
|
37
|
-
--n1umm2: var(--ax-colors-fg-warning);
|
|
38
|
-
}
|
|
39
|
-
._1a8ns9v {
|
|
40
|
-
background-color: var(--_5w7slz);
|
|
41
|
-
color: var(--n1umm2);
|
|
42
|
-
}
|
|
43
|
-
.ccryi5 {
|
|
44
|
-
background-color: var(--_4nsi27);
|
|
45
|
-
color: var(--jkkr21);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
.zzi4w9 {
|
|
4
|
-
border-radius: var(--ax-borderRadius-md);
|
|
5
|
-
cursor: pointer;
|
|
6
|
-
padding-inline: var(--_19qyivn);
|
|
7
|
-
position: relative;
|
|
8
|
-
text-decoration: none;
|
|
9
|
-
user-select: none;
|
|
10
|
-
}
|
|
11
|
-
.zzi4w9:active:not([data-disabled], [data-loading]) {
|
|
12
|
-
box-shadow: var(--ax-boxShadow-inner);
|
|
13
|
-
}
|
|
14
|
-
.zzi4w9:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
|
|
15
|
-
outline: 2px solid var(--ax-colors-outline-brand);
|
|
16
|
-
outline-offset: 1px;
|
|
17
|
-
}
|
|
18
|
-
.zzi4w9:is([data-disabled], [data-loading]) {
|
|
19
|
-
cursor: not-allowed;
|
|
20
|
-
}
|
|
21
|
-
._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:first-child):not(:last-child) {
|
|
22
|
-
border-inline-width: 0.5px;
|
|
23
|
-
}
|
|
24
|
-
._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:only-child):first-child {
|
|
25
|
-
border-bottom-right-radius: 0;
|
|
26
|
-
border-right-width: 0.5px;
|
|
27
|
-
border-top-right-radius: 0;
|
|
28
|
-
}
|
|
29
|
-
._5f00tw[data-orientation="horizontal"] .zzi4w9:not(:only-child):last-child {
|
|
30
|
-
border-bottom-left-radius: 0;
|
|
31
|
-
border-left-width: 0.5px;
|
|
32
|
-
border-top-left-radius: 0;
|
|
33
|
-
}
|
|
34
|
-
._5f00tw[data-orientation="vertical"] .zzi4w9:not(:first-child):not(:last-child) {
|
|
35
|
-
border-block-width: 0.5px;
|
|
36
|
-
}
|
|
37
|
-
._5f00tw[data-orientation="vertical"] .zzi4w9:not(:only-child):first-child {
|
|
38
|
-
border-bottom-left-radius: 0;
|
|
39
|
-
border-bottom-right-radius: 0;
|
|
40
|
-
border-bottom-width: 0.5px;
|
|
41
|
-
}
|
|
42
|
-
._5f00tw[data-orientation="vertical"] .zzi4w9:not(:only-child):last-child {
|
|
43
|
-
border-top-left-radius: 0;
|
|
44
|
-
border-top-right-radius: 0;
|
|
45
|
-
border-top-width: 0.5px;
|
|
46
|
-
}
|
|
47
|
-
._5f00tw[data-orientation] .zzi4w9:not(:first-child):not(:last-child) {
|
|
48
|
-
border-radius: 0;
|
|
49
|
-
}
|
|
50
|
-
._1pu4jmm {
|
|
51
|
-
--amcj0y: var(--ax-colors-bg-error-solid);
|
|
52
|
-
--kw95u: var(--ax-colors-bg-error-solid-hover);
|
|
53
|
-
--hq81h3: var(--ax-colors-bg-error);
|
|
54
|
-
}
|
|
55
|
-
._1loyzyl {
|
|
56
|
-
--amcj0y: var(--ax-colors-bg-neutral-inverse);
|
|
57
|
-
--kw95u: var(--ax-colors-bg-neutral-inverse-hover);
|
|
58
|
-
--_1tptibs: var(--ax-colors-fg-default-inverse);
|
|
59
|
-
--hq81h3: var(--ax-colors-bg-input-disabled);
|
|
60
|
-
--_1589334: var(--ax-colors-fg-default);
|
|
61
|
-
}
|
|
62
|
-
.lvdwou {
|
|
63
|
-
--amcj0y: var(--ax-colors-bg-brand-solid);
|
|
64
|
-
--kw95u: var(--ax-colors-bg-brand-solid-hover);
|
|
65
|
-
--hq81h3: var(--ax-colors-bg-brand);
|
|
66
|
-
}
|
|
67
|
-
.vtcwuk {
|
|
68
|
-
min-width: fit-content;
|
|
69
|
-
}
|
|
70
|
-
._1n4dzq6 {
|
|
71
|
-
background-color: transparent;
|
|
72
|
-
border: 1px solid var(--amcj0y);
|
|
73
|
-
color: var(--_1589334, var(--amcj0y));
|
|
74
|
-
padding-inline: calc(var(--_19qyivn) - 1px);
|
|
75
|
-
}
|
|
76
|
-
._1n4dzq6:hover:not([data-disabled], [data-loading]) {
|
|
77
|
-
background-color: var(--hq81h3);
|
|
78
|
-
}
|
|
79
|
-
._1n4dzq6[data-disabled] {
|
|
80
|
-
border-color: var(--ax-colors-border-disabled);
|
|
81
|
-
color: var(--ax-colors-fg-disabled);
|
|
82
|
-
}
|
|
83
|
-
.gyr49w {
|
|
84
|
-
background-color: var(--amcj0y);
|
|
85
|
-
color: var(--_1tptibs, var(--ax-colors-fg-default-inverse));
|
|
86
|
-
}
|
|
87
|
-
.gyr49w:hover:not([data-disabled], [data-loading]) {
|
|
88
|
-
background-color: var(--kw95u);
|
|
89
|
-
}
|
|
90
|
-
.gyr49w[data-disabled] {
|
|
91
|
-
background-color: var(--ax-colors-bg-input-disabled);
|
|
92
|
-
border: 1px solid var(--ax-colors-border-disabled);
|
|
93
|
-
color: var(--ax-colors-fg-disabled);
|
|
94
|
-
padding-inline: calc(var(--_19qyivn) - 1px);
|
|
95
|
-
}
|
|
96
|
-
._116h17o {
|
|
97
|
-
background-color: transparent;
|
|
98
|
-
border-color: var(--amcj0y);
|
|
99
|
-
color: var(--_1589334, var(--amcj0y));
|
|
100
|
-
}
|
|
101
|
-
._116h17o:hover:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
102
|
-
background-color: var(--hq81h3);
|
|
103
|
-
}
|
|
104
|
-
._116h17o:is([data-state="active"], [data-state="on"]) {
|
|
105
|
-
background-color: var(--ax-colors-bg-brand);
|
|
106
|
-
color: var(--ax-colors-fg-link);
|
|
107
|
-
}
|
|
108
|
-
._116h17o[data-disabled] {
|
|
109
|
-
color: var(--ax-colors-fg-disabled);
|
|
110
|
-
}
|
|
111
|
-
._1yp4idg {
|
|
112
|
-
border-color: var(--ax-colors-border-default);
|
|
113
|
-
}
|
|
114
|
-
.zrxotp {
|
|
115
|
-
--_19qyivn: 2px;
|
|
116
|
-
}
|
|
117
|
-
.hsrfgf {
|
|
118
|
-
--_19qyivn: 4px;
|
|
119
|
-
}
|
|
120
|
-
.z6ytr3 {
|
|
121
|
-
--_19qyivn: 6px;
|
|
122
|
-
}
|
|
123
|
-
._1gm4bki {
|
|
124
|
-
--_19qyivn: 8px;
|
|
125
|
-
}
|
|
126
|
-
.luiedj {
|
|
127
|
-
--_19qyivn: 10px;
|
|
128
|
-
}
|
|
129
|
-
._1bg6837 {
|
|
130
|
-
--_19qyivn: 12px;
|
|
131
|
-
}
|
|
132
|
-
._167sxsv {
|
|
133
|
-
opacity: 1;
|
|
134
|
-
}
|
|
135
|
-
.q60imn[data-loading] ._167sxsv {
|
|
136
|
-
opacity: 0;
|
|
137
|
-
}
|
|
138
|
-
._10rbaud {
|
|
139
|
-
position: absolute;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
._14vtok7 {
|
|
4
|
-
display: none;
|
|
5
|
-
}
|
|
6
|
-
._1yj19u4[data-state="checked"] ._14vtok7 {
|
|
7
|
-
display: block;
|
|
8
|
-
}
|
|
9
|
-
.tc6a4p {
|
|
10
|
-
display: none;
|
|
11
|
-
}
|
|
12
|
-
._1yj19u4[data-state="indeterminate"] .tc6a4p {
|
|
13
|
-
display: block;
|
|
14
|
-
}
|
|
15
|
-
._1457wpi {
|
|
16
|
-
border-color: var(--_17e2kfn);
|
|
17
|
-
border-width: 1px;
|
|
18
|
-
}
|
|
19
|
-
._1457wpi:not([data-state="unchecked"]) {
|
|
20
|
-
background-color: var(--_17e2kfn);
|
|
21
|
-
border-width: 0;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
._19cwr29 {
|
|
4
|
-
--_17e2kfn: var(--ax-colors-border-active);
|
|
5
|
-
color: var(--ax-colors-fg-default);
|
|
6
|
-
grid-template:
|
|
7
|
-
"indicator label" auto
|
|
8
|
-
". description" auto / min-content auto;
|
|
9
|
-
}
|
|
10
|
-
._19cwr29:has(._1mv6p9j:not([data-disabled]):not([data-state="unchecked"])):hover {
|
|
11
|
-
--_17e2kfn: var(--ax-colors-bg-brand-solid-hover);
|
|
12
|
-
}
|
|
13
|
-
._19cwr29:has(._1mv6p9j:not([data-disabled])[data-state="unchecked"]):hover {
|
|
14
|
-
--_17e2kfn: var(--ax-colors-border-active-hover);
|
|
15
|
-
}
|
|
16
|
-
._19cwr29:has(._1mv6p9j:not([data-state="unchecked"])) {
|
|
17
|
-
--_17e2kfn: var(--ax-colors-bg-brand-solid);
|
|
18
|
-
}
|
|
19
|
-
._19cwr29:has(._1mv6p9j[data-disabled]) {
|
|
20
|
-
color: var(--ax-colors-fg-disabled);
|
|
21
|
-
}
|
|
22
|
-
._6hn44l {
|
|
23
|
-
grid-area: indicator;
|
|
24
|
-
}
|
|
25
|
-
._6hn44l:focus-visible {
|
|
26
|
-
outline: 2px solid var(--ax-colors-outline-brand);
|
|
27
|
-
outline-offset: 1px;
|
|
28
|
-
}
|
|
29
|
-
._6hn44l[data-disabled] {
|
|
30
|
-
opacity: 0.3;
|
|
31
|
-
}
|
|
32
|
-
._6hvgyx {
|
|
33
|
-
grid-area: label;
|
|
34
|
-
}
|
|
35
|
-
._1mv6p9j:not([data-disabled]) + ._6hvgyx {
|
|
36
|
-
cursor: pointer;
|
|
37
|
-
}
|
|
38
|
-
.v4onp6 {
|
|
39
|
-
grid-area: description;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
._16c5rva {
|
|
4
|
-
position: relative;
|
|
5
|
-
}
|
|
6
|
-
._108ai4u {
|
|
7
|
-
--_3pms8b: 50%;
|
|
8
|
-
position: absolute;
|
|
9
|
-
right: 0;
|
|
10
|
-
}
|
|
11
|
-
.d1gwzr {
|
|
12
|
-
--_3pms8b: 2px;
|
|
13
|
-
}
|
|
14
|
-
._1od7yah {
|
|
15
|
-
bottom: 0;
|
|
16
|
-
transform: translate(var(--_3pms8b), var(--_3pms8b));
|
|
17
|
-
}
|
|
18
|
-
.ocsewm {
|
|
19
|
-
top: 0;
|
|
20
|
-
transform: translate(var(--_3pms8b), calc(-1 * var(--_3pms8b)));
|
|
21
|
-
}
|
|
22
|
-
._50gwxj {
|
|
23
|
-
position: relative;
|
|
24
|
-
}
|
|
25
|
-
._50gwxj:empty {
|
|
26
|
-
padding: 6px;
|
|
27
|
-
}
|
|
28
|
-
.us9n74 {
|
|
29
|
-
position: absolute;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.c2sxc3;
|
|
2
|
-
@layer optiaxiom.c2sxc3 {
|
|
3
|
-
._1bfpl58 {
|
|
4
|
-
user-select: none;
|
|
5
|
-
}
|
|
6
|
-
._1bfpl58:focus-visible {
|
|
7
|
-
outline: 2px solid transparent;
|
|
8
|
-
}
|
|
9
|
-
._1bfpl58:not([data-disabled]) {
|
|
10
|
-
color: var(--_18djnoe);
|
|
11
|
-
cursor: pointer;
|
|
12
|
-
}
|
|
13
|
-
._1bfpl58:not([data-disabled])[data-highlighted] {
|
|
14
|
-
background-color: var(--_5nwdwf);
|
|
15
|
-
}
|
|
16
|
-
._1bfpl58:not([data-disabled])[data-highlighted]:active {
|
|
17
|
-
background-color: var(--ax-colors-neutral-1200-12);
|
|
18
|
-
}
|
|
19
|
-
._1bfpl58:not([data-highlighted])[data-state="open"] {
|
|
20
|
-
background-color: var(--_5nwdwf);
|
|
21
|
-
}
|
|
22
|
-
._1bfpl58[data-disabled] {
|
|
23
|
-
color: var(--ax-colors-fg-disabled);
|
|
24
|
-
}
|
|
25
|
-
._19oysa8 {
|
|
26
|
-
--_18djnoe: var(--ax-colors-fg-error);
|
|
27
|
-
--_5nwdwf: var(--ax-colors-bg-error);
|
|
28
|
-
}
|
|
29
|
-
.be3ih9 {
|
|
30
|
-
--_18djnoe: var(--ax-colors-fg-default);
|
|
31
|
-
--_5nwdwf: var(--ax-colors-bg-input-disabled);
|
|
32
|
-
}
|
|
33
|
-
}
|