@optiaxiom/react 0.5.1 → 0.5.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-DfOEzQyP.css → AlertDialogContent.css.ts.vanilla-DcfuN9n8.css} +8 -8
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-pxOGcdcv.css +6 -0
- package/dist/assets/src/autocomplete-content/{AutocompleteContent.css.ts.vanilla-yr5VObxv.css → AutocompleteContent.css.ts.vanilla-dasIwHX2.css} +4 -4
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DshRJ_tK.css +28 -0
- package/dist/assets/src/badge/Badge.css.ts.vanilla-J8Jz0TYj.css +46 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-CFbu6ERG.css → Box.css.ts.vanilla-BcTx7-K7.css} +23 -23
- package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-CbpF3y64.css +140 -0
- package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-9CY571jT.css +9 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BJeieBqq.css +18 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-DbIEuBwZ.css +7 -0
- package/dist/assets/src/data-table/DataTable.css.ts.vanilla-WuWgalwG.css +24 -0
- package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-UliUBQ3_.css +12 -0
- package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-BkW2dfv7.css → DialogContent.css.ts.vanilla-Bh_QfF2z.css} +9 -9
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CKFED757.css +25 -0
- package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-CcLwBaNn.css → DisclosureTrigger.css.ts.vanilla-BQ1aFa0z.css} +7 -7
- package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CzFuJJPj.css → Drawer.css.ts.vanilla-B_lSEnnW.css} +8 -8
- package/dist/assets/src/highlight/Highlight.css.ts.vanilla-DSVjDF8y.css +7 -0
- package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-ClL_Dtju.css → HoverCardContent.css.ts.vanilla-CBB-3JzN.css} +3 -3
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-DBIJzmqp.css +35 -0
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BlWP-ur-.css +91 -0
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B0D1g-vw.css +9 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-vn8MVqPX.css +1 -0
- package/dist/assets/src/link/{Link.css.ts.vanilla-DXE3v5di.css → Link.css.ts.vanilla-CnrNdg1Z.css} +12 -12
- package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-DrEBy0TF.css +21 -0
- package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-BM3HtZFk.css +38 -0
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-BIhJg0mj.css +6 -0
- package/dist/assets/src/pill/{Pill.css.ts.vanilla-DOcl2MuH.css → Pill.css.ts.vanilla-6iStmQmH.css} +4 -4
- package/dist/assets/src/radio/Radio.css.ts.vanilla--KsBpBXx.css +13 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-D79S-qAL.css +6 -0
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-B9E5BWcX.css +7 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-CJz0Fua4.css → Separator.css.ts.vanilla-3LoipZB4.css} +10 -10
- package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-BF93P9xZ.css +6 -0
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cjde6E5n.css +6 -0
- package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-B_jYnI42.css +6 -0
- package/dist/assets/src/spotlight-item/{SpotlightItem.css.ts.vanilla-ZQcORnru.css → SpotlightItem.css.ts.vanilla-Dd-8IOMl.css} +6 -6
- package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-BZCTfveD.css → properties.css.ts.vanilla-B8UiJz-k.css} +2077 -2077
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DHQdPnKJ.css +26 -0
- package/dist/assets/src/table/{Table.css.ts.vanilla-BRz2D7_P.css → Table.css.ts.vanilla-MVdkwD0z.css} +4 -4
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-C4oM7uOI.css +6 -0
- package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-BQ545diF.css → TableCell.css.ts.vanilla-DQANVtXA.css} +4 -4
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-KszKuQbY.css +6 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css +4 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CmDauahn.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-BHJQa4MY.css +23 -0
- package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-Crjg7nwP.css → TabsTrigger.css.ts.vanilla-Bq5x8W0F.css} +10 -10
- package/dist/assets/src/text/{Text.css.ts.vanilla-xxaGuRxa.css → Text.css.ts.vanilla-B4Jy9Qzq.css} +8 -8
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BDdSqO2k.css +34 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-DHqg7ozH.css +92 -0
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-hbD7r5bf.css → ToastProvider.css.ts.vanilla-DO9F7-t5.css} +9 -9
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css +23 -0
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CCoVxe49.css +10 -0
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-CAw7P9Kw.css → Transition.css.ts.vanilla-BrShdi1Q.css} +16 -16
- 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 +5 -5
- 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-base/ButtonBase-css.js +5 -5
- package/dist/src/button-group/ButtonGroup-css.js +3 -3
- package/dist/src/button-loadable/ButtonLoadable-css.js +5 -5
- package/dist/src/checkbox/Checkbox-css.js +8 -8
- package/dist/src/code/Code-css.js +3 -3
- package/dist/src/data-table/DataTable-css.js +7 -7
- package/dist/src/data-table-header/DataTableHeader-css.js +4 -4
- 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/highlight/Highlight-css.js +3 -3
- 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/listbox-base/ListboxBase-css.js +3 -3
- package/dist/src/listbox-item-base/ListboxItemBase-css.js +5 -5
- 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/sidenav-item/SidenavItem-css.js +5 -5
- package/dist/src/skeleton/Skeleton-css.js +3 -3
- package/dist/src/spotlight-input/SpotlightInput-css.js +3 -3
- package/dist/src/spotlight-item/SpotlightItem-css.js +4 -4
- package/dist/src/spotlight-trigger/SpotlightTrigger.js +4 -14
- 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/Toast.js +1 -1
- package/dist/src/toast-provider/ToastProvider-css.js +3 -3
- package/dist/src/toast-provider/ToastProvider.js +22 -15
- 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-DTviko8V.css +0 -6
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-7Pz1ShaS.css +0 -28
- package/dist/assets/src/badge/Badge.css.ts.vanilla-CsqUU2-u.css +0 -46
- package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-lSreN2s2.css +0 -140
- package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DdBJS1WF.css +0 -9
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-Kaqr1iOD.css +0 -18
- package/dist/assets/src/code/Code.css.ts.vanilla-DXWRlz04.css +0 -7
- package/dist/assets/src/data-table/DataTable.css.ts.vanilla-LAGWwD9Q.css +0 -24
- package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-BuEWXyCq.css +0 -12
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-a3MAJnGX.css +0 -25
- package/dist/assets/src/highlight/Highlight.css.ts.vanilla-RmkcqM-d.css +0 -7
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-vU_zHe1m.css +0 -35
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BEcIPkFX.css +0 -90
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BxwsDOi2.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-D3upUtFn.css +0 -1
- package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-BE3RtL_1.css +0 -21
- package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-Boisr2im.css +0 -38
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-DWprrOvv.css +0 -6
- package/dist/assets/src/radio/Radio.css.ts.vanilla-BPP2aWY8.css +0 -13
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DeV6_qAF.css +0 -6
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CoRlhWeX.css +0 -7
- package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-CJTL2biw.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-B0tq9DGQ.css +0 -6
- package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-DZ9q_EkM.css +0 -6
- package/dist/assets/src/switch/Switch.css.ts.vanilla-D5JoF6ME.css +0 -26
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BADc-26Z.css +0 -6
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DboxB76f.css +0 -6
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-COI_-mI5.css +0 -4
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-D7c9aAFv.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-hJFJS54O.css +0 -23
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DIlxSuuv.css +0 -34
- package/dist/assets/src/toast/Toast.css.ts.vanilla-B8N3Ss56.css +0 -92
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-llCUpF4m.css +0 -23
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DYEoiGw8.css +0 -10
- package/dist/src/toast-context/ToastContext.js +0 -5
|
@@ -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-vn8MVqPX.css';
|
|
2
|
+
import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BDdSqO2k.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:['bk04ep','vknxnz']});
|
|
6
|
+
var textarea = recipeRuntime({base:['bk04ep','cpsg4j']});
|
|
7
|
+
var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1x2e8ie','_8xz6f8'],'2':['_1x2e8ie','zshdgh'],'3':['_1x2e8ie','_1rh7tpm'],'4':['_1x2e8ie','_5j3boy'],'5':['_1x2e8ie','_19eruem']},resize:{auto:{},none:{},vertical:'_1kmmryc'}}});
|
|
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-vn8MVqPX.css';
|
|
2
|
+
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DO9F7-t5.css';
|
|
3
|
+
import './../../assets/src/toast/Toast.css.ts.vanilla-DHqg7ozH.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'},'_2k9wfi']});
|
|
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']},'uhlhol'],variants:{intent:{danger:'dom1k4',information:'_16hmp2o',neutral:'_7ezfu1',success:'_1ynseni',warning:'nsv41c'}}});
|
|
8
8
|
|
|
9
9
|
export { icon, root };
|
package/dist/src/toast/Toast.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useToastContext } from '@optiaxiom/globals';
|
|
2
3
|
import * as RadixToast from '@radix-ui/react-toast';
|
|
3
4
|
import { forwardRef, createElement } from 'react';
|
|
4
5
|
import { Box } from '../box/Box.js';
|
|
@@ -12,7 +13,6 @@ import { IconX } from '../icons/IconX.js';
|
|
|
12
13
|
import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
|
|
13
14
|
import '../sprinkles/sprinkles.js';
|
|
14
15
|
import '../sprinkles/sprinklesMerge.js';
|
|
15
|
-
import { useToastContext } from '../toast-context/ToastContext.js';
|
|
16
16
|
import { root, icon } from './Toast-css.js';
|
|
17
17
|
|
|
18
18
|
const mapIntentToIcon = {
|
|
@@ -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-vn8MVqPX.css';
|
|
2
|
+
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DO9F7-t5.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'},'_1m2na8l'],variants:{position:{bottom:'_1dmhoz6','bottom-left':'_190s6n9','bottom-right':'isduys',top:'lbu77y','top-left':'_17yaqgj','top-right':'o25vqh'}}});
|
|
6
6
|
|
|
7
7
|
export { viewport };
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { ToastContextProvider, toaster } from '@optiaxiom/globals';
|
|
2
3
|
import { useComposedRefs } from '@radix-ui/react-compose-refs';
|
|
3
4
|
import { Portal } from '@radix-ui/react-portal';
|
|
4
5
|
import * as RadixToast from '@radix-ui/react-toast';
|
|
5
|
-
import { forwardRef, useRef, isValidElement } from 'react';
|
|
6
|
+
import { forwardRef, useRef, cloneElement, isValidElement } from 'react';
|
|
6
7
|
import { useSyncExternalStore } from 'use-sync-external-store/shim/index.js';
|
|
7
8
|
import { Flex } from '../flex/Flex.js';
|
|
8
9
|
import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
|
|
@@ -10,9 +11,7 @@ import '../sprinkles/sprinkles.js';
|
|
|
10
11
|
import '../sprinkles/sprinklesMerge.js';
|
|
11
12
|
import { Toast } from '../toast/Toast.js';
|
|
12
13
|
import { ToastAction } from '../toast-action/ToastAction.js';
|
|
13
|
-
import { ToastContextProvider } from '../toast-context/ToastContext.js';
|
|
14
14
|
import { ToastTitle } from '../toast-title/ToastTitle.js';
|
|
15
|
-
import { toaster } from '@optiaxiom/globals';
|
|
16
15
|
import { viewport } from './ToastProvider-css.js';
|
|
17
16
|
import { useOverflowAnchor } from './useOverflowAnchor.js';
|
|
18
17
|
|
|
@@ -59,18 +58,26 @@ const ToastProvider = forwardRef(
|
|
|
59
58
|
{
|
|
60
59
|
onOpenChange: () => toasterProp.remove(id),
|
|
61
60
|
open,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
/* @__PURE__ */
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
61
|
+
children: cloneElement(
|
|
62
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/microsoft/TypeScript/issues/53178
|
|
63
|
+
isValidElement(toast) ? toast : /* @__PURE__ */ jsxs(Toast, { intent: toast.type, children: [
|
|
64
|
+
/* @__PURE__ */ jsx(ToastTitle, { children: toast.title }),
|
|
65
|
+
toast.action && /* @__PURE__ */ jsx(
|
|
66
|
+
ToastAction,
|
|
67
|
+
{
|
|
68
|
+
altText: toast.action.altText,
|
|
69
|
+
onClick: toast.action.onClick,
|
|
70
|
+
children: toast.action.label
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
] }, id),
|
|
74
|
+
{
|
|
75
|
+
forceMount: true,
|
|
76
|
+
key: id,
|
|
77
|
+
onOpenChange: () => toasterProp.remove(id),
|
|
78
|
+
open
|
|
79
|
+
}
|
|
80
|
+
)
|
|
74
81
|
},
|
|
75
82
|
id
|
|
76
83
|
)),
|
|
@@ -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-vn8MVqPX.css';
|
|
2
|
+
import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
|
|
3
|
+
import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css';
|
|
4
4
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
5
5
|
|
|
6
|
-
var toggleInput = recipeRuntime({base:['
|
|
6
|
+
var toggleInput = recipeRuntime({base:['_5o1rud',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1ebcv6v']});
|
|
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-vn8MVqPX.css';
|
|
2
|
+
import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
|
|
3
|
+
import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DKs_qOUr.css';
|
|
4
|
+
import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CCoVxe49.css';
|
|
5
5
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
6
6
|
|
|
7
|
-
var control = recipeRuntime({base:['
|
|
7
|
+
var control = recipeRuntime({base:['_1ku9foi']});
|
|
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-vn8MVqPX.css';
|
|
2
|
+
import './../../assets/src/table-row/TableRow.css.ts.vanilla-C8Zrmi5k.css';
|
|
3
3
|
|
|
4
|
-
var className = '
|
|
4
|
+
var className = 'yoldad';
|
|
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-vn8MVqPX.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-vn8MVqPX.css';
|
|
2
|
+
import './../../assets/src/transition/Transition.css.ts.vanilla-BrShdi1Q.css';
|
|
3
3
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
4
4
|
|
|
5
|
-
var transition = recipeRuntime({base:'
|
|
5
|
+
var transition = recipeRuntime({base:'_1cvuuxs',variants:{duration:{sm:'tdz9k3',md:'boih6p',lg:'_128qr8w'},type:{fade:'jubhch',pop:'_1rsoi88'}}});
|
|
6
6
|
var transitionDuration = {sm:150,md:250,lg:400};
|
|
7
7
|
|
|
8
8
|
export { transition, transitionDuration };
|
package/dist/unstable.d.ts
CHANGED
|
@@ -628,7 +628,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<O
|
|
|
628
628
|
icon?: react.ReactNode;
|
|
629
629
|
iconPosition?: "end" | "start";
|
|
630
630
|
}, never> & {
|
|
631
|
-
hotkey?: string
|
|
631
|
+
hotkey?: string;
|
|
632
632
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
633
633
|
|
|
634
634
|
declare const Table: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & Omit<{
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"url": "https://github.com/optimizely-axiom/optiaxiom.git"
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
|
-
"version": "0.5.
|
|
10
|
+
"version": "0.5.3",
|
|
11
11
|
"files": [
|
|
12
12
|
"dist/**",
|
|
13
13
|
"LICENSE"
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"clsx": "^2.1.1",
|
|
61
61
|
"downshift": "^9.0.8",
|
|
62
62
|
"use-sync-external-store": "^1.2.2",
|
|
63
|
-
"@optiaxiom/globals": "^0.
|
|
63
|
+
"@optiaxiom/globals": "^0.4.0"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@emotion/hash": "^0.9.2",
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.k6tjxw;
|
|
2
|
-
@layer optiaxiom.k6tjxw {
|
|
3
|
-
._1de4k1a {
|
|
4
|
-
border-radius: var(--ax-borderRadius-full);
|
|
5
|
-
user-select: none;
|
|
6
|
-
}
|
|
7
|
-
.slysdj ._1de4k1a {
|
|
8
|
-
border: 1px solid var(--ax-colors-bg-default);
|
|
9
|
-
}
|
|
10
|
-
.slysdj ._1xbfeq5:not(:first-child) {
|
|
11
|
-
margin-left: -3px;
|
|
12
|
-
}
|
|
13
|
-
.slysdj ._9wo6tz:not(:first-child) {
|
|
14
|
-
margin-left: -5px;
|
|
15
|
-
}
|
|
16
|
-
.slysdj .t9dnp5:not(:first-child) {
|
|
17
|
-
margin-left: -7px;
|
|
18
|
-
}
|
|
19
|
-
.slysdj ._1gzqx9r:not(:first-child) {
|
|
20
|
-
margin-left: -9px;
|
|
21
|
-
}
|
|
22
|
-
.slysdj .diowu9:not(:first-child) {
|
|
23
|
-
margin-left: -11px;
|
|
24
|
-
}
|
|
25
|
-
.slysdj .br0nxl:not(:first-child) {
|
|
26
|
-
margin-left: -13px;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.k6tjxw;
|
|
2
|
-
@layer optiaxiom.k6tjxw {
|
|
3
|
-
._8u4chm {
|
|
4
|
-
--_8kvxf7: var(--ax-colors-fg-white);
|
|
5
|
-
}
|
|
6
|
-
._1sg8x20 {
|
|
7
|
-
--iwcob3: var(--ax-colors-bg-error);
|
|
8
|
-
--_10h1p7e: var(--ax-colors-bg-error-subtle);
|
|
9
|
-
--_1m9ozgz: var(--ax-colors-fg-error-strong);
|
|
10
|
-
}
|
|
11
|
-
._1qafblu {
|
|
12
|
-
--iwcob3: var(--ax-colors-bg-information);
|
|
13
|
-
--_10h1p7e: var(--ax-colors-bg-information-subtle);
|
|
14
|
-
--_1m9ozgz: var(--ax-colors-fg-information-strong);
|
|
15
|
-
}
|
|
16
|
-
._1hmyeat {
|
|
17
|
-
--iwcob3: var(--ax-colors-bg-tertiary);
|
|
18
|
-
--_8kvxf7: var(--ax-colors-fg-default);
|
|
19
|
-
--_10h1p7e: var(--ax-colors-bg-secondary);
|
|
20
|
-
--_1m9ozgz: var(--ax-colors-fg-secondary);
|
|
21
|
-
}
|
|
22
|
-
._6coa14 {
|
|
23
|
-
--iwcob3: var(--ax-colors-bg-accent);
|
|
24
|
-
--_10h1p7e: var(--ax-colors-bg-accent-subtle);
|
|
25
|
-
--_1m9ozgz: var(--ax-colors-fg-accent-strong);
|
|
26
|
-
}
|
|
27
|
-
._1quqqtd {
|
|
28
|
-
--iwcob3: var(--ax-colors-bg-success);
|
|
29
|
-
--_10h1p7e: var(--ax-colors-bg-success-subtle);
|
|
30
|
-
--_1m9ozgz: var(--ax-colors-fg-success-strong);
|
|
31
|
-
}
|
|
32
|
-
.bbhuj2 {
|
|
33
|
-
--iwcob3: var(--ax-colors-bg-warning);
|
|
34
|
-
--_8kvxf7: var(--ax-colors-fg-warning-inverse);
|
|
35
|
-
--_10h1p7e: var(--ax-colors-bg-warning-subtle);
|
|
36
|
-
--_1m9ozgz: var(--ax-colors-fg-warning-strong);
|
|
37
|
-
}
|
|
38
|
-
.cbyas {
|
|
39
|
-
background-color: var(--_10h1p7e);
|
|
40
|
-
color: var(--_1m9ozgz);
|
|
41
|
-
}
|
|
42
|
-
.v0s553 {
|
|
43
|
-
background-color: var(--iwcob3);
|
|
44
|
-
color: var(--_8kvxf7);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.k6tjxw;
|
|
2
|
-
@layer optiaxiom.k6tjxw {
|
|
3
|
-
.qm429p {
|
|
4
|
-
border-radius: var(--ax-borderRadius-md);
|
|
5
|
-
padding-inline: var(--_8gbuja);
|
|
6
|
-
position: relative;
|
|
7
|
-
text-decoration: none;
|
|
8
|
-
user-select: none;
|
|
9
|
-
}
|
|
10
|
-
.qm429p: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
|
-
.o5ggju[data-orientation="horizontal"] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .qm429p {
|
|
16
|
-
border-inline-width: 0.5px;
|
|
17
|
-
}
|
|
18
|
-
.o5ggju[data-orientation="horizontal"] > .qm429p:not(:only-child):first-child,.o5ggju[data-orientation="horizontal"] > :not(:only-child):first-child .qm429p {
|
|
19
|
-
border-bottom-right-radius: 0;
|
|
20
|
-
border-right-width: 0.5px;
|
|
21
|
-
border-top-right-radius: 0;
|
|
22
|
-
}
|
|
23
|
-
.o5ggju[data-orientation="horizontal"] > .qm429p:not(:only-child):last-child,.o5ggju[data-orientation="horizontal"] > :not(:only-child):last-child .qm429p {
|
|
24
|
-
border-bottom-left-radius: 0;
|
|
25
|
-
border-left-width: 0.5px;
|
|
26
|
-
border-top-left-radius: 0;
|
|
27
|
-
}
|
|
28
|
-
.o5ggju[data-orientation="vertical"] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation="vertical"] > :not(:first-child):not(:last-child) .qm429p {
|
|
29
|
-
border-block-width: 0.5px;
|
|
30
|
-
}
|
|
31
|
-
.o5ggju[data-orientation="vertical"] > .qm429p:not(:only-child):first-child,.o5ggju[data-orientation="vertical"] > :not(:only-child):first-child .qm429p {
|
|
32
|
-
border-bottom-left-radius: 0;
|
|
33
|
-
border-bottom-right-radius: 0;
|
|
34
|
-
border-bottom-width: 0.5px;
|
|
35
|
-
}
|
|
36
|
-
.o5ggju[data-orientation="vertical"] > .qm429p:not(:only-child):last-child,.o5ggju[data-orientation="vertical"] > :not(:only-child):last-child .qm429p {
|
|
37
|
-
border-top-left-radius: 0;
|
|
38
|
-
border-top-right-radius: 0;
|
|
39
|
-
border-top-width: 0.5px;
|
|
40
|
-
}
|
|
41
|
-
.o5ggju[data-orientation] > .qm429p:not(:first-child):not(:last-child),.o5ggju[data-orientation] > :not(:first-child):not(:last-child) .qm429p {
|
|
42
|
-
border-radius: 0;
|
|
43
|
-
}
|
|
44
|
-
._1dcf3kk {
|
|
45
|
-
min-width: fit-content;
|
|
46
|
-
}
|
|
47
|
-
._1iekj3a {
|
|
48
|
-
--_9d0zrd: var(--ax-colors-bg-error);
|
|
49
|
-
--_1k3ch01: var(--ax-colors-bg-error-hovered);
|
|
50
|
-
--_7s0jwl: var(--ax-colors-bg-error-pressed);
|
|
51
|
-
--_1cbroji: var(--ax-colors-bg-error-subtlest);
|
|
52
|
-
--_1bjqh6h: var(--ax-colors-bg-error-subtle);
|
|
53
|
-
}
|
|
54
|
-
._5sq53z {
|
|
55
|
-
--_9d0zrd: var(--ax-colors-bg-default-inverse);
|
|
56
|
-
--_1k3ch01: var(--ax-colors-bg-default-inverse-hovered);
|
|
57
|
-
--_7s0jwl: var(--ax-colors-bg-default-inverse-pressed);
|
|
58
|
-
--_1cbroji: var(--ax-colors-bg-secondary);
|
|
59
|
-
--_1x8p594: var(--ax-colors-border-default);
|
|
60
|
-
--_1n782et: var(--ax-colors-border-default);
|
|
61
|
-
--_1bjqh6h: var(--ax-colors-bg-secondary-hovered);
|
|
62
|
-
--_1qsklf3: var(--ax-colors-fg-default);
|
|
63
|
-
}
|
|
64
|
-
._1x11jl7 {
|
|
65
|
-
--_9d0zrd: var(--ax-colors-bg-accent);
|
|
66
|
-
--_1k3ch01: var(--ax-colors-bg-accent-hovered);
|
|
67
|
-
--_7s0jwl: var(--ax-colors-bg-accent-pressed);
|
|
68
|
-
--_1cbroji: var(--ax-colors-bg-accent-subtle);
|
|
69
|
-
--_1bjqh6h: var(--ax-colors-bg-accent-light);
|
|
70
|
-
}
|
|
71
|
-
._1aa590g {
|
|
72
|
-
background-color: var(--ax-colors-bg-default);
|
|
73
|
-
border: 1px solid var(--_1n782et, var(--_9d0zrd));
|
|
74
|
-
color: var(--_1qsklf3, var(--_9d0zrd));
|
|
75
|
-
padding-inline: calc(var(--_8gbuja) - 1px);
|
|
76
|
-
}
|
|
77
|
-
._1aa590g:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
78
|
-
background-color: var(--_1bjqh6h);
|
|
79
|
-
border-color: var(--_1x8p594, var(--_1k3ch01));
|
|
80
|
-
}
|
|
81
|
-
._1aa590g:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
82
|
-
background-color: var(--_1cbroji);
|
|
83
|
-
border-color: var(--_1x8p594, var(--_1k3ch01));
|
|
84
|
-
}
|
|
85
|
-
._1aa590g: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
|
-
._1aa590g[data-disabled]:not([data-loading]) {
|
|
91
|
-
border-color: var(--ax-colors-border-disabled);
|
|
92
|
-
color: var(--ax-colors-fg-disabled);
|
|
93
|
-
}
|
|
94
|
-
.s3dccm {
|
|
95
|
-
background-color: var(--_9d0zrd);
|
|
96
|
-
color: var(--ax-colors-fg-default-inverse);
|
|
97
|
-
}
|
|
98
|
-
.s3dccm:active:not([data-disabled], [data-loading]) {
|
|
99
|
-
background-color: var(--_7s0jwl);
|
|
100
|
-
}
|
|
101
|
-
.s3dccm:hover:not(:active, [data-disabled], [data-loading]) {
|
|
102
|
-
background-color: var(--_1k3ch01);
|
|
103
|
-
}
|
|
104
|
-
.s3dccm[data-disabled]:not([data-loading]) {
|
|
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(--_8gbuja) - 1px);
|
|
109
|
-
}
|
|
110
|
-
._9zicc6 {
|
|
111
|
-
background-color: transparent;
|
|
112
|
-
border-color: var(--_9d0zrd);
|
|
113
|
-
color: var(--_1qsklf3, var(--_9d0zrd));
|
|
114
|
-
}
|
|
115
|
-
._9zicc6:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
116
|
-
background-color: var(--_1bjqh6h);
|
|
117
|
-
}
|
|
118
|
-
._9zicc6:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
119
|
-
background-color: var(--_1cbroji);
|
|
120
|
-
}
|
|
121
|
-
._9zicc6: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
|
-
._9zicc6[data-disabled]:not([data-loading]) {
|
|
126
|
-
color: var(--ax-colors-fg-disabled);
|
|
127
|
-
}
|
|
128
|
-
._1eyl9gm {
|
|
129
|
-
--_8gbuja: 4px;
|
|
130
|
-
}
|
|
131
|
-
._12ma8x8 {
|
|
132
|
-
--_8gbuja: 8px;
|
|
133
|
-
}
|
|
134
|
-
.e4klwr {
|
|
135
|
-
--_8gbuja: 12px;
|
|
136
|
-
}
|
|
137
|
-
.ffn8d9 {
|
|
138
|
-
position: absolute;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.k6tjxw;
|
|
2
|
-
@layer optiaxiom.k6tjxw {
|
|
3
|
-
.zozbig {
|
|
4
|
-
display: none;
|
|
5
|
-
}
|
|
6
|
-
._1fcaobb:has(._1hpm0s4:checked) .zozbig {
|
|
7
|
-
display: block;
|
|
8
|
-
}
|
|
9
|
-
._1b6ey87 {
|
|
10
|
-
background-color: var(--ax-colors-bg-default);
|
|
11
|
-
border-color: var(--_1o9fe6h);
|
|
12
|
-
border-width: 1px;
|
|
13
|
-
}
|
|
14
|
-
._1fcaobb:has(._1hpm0s4:checked) ._1b6ey87 {
|
|
15
|
-
background-color: var(--_1o9fe6h);
|
|
16
|
-
border-width: 0;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.k6tjxw;
|
|
2
|
-
@layer optiaxiom.k6tjxw {
|
|
3
|
-
._1odoan6 {
|
|
4
|
-
position: sticky;
|
|
5
|
-
top: 0;
|
|
6
|
-
z-index: var(--ax-zIndex-20);
|
|
7
|
-
}
|
|
8
|
-
.z0vt9 {
|
|
9
|
-
min-width: var(--_110mhe6);
|
|
10
|
-
}
|
|
11
|
-
._1rvdnhz {
|
|
12
|
-
left: var(--_6bb585);
|
|
13
|
-
position: sticky;
|
|
14
|
-
z-index: var(--ax-zIndex-20);
|
|
15
|
-
}
|
|
16
|
-
._1ekd9c3 {
|
|
17
|
-
min-width: var(--_110mhe6);
|
|
18
|
-
}
|
|
19
|
-
._1dfdde9 {
|
|
20
|
-
left: var(--_6bb585);
|
|
21
|
-
position: sticky;
|
|
22
|
-
z-index: var(--ax-zIndex-10);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@keyframes _1juj368 {
|
|
2
|
-
from {
|
|
3
|
-
height: 0;
|
|
4
|
-
}
|
|
5
|
-
to {
|
|
6
|
-
height: var(--radix-collapsible-content-height);
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
@keyframes _1x2vxzn {
|
|
10
|
-
from {
|
|
11
|
-
height: var(--radix-collapsible-content-height);
|
|
12
|
-
}
|
|
13
|
-
to {
|
|
14
|
-
height: 0;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
@layer optiaxiom.k6tjxw;
|
|
18
|
-
@layer optiaxiom.k6tjxw {
|
|
19
|
-
.w9lpdy[data-state="closed"] {
|
|
20
|
-
animation: _1x2vxzn 300ms ease-out;
|
|
21
|
-
}
|
|
22
|
-
.w9lpdy[data-state="open"] {
|
|
23
|
-
animation: _1juj368 300ms ease-out;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom.k6tjxw;
|
|
2
|
-
@layer optiaxiom.k6tjxw {
|
|
3
|
-
.zuyifz {
|
|
4
|
-
position: relative;
|
|
5
|
-
}
|
|
6
|
-
._33vmpn {
|
|
7
|
-
--c2hdf5: 50%;
|
|
8
|
-
position: absolute;
|
|
9
|
-
right: 4px;
|
|
10
|
-
}
|
|
11
|
-
.qz4036 {
|
|
12
|
-
--c2hdf5: 4px;
|
|
13
|
-
}
|
|
14
|
-
._1vie437 {
|
|
15
|
-
bottom: 4px;
|
|
16
|
-
transform: translate(var(--c2hdf5), var(--c2hdf5));
|
|
17
|
-
}
|
|
18
|
-
._1yzubqs {
|
|
19
|
-
top: 4px;
|
|
20
|
-
transform: translate(var(--c2hdf5), calc(-1 * var(--c2hdf5)));
|
|
21
|
-
}
|
|
22
|
-
.q24edc {
|
|
23
|
-
position: relative;
|
|
24
|
-
user-select: none;
|
|
25
|
-
}
|
|
26
|
-
.q24edc:empty {
|
|
27
|
-
aspect-ratio: 1;
|
|
28
|
-
}
|
|
29
|
-
._1kuaj9c:not(:empty) {
|
|
30
|
-
min-width: 20px;
|
|
31
|
-
}
|
|
32
|
-
._14lz2wi {
|
|
33
|
-
position: absolute;
|
|
34
|
-
}
|
|
35
|
-
}
|