@a-type/ui 0.5.2 → 0.6.0
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/README.md +5 -4
- package/dist/cjs/components/actions/ActionBar.js +1 -1
- package/dist/cjs/components/actions/ActionBar.js.map +1 -1
- package/dist/cjs/components/actions/ActionButton.js +1 -1
- package/dist/cjs/components/avatar/Avatar.js +2 -2
- package/dist/cjs/components/button/classes.js +11 -11
- package/dist/cjs/components/camera/Camera.js +1 -1
- package/dist/cjs/components/card/Card.js +8 -8
- package/dist/cjs/components/checkbox/Checkbox.js +1 -1
- package/dist/cjs/components/collapsible/Collapsible.js +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/contextMenu/contextMenu.js +2 -2
- package/dist/cjs/components/datePicker/DatePicker.js +3 -3
- package/dist/cjs/components/dialog/Dialog.js +4 -4
- package/dist/cjs/components/dialog/Dialog.js.map +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.js +2 -2
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/layouts/PageContent.js +2 -2
- package/dist/cjs/components/layouts/PageFixedArea.js +1 -1
- package/dist/cjs/components/layouts/PageNav.js +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.js +2 -2
- package/dist/cjs/components/layouts/PageRoot.js +1 -1
- package/dist/cjs/components/navBar/NavBar.js +4 -4
- package/dist/cjs/components/note/Note.js +1 -1
- package/dist/cjs/components/peek/Peek.js +1 -1
- package/dist/cjs/components/popover/Popover.js +1 -1
- package/dist/cjs/components/popover/Popover.js.map +1 -1
- package/dist/cjs/components/richEditor/RichEditor.js +2 -2
- package/dist/cjs/components/select/Select.js +3 -3
- package/dist/cjs/components/tabs/tabs.js +1 -1
- package/dist/cjs/components/textArea/TextArea.js +1 -1
- package/dist/cjs/components/toggleGroup/toggleGroup.js +1 -1
- package/dist/cjs/components/tooltip/Tooltip.js +1 -1
- package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/uno.preset.js +1 -1
- package/dist/cjs/uno.preset.js.map +1 -1
- package/dist/css/main.css +469 -0
- package/dist/esm/components/actions/ActionBar.js +1 -1
- package/dist/esm/components/actions/ActionBar.js.map +1 -1
- package/dist/esm/components/actions/ActionButton.js +1 -1
- package/dist/esm/components/avatar/Avatar.js +2 -2
- package/dist/esm/components/button/classes.js +11 -11
- package/dist/esm/components/camera/Camera.js +1 -1
- package/dist/esm/components/card/Card.js +8 -8
- package/dist/esm/components/checkbox/Checkbox.js +1 -1
- package/dist/esm/components/collapsible/Collapsible.js +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/contextMenu/contextMenu.js +2 -2
- package/dist/esm/components/datePicker/DatePicker.js +3 -3
- package/dist/esm/components/dialog/Dialog.js +4 -4
- package/dist/esm/components/dialog/Dialog.js.map +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.js +2 -2
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/layouts/PageContent.js +2 -2
- package/dist/esm/components/layouts/PageFixedArea.js +1 -1
- package/dist/esm/components/layouts/PageNav.js +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.js +2 -2
- package/dist/esm/components/layouts/PageRoot.js +1 -1
- package/dist/esm/components/navBar/NavBar.js +4 -4
- package/dist/esm/components/note/Note.js +1 -1
- package/dist/esm/components/peek/Peek.js +1 -1
- package/dist/esm/components/popover/Popover.js +1 -1
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/richEditor/RichEditor.js +2 -2
- package/dist/esm/components/select/Select.js +3 -3
- package/dist/esm/components/tabs/tabs.js +1 -1
- package/dist/esm/components/textArea/TextArea.js +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +1 -1
- package/dist/esm/components/tooltip/Tooltip.js +1 -1
- package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
- package/dist/esm/uno.preset.js +1 -1
- package/dist/esm/uno.preset.js.map +1 -1
- package/package.json +13 -5
- package/src/components/actions/ActionBar.tsx +1 -1
- package/src/components/colorPicker/ColorPicker.tsx +60 -60
- package/src/components/dialog/Dialog.tsx +1 -1
- package/src/components/popover/Popover.tsx +1 -1
- package/src/components/tooltip/Tooltip.tsx +1 -1
- package/src/uno.preset.ts +1 -1
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
export function getButtonClassName({ color, size, toggled, align, }) {
|
|
4
|
-
return classNames('layer-components:
|
|
4
|
+
return classNames('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg)] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-sans layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:rounded-full layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:shadow-none layer-components:whitespace-nowrap', 'layer-components:hover:bg-[var(--hover)] layer-components:hover:shadow-[0_0_0_6px_var(--hover)]', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:shadow-[0_0_0_6px_var(--focus,var(--hover))]', 'layer-components:active:shadow-[0_0_0_6px_var(--active)] layer-components:active:bg-[var(--active)]', 'important:disabled:opacity-50 important:disabled:cursor-default important:disabled:bg-[var(--bg)] important:disabled:shadow-none', 'important:[&[data-disabled=true]]:opacity-50 important:[&[data-disabled=true]]:cursor-default important:[&[data-disabled=true]]:bg-[var(--bg)] important:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggled && toggledClass, align && aligns[align],
|
|
5
5
|
// compound variants
|
|
6
6
|
color === 'ghost' && toggled && 'layer-variants:bg-primary-wash');
|
|
7
7
|
}
|
|
8
8
|
const colors = {
|
|
9
|
-
primary: `layer-variants:[&.btn-color-primary]:
|
|
10
|
-
accent: `layer-variants:[&.btn-color-accent]:
|
|
11
|
-
default: `layer-variants:[&.btn-color-default]:
|
|
12
|
-
ghost: `layer-variants:[&.btn-color-ghost]:
|
|
13
|
-
destructive: `layer-variants:[&.btn-color-destructive]:
|
|
14
|
-
ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:
|
|
15
|
-
contrast: `layer-variants:[&.btn-color-contrast]:
|
|
9
|
+
primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary-light)] layer-variants:[&.btn-color-primary]:[--hover:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--focus:var(--color-primary)] layer-variants:[&.btn-color-primary]:[--active:var(--color-primary)] layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-black layer-variants:[&.btn-color-primary]:focus-visible:([--bg:var(--color-primary)])`,
|
|
10
|
+
accent: `layer-variants:[&.btn-color-accent]:[--bg:var(--color-accent-wash)] layer-variants:[&.btn-color-accent]:[--hover:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--focus:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:[--active:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:color-black layer-variants:[&.btn-color-accent]:border-black layer-variants:[&.btn-color-accent]:focus-visible:([--bg:var(--color-accent-light)])`,
|
|
11
|
+
default: `layer-variants:[&.btn-color-default]:[--bg:var(--color-white)] layer-variants:[&.btn-color-default]:[--hover:var(--color-gray-2)] layer-variants:[&.btn-color-default]:[--focus:var(--color-gray-7)] layer-variants:[&.btn-color-default]:[--active:var(--color-gray-3)] layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-black`,
|
|
12
|
+
ghost: `layer-variants:[&.btn-color-ghost]:[--bg:transparent] layer-variants:[&.btn-color-ghost]:[--hover:var(--color-gray-blend)] layer-variants:[&.btn-color-ghost]:[--focus:var(--color-gray-7)] layer-variants:[&.btn-color-ghost]:[--active:var(--color-gray-dark-blend)] layer-variants:[&.btn-color-ghost]:color-dark-blend layer-variants:[&.btn-color-ghost]:hover:([--bg:var(--color-gray-blend)] focus-visible:[--bg:var(--color-gray-blend)] focus-visible:[--hover:var(--color-gray-7)])`,
|
|
13
|
+
destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--hover:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--focus:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:[--active:var(--color-attention-light)] layer-variants:[&.btn-color-destructive]:border-black layer-variants:[&.btn-color-destructive]:color-black layer-variants:[&.btn-color-destructive]:hover:([--bg:var(--colors-attention)])`,
|
|
14
|
+
ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:[--bg:transparent] layer-variants:[&.btn-color-ghostDestructive]:[--hover:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:[--focus:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:[--active:var(-color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:color-attention-dark`,
|
|
15
|
+
contrast: `layer-variants:[&.btn-color-contrast]:[--bg:var(--color-black)] layer-variants:[&.btn-color-contrast]:[--hover:var(--color-gray-7)] layer-variants:[&.btn-color-contrast]:[--focus:var(--color-gray-7)] layer-variants:[&.btn-color-contrast]:[--active:var(--color-gray-6)] layer-variants:[&.btn-color-contrast]:color-white layer-variants:[&.btn-color-contrast]:border-black`,
|
|
16
16
|
};
|
|
17
17
|
const sizes = {
|
|
18
18
|
default: '',
|
|
19
|
-
small: 'layer-variants:[&.size-small]:
|
|
20
|
-
icon: 'layer-variants:[&.size-icon]:
|
|
19
|
+
small: 'layer-variants:[&.size-small]:px-4 layer-variants:[&.size-small]:py-1 layer-variants:[&.size-small]:text-sm layer-variants:[&.size-small]:rounded-full',
|
|
20
|
+
icon: 'layer-variants:[&.size-icon]:p-2 layer-variants:[&.size-icon]:text-sm layer-variants:[&.size-icon]:rounded-full layer-variants:focus-visible:shadow-[0_0_0_2px_var(--focus,var(--hover))]',
|
|
21
21
|
};
|
|
22
|
-
const toggledClass = 'hover:
|
|
22
|
+
const toggledClass = 'hover:filter-brightness-[1.1]';
|
|
23
23
|
const aligns = {
|
|
24
24
|
start: 'self-start',
|
|
25
25
|
stretch: 'self-stretch',
|
|
@@ -90,7 +90,7 @@ export const CameraRoot = forwardRef(function Camera(_a, ref) {
|
|
|
90
90
|
triggerCapture,
|
|
91
91
|
selectedDeviceId,
|
|
92
92
|
selectDeviceId: setSelectedDeviceId,
|
|
93
|
-
} }, { children: _jsxs("div", Object.assign({ ref: ref, className: classNames('layer-components:
|
|
93
|
+
} }, { children: _jsxs("div", Object.assign({ ref: ref, className: classNames('layer-components:[font-family:inherit] layer-components:text-white layer-components:bg-black layer-components:rounded-lg layer-components:overflow-hidden layer-components:min-w-4 layer-components:min-h-4 layer-components:relative', className) }, rest, { children: [_jsx("video", { ref: videoRef, className: "w-full h-full object-cover", autoPlay: true, muted: true, playsInline: true }), children] })) })));
|
|
94
94
|
});
|
|
95
95
|
export const CameraShutterButton = forwardRef(function CameraShutterButton(_a, ref) {
|
|
96
96
|
var { asChild, onClick } = _a, rest = __rest(_a, ["asChild", "onClick"]);
|
|
@@ -15,16 +15,16 @@ import { forwardRef } from 'react';
|
|
|
15
15
|
import { withClassName } from '../../hooks.js';
|
|
16
16
|
import { Slot } from '@radix-ui/react-slot';
|
|
17
17
|
import classNames from 'classnames';
|
|
18
|
-
export const CardRoot = withClassName('div', 'layer-components:
|
|
18
|
+
export const CardRoot = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:border-light layer-components:rounded-lg layer-components:text-lg layer-components:overflow-hidden layer-components:h-max-content layer-components:relative layer-components:bg-gray-1 layer-components:text-black');
|
|
19
19
|
export const CardMain = forwardRef(function CardMain(_a, ref) {
|
|
20
20
|
var { asChild, className, compact } = _a, rest = __rest(_a, ["asChild", "className", "compact"]);
|
|
21
21
|
const Comp = asChild ? Slot : 'button';
|
|
22
|
-
return (_jsx(Comp, Object.assign({ ref: ref, className: classNames('layer-components:
|
|
22
|
+
return (_jsx(Comp, Object.assign({ ref: ref, className: classNames('layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:cursor-pointer layer-components:transition layer-components:p-4 layer-components:pb-2 layer-components:flex-1 layer-components:relative layer-components:z-1 layer-components:bg-transparent layer-components:border-none layer-components:text-start layer-components:text-inherit', 'layer-components:hover:bg-lightBlend layer-components:hover:color-black', 'layer-components:md:pt-4', compact && 'layer-variants:p-1 layer-variants:bg-white layer-variants:gap-0', className), "data-compact": compact }, rest)));
|
|
23
23
|
});
|
|
24
|
-
export const CardTitle = withClassName('div', 'layer-components:
|
|
25
|
-
export const CardImage = withClassName('div', 'layer-components:
|
|
26
|
-
export const CardFooter = withClassName('div', 'layer-components:
|
|
27
|
-
export const CardActions = withClassName('div', 'layer-components:
|
|
28
|
-
export const CardMenu = withClassName('div', 'layer-components:
|
|
29
|
-
export const CardGrid = withClassName('div', 'layer-components:
|
|
24
|
+
export const CardTitle = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:mt-auto layer-components:bg-white layer-components:p-2 layer-components:rounded-lg layer-components:w-auto layer-components:mr-auto layer-components:border layer-components:border-solid layer-components:border-grayDarkBlend layer-components:text-md layer-components:max-h-80px layer-components:overflow-hidden layer-components:text-ellipsis layer-components:max-w-full layer-components:text-inherit', '[data-compact=true]>&:(bg-transparent border-none p-2 whitespace-nowrap text-ellipsis overflow-hidden)');
|
|
25
|
+
export const CardImage = withClassName('div', 'layer-components:absolute layer-components:z-0 layer-components:right-0 layer-components:top-0 layer-components:bottom-0 layer-components:w-full layer-components:h-full');
|
|
26
|
+
export const CardFooter = withClassName('div', 'layer-components:flex layer-components:flex-row layer-components:p-2 layer-components:bg-white layer-components:relative layer-components:z-1 layer-components:border-0 layer-components:border-t layer-components:border-t-grayDarkBlend layer-components:border-solid');
|
|
27
|
+
export const CardActions = withClassName('div', 'layer-components:ml-0 layer-components:mr-auto layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center');
|
|
28
|
+
export const CardMenu = withClassName('div', 'layer-components:mr-0 layer-components:ml-auto layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center');
|
|
29
|
+
export const CardGrid = withClassName('div', 'layer-components:grid layer-components:grid-cols-[1fr] layer-components:[grid-auto-rows:auto] layer-components:gap-4 layer-components:p-0 layer-components:m-0', 'layer-components:md:grid-cols-[repeat(2,1fr)] layer-components:md:[grid-auto-rows:1fr] layer-components:md:items-end');
|
|
30
30
|
//# sourceMappingURL=Card.js.map
|
|
@@ -17,7 +17,7 @@ import { forwardRef } from 'react';
|
|
|
17
17
|
import { CheckIcon } from '@radix-ui/react-icons';
|
|
18
18
|
import classNames from 'classnames';
|
|
19
19
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
20
|
-
export const CheckboxRoot = withClassName(CheckboxPrimitive.Root, classNames('layer-components:
|
|
20
|
+
export const CheckboxRoot = withClassName(CheckboxPrimitive.Root, classNames('layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border-default layer-components:transition layer-components:rounded-full', 'layer-components:focus-visible:outline-off layer-components:focus-visible:shadow-focus', 'layer-components:[&[data-state=checked]]:bg-primary-light layer-components:[&[data-state=checked]]:border-primary-dark', 'layer-components:[&:hover:not(:disabled)]:shadow-[0_0_0_1px_var(--color-black)]'));
|
|
21
21
|
export function CheckboxIndicator(_a) {
|
|
22
22
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
23
23
|
return (_jsx(CheckboxPrimitive.Indicator, Object.assign({ className: classNames('absolute center translate-[-50%] color-black', className) }, props, { children: children !== null && children !== void 0 ? children : _jsx(CheckIcon, { width: 18, height: 18 }) })));
|
|
@@ -16,7 +16,7 @@ import { forwardRef } from 'react';
|
|
|
16
16
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
17
|
import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
|
|
18
18
|
export const CollapsibleRoot = CollapsiblePrimitive.Root;
|
|
19
|
-
const CollapsibleContentBase = withClassName(CollapsiblePrimitive.Content, 'overflow-hidden animate-forwards', 'layer-components:[&[data-state=open]]:
|
|
19
|
+
const CollapsibleContentBase = withClassName(CollapsiblePrimitive.Content, 'overflow-hidden animate-forwards', 'layer-components:[&[data-state=open]]:animate-radix-collapsible-open-vertical layer-components:[&[data-state=open]]:animate-duration-300 layer-components:[&[data-state=open]]:animate-ease-springy layer-components:[&[data-state=closed]]:animate-radix-collapsible-close-vertical layer-components:[&[data-state=closed]]:animate-duration-300 layer-components:[&[data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-horizontal][data-state=open]]:animate-radix-collapsible-open-horizontal layer-variants:[&[data-horizontal][data-state=open]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=open]]:animate-ease-springy layer-variants:[&[data-horizontal][data-state=closed]]:animate-radix-collapsible-close-horizontal layer-variants:[&[data-horizontal][data-state=closed]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-both][data-state=open]]:animate-radix-collapsible-open-both layer-variants:[&[data-both][data-state=open]]:animate-duration-300 layer-variants:[&[data-both][data-state=open]]:animate-ease-springy layer-variants:[&[data-both][data-state=closed]]:animate-radix-collapsible-close-both layer-variants:[&[data-both][data-state=closed]]:animate-duration-300 layer-variants:[&[data-both][data-state=closed]]:animate-ease-springy');
|
|
20
20
|
// specifically removing className... it's causing problems?
|
|
21
21
|
export const CollapsibleContent = forwardRef(function CollapsibleContent(_a, ref) {
|
|
22
22
|
var { horizontal, both } = _a, props = __rest(_a, ["horizontal", "both"]);
|
|
@@ -16,7 +16,7 @@ export function ColorPicker({ value, onChange }) {
|
|
|
16
16
|
: 'lemon';
|
|
17
17
|
return (_jsxs(Select, Object.assign({ value: resolvedValue, onValueChange: onChange }, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, Object.assign({ className: "z-[calc(var(--z-dialog)+1)]" }, { children: [_jsxs(SelectItem, Object.assign({ value: "lemon" }, { children: [_jsx(ColorSwatch, { value: "lemon" }), _jsx(ItemLabel, { children: "Lemon" })] })), _jsxs(SelectItem, Object.assign({ value: "tomato" }, { children: [_jsx(ColorSwatch, { value: "tomato" }), _jsx(ItemLabel, { children: "Tomato" })] })), _jsxs(SelectItem, Object.assign({ value: "leek" }, { children: [_jsx(ColorSwatch, { value: "leek" }), _jsx(ItemLabel, { children: "Leek" })] })), _jsxs(SelectItem, Object.assign({ value: "blueberry" }, { children: [_jsx(ColorSwatch, { value: "blueberry" }), _jsx(ItemLabel, { children: "Blueberry" })] })), _jsxs(SelectItem, Object.assign({ value: "eggplant" }, { children: [_jsx(ColorSwatch, { value: "eggplant" }), _jsx(ItemLabel, { children: "Eggplant" })] }))] }))] })));
|
|
18
18
|
}
|
|
19
|
-
const ItemLabel = withClassName('span', '
|
|
19
|
+
const ItemLabel = withClassName('span', 'sr-only');
|
|
20
20
|
export function ColorSwatch({ value, children, }) {
|
|
21
21
|
return (_jsx("div", Object.assign({ className: classNames('bg-primary w-16px h-16px rounded-sm', `theme-${value !== null && value !== void 0 ? value : 'lemon'}`) }, { children: children })));
|
|
22
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACX,MAAM,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAS7D,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAoB;IAChE,MAAM,aAAa,GAAG;QACrB,OAAO;QACP,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;KACV,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QACtB,CAAC,CAAE,KAAmB;QACtB,CAAC,CAAC,OAAO,CAAC;IAEX,OAAO,CACN,MAAC,MAAM,kBAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,iBACpD,KAAC,aAAa,cACb,KAAC,WAAW,KAAG,GACA,EAChB,MAAC,aAAa,kBAAC,SAAS,EAAC,6BAA6B,iBACrD,MAAC,UAAU,kBAAC,KAAK,EAAC,OAAO,iBACxB,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,KAAC,SAAS,wBAAkB,KAChB,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,QAAQ,iBACzB,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,KAAC,SAAS,yBAAmB,KACjB,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,MAAM,iBACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,KACf,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,WAAW,iBAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,KAAC,SAAS,4BAAsB,KACpB,EACb,MAAC,UAAU,kBAAC,KAAK,EAAC,UAAU,iBAC3B,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,KAAC,SAAS,2BAAqB,KACnB,KACE,KACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,4BACC,SAAS,EAAE,UAAU,CACpB,qCAAqC,EACrC,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC3B,gBAEA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
|
|
@@ -18,12 +18,12 @@ import classNames from 'classnames';
|
|
|
18
18
|
export const ContextMenuRoot = ContextMenu.Root;
|
|
19
19
|
export const ContextMenuContent = forwardRef(function Content(_a, ref) {
|
|
20
20
|
var { className, onClick } = _a, props = __rest(_a, ["className", "onClick"]);
|
|
21
|
-
return (_jsx(ContextMenu.Portal, { children: _jsx(ContextMenu.Content, Object.assign({ className: classNames('layer-components:
|
|
21
|
+
return (_jsx(ContextMenu.Portal, { children: _jsx(ContextMenu.Content, Object.assign({ className: classNames('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:border-default layer-components:overflow-hidden layer-components:p-2 layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--radix-context-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-context-menu-content-available-height)] layer-components:overflow-y-auto', 'important:motion-reduce:animate-none', className), onClick: (ev) => {
|
|
22
22
|
ev.stopPropagation();
|
|
23
23
|
onClick === null || onClick === void 0 ? void 0 : onClick(ev);
|
|
24
24
|
}, ref: ref }, props)) }));
|
|
25
25
|
});
|
|
26
26
|
export const ContextMenuArrow = withClassName(ContextMenu.Arrow, 'fill-white');
|
|
27
|
-
export const ContextMenuItem = withClassName(ContextMenu.Item, 'flex items-center py-1 px-2 relative pl-25px select-none outline-none cursor-pointer', 'hover:bg-gray2 [&[data-highlighted=true]]:bg-gray2 [&[data-disabled=true]]:
|
|
27
|
+
export const ContextMenuItem = withClassName(ContextMenu.Item, 'flex items-center py-1 px-2 relative pl-25px select-none outline-none cursor-pointer', 'hover:bg-gray2 [&[data-highlighted=true]]:bg-gray2 [&[data-disabled=true]]:opacity-50 [&[data-disabled=true]]:cursor-default disabled:opacity-50 disabled:cursor-default');
|
|
28
28
|
export const ContextMenuTrigger = withClassName(ContextMenu.Trigger, '');
|
|
29
29
|
//# sourceMappingURL=contextMenu.js.map
|
|
@@ -81,10 +81,10 @@ const MonthRow = withClassName('div', 'flex flex-row justify-between items-cente
|
|
|
81
81
|
const MonthLabel = withClassName('span', 'text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis', 'self-center');
|
|
82
82
|
const MonthButton = withClassName(Button, 'self-center');
|
|
83
83
|
const CalendarGrid = withClassName('div', 'grid grid-cols-[repeat(7,var(--day-size,32px))] [grid-auto-rows:var(--day-size,32px)]', 'height-[calc(var(--day-size,32px)*7)] rounded overflow-hidden p-2');
|
|
84
|
-
const CalendarDay = withClassName(BaseCalendarDay, 'border border-solid border-transparent bg-white mr--1px mb--1px relative', 'flex items-center justify-center transition cursor-pointer', '[&[data-highlighted]]:
|
|
84
|
+
const CalendarDay = withClassName(BaseCalendarDay, 'border border-solid border-transparent bg-white mr--1px mb--1px relative', 'flex items-center justify-center transition cursor-pointer', '[&[data-highlighted]]:z-1 [&[data-highlighted]]:outline-accent', 'hover:z-1 hover:outline-accent', 'active:bg-accent-wash active:rounded', '[&[data-selected]]:bg-accent-light [&[data-selected]]:z-2 [&[data-selected]]:rounded', '[&[data-in-range]]:bg-accent-wash [&[data-in-range]]:rounded-none [&[data-in-range]]:z-1', '[&[data-range-start]]:bg-accent-light [&[data-range-start]]:rounded-l [&[data-range-start]]:rounded-r-none [&[data-range-start]]:z-1', '[&[data-range-end]]:bg-accent-light [&[data-range-end]]:rounded-r [&[data-range-end]]:rounded-l-none [&[data-range-end]]:z-1', 'disabled:opacity-50 disabled:cursor-default',
|
|
85
85
|
// today dot
|
|
86
|
-
'[&[data-today]]:before:
|
|
86
|
+
'[&[data-today]]:before:content-[""] [&[data-today]]:before:absolute [&[data-today]]:before:left-[2px] [&[data-today]]:before:top-[2px] [&[data-today]]:before:w-[6px] [&[data-today]]:before:h-[6px] [&[data-today]]:before:rounded-full [&[data-today]]:before:bg-primary', '[&[data-top-edge]]:border-t-gray-5', '[&[data-bottom-edge]]:border-b-gray-5', '[&[data-first-column]]:border-l-gray-5', '[&[data-last-column]]:border-r-gray-5', '[&[data-day-first]]:border-l-gray-5 [&[data-day-first]]:rounded-tl', '[&[data-day-last]]:border-r-gray-5 [&[data-day-last]]:rounded-br', '[&[data-first-column][data-bottom-edge]]:rounded-bl', '[&[data-last-column][data-bottom-edge]]:rounded-br', '[&[data-first-column][data-top-edge]]:rounded-tl', '[&[data-last-column][data-top-edge]]:rounded-tr', '[&[data-different-month]]:[visibility:hidden]');
|
|
87
87
|
const DayLabel = withClassName('div', 'flex items-center justify-center text-sm text-gray-6');
|
|
88
88
|
const DayLabels = () => (_jsxs(_Fragment, { children: [_jsx(DayLabel, { children: "S" }), _jsx(DayLabel, { children: "M" }), _jsx(DayLabel, { children: "T" }), _jsx(DayLabel, { children: "W" }), _jsx(DayLabel, { children: "T" }), _jsx(DayLabel, { children: "F" }), _jsx(DayLabel, { children: "S" })] }));
|
|
89
|
-
const RangeLayout = withClassName('div', 'grid [grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] [grid-template-columns:auto_1fr_auto]', '[grid-template-rows:auto_1fr] gap-2', 'sm:
|
|
89
|
+
const RangeLayout = withClassName('div', 'grid [grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] [grid-template-columns:auto_1fr_auto]', '[grid-template-rows:auto_1fr] gap-2', 'sm:[grid-template-areas:"prevMonth_leftMonth_rightMonth_nextMonth""leftGrid_leftGrid_rightGrid_rightGrid"] sm:[grid-template-columns:auto_1fr_1fr_auto]');
|
|
90
90
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -23,7 +23,7 @@ import { CheckIcon, ChevronDownIcon } from '@radix-ui/react-icons';
|
|
|
23
23
|
import { selectTriggerClassName } from '../select.js';
|
|
24
24
|
import { useDrag } from '@use-gesture/react';
|
|
25
25
|
const StyledOverlay = withClassName(DialogPrimitive.Overlay, 'layer-components(bg-overlay fixed inset-0 z-dialog-backdrop animate-fade-in animate-duration-200)', 'layer-components:[&[data-state=closed]]:animate-fade-out', 'motion-reduce:animate-none');
|
|
26
|
-
const StyledContent = withClassName(DialogPrimitive.Content, 'layer-components:
|
|
26
|
+
const StyledContent = withClassName(DialogPrimitive.Content, 'layer-components:translate-0 layer-components:z-dialog layer-components:fixed layer-components:bottom-[calc(var(--viewport-bottom-offset,0px)+var(--gesture-y,0px))] layer-components:left-0 layer-components:right-0 layer-components:h-min-content layer-components:max-h-[calc(0.85*var(--viewport-height,100vh))]', 'transform-gpu', 'animate-ease-out', 'layer-components:shadow-xl layer-components:bg-white layer-components:rounded-tl-xl layer-components:rounded-tr-xl layer-components:p-6 layer-components:pt-8 layer-components:border-default layer-components:border-b-0 layer-components:overflow-y-auto layer-components:flex layer-components:flex-col layer-components:pb-[calc(3rem+env(safe-area-inset-bottom,0px))]', 'animate-fade-in-up-big animate-duration-200 [&[data-state=closed]]:animate-fade-out-down-big animate-ease-in motion-reduce:animate-none', 'layer-components:sm:left-50% layer-components:sm:top-50% layer-components:sm:translate-[-50%] layer-components:sm:w-90vw layer-components:sm:max-w-450px layer-components:sm:max-h-85vh layer-components:sm:pb-6 layer-components:sm:rounded-lg layer-components:sm:border-b-1 layer-components:sm:pt-6', 'sm:animate-dialog-in sm:[&[data-state=closed]]:animate-dialog-out sm:motion-reduce:animate-none');
|
|
27
27
|
export const Content = forwardRef(function Content(_a, ref) {
|
|
28
28
|
var { children, width, outerClassName, className } = _a, props = __rest(_a, ["children", "width", "outerClassName", "className"]);
|
|
29
29
|
const particles = useParticles();
|
|
@@ -97,7 +97,7 @@ export const DialogSwipeHandle = forwardRef(function DialogSwipeHandle(_a, ref)
|
|
|
97
97
|
axis: 'y',
|
|
98
98
|
});
|
|
99
99
|
const finalRef = useMergedRef(ref, innerRef);
|
|
100
|
-
return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: classNames('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-full cursor-grab sm:
|
|
100
|
+
return (_jsx("div", Object.assign({ ref: finalRef }, props, { className: classNames('absolute top-0 left-50% transform-gpu -translate-x-1/2 w-20% py-2 rounded-full cursor-grab sm:hidden touch-none', className) }, { children: _jsx("div", { className: "w-full h-[4px] bg-gray-4 rounded-full" }) })));
|
|
101
101
|
});
|
|
102
102
|
function findParentDialogContent(element) {
|
|
103
103
|
if (!element)
|
|
@@ -129,13 +129,13 @@ export const DialogContent = Content;
|
|
|
129
129
|
export const DialogTitle = StyledTitle;
|
|
130
130
|
export const DialogDescription = StyledDescription;
|
|
131
131
|
export const DialogClose = DialogPrimitive.Close;
|
|
132
|
-
export const DialogActions = withClassName('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-3 translate-y-6 flex-wrap', 'bottom--6', 'sm:
|
|
132
|
+
export const DialogActions = withClassName('div', 'flex justify-end sticky w-full gap-3 items-center bg-white py-3 translate-y-6 flex-wrap', 'bottom--6', 'sm:bottom-0');
|
|
133
133
|
export const DialogSelectTrigger = forwardRef(function DialogSelectTrigger(_a, ref) {
|
|
134
134
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
135
135
|
return (_jsxs(DialogPrimitive.Trigger, Object.assign({ className: classNames(selectTriggerClassName, className) }, props, { children: [_jsx("span", { children: children }), _jsx(ChevronDownIcon, {})] })));
|
|
136
136
|
});
|
|
137
137
|
export const DialogSelectList = withClassName(RadioGroupPrimitive.Root, 'flex flex-col gap-2 overflow-y-auto p-2');
|
|
138
|
-
export const DialogSelectItemRoot = withClassName(RadioGroupPrimitive.Item, 'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all', '[&[data-state=checked]]:
|
|
138
|
+
export const DialogSelectItemRoot = withClassName(RadioGroupPrimitive.Item, 'flex items-center gap-3 w-full py-3 px-4 text-left border-none rounded-lg font-normal bg-transparent [&:nth-child(2n+1)]:bg-gray-blend cursor-pointer transition-all', '[&[data-state=checked]]:bg-primary-wash [&[data-state=checked]]:text-primary-dark');
|
|
139
139
|
export const DialogSelectItem = forwardRef(function DialogSelectItem(_a, ref) {
|
|
140
140
|
var { children } = _a, props = __rest(_a, ["children"]);
|
|
141
141
|
return (_jsxs(DialogSelectItemRoot, Object.assign({}, props, { children: [_jsx("span", Object.assign({ className: "flex-1" }, { children: children })), _jsx(RadioGroupPrimitive.Indicator, Object.assign({ className: "flex-0-0-auto" }, { children: _jsx(CheckIcon, {}) }))] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/dialog/Dialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,8 +15,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
15
15
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
16
16
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
17
|
import classNames from 'classnames';
|
|
18
|
-
const StyledContent = withClassName(DropdownMenuPrimitive.Content, 'min-w-220px bg-white z-menu shadow-lg rounded-xl border-default', 'layer-components:transform-origin-[var(--radix-dropdown-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:
|
|
19
|
-
const itemClassName = classNames('text-md leading-4 color-black rounded-sm flex items-center pr-4 pl-8 py-3 relative text-left select-none cursor-pointer', '[&[data-disabled]]:
|
|
18
|
+
const StyledContent = withClassName(DropdownMenuPrimitive.Content, 'min-w-220px bg-white z-menu shadow-lg rounded-xl border-default', 'layer-components:transform-origin-[var(--radix-dropdown-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-dropdown-menu-content-available-height)]', 'important:motion-reduce:animate-none', 'will-change-transform');
|
|
19
|
+
const itemClassName = classNames('text-md leading-4 color-black rounded-sm flex items-center pr-4 pl-8 py-3 relative text-left select-none cursor-pointer', '[&[data-disabled]]:color-gray9 [&[data-disabled]]:pointer-events-none', 'focus-visible:bg-gray2 focus-visible:color-gray9', 'focus:outline-none');
|
|
20
20
|
const StyledItem = withClassName(DropdownMenuPrimitive.Item, itemClassName);
|
|
21
21
|
const StyledCheckboxItem = withClassName(DropdownMenuPrimitive.CheckboxItem, itemClassName);
|
|
22
22
|
const StyledRadioItem = withClassName(DropdownMenuPrimitive.RadioItem, itemClassName);
|
|
@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
import { forwardRef } from 'react';
|
|
16
|
-
export const inputClassName = classNames('layer-components:
|
|
16
|
+
export const inputClassName = classNames('layer-components:px-4 layer-components:py-2 layer-components:text-md layer-components:font-sans layer-components:rounded-lg layer-components:bg-gray-blend layer-components:select-auto layer-components:min-w-60px layer-components:color-black layer-components:border-default', 'layer-components:focus:outline-none layer-components:focus:bg-gray2', 'layer-components:focus-visible:outline-none layer-components:focus-visible:shadow-focus', 'layer-components:md:min-w-120px');
|
|
17
17
|
export const Input = forwardRef(function Input(_a, ref) {
|
|
18
18
|
var { className, variant = 'default' } = _a, props = __rest(_a, ["className", "variant"]);
|
|
19
19
|
return (_jsx("input", Object.assign({}, props, { className: classNames(inputClassName, {
|
|
@@ -23,9 +23,9 @@ export function PageContent(_a) {
|
|
|
23
23
|
height: '--content-height',
|
|
24
24
|
ready: '--content-ready',
|
|
25
25
|
});
|
|
26
|
-
return (_jsx("div", Object.assign({ className: classNames('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: _jsx("div", Object.assign({}, innerProps, { className: classNames('w-full min-w-0 flex flex-col mb-120px px-4 py-4', 'sm:
|
|
26
|
+
return (_jsx("div", Object.assign({ className: classNames('[grid-area:content] max-w-full min-w-0 w-full flex flex-col items-start relative flex-1 gap-3', className) }, rest, { children: _jsx("div", Object.assign({}, innerProps, { className: classNames('w-full min-w-0 flex flex-col mb-120px px-4 py-4', 'sm:max-w-700px sm:w-full', {
|
|
27
27
|
'flex-1': fullHeight,
|
|
28
|
-
'important:
|
|
28
|
+
'important:p-0 important:sm:p-4': noPadding,
|
|
29
29
|
}, innerProps === null || innerProps === void 0 ? void 0 : innerProps.className), ref: innerRef }, { children: children })) })));
|
|
30
30
|
}
|
|
31
31
|
//# sourceMappingURL=PageContent.js.map
|
|
@@ -14,6 +14,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
export function PageFixedArea(_a) {
|
|
16
16
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
17
|
-
return (_jsx("div", Object.assign({}, props, { className: classNames('layer-components:
|
|
17
|
+
return (_jsx("div", Object.assign({}, props, { className: classNames('layer-components:sticky layer-components:top-0 layer-components:z-nav layer-components:bg-wash layer-components:w-full layer-components:items-stretch layer-components:gap-2 layer-components:flex layer-components:flex-col', className) })));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=PageFixedArea.js.map
|
|
@@ -15,6 +15,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
15
15
|
import classNames from 'classnames';
|
|
16
16
|
export function PageNav(_a) {
|
|
17
17
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
18
|
-
return (_jsx("div", Object.assign({}, props, { className: classNames('[grid-area:nav] relative z-nav', 'sm:
|
|
18
|
+
return (_jsx("div", Object.assign({}, props, { className: classNames('[grid-area:nav] relative z-nav', 'sm:[grid-area:nav] sm:sticky sm:top-0 sm:h-auto sm:bottom-auto sm:left-auto sm:right-auto', className) }, { children: children })));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=PageNav.js.map
|
|
@@ -15,8 +15,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
15
15
|
import classNames from 'classnames';
|
|
16
16
|
export function PageNowPlaying(_a) {
|
|
17
17
|
var { className, unstyled } = _a, props = __rest(_a, ["className", "unstyled"]);
|
|
18
|
-
return (_jsx("div", Object.assign({}, props, { className: classNames('fixed bottom-[var(--now-playing-bottom,60px)] left-0 right-0 z-now-playing flex flex-col gap-2 items-end', 'sm:
|
|
18
|
+
return (_jsx("div", Object.assign({}, props, { className: classNames('fixed bottom-[var(--now-playing-bottom,60px)] left-0 right-0 z-now-playing flex flex-col gap-2 items-end', 'sm:fixed sm:bottom-3 sm:left-[var(--content-left,20%)] sm:transition-opacity sm:top-auto sm:items-end sm:w-[var(--content-width,100%)] sm:max-w-80vw sm:p-0 sm:opacity-[var(--content-ready,0)]', unstyled
|
|
19
19
|
? 'p-2'
|
|
20
|
-
: 'layer-components:
|
|
20
|
+
: 'layer-components:bg-wash layer-components:p-2px layer-components:rounded-xl layer-components:border-light layer-components:shadow-md layer-components:min-w-32px layer-components:items-center layer-components:justify-center layer-components:m-2 layer-components:w-auto', className) })));
|
|
21
21
|
}
|
|
22
22
|
//# sourceMappingURL=PageNowPlaying.js.map
|
|
@@ -15,7 +15,7 @@ import classNames from 'classnames';
|
|
|
15
15
|
import { forwardRef } from 'react';
|
|
16
16
|
export const PageRoot = forwardRef(function PageRoot(_a, ref) {
|
|
17
17
|
var { className, children } = _a, props = __rest(_a, ["className", "children"]);
|
|
18
|
-
return (_jsx("div", Object.assign({ ref: ref, className: classNames('flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full', 'grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center', 'sm:
|
|
18
|
+
return (_jsx("div", Object.assign({ ref: ref, className: classNames('flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full', 'grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center', 'sm:grid-areas-[gutter1_nav_content_gutter2] sm:grid-cols-[1fr_auto_min(800px,60vw)_1fr] sm:min-h-auto', {
|
|
19
19
|
'bg-[var(--palette-yellow-70)]': props.color === 'lemon',
|
|
20
20
|
}, className) }, props, { children: children })));
|
|
21
21
|
});
|
|
@@ -15,15 +15,15 @@ import classNames from 'classnames';
|
|
|
15
15
|
import { withClassName } from '../../hooks.js';
|
|
16
16
|
import { forwardRef } from 'react';
|
|
17
17
|
import { Slot } from '@radix-ui/react-slot';
|
|
18
|
-
export const navBarItemClass = classNames('layer-components:
|
|
18
|
+
export const navBarItemClass = classNames('layer-components:flex layer-components:flex-col layer-components:items-center layer-components:justify-center layer-components:whitespace-nowrap layer-components:py-1 layer-components:px-3 layer-components:bg-transparent layer-components:rounded-md layer-components:border-none layer-components:cursor-pointer layer-components:text-sm layer-components:transition-colors layer-components:h-full layer-components:gap-6px layer-components:relative layer-components:text-inherit', 'layer-components:sm:flex-row-reverse layer-components:sm:h-auto layer-components:sm:justify-start layer-components:sm:gap-2 layer-components:sm:overflow-visible', 'layer-components:hover:bg-primaryWash', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-primaryWash', 'layer-components:active:bg-primaryWash');
|
|
19
19
|
export const NavBarItem = forwardRef(function NavBarItem(_a, ref) {
|
|
20
20
|
var { asChild, className } = _a, rest = __rest(_a, ["asChild", "className"]);
|
|
21
21
|
const Comp = asChild ? Slot : 'div';
|
|
22
22
|
return (_jsx(Comp, Object.assign({ ref: ref, className: classNames(navBarItemClass, className) }, rest)));
|
|
23
23
|
});
|
|
24
|
-
export const NavBarItemIconWrapper = withClassName('div', 'relative flex sm:
|
|
25
|
-
export const NavBarItemText = withClassName('span', 'overflow-hidden pl-1 inline-block text-xxs whitespace-nowrap text-ellipsis sm:
|
|
24
|
+
export const NavBarItemIconWrapper = withClassName('div', 'relative flex sm:p-6px sm:rounded-full sm:bg-lightBlend');
|
|
25
|
+
export const NavBarItemText = withClassName('span', 'overflow-hidden pl-1 inline-block text-xxs whitespace-nowrap text-ellipsis sm:text-md sm:leading-normal');
|
|
26
26
|
export const NavBarItemIcon = withClassName('div', 'relative z-1 [a[data-active=true]_&]:fill-primary-light');
|
|
27
27
|
export const NavBarItemPip = withClassName('div', 'absolute top-6px right-6px w-6px h-6px rounded-full bg-attention shadow-sm');
|
|
28
|
-
export const NavBarRoot = withClassName('div', 'flex flex-row items-stretch justify-around w-full rounded-0 rounded-t-lg shadow-lg overflow-hidden z-50 bg-wash border-t border-t-solid border-gray5 p-1 h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'sm:
|
|
28
|
+
export const NavBarRoot = withClassName('div', 'flex flex-row items-stretch justify-around w-full rounded-0 rounded-t-lg shadow-lg overflow-hidden z-50 bg-wash border-t border-t-solid border-gray5 p-1 h-auto', 'pb-[calc(0.25rem+env(safe-area-inset-bottom,0px))]', 'sm:bg-transparent sm:flex sm:flex-col sm:rounded-0 sm:border-none sm:border-transparent sm:shadow-none sm:h-min-content sm:overflow-y-auto sm:overflow-x-hidden sm:justify-start sm:items-stretch sm:gap-2 sm:pb-10');
|
|
29
29
|
//# sourceMappingURL=NavBar.js.map
|
|
@@ -14,6 +14,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
14
14
|
import classNames from 'classnames';
|
|
15
15
|
export function Note(_a) {
|
|
16
16
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
17
|
-
return (_jsx("div", Object.assign({ className: classNames('pr-20px', className) }, rest, { children: _jsxs("div", Object.assign({ className: "flex flex-col p-2 border border-solid border-primary-dark bg-primary-wash color-black relative text-sm italic border-r-0" }, { children: [children, _jsx("div", Object.assign({ className: "w-20px h-[calc(100%-18px)] absolute bottom--0.5px right--20px border-0 border-solid border-primary-dark border-r border-b bg-primary-wash" }, { children: _jsx("div", { className: `absolute top--20px left-0 border-10px border-0 border-solid border-transparent border-b-primary-dark border-l-primary-dark after:
|
|
17
|
+
return (_jsx("div", Object.assign({ className: classNames('pr-20px', className) }, rest, { children: _jsxs("div", Object.assign({ className: "flex flex-col p-2 border border-solid border-primary-dark bg-primary-wash color-black relative text-sm italic border-r-0" }, { children: [children, _jsx("div", Object.assign({ className: "w-20px h-[calc(100%-18px)] absolute bottom--0.5px right--20px border-0 border-solid border-primary-dark border-r border-b bg-primary-wash" }, { children: _jsx("div", { className: `absolute top--20px left-0 border-10px border-0 border-solid border-transparent border-b-primary-dark border-l-primary-dark after:content-[""] after:absolute after:top--7px after:left--9px after:border-8px after:border-solid after:border-transparent after:border-b-primary-wash after:border-l-primary-wash` }) }))] })) })));
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=Note.js.map
|
|
@@ -21,6 +21,6 @@ export function Peek({ peekHeight = 120, children, className }) {
|
|
|
21
21
|
}
|
|
22
22
|
}, [peekHeight]);
|
|
23
23
|
const id = useId();
|
|
24
|
-
return (_jsxs("div", Object.assign({ className: classNames('relative animate-ease-default animate-forwards overflow-hidden [&[data-state=closed]]:
|
|
24
|
+
return (_jsxs("div", Object.assign({ className: classNames('relative animate-ease-default animate-forwards overflow-hidden [&[data-state=closed]]:animate-keyframes-peek-close [&[data-state=closed]]:animate-duration-300 [&[data-state=closed]]:max-h-[var(--peek-height,120px)] [&[data-state=open]]:animate-keyframes-peek-open [&[data-state=open]]:animate-duration-600', className), ref: containerRef, "data-state": isPeekable ? (open ? 'open' : 'closed') : undefined }, { children: [_jsx("div", Object.assign({ ref: contentRef, id: id }, { children: children })), isPeekable && (_jsx("button", { "data-state": open ? 'open' : 'closed', className: classNames('h-80px absolute bottom-0 z-1 bg-transparent border-none w-full cursor-pointer border-b border-solid border-white', 'focus-visible:(outline-none bg-gradient-to-b from-transparent to-primary-wash border-b border-solid border-primary', 'after:content-["-_tap_to_expand_-"] after:p-3 after:color-gray9 after:text-xs after:flex after:flex-col after:justify-end after:items-center after:absolute after:inset-0 after:top-auto after:h-80px after:bg-gradient-to-b after:from-transparent after:to-white', 'after:[&[data-state=open]]:content-["-_tap_to_collapse_-"]'), onClick: toggle, "aria-label": "Toggle show description", "aria-expanded": open, "aria-controls": id }))] })));
|
|
25
25
|
}
|
|
26
26
|
//# sourceMappingURL=Peek.js.map
|
|
@@ -16,7 +16,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
|
16
16
|
import { forwardRef } from 'react';
|
|
17
17
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
18
18
|
import classNames from 'classnames';
|
|
19
|
-
const StyledContent = withClassName(PopoverPrimitive.Content, 'layer-components:
|
|
19
|
+
const StyledContent = withClassName(PopoverPrimitive.Content, 'layer-components:rounded-xl layer-components:min-w-120px layer-components:bg-white layer-components:z-menu layer-components:shadow-lg layer-components:border-default layer-components:op-0 layer-components:hidden layer-components:max-w-90vw', 'will-change-transform', 'layer-components:transform-origin-[var(--radix-popover-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'important:motion-reduce:animate-none', 'layer-components:max-h-[var(--radix-popover-content-available-height)] layer-components:overflow-y-auto', 'layer-components:[&[data-state=open]]:opacity-100 layer-components:[&[data-state=open]]:flex layer-components:[&[data-state=open]]:flex-col', 'layer-components:[&[data-state=closed]]:pointer-events-none');
|
|
20
20
|
const StyledArrow = withClassName(PopoverPrimitive.Arrow, 'fill-white stroke-black');
|
|
21
21
|
const StyledClose = withClassName(PopoverPrimitive.Close, '[all:unset] [font-family:inherit] rounded-full h-25px w-25px inline-flex items-center justify-center color-dark-blend absolute top-5px right-5px hover:bg-light-blend focus:shadow-focus');
|
|
22
22
|
// Exports
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,aAAa,GAAG,aAAa,CAClC,gBAAgB,CAAC,OAAO,EACxB,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAA4B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,aAAa,GAAG,aAAa,CAClC,gBAAgB,CAAC,OAAO,EACxB,2GAA2G,EAC3G,uBAAuB,EACvB,2EAA2E,EAC3E,0DAA0D,EAC1D,6DAA6D,EAC7D,sCAAsC,EACtC,0FAA0F,EAC1F,mEAAmE,EACnE,6DAA6D,CAC7D,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,yBAAyB,CACzB,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,gBAAgB,CAAC,KAAK,EACtB,0LAA0L,CAC1L,CAAC;AAEF,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,gBAAgB,CAAC,IAAI,CAAC;AAC7C,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC,OAAO,CAAC;AACvD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC;AACxC,MAAM,CAAC,MAAM,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAErD,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAOtC,SAAS,cAAc,CACxB,EAQC,EACD,GAAG;QATH,EACC,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,SAAS,OAEnB,EADG,KAAK,cAPT,2EAQC,CADQ;IAIT,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,kBAAC,UAAU,EAAE,UAAU,gBAC9C,KAAC,aAAa,oBACT,KAAK,IACT,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB;gBACC,8BAA8B,EAAE,OAAO,KAAK,MAAM;gBAClD,oBAAoB,EAAE,OAAO,KAAK,SAAS;gBAC3C,6BAA6B,EAAE,MAAM,KAAK,MAAM;gBAChD,2BAA2B,EAAE,MAAM,KAAK,SAAS;gBACjD,2BAA2B,EAAE,MAAM,KAAK,IAAI;aAC5C,EACD,SAAS,CACT,gBAEA,QAAQ,IACM,IACS,CAC1B,CAAC;AACH,CAAC,CAAC,CAAC"}
|
|
@@ -20,7 +20,7 @@ export const RichEditor = forwardRef(function RichEditor(_a, ref) {
|
|
|
20
20
|
if (typeof ref === 'string') {
|
|
21
21
|
throw new Error('String ref not supported!');
|
|
22
22
|
}
|
|
23
|
-
return (_jsx(EditorContent, Object.assign({ ref: ref, className: classNames('layer-components:
|
|
24
|
-
'bg-gray-blend [&_.ProseMirror:focus]:
|
|
23
|
+
return (_jsx(EditorContent, Object.assign({ ref: ref, className: classNames('layer-components:w-full layer-components:rounded-lg', !rest.readOnly &&
|
|
24
|
+
'bg-gray-blend [&_.ProseMirror:focus]:outline-none [&_.ProseMirror:focus]:bg-gray-1 [&_.ProseMirror:focus]:shadow-focus', '[&_.ProseMirror_h1,h2,h3,p]:mt-0', '[&_.ProseMirror_h1]:text-xl [&_.ProseMirror_h1]:font-medium', '[&_.ProseMirror_h2]:text-lg [&_.ProseMirror_h2]:font-medium [&_.ProseMirror_h2]:mt-4 [&_.ProseMirror_h2]:mb-2', '[&_.ProseMirror_h3]:text-md [&_.ProseMirror_h3]:font-extrabold', '[&_.ProseMirror_a]:underline', className) }, rest)));
|
|
25
25
|
});
|
|
26
26
|
//# sourceMappingURL=RichEditor.js.map
|
|
@@ -25,7 +25,7 @@ export const SelectItem = forwardRef((_a, forwardedRef) => {
|
|
|
25
25
|
}
|
|
26
26
|
return (_jsxs(SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef }, { children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectItemIndicator, {})] })));
|
|
27
27
|
});
|
|
28
|
-
export const SelectItemRoot = withClassName(SelectPrimitive.Item, 'text-md leading-4 color-black rounded-sm flex items-center flex-row h-36px pr-4 pl-35px relative select-none', '[&[data-disabled]]:
|
|
28
|
+
export const SelectItemRoot = withClassName(SelectPrimitive.Item, 'text-md leading-4 color-black rounded-sm flex items-center flex-row h-36px pr-4 pl-35px relative select-none', '[&[data-disabled]]:color-gray5 [&[data-disabled]]:pointer-events-none [&[data-highlighted]]:outline-none [&[data-highlighted]]:bg-primary-wash [&[data-highlighted]]:color-black');
|
|
29
29
|
export const SelectItemIndicatorRoot = withClassName(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
|
|
30
30
|
export const SelectItemIndicator = withNoNativeRender((props) => (_jsx(SelectItemIndicatorRoot, Object.assign({}, props, { children: _jsx(CheckIcon, {}) }))));
|
|
31
31
|
export const SelectItemText = withClassName(SelectPrimitive.ItemText, '');
|
|
@@ -37,7 +37,7 @@ export const SelectGroup = (props) => {
|
|
|
37
37
|
return _jsx(SelectPrimitive.Group, Object.assign({}, props));
|
|
38
38
|
};
|
|
39
39
|
export const SelectRoot = SelectPrimitive.Root;
|
|
40
|
-
export const selectTriggerClassName = 'layer-components:
|
|
40
|
+
export const selectTriggerClassName = 'layer-components:[all:unset] layer-components:inline-flex layer-components:items-center layer-components:justify-center layer-components:rounded-full layer-components:px-3 layer-components:py-1 layer-components:text-sm layer-components:gap-2 layer-components:color-black layer-components:border-solid layer-components:border layer-components:border-gray5 layer-components:hover:border-gray7 layer-components:focus:shadow-focus layer-components:[&[data-placeholder]]:color-gray8 select-none';
|
|
41
41
|
export const SelectTrigger = withNoNativeRender(withClassName(SelectPrimitive.Trigger, selectTriggerClassName));
|
|
42
42
|
export const UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
|
|
43
43
|
export const SelectValue = withNoNativeRender(withClassName(SelectPrimitive.Value, 'flex flex-row'));
|
|
@@ -50,7 +50,7 @@ export const SelectIcon = withNoNativeRender(forwardRef((_a, forwardedRef) => {
|
|
|
50
50
|
const zIndex = { zIndex: 1001 };
|
|
51
51
|
export const SelectContent = withPassthroughNativeRender(forwardRef((_a, forwardedRef) => {
|
|
52
52
|
var { children, inDialog, className } = _a, props = __rest(_a, ["children", "inDialog", "className"]);
|
|
53
|
-
return (_jsx(SelectPrimitive.Portal, Object.assign({ className: className, style: zIndex }, { children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('layer-components:
|
|
53
|
+
return (_jsx(SelectPrimitive.Portal, Object.assign({ className: className, style: zIndex }, { children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-lg layer-components:border layer-components:border-solid layer-components:border-1 layer-components:border-black layer-components:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]') }, props, { ref: forwardedRef }, { children: [_jsx(SelectPrimitive.ScrollUpButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronUpIcon, {}) })), _jsx(SelectPrimitive.Viewport, Object.assign({ className: "p-1" }, { children: children })), _jsx(SelectPrimitive.ScrollDownButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronDownIcon, {}) }))] })) })));
|
|
54
54
|
}));
|
|
55
55
|
export const NativeSelect = forwardRef((_a, forwardedRef) => {
|
|
56
56
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
@@ -3,6 +3,6 @@ import * as Tabs from '@radix-ui/react-tabs';
|
|
|
3
3
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
4
4
|
export const TabsRoot = withClassName(Tabs.Root, '');
|
|
5
5
|
export const TabsList = withClassName(Tabs.List, 'flex flex-row py-2 px-2 justify-center');
|
|
6
|
-
export const TabsTrigger = withClassName(Tabs.Trigger, 'flex flex-row items-center justify-center gap-2 color-black py-1 px-4 bg-wash text-md font-bold min-w-100px border border-solid border-gray-4', 'hover:bg-gray-3 focus-visible:
|
|
6
|
+
export const TabsTrigger = withClassName(Tabs.Trigger, 'flex flex-row items-center justify-center gap-2 color-black py-1 px-4 bg-wash text-md font-bold min-w-100px border border-solid border-gray-4', 'hover:bg-gray-3 focus-visible:shadow-focus focus-visible:outline-off [&[data-state=active]]:bg-primary-wash [&[data-state=active]]:border-primary [&[data-state=active]]:hover:bg-primary-wash [&[data-state=active]]:relative [&[data-state=active]]:z-1', 'first:rounded-l-full last:rounded-r-full');
|
|
7
7
|
export const TabsContent = withClassName(Tabs.Content, '');
|
|
8
8
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -36,7 +36,7 @@ export const TextArea = forwardRef(function TextArea(_a, ref) {
|
|
|
36
36
|
valueWasEmpty = element.value === '';
|
|
37
37
|
}
|
|
38
38
|
}, [autoSize, padBottomPixels, rest.value]);
|
|
39
|
-
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:
|
|
39
|
+
return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden', {
|
|
40
40
|
'layer-components:[resize:vertical]': !autoSize,
|
|
41
41
|
}, className), rows: autoSize ? 1 : rows }, rest)));
|
|
42
42
|
});
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
import * as ToggleGroup from '@radix-ui/react-toggle-group';
|
|
3
3
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
4
4
|
export const ToggleGroupRoot = withClassName(ToggleGroup.Root, 'inline-flex bg-gray1 rounded-lg gap-1');
|
|
5
|
-
export const ToggleGroupItem = withClassName(ToggleGroup.Item, 'rounded-xl bg-gray2 py-1 px-2 flex items-center justify-center cursor-pointer hover:bg-gray3 active:bg-gray4 focus-visible:
|
|
5
|
+
export const ToggleGroupItem = withClassName(ToggleGroup.Item, 'rounded-xl bg-gray2 py-1 px-2 flex items-center justify-center cursor-pointer hover:bg-gray3 active:bg-gray4 focus-visible:shadow-focus focus-visible:outline-off [&[data-state=on]]:bg-primary-light [&[data-state=on]]:border-black');
|
|
6
6
|
//# sourceMappingURL=toggleGroup.js.map
|
|
@@ -16,7 +16,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
|
16
16
|
import classNames from 'classnames';
|
|
17
17
|
function Content(_a) {
|
|
18
18
|
var { children, className } = _a, props = __rest(_a, ["children", "className"]);
|
|
19
|
-
return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:
|
|
19
|
+
return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, Object.assign({ className: classNames('layer-components:relative layer-components:rounded-lg layer-components:py-2 layer-components:px-3 layer-components:border-default layer-components:text-sm layer-components:leading-tight layer-components:color-inherit layer-components:bg-white layer-components:shadow-sm layer-components:select-none layer-components:hidden layer-components:z-tooltip layer-components:sm:display-initial', '[&[data-state=delayed-open]]:display-initial', '[&[data-state=instant-open]]:display-initial', 'layer-components:transform-origin-[var(--radix-tooltip-content-transform-origin)]', 'layer-components:[&[data-state=delayed-open]]:animate-popover-in', className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "fill-white stroke-black stroke-1" })] })) }));
|
|
20
20
|
}
|
|
21
21
|
// Exports
|
|
22
22
|
export const TooltipProvider = TooltipPrimitive.Provider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAGb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,MAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,UAAU,CACpB,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAGb,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,SAAS,OAAO,CAAC,EAIsB;QAJtB,EAChB,QAAQ,EACR,SAAS,OAE6B,EADnC,KAAK,cAHQ,yBAIhB,CADQ;IAER,OAAO,CACN,KAAC,gBAAgB,CAAC,MAAM,cACvB,MAAC,gBAAgB,CAAC,OAAO,kBACxB,SAAS,EAAE,UAAU,CACpB,wKAAwK,EACxK,8CAA8C,EAC9C,8CAA8C,EAC9C,mFAAmF,EACnF,kEAAkE,EAClE,SAAS,CACT,IACG,KAAK,eAER,QAAQ,EACT,KAAC,gBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,kCAAkC,GAAG,KAC7C,GACF,CAC1B,CAAC;AACH,CAAC;AAED,UAAU;AACV,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AAEzD,MAAM,UAAU,OAAO,CAAC,EAQvB;QARuB,EACvB,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,OAIR,EAHG,IAAI,cALgB,2CAMvB,CADO;IAIP,OAAO,CACN,MAAC,gBAAgB,CAAC,IAAI,kBAAC,IAAI,EAAE,IAAI,iBAC/B,QAAQ,CAAC,CAAC,CAAC,CACX,QAAQ,CACR,CAAC,CAAC,CAAC,CACH,KAAC,gBAAgB,CAAC,cAAc,kBAAC,OAAO,UAAK,IAAI,cAC/C,QAAQ,IACwB,CAClC,EACD,KAAC,OAAO,kBAAC,UAAU,EAAE,EAAE,gBAAG,OAAO,IAAW,KACrB,CACxB,CAAC;AACH,CAAC"}
|
package/dist/esm/uno.preset.js
CHANGED
|
@@ -321,7 +321,7 @@ export default function presetAglio({ spacingIncrement = 0.25, } = {}) {
|
|
|
321
321
|
'border-light': 'border border-solid border-gray5',
|
|
322
322
|
'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0',
|
|
323
323
|
'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto',
|
|
324
|
-
'hidden-input': 'op-0 absolute z--1 pointer-events-none [&::webkit-file-upload-button]:
|
|
324
|
+
'hidden-input': 'op-0 absolute z--1 pointer-events-none [&::webkit-file-upload-button]:hidden',
|
|
325
325
|
center: 'left-50% top-50%',
|
|
326
326
|
'z-nav': 'z-[var(--z-nav)]',
|
|
327
327
|
'z-menu': 'z-[var(--z-menu)]',
|