@optiaxiom/react 0.5.0 → 0.5.2
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-BfmlokwX.css → AlertDialogContent.css.ts.vanilla-9wVoZco-.css} +8 -8
- package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-mm8wKB3U.css +6 -0
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-D3ONpYNL.css +10 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-KeDynCIW.css +28 -0
- package/dist/assets/src/badge/Badge.css.ts.vanilla-x0KWsBml.css +46 -0
- package/dist/assets/src/box/{Box.css.ts.vanilla-DBfxVKih.css → Box.css.ts.vanilla-D1SQBQpB.css} +23 -23
- package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-oXXquOqF.css +140 -0
- package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Co42uEZs.css +9 -0
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-B2nMw732.css +18 -0
- package/dist/assets/src/code/Code.css.ts.vanilla-CibFuYwC.css +7 -0
- package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DMaoSvU5.css +24 -0
- package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-4L7-nxEr.css +12 -0
- package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-7QW0qBlh.css → DialogContent.css.ts.vanilla-Un7ZKr2Z.css} +9 -9
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-9gPKDtRS.css +25 -0
- package/dist/assets/src/disclosure-trigger/{DisclosureTrigger.css.ts.vanilla-DJAnb-Lj.css → DisclosureTrigger.css.ts.vanilla-C5ErHkok.css} +7 -7
- package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-BWa012jC.css → Drawer.css.ts.vanilla-mY6dsqVE.css} +8 -8
- package/dist/assets/src/highlight/Highlight.css.ts.vanilla-Bfwmoflf.css +7 -0
- package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-Kxyux3yW.css → HoverCardContent.css.ts.vanilla-CpAK8Qkf.css} +3 -3
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CG47dm2N.css +35 -0
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-Btohm9QI.css +91 -0
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-CsKZ20iN.css +9 -0
- package/dist/assets/src/layers/layers.css.ts.vanilla-BTXaVuIh.css +1 -0
- package/dist/assets/src/link/{Link.css.ts.vanilla-CsWw-ZX-.css → Link.css.ts.vanilla-B9XCIKoJ.css} +12 -12
- package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-B9BKaRBy.css +21 -0
- package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-CqPMKUUW.css +38 -0
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Dw6kg-Xc.css +6 -0
- package/dist/assets/src/pill/{Pill.css.ts.vanilla-BVjnxRo2.css → Pill.css.ts.vanilla-DA6kEqcX.css} +4 -4
- package/dist/assets/src/radio/Radio.css.ts.vanilla-Bap82d6I.css +13 -0
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DsPYPDJl.css +6 -0
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-CK4k9iQ6.css +7 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-BM1zMvsd.css → Separator.css.ts.vanilla-C-9yzq4l.css} +10 -10
- package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-B04xgWaj.css +6 -0
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-D9kNQbzL.css +6 -0
- package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Dqx6Sxpq.css +6 -0
- package/dist/assets/src/spotlight-item/{SpotlightItem.css.ts.vanilla-6J2rLNeq.css → SpotlightItem.css.ts.vanilla-C2rsPIre.css} +6 -6
- package/dist/assets/src/sprinkles/{properties.css.ts.vanilla-B2oyt7h_.css → properties.css.ts.vanilla-BHSjoBdF.css} +2077 -2077
- package/dist/assets/src/switch/Switch.css.ts.vanilla-lUjBt593.css +26 -0
- package/dist/assets/src/table/{Table.css.ts.vanilla-Cl9FjtdU.css → Table.css.ts.vanilla-MezhQ9wu.css} +4 -4
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DRIKFNLT.css +6 -0
- package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Bfjlwp3P.css → TableCell.css.ts.vanilla-qTvbV2Gl.css} +4 -4
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BExxecaK.css +6 -0
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css +4 -0
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-CpZnswKZ.css +9 -0
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-BJY4ZgtA.css +23 -0
- package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-uJw7PtZD.css → TabsTrigger.css.ts.vanilla-C6xmPFu8.css} +10 -10
- package/dist/assets/src/text/{Text.css.ts.vanilla-COuWMD6-.css → Text.css.ts.vanilla-Dq7K6kmO.css} +8 -8
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-3AsT7-Hy.css +34 -0
- package/dist/assets/src/toast/Toast.css.ts.vanilla-BroqVtg7.css +92 -0
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-CchxuGoA.css → ToastProvider.css.ts.vanilla-CEJExyS1.css} +9 -9
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiOL2XSb.css +23 -0
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CzgC9WoD.css +10 -0
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-BeU-E9Dh.css → Transition.css.ts.vanilla-CVm5PKnk.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/textarea-autosize/TextareaAutosize.js +6 -4
- 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 +1 -2
- 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-BDRTGojK.css +0 -6
- package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-CNiZbeAp.css +0 -10
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DIWg9fd0.css +0 -28
- package/dist/assets/src/badge/Badge.css.ts.vanilla-D0wmnkUW.css +0 -46
- package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-B3E46v7K.css +0 -140
- package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-BtxvqRzj.css +0 -9
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-DigB5kPU.css +0 -18
- package/dist/assets/src/code/Code.css.ts.vanilla-D3uI46K3.css +0 -7
- package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DzN3FfoY.css +0 -24
- package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DfR_HybW.css +0 -12
- package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-RYoKkfZ2.css +0 -25
- package/dist/assets/src/highlight/Highlight.css.ts.vanilla-Cd1w-Yt-.css +0 -7
- package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BgVBs5x3.css +0 -35
- package/dist/assets/src/input-base/InputBase.css.ts.vanilla-BbTdXMpr.css +0 -90
- package/dist/assets/src/kbd/Kbd.css.ts.vanilla-B-Je22yQ.css +0 -9
- package/dist/assets/src/layers/layers.css.ts.vanilla-D2CmRaCx.css +0 -1
- package/dist/assets/src/listbox-base/ListboxBase.css.ts.vanilla-CcOKCDfK.css +0 -21
- package/dist/assets/src/listbox-item-base/ListboxItemBase.css.ts.vanilla-kR17suV0.css +0 -38
- package/dist/assets/src/pagination/Pagination.css.ts.vanilla-OJC3D9A-.css +0 -6
- package/dist/assets/src/radio/Radio.css.ts.vanilla-5NaLXI__.css +0 -13
- package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DhJbKnJ1.css +0 -6
- package/dist/assets/src/select-content/SelectContent.css.ts.vanilla-07wZOK8y.css +0 -7
- package/dist/assets/src/sidenav-item/SidenavItem.css.ts.vanilla-DkwT18Yw.css +0 -6
- package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-di59k6DT.css +0 -6
- package/dist/assets/src/spotlight-input/SpotlightInput.css.ts.vanilla-Hy1YeTLu.css +0 -6
- package/dist/assets/src/switch/Switch.css.ts.vanilla-CFJ0S7dk.css +0 -26
- package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BOD2BiwU.css +0 -6
- package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CRrLTvv6.css +0 -6
- package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DvaqTswf.css +0 -4
- package/dist/assets/src/tabs/Tabs.css.ts.vanilla-mUdN-S9g.css +0 -9
- package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-DxBloiIq.css +0 -23
- package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DPl6lRRh.css +0 -34
- package/dist/assets/src/toast/Toast.css.ts.vanilla-Dn4HemqC.css +0 -92
- package/dist/assets/src/toggle-input/ToggleInput.css.ts.vanilla-B1MlqPk7.css +0 -23
- package/dist/assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Sn_E7EaR.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-BTXaVuIh.css';
|
|
2
|
+
import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-3AsT7-Hy.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:['_1pkzl4i','x9iqtu']});
|
|
6
|
+
var textarea = recipeRuntime({base:['_1pkzl4i','xlb14f']});
|
|
7
|
+
var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1pvy3dc','_1pk7dxl'],'2':['_1pvy3dc','_1ggabi4'],'3':['_1pvy3dc','_17altif'],'4':['_1pvy3dc','_1jog6mv'],'5':['_1pvy3dc','_1lv5kju']},resize:{auto:{},none:{},vertical:'_7dod90'}}});
|
|
8
8
|
|
|
9
9
|
export { shadow, textarea, wrapper };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { Slot } from '@radix-ui/react-slot';
|
|
3
|
-
import {
|
|
3
|
+
import { useControllableState } from '@radix-ui/react-use-controllable-state';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
4
5
|
import { Box } from '../box/Box.js';
|
|
5
6
|
import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
|
|
6
7
|
import '../sprinkles/sprinkles.js';
|
|
@@ -19,9 +20,10 @@ const TextareaAutosize = forwardRef(
|
|
|
19
20
|
}, ref) => {
|
|
20
21
|
const Comp = asChild ? Slot : "textarea";
|
|
21
22
|
const { restProps, sprinkleProps } = extractSprinkles(props);
|
|
22
|
-
const [value, setValue] =
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
const [value, setValue] = useControllableState({
|
|
24
|
+
defaultProp: props.defaultValue,
|
|
25
|
+
prop: props.value
|
|
26
|
+
});
|
|
25
27
|
return /* @__PURE__ */ jsxs(Box, { ...wrapper({ maxRows, resize }), children: [
|
|
26
28
|
/* @__PURE__ */ jsx(Box, { asChild: true, ...textarea({}, className), ...sprinkleProps, children: /* @__PURE__ */ jsx(
|
|
27
29
|
Comp,
|
|
@@ -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-BTXaVuIh.css';
|
|
2
|
+
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CEJExyS1.css';
|
|
3
|
+
import './../../assets/src/toast/Toast.css.ts.vanilla-BroqVtg7.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'},'w5fhd8']});
|
|
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']},'_8n5xlk'],variants:{intent:{danger:'spit4y',information:'kt24n1',neutral:'m1w60j',success:'_1ql3qll',warning:'nb1l3u'}}});
|
|
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-BTXaVuIh.css';
|
|
2
|
+
import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CEJExyS1.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'},'lj4hq9'],variants:{position:{bottom:'_1p1oes4','bottom-left':'y3mci8','bottom-right':'ox50nm',top:'_1adhg9g','top-left':'t1yr1p','top-right':'_1yayh0h'}}});
|
|
6
6
|
|
|
7
7
|
export { viewport };
|
|
@@ -1,4 +1,5 @@
|
|
|
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';
|
|
@@ -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
|
|
|
@@ -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-BTXaVuIh.css';
|
|
2
|
+
import './../../assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css';
|
|
3
|
+
import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiOL2XSb.css';
|
|
4
4
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
5
5
|
|
|
6
|
-
var toggleInput = recipeRuntime({base:['
|
|
6
|
+
var toggleInput = recipeRuntime({base:['_1fhz7e8',{alignItems:'start',flexDirection:'row',gap:'xs'},'_4l1gyy']});
|
|
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-BTXaVuIh.css';
|
|
2
|
+
import './../../assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css';
|
|
3
|
+
import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DiOL2XSb.css';
|
|
4
|
+
import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-CzgC9WoD.css';
|
|
5
5
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
6
6
|
|
|
7
|
-
var control = recipeRuntime({base:['
|
|
7
|
+
var control = recipeRuntime({base:['_1rusgx8']});
|
|
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-BTXaVuIh.css';
|
|
2
|
+
import './../../assets/src/table-row/TableRow.css.ts.vanilla-DwVIuRLj.css';
|
|
3
3
|
|
|
4
|
-
var className = '
|
|
4
|
+
var className = '_1m98weq';
|
|
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-BTXaVuIh.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-BTXaVuIh.css';
|
|
2
|
+
import './../../assets/src/transition/Transition.css.ts.vanilla-CVm5PKnk.css';
|
|
3
3
|
import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
|
|
4
4
|
|
|
5
|
-
var transition = recipeRuntime({base:'
|
|
5
|
+
var transition = recipeRuntime({base:'_1gzpqt8',variants:{duration:{sm:'_13sxvlf',md:'_1hbjwtd',lg:'_1lzsad3'},type:{fade:'_1mpfurb',pop:'_1wbf1f8'}}});
|
|
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.2",
|
|
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._186z7zz;
|
|
2
|
-
@layer optiaxiom._186z7zz {
|
|
3
|
-
._1750v50 {
|
|
4
|
-
border-radius: var(--ax-borderRadius-full);
|
|
5
|
-
user-select: none;
|
|
6
|
-
}
|
|
7
|
-
.d5qt7j ._1750v50 {
|
|
8
|
-
border: 1px solid var(--ax-colors-bg-default);
|
|
9
|
-
}
|
|
10
|
-
.d5qt7j .nia70v:not(:first-child) {
|
|
11
|
-
margin-left: -3px;
|
|
12
|
-
}
|
|
13
|
-
.d5qt7j ._1pgnx44:not(:first-child) {
|
|
14
|
-
margin-left: -5px;
|
|
15
|
-
}
|
|
16
|
-
.d5qt7j ._113im4m:not(:first-child) {
|
|
17
|
-
margin-left: -7px;
|
|
18
|
-
}
|
|
19
|
-
.d5qt7j ._13aqa04:not(:first-child) {
|
|
20
|
-
margin-left: -9px;
|
|
21
|
-
}
|
|
22
|
-
.d5qt7j .i5gogn:not(:first-child) {
|
|
23
|
-
margin-left: -11px;
|
|
24
|
-
}
|
|
25
|
-
.d5qt7j ._103q0db:not(:first-child) {
|
|
26
|
-
margin-left: -13px;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._186z7zz;
|
|
2
|
-
@layer optiaxiom._186z7zz {
|
|
3
|
-
.r7nf7b {
|
|
4
|
-
--_3qz94: var(--ax-colors-fg-white);
|
|
5
|
-
}
|
|
6
|
-
._1qonq7 {
|
|
7
|
-
--c83x7i: var(--ax-colors-bg-error);
|
|
8
|
-
--_1jv31tx: var(--ax-colors-bg-error-subtle);
|
|
9
|
-
--_1newh9d: var(--ax-colors-fg-error-strong);
|
|
10
|
-
}
|
|
11
|
-
._8bb6fm {
|
|
12
|
-
--c83x7i: var(--ax-colors-bg-information);
|
|
13
|
-
--_1jv31tx: var(--ax-colors-bg-information-subtle);
|
|
14
|
-
--_1newh9d: var(--ax-colors-fg-information-strong);
|
|
15
|
-
}
|
|
16
|
-
.mo4pz6 {
|
|
17
|
-
--c83x7i: var(--ax-colors-bg-tertiary);
|
|
18
|
-
--_3qz94: var(--ax-colors-fg-default);
|
|
19
|
-
--_1jv31tx: var(--ax-colors-bg-secondary);
|
|
20
|
-
--_1newh9d: var(--ax-colors-fg-secondary);
|
|
21
|
-
}
|
|
22
|
-
._1f3jhqm {
|
|
23
|
-
--c83x7i: var(--ax-colors-bg-accent);
|
|
24
|
-
--_1jv31tx: var(--ax-colors-bg-accent-subtle);
|
|
25
|
-
--_1newh9d: var(--ax-colors-fg-accent-strong);
|
|
26
|
-
}
|
|
27
|
-
._1ap1iob {
|
|
28
|
-
--c83x7i: var(--ax-colors-bg-success);
|
|
29
|
-
--_1jv31tx: var(--ax-colors-bg-success-subtle);
|
|
30
|
-
--_1newh9d: var(--ax-colors-fg-success-strong);
|
|
31
|
-
}
|
|
32
|
-
._1pl2cn7 {
|
|
33
|
-
--c83x7i: var(--ax-colors-bg-warning);
|
|
34
|
-
--_3qz94: var(--ax-colors-fg-warning-inverse);
|
|
35
|
-
--_1jv31tx: var(--ax-colors-bg-warning-subtle);
|
|
36
|
-
--_1newh9d: var(--ax-colors-fg-warning-strong);
|
|
37
|
-
}
|
|
38
|
-
._6rb6z2 {
|
|
39
|
-
background-color: var(--_1jv31tx);
|
|
40
|
-
color: var(--_1newh9d);
|
|
41
|
-
}
|
|
42
|
-
._1nbtmty {
|
|
43
|
-
background-color: var(--c83x7i);
|
|
44
|
-
color: var(--_3qz94);
|
|
45
|
-
}
|
|
46
|
-
}
|
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._186z7zz;
|
|
2
|
-
@layer optiaxiom._186z7zz {
|
|
3
|
-
.m1ojb4 {
|
|
4
|
-
border-radius: var(--ax-borderRadius-md);
|
|
5
|
-
padding-inline: var(--_5437hl);
|
|
6
|
-
position: relative;
|
|
7
|
-
text-decoration: none;
|
|
8
|
-
user-select: none;
|
|
9
|
-
}
|
|
10
|
-
.m1ojb4: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
|
-
._1remjsm[data-orientation="horizontal"] > .m1ojb4:not(:first-child):not(:last-child),._1remjsm[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .m1ojb4 {
|
|
16
|
-
border-inline-width: 0.5px;
|
|
17
|
-
}
|
|
18
|
-
._1remjsm[data-orientation="horizontal"] > .m1ojb4:not(:only-child):first-child,._1remjsm[data-orientation="horizontal"] > :not(:only-child):first-child .m1ojb4 {
|
|
19
|
-
border-bottom-right-radius: 0;
|
|
20
|
-
border-right-width: 0.5px;
|
|
21
|
-
border-top-right-radius: 0;
|
|
22
|
-
}
|
|
23
|
-
._1remjsm[data-orientation="horizontal"] > .m1ojb4:not(:only-child):last-child,._1remjsm[data-orientation="horizontal"] > :not(:only-child):last-child .m1ojb4 {
|
|
24
|
-
border-bottom-left-radius: 0;
|
|
25
|
-
border-left-width: 0.5px;
|
|
26
|
-
border-top-left-radius: 0;
|
|
27
|
-
}
|
|
28
|
-
._1remjsm[data-orientation="vertical"] > .m1ojb4:not(:first-child):not(:last-child),._1remjsm[data-orientation="vertical"] > :not(:first-child):not(:last-child) .m1ojb4 {
|
|
29
|
-
border-block-width: 0.5px;
|
|
30
|
-
}
|
|
31
|
-
._1remjsm[data-orientation="vertical"] > .m1ojb4:not(:only-child):first-child,._1remjsm[data-orientation="vertical"] > :not(:only-child):first-child .m1ojb4 {
|
|
32
|
-
border-bottom-left-radius: 0;
|
|
33
|
-
border-bottom-right-radius: 0;
|
|
34
|
-
border-bottom-width: 0.5px;
|
|
35
|
-
}
|
|
36
|
-
._1remjsm[data-orientation="vertical"] > .m1ojb4:not(:only-child):last-child,._1remjsm[data-orientation="vertical"] > :not(:only-child):last-child .m1ojb4 {
|
|
37
|
-
border-top-left-radius: 0;
|
|
38
|
-
border-top-right-radius: 0;
|
|
39
|
-
border-top-width: 0.5px;
|
|
40
|
-
}
|
|
41
|
-
._1remjsm[data-orientation] > .m1ojb4:not(:first-child):not(:last-child),._1remjsm[data-orientation] > :not(:first-child):not(:last-child) .m1ojb4 {
|
|
42
|
-
border-radius: 0;
|
|
43
|
-
}
|
|
44
|
-
._1ozvedk {
|
|
45
|
-
min-width: fit-content;
|
|
46
|
-
}
|
|
47
|
-
._19g3fw0 {
|
|
48
|
-
--_86yyzn: var(--ax-colors-bg-error);
|
|
49
|
-
--_1jurlx3: var(--ax-colors-bg-error-hovered);
|
|
50
|
-
--_1dx7gkj: var(--ax-colors-bg-error-pressed);
|
|
51
|
-
--dlmzs1: var(--ax-colors-bg-error-subtlest);
|
|
52
|
-
--_13tphz2: var(--ax-colors-bg-error-subtle);
|
|
53
|
-
}
|
|
54
|
-
._4osacy {
|
|
55
|
-
--_86yyzn: var(--ax-colors-bg-default-inverse);
|
|
56
|
-
--_1jurlx3: var(--ax-colors-bg-default-inverse-hovered);
|
|
57
|
-
--_1dx7gkj: var(--ax-colors-bg-default-inverse-pressed);
|
|
58
|
-
--dlmzs1: var(--ax-colors-bg-secondary);
|
|
59
|
-
--omhs5f: var(--ax-colors-border-default);
|
|
60
|
-
--a4vuxd: var(--ax-colors-border-default);
|
|
61
|
-
--_13tphz2: var(--ax-colors-bg-secondary-hovered);
|
|
62
|
-
--_86kffc: var(--ax-colors-fg-default);
|
|
63
|
-
}
|
|
64
|
-
._3u5k5d {
|
|
65
|
-
--_86yyzn: var(--ax-colors-bg-accent);
|
|
66
|
-
--_1jurlx3: var(--ax-colors-bg-accent-hovered);
|
|
67
|
-
--_1dx7gkj: var(--ax-colors-bg-accent-pressed);
|
|
68
|
-
--dlmzs1: var(--ax-colors-bg-accent-subtle);
|
|
69
|
-
--_13tphz2: var(--ax-colors-bg-accent-light);
|
|
70
|
-
}
|
|
71
|
-
.s40ph6 {
|
|
72
|
-
background-color: var(--ax-colors-bg-default);
|
|
73
|
-
border: 1px solid var(--a4vuxd, var(--_86yyzn));
|
|
74
|
-
color: var(--_86kffc, var(--_86yyzn));
|
|
75
|
-
padding-inline: calc(var(--_5437hl) - 1px);
|
|
76
|
-
}
|
|
77
|
-
.s40ph6:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
78
|
-
background-color: var(--_13tphz2);
|
|
79
|
-
border-color: var(--omhs5f, var(--_1jurlx3));
|
|
80
|
-
}
|
|
81
|
-
.s40ph6:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
82
|
-
background-color: var(--dlmzs1);
|
|
83
|
-
border-color: var(--omhs5f, var(--_1jurlx3));
|
|
84
|
-
}
|
|
85
|
-
.s40ph6: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
|
-
.s40ph6[data-disabled]:not([data-loading]) {
|
|
91
|
-
border-color: var(--ax-colors-border-disabled);
|
|
92
|
-
color: var(--ax-colors-fg-disabled);
|
|
93
|
-
}
|
|
94
|
-
._1c0q32t {
|
|
95
|
-
background-color: var(--_86yyzn);
|
|
96
|
-
color: var(--ax-colors-fg-default-inverse);
|
|
97
|
-
}
|
|
98
|
-
._1c0q32t:active:not([data-disabled], [data-loading]) {
|
|
99
|
-
background-color: var(--_1dx7gkj);
|
|
100
|
-
}
|
|
101
|
-
._1c0q32t:hover:not(:active, [data-disabled], [data-loading]) {
|
|
102
|
-
background-color: var(--_1jurlx3);
|
|
103
|
-
}
|
|
104
|
-
._1c0q32t[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(--_5437hl) - 1px);
|
|
109
|
-
}
|
|
110
|
-
._14wiz9k {
|
|
111
|
-
background-color: transparent;
|
|
112
|
-
border-color: var(--_86yyzn);
|
|
113
|
-
color: var(--_86kffc, var(--_86yyzn));
|
|
114
|
-
}
|
|
115
|
-
._14wiz9k:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
116
|
-
background-color: var(--_13tphz2);
|
|
117
|
-
}
|
|
118
|
-
._14wiz9k:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
|
|
119
|
-
background-color: var(--dlmzs1);
|
|
120
|
-
}
|
|
121
|
-
._14wiz9k: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
|
-
._14wiz9k[data-disabled]:not([data-loading]) {
|
|
126
|
-
color: var(--ax-colors-fg-disabled);
|
|
127
|
-
}
|
|
128
|
-
.pxpmj9 {
|
|
129
|
-
--_5437hl: 4px;
|
|
130
|
-
}
|
|
131
|
-
._31dhmc {
|
|
132
|
-
--_5437hl: 8px;
|
|
133
|
-
}
|
|
134
|
-
._1hlpdji {
|
|
135
|
-
--_5437hl: 12px;
|
|
136
|
-
}
|
|
137
|
-
.osd323 {
|
|
138
|
-
position: absolute;
|
|
139
|
-
}
|
|
140
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._186z7zz;
|
|
2
|
-
@layer optiaxiom._186z7zz {
|
|
3
|
-
._1ug155r {
|
|
4
|
-
display: none;
|
|
5
|
-
}
|
|
6
|
-
.jsyb4q:has(.rms7so:checked) ._1ug155r {
|
|
7
|
-
display: block;
|
|
8
|
-
}
|
|
9
|
-
._15j77rf {
|
|
10
|
-
background-color: var(--ax-colors-bg-default);
|
|
11
|
-
border-color: var(--_122174e);
|
|
12
|
-
border-width: 1px;
|
|
13
|
-
}
|
|
14
|
-
.jsyb4q:has(.rms7so:checked) ._15j77rf {
|
|
15
|
-
background-color: var(--_122174e);
|
|
16
|
-
border-width: 0;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._186z7zz;
|
|
2
|
-
@layer optiaxiom._186z7zz {
|
|
3
|
-
._27rckk {
|
|
4
|
-
position: sticky;
|
|
5
|
-
top: 0;
|
|
6
|
-
z-index: var(--ax-zIndex-20);
|
|
7
|
-
}
|
|
8
|
-
.r2mblv {
|
|
9
|
-
min-width: var(--_1l75oyo);
|
|
10
|
-
}
|
|
11
|
-
.bkg5tp {
|
|
12
|
-
left: var(--_1e9okmr);
|
|
13
|
-
position: sticky;
|
|
14
|
-
z-index: var(--ax-zIndex-20);
|
|
15
|
-
}
|
|
16
|
-
._1m8ld07 {
|
|
17
|
-
min-width: var(--_1l75oyo);
|
|
18
|
-
}
|
|
19
|
-
._1m9oree {
|
|
20
|
-
left: var(--_1e9okmr);
|
|
21
|
-
position: sticky;
|
|
22
|
-
z-index: var(--ax-zIndex-10);
|
|
23
|
-
}
|
|
24
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
@keyframes slbh7x {
|
|
2
|
-
from {
|
|
3
|
-
height: 0;
|
|
4
|
-
}
|
|
5
|
-
to {
|
|
6
|
-
height: var(--radix-collapsible-content-height);
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
@keyframes v2mevf {
|
|
10
|
-
from {
|
|
11
|
-
height: var(--radix-collapsible-content-height);
|
|
12
|
-
}
|
|
13
|
-
to {
|
|
14
|
-
height: 0;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
@layer optiaxiom._186z7zz;
|
|
18
|
-
@layer optiaxiom._186z7zz {
|
|
19
|
-
.uin69s[data-state="closed"] {
|
|
20
|
-
animation: v2mevf 300ms ease-out;
|
|
21
|
-
}
|
|
22
|
-
.uin69s[data-state="open"] {
|
|
23
|
-
animation: slbh7x 300ms ease-out;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
@layer optiaxiom._186z7zz;
|
|
2
|
-
@layer optiaxiom._186z7zz {
|
|
3
|
-
._1dsqg92 {
|
|
4
|
-
position: relative;
|
|
5
|
-
}
|
|
6
|
-
._1wp9i8p {
|
|
7
|
-
--maz7rt: 50%;
|
|
8
|
-
position: absolute;
|
|
9
|
-
right: 4px;
|
|
10
|
-
}
|
|
11
|
-
.iuszk3 {
|
|
12
|
-
--maz7rt: 4px;
|
|
13
|
-
}
|
|
14
|
-
.wiuzw0 {
|
|
15
|
-
bottom: 4px;
|
|
16
|
-
transform: translate(var(--maz7rt), var(--maz7rt));
|
|
17
|
-
}
|
|
18
|
-
._18236vo {
|
|
19
|
-
top: 4px;
|
|
20
|
-
transform: translate(var(--maz7rt), calc(-1 * var(--maz7rt)));
|
|
21
|
-
}
|
|
22
|
-
._98lcyr {
|
|
23
|
-
position: relative;
|
|
24
|
-
user-select: none;
|
|
25
|
-
}
|
|
26
|
-
._98lcyr:empty {
|
|
27
|
-
aspect-ratio: 1;
|
|
28
|
-
}
|
|
29
|
-
._1hw36fp:not(:empty) {
|
|
30
|
-
min-width: 20px;
|
|
31
|
-
}
|
|
32
|
-
._1rdapeb {
|
|
33
|
-
position: absolute;
|
|
34
|
-
}
|
|
35
|
-
}
|