@a-type/ui 5.0.3 → 5.0.5
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/css/main.css +3 -3
- package/dist/esm/components/button/Button.js +6 -1
- package/dist/esm/components/button/Button.js.map +1 -1
- package/dist/esm/components/button/Button.stories.d.ts +1 -0
- package/dist/esm/components/button/Button.stories.js +7 -0
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/classes.js +4 -3
- package/dist/esm/components/button/classes.js.map +1 -1
- package/dist/esm/components/forms/TextField.js +2 -1
- package/dist/esm/components/forms/TextField.js.map +1 -1
- package/dist/esm/components/popover/Popover.d.ts +7 -2
- package/dist/esm/components/popover/Popover.js +7 -2
- package/dist/esm/components/popover/Popover.js.map +1 -1
- package/dist/esm/components/popover/Popover.stories.js +1 -1
- package/dist/esm/components/popover/Popover.stories.js.map +1 -1
- package/dist/esm/components/tabs/tabs.js +4 -4
- package/dist/esm/components/tabs/tabs.js.map +1 -1
- package/dist/esm/components/toasts/toasts.js +3 -3
- package/dist/esm/components/toasts/toasts.js.map +1 -1
- package/dist/esm/components/toasts/toasts.stories.js +1 -1
- package/dist/esm/components/toasts/toasts.stories.js.map +1 -1
- package/dist/esm/components/toggleGroup/toggleGroup.js +2 -2
- package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
- package/dist/esm/uno/theme/sizes.js +1 -0
- package/dist/esm/uno/theme/sizes.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.stories.tsx +12 -0
- package/src/components/button/Button.tsx +5 -1
- package/src/components/button/classes.tsx +4 -2
- package/src/components/forms/TextField.tsx +2 -1
- package/src/components/popover/Popover.stories.tsx +1 -0
- package/src/components/popover/Popover.tsx +25 -5
- package/src/components/tabs/tabs.tsx +13 -13
- package/src/components/toasts/toasts.stories.tsx +3 -0
- package/src/components/toasts/toasts.tsx +4 -4
- package/src/components/toggleGroup/toggleGroup.tsx +6 -6
- package/src/uno/theme/sizes.ts +1 -0
|
@@ -57,8 +57,10 @@ export function ButtonRoot(_a) {
|
|
|
57
57
|
}
|
|
58
58
|
ButtonRoot.displayName = 'Button';
|
|
59
59
|
export const ButtonToggleIndicator = memo(function ToggleIndicator({ value, }) {
|
|
60
|
-
return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "w-0 transition-width
|
|
60
|
+
return (_jsx(Icon, { "aria-hidden": true, name: "check", className: "w-0 transition-width", style: {
|
|
61
61
|
width: value ? '15px' : 0,
|
|
62
|
+
marginRight: !value ? '-0.25rem' : 0,
|
|
63
|
+
marginLeft: !value ? '-0.25rem' : 0,
|
|
62
64
|
}, loading: false }));
|
|
63
65
|
});
|
|
64
66
|
// allows custom icons to trigger icon button behavior
|
|
@@ -105,6 +107,9 @@ function applyPartAttributes(button) {
|
|
|
105
107
|
registry.icon++;
|
|
106
108
|
iconNodes.push(child);
|
|
107
109
|
}
|
|
110
|
+
else if (child.hasAttribute('data-default-loader')) {
|
|
111
|
+
// skip default loader
|
|
112
|
+
}
|
|
108
113
|
else {
|
|
109
114
|
registry.label++;
|
|
110
115
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,6 +36,7 @@ export declare const WithIcon: Story;
|
|
|
36
36
|
export declare const IconOnly: Story;
|
|
37
37
|
export declare const IconTransition: Story;
|
|
38
38
|
export declare const Toggled: Story;
|
|
39
|
+
export declare const ToggledIcon: Story;
|
|
39
40
|
export declare const Alignment: Story;
|
|
40
41
|
export declare const ConfirmedButtonDemo: Story;
|
|
41
42
|
export declare const FragmentTest: Story;
|
|
@@ -57,6 +57,13 @@ export const Toggled = {
|
|
|
57
57
|
return _jsx(Button, Object.assign({}, args, { toggled: on, onClick: toggle }));
|
|
58
58
|
},
|
|
59
59
|
};
|
|
60
|
+
export const ToggledIcon = {
|
|
61
|
+
render: (args) => {
|
|
62
|
+
const [on, setOn] = useState(false);
|
|
63
|
+
const toggle = () => setOn((v) => !v);
|
|
64
|
+
return (_jsx(Button, Object.assign({}, args, { toggled: on, onClick: toggle, children: _jsx(Icon, { name: "placeholder" }) })));
|
|
65
|
+
},
|
|
66
|
+
};
|
|
60
67
|
export const Alignment = {
|
|
61
68
|
render(args) {
|
|
62
69
|
return (_jsxs("div", { className: "col", children: [_jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({}, args, { size: "small", children: "Button" })), _jsx(Button, Object.assign({}, args, { size: "small", children: _jsx(Icon, { name: "placeholder" }) }))] }), _jsxs("div", { className: "row border-default", children: [_jsx(Button, Object.assign({}, args, { children: "Button" })), _jsx(Button, Object.assign({}, args, { children: _jsx(Icon, { name: "placeholder" }) }))] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/button/Button.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ export function getButtonClassName({ color, emphasis = 'default', size = 'defaul
|
|
|
4
4
|
if (emphasis === 'unstyled') {
|
|
5
5
|
return clsx('layer-components:m-0 layer-components:appearance-none layer-components:border-none layer-components:p-0 layer-components:bg-transparent', 'layer-components:cursor-pointer', 'layer-components:focus:outline-off');
|
|
6
6
|
}
|
|
7
|
-
return clsx(color && `palette-${color}`, 'layer-components:select-none layer-components:font-bold layer-components:leading-1 layer-components:leading-none layer-components:font-inherit', 'layer-components:border-thin layer-components:border-solid layer-components:border-color', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-sm', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:border-
|
|
7
|
+
return clsx(color && `palette-${color}`, 'layer-components:select-none layer-components:font-bold layer-components:leading-1 layer-components:leading-none layer-components:font-inherit', 'layer-components:border-thin layer-components:border-solid layer-components:border-color', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-sm', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:border-transparent layer-variants:shadow-none', emphasis === 'contrast' &&
|
|
8
8
|
'layer-variants:border-bg layer-variants:hover:bg-gray-ink', {
|
|
9
9
|
'layer-components:bg-main': emphasis === 'primary',
|
|
10
10
|
'layer-components:color-main-ink layer-components:bg-main-light': emphasis === 'light',
|
|
@@ -15,8 +15,9 @@ export function getButtonClassName({ color, emphasis = 'default', size = 'defaul
|
|
|
15
15
|
'layer-components:rounded-lg layer-components:px-4 layer-components:py-2 layer-components:text-md': size === 'default',
|
|
16
16
|
'layer-components:min-h-touch layer-components:rounded-md layer-components:px-4 layer-components:py-0.25 layer-components:text-sm': size === 'small',
|
|
17
17
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-sm': size === 'default' && !disableIconMode,
|
|
18
|
-
'layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-sm layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-2xs': size === 'small' && !disableIconMode,
|
|
19
|
-
},
|
|
18
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]]:min-h-touch-small layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:p-sm layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-2xs': size === 'small' && !disableIconMode,
|
|
19
|
+
}, !disableIconMode &&
|
|
20
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:aspect-1 layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:items-center layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:justify-center', 'layer-components:hover:ring-4 layer-components:hover:bg-main layer-components:hover:bg-lighten-2', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-6 layer-components:focus-visible:ring-accent', 'layer-components:[&[data-focus=true]]:outline-off layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:ring-accent', 'layer-components:active:ring-8 layer-components:active:bg-darken-1', 'layer-components:disabled:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:ring-none layer-components:disabled:shadow-none', 'layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:shadow-none', {
|
|
20
21
|
'layer-variants:[&[aria-pressed=false]]:[&:not(:hover)]:bg-transparent': toggleable,
|
|
21
22
|
}, {
|
|
22
23
|
'layer-components:self-start': align === 'start',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8EAA8E,EAC9E,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,iCAAiC,EAEjC,QAAQ,KAAK,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8EAA8E,EAC9E,0DAA0D,EAC1D,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,iCAAiC,EAEjC,QAAQ,KAAK,OAAO,IAAI,iDAAiD,EACzE,QAAQ,KAAK,UAAU;QACtB,2DAA2D,EAE5D;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,gEAAgE,EAC/D,QAAQ,KAAK,OAAO;QACrB,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,4EAA4E,EAC3E,QAAQ,KAAK,OAAO;QACrB,2BAA2B,EAAE,QAAQ,KAAK,UAAU;KACpD,EAED;QACC,iDAAiD,EAAE,IAAI,KAAK,SAAS;QACrE,gEAAgE,EAC/D,IAAI,KAAK,OAAO;QACjB,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,oLAAoL,EACnL,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EACD,CAAC,eAAe;QACf,2HAA2H,EAE5H,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
|
|
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
return t;
|
|
13
13
|
};
|
|
14
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
+
import clsx from 'clsx';
|
|
15
16
|
import { useField, useFormikContext } from 'formik';
|
|
16
17
|
import { useCallback, useEffect, useRef, } from 'react';
|
|
17
18
|
import { withClassName } from '../../hooks.js';
|
|
@@ -53,7 +54,7 @@ export function TextAreaField(_a) {
|
|
|
53
54
|
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
|
|
54
55
|
}, [submitOnEnter, onKeyDown, submitForm]);
|
|
55
56
|
const id = useIdOrGenerated(providedId);
|
|
56
|
-
return (_jsxs(FieldRoot, { className: className, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest, { className: textAreaClassName, id: id, onKeyDown: onKeyDownInner }))] }));
|
|
57
|
+
return (_jsxs(FieldRoot, { className: className, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest, { className: clsx('layer-composed:w-full', textAreaClassName), id: id, onKeyDown: onKeyDownInner }))] }));
|
|
57
58
|
}
|
|
58
59
|
export const FieldRoot = withClassName('div', 'flex flex-col items-stretch self-stretch gap-xs');
|
|
59
60
|
//# sourceMappingURL=TextField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/forms/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { PopoverPopupProps, PopoverPositionerProps, Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
2
2
|
import { MenuArrowProps } from '@base-ui/react/menu';
|
|
3
3
|
import { Ref } from 'react';
|
|
4
|
+
import { ButtonProps } from '../button/Button.js';
|
|
4
5
|
export declare const PopoverRoot: typeof PopoverPrimitive.Root;
|
|
5
6
|
export declare const PopoverTrigger: PopoverPrimitive.Trigger;
|
|
6
7
|
export declare const PopoverArrow: import("react").FunctionComponent<MenuArrowProps>;
|
|
7
|
-
export declare const PopoverClose:
|
|
8
|
+
export declare const PopoverClose: ({ className, inline, ...props }: ButtonProps & {
|
|
9
|
+
inline?: boolean;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
11
|
export declare const PopoverContent: ({ ref, children, forceMount, className, radius, padding, align, alignOffset, side, sideOffset, anchor, disableAnchorTracking, sticky, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, positionMethod, ...props }: PopoverPopupProps & PopoverPositionerProps & {
|
|
9
12
|
radius?: "none" | "default" | "md";
|
|
10
13
|
padding?: "none" | "default";
|
|
@@ -21,7 +24,9 @@ export declare const Popover: typeof PopoverPrimitive.Root & {
|
|
|
21
24
|
ref?: Ref<HTMLDivElement>;
|
|
22
25
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
23
26
|
Arrow: import("react").FunctionComponent<MenuArrowProps>;
|
|
24
|
-
Close:
|
|
27
|
+
Close: ({ className, inline, ...props }: ButtonProps & {
|
|
28
|
+
inline?: boolean;
|
|
29
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
25
30
|
Trigger: PopoverPrimitive.Trigger;
|
|
26
31
|
Title: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
|
|
27
32
|
Description: import("react").FunctionComponent<import("@base-ui/react/popover").PopoverDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
|
|
@@ -12,14 +12,19 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
import { Popover as PopoverPrimitive, } from '@base-ui/react/popover';
|
|
15
|
-
import classNames from 'clsx';
|
|
15
|
+
import classNames, { clsx } from 'clsx';
|
|
16
16
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
17
|
import { GroupScaleReset } from '../../systems/GroupScale.js';
|
|
18
|
+
import { Button } from '../button/Button.js';
|
|
19
|
+
import { Icon } from '../icon/Icon.js';
|
|
18
20
|
import { popupClassName } from '../primitives/menus.js';
|
|
19
21
|
import { ArrowSvg } from '../utility/ArrowSvg.js';
|
|
20
22
|
const StyledContent = withClassName(PopoverPrimitive.Popup, popupClassName);
|
|
21
23
|
const StyledArrow = withClassName((props) => (_jsx(PopoverPrimitive.Arrow, Object.assign({}, props, { children: _jsx(ArrowSvg, {}) }))), 'layer-components:arrow', 'layer-components:data-[closed]:scale-0 layer-components:data-[closed]:opacity-0', 'layer-components:data-[open]:scale-100 layer-components:data-[open]:opacity-100');
|
|
22
|
-
const StyledClose =
|
|
24
|
+
const StyledClose = (_a) => {
|
|
25
|
+
var { className, inline } = _a, props = __rest(_a, ["className", "inline"]);
|
|
26
|
+
return (_jsx(PopoverPrimitive.Close, { render: _jsx(Button, Object.assign({ emphasis: "ghost", size: "small", className: clsx(!inline && 'layer-composed:absolute layer-composed:right-sm layer-composed:top-sm', className) }, props)), children: _jsx(Icon, { name: "x" }) }));
|
|
27
|
+
};
|
|
23
28
|
// Exports
|
|
24
29
|
export const PopoverRoot = PopoverPrimitive.Root;
|
|
25
30
|
export const PopoverTrigger = PopoverPrimitive.Trigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAGN,OAAO,IAAI,gBAAgB,GAC3B,MAAM,wBAAwB,CAAC;AAGhC,OAAO,UAAU,MAAM,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ const meta = {
|
|
|
13
13
|
export default meta;
|
|
14
14
|
export const Default = {
|
|
15
15
|
render(args) {
|
|
16
|
-
return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { className: "p-md", children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content." })] })] })));
|
|
16
|
+
return (_jsxs(Popover, Object.assign({}, args, { children: [_jsx(Popover.Trigger, { render: _jsx(Button, { color: "primary", size: "small" }), children: "Open Popover" }), _jsxs(Popover.Content, { className: "p-md", children: [_jsx(Popover.Arrow, {}), _jsx(Popover.Title, { children: "Hello" }), _jsx(Popover.Description, { children: "This is a popover content." }), _jsx(Popover.Close, {})] })] })));
|
|
17
17
|
},
|
|
18
18
|
};
|
|
19
19
|
//# sourceMappingURL=Popover.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAChC,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,OAAO,CAAC,KAAK,wBAAsB,EACpC,KAAC,OAAO,CAAC,WAAW,6CAAiD,
|
|
1
|
+
{"version":3,"file":"Popover.stories.js","sourceRoot":"","sources":["../../../../src/components/popover/Popover.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,IAAI,GAAS;IAClB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACD,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,OAAO,oBAAK,IAAI,eAChB,KAAC,OAAO,CAAC,OAAO,IAAC,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,GAAG,6BAE9C,EAClB,MAAC,OAAO,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,aAChC,KAAC,OAAO,CAAC,KAAK,KAAG,EACjB,KAAC,OAAO,CAAC,KAAK,wBAAsB,EACpC,KAAC,OAAO,CAAC,WAAW,6CAAiD,EACrE,KAAC,OAAO,CAAC,KAAK,KAAG,IACA,KACT,CACV,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
@@ -15,10 +15,10 @@ import { Tabs as TabsPrimitive, } from '@base-ui/react/tabs';
|
|
|
15
15
|
import clsx from 'clsx';
|
|
16
16
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
17
17
|
export const TabsRoot = withClassName(TabsPrimitive.Root, '');
|
|
18
|
-
const StyledTabsList = withClassName(TabsPrimitive.List, 'layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2
|
|
19
|
-
export const TabsTrigger = withClassName(TabsPrimitive.Tab, 'layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:
|
|
20
|
-
export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:absolute layer-components:block layer-components:
|
|
21
|
-
export const TabsContent = withClassName(TabsPrimitive.Panel, 'layer-components:focus:outline-none layer-components:focus
|
|
18
|
+
const StyledTabsList = withClassName(TabsPrimitive.List, 'layer-components:relative layer-components:flex layer-components:flex-row layer-components:items-start layer-components:gap-2', 'layer-components:border-thin layer-components:rounded-xl layer-components:border-solid layer-components:border-fg', 'layer-components:shadow-sm layer-components:bg-white', 'layer-components:max-w-full layer-components:w-max-content layer-components:overflow-y-clip layer-components:overflow-x-auto layer-components:overflow-unstable');
|
|
19
|
+
export const TabsTrigger = withClassName(TabsPrimitive.Tab, 'layer-components:relative layer-components:z-1 layer-components:flex layer-components:flex-row layer-components:items-center layer-components:justify-center layer-components:gap-2 layer-components:px-lg layer-components:py-xs', 'layer-components:cursor-pointer layer-components:select-none layer-components:transition-all', 'layer-components:text-center layer-components:text-nowrap layer-components:text-md layer-components:font-semibold layer-components:font-inherit layer-components:color-gray-ink', 'layer-components:min-h-touch layer-components:min-w-100px layer-components:flex-shrink-0', 'layer-components:border layer-components:rounded-lg layer-components:bg-transparent layer-components:border-transparent', 'layer-components:hover:[&[data-state=inactive]]:ring-4 layer-components:hover:[&[data-state=inactive]]:bg-gray-light layer-components:hover:[&[data-state=inactive]]:bg-darken-1 layer-components:hover:[&[data-state=inactive]]:ring-bg', 'layer-components:focus-visible:outline-off layer-components:focus-visible:border layer-components:focus-visible:ring-4 layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:border-black layer-components:focus-visible:ring-accent', 'data-[active]:cursor-default');
|
|
20
|
+
export const TabsIndicator = withClassName(TabsPrimitive.Indicator, 'layer-components:[transition-property:transform,width,color] layer-components:absolute layer-components:block layer-components:rounded-lg layer-components:duration-300 layer-components:ease-out layer-components:bg-main-light layer-components:b-gray-dark', 'layer-components:left-0 layer-components:top-1/2 layer-components:z-0 layer-components:h-full layer-components:w-[--active-tab-width] layer-components:translate-x-[--active-tab-left] layer-components:-translate-y-1/2', 'layer-components:b-1 layer-components:b-gray-dark');
|
|
21
|
+
export const TabsContent = withClassName(TabsPrimitive.Panel, 'layer-components:focus-visible:outline-none layer-components:focus:outline-none layer-components:focus-visible:ring-2 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-gray');
|
|
22
22
|
export const TabsList = (_a) => {
|
|
23
23
|
var { children, className, color = 'primary' } = _a, props = __rest(_a, ["children", "className", "color"]);
|
|
24
24
|
return (_jsxs(StyledTabsList, Object.assign({}, props, { className: clsx(`palette-${color}`, className), children: [children, _jsx(TabsIndicator, {})] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,
|
|
1
|
+
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAEN,IAAI,IAAI,aAAa,GAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,QAAQ,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,aAAa,CACnC,aAAa,CAAC,IAAI,EAClB,6DAA6D,EAC7D,kEAAkE,EAClE,uCAAuC,EACvC,+FAA+F,CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,GAAG,EACjB,6FAA6F,EAC7F,8DAA8D,EAC9D,8FAA8F,EAC9F,0DAA0D,EAC1D,wEAAwE,EACxE,4FAA4F,EAC5F,iGAAiG,EACjG,gCAAgC,CAChC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACzC,aAAa,CAAC,SAAS,EACvB,0IAA0I,EAC1I,sHAAsH,EACtH,oCAAoC,CACpC,CAAC;AAIF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,aAAa,CAAC,KAAK,EACnB,wIAAwI,CACxI,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAOxB,EAAE,EAAE;QAPoB,EACxB,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,SAAS,OAIjB,EAHG,KAAK,cAJgB,kCAKxB,CADQ;IAGH,OAAA,CACL,MAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,IAAI,CAAC,WAAW,KAAK,EAAE,EAAE,SAAS,CAAC,aACvE,QAAQ,EACT,KAAC,aAAa,KAAG,KACD,CACjB,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC3C,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,aAAa;CACxB,CAAC,CAAC"}
|
|
@@ -23,7 +23,7 @@ export const DefaultToastProvider = (_a) => {
|
|
|
23
23
|
return (_jsx(Toast.Provider, Object.assign({ toastManager: manager }, rest, { children: children })));
|
|
24
24
|
};
|
|
25
25
|
export function Toaster() {
|
|
26
|
-
return (_jsx(Toast.Portal, { children: _jsx(Toast.Viewport, { className: "overflow-clip", children: _jsx(ToastList, {}) }) }));
|
|
26
|
+
return (_jsx(Toast.Portal, { children: _jsx(Toast.Viewport, { className: "pointer-events-none overflow-clip", children: _jsx(ToastList, {}) }) }));
|
|
27
27
|
}
|
|
28
28
|
function ToastList() {
|
|
29
29
|
const { toasts: untypedToasts } = Toast.useToastManager();
|
|
@@ -37,7 +37,7 @@ function ToastList() {
|
|
|
37
37
|
// basic positioning
|
|
38
38
|
'fixed left-0 left-auto top-xs z-[calc(100000-var(--toast-index))] mr-0 w-full origin-top', 'h-[--height]', 'flex flex-col items-center gap-xs',
|
|
39
39
|
// other properties
|
|
40
|
-
'select-none',
|
|
40
|
+
'pointer-events-none select-none',
|
|
41
41
|
// animation and interaction
|
|
42
42
|
'translate-x-[--toast-swipe-movement-x] translate-y-[calc(var(--toast-swipe-movement-y)+(var(--toast-index)*var(--peek))+(var(--shrink)*var(--height)))] scale-[var(--scale)]', '[transition:transform_0.5s_cubic-bezier(0.22,1,0.36,1),opacity_0.5s,height_0.15s]',
|
|
43
43
|
// ::after
|
|
@@ -65,7 +65,7 @@ function ToastList() {
|
|
|
65
65
|
'palette-success': toast.type === 'success',
|
|
66
66
|
'palette-attention': toast.type === 'error',
|
|
67
67
|
'palette-info': toast.type === 'blank',
|
|
68
|
-
}, mode === 'dark' ? 'override-light' : 'override-dark'), children: _jsxs(Toast.Content, { className: "max-w-sm flex flex-col gap-2px [&[data-behind]:not([data-expanded])]:pointer-events-none", children: [_jsx("div", { className: clsx('layer-components:relative layer-components:b-1 layer-components:
|
|
68
|
+
}, mode === 'dark' ? 'override-light' : 'override-dark'), children: _jsxs(Toast.Content, { className: "pointer-events-auto max-w-sm flex flex-col gap-2px [&[data-behind]:not([data-expanded])]:pointer-events-none", children: [_jsx("div", { className: clsx('layer-components:relative layer-components:b-1 layer-components:rounded-md layer-components:b-solid layer-components:py-sm layer-components:pl-md layer-components:pr-sm layer-components:shadow-md layer-components:color-black layer-components:bg-main-wash layer-components:b-black', 'layer-components:flex layer-components:flex-row layer-components:gap-sm', '[[data-behind]:not([data-expanded])_&]:max-h-[--height] [[data-behind]:not([data-expanded])_&]:bg-darken-2'), children: _jsxs("div", { className: clsx('flex flex-row items-center gap-xs', '[transition-duration:250ms] transition-opacity [[data-behind]:not([data-expanded])_&]:opacity-0 [[data-expanded]_&]:opacity-100'), children: [_jsxs("div", { className: "flex flex-col gap-xs", children: [_jsx(Toast.Title, { className: "m-0 text-sm font-bold leading-tight" }), _jsxs("div", { className: "flex gap-sm", children: [((_a = toast.data) === null || _a === void 0 ? void 0 : _a.loading) ? (_jsx(Spinner, { size: 15, className: "relative top-2px" })) : toast.type === 'success' ? (_jsx(Icon, { name: "check", color: "success", className: "relative top-2px" })) : toast.type === 'error' ? (_jsx(Icon, { name: "warning", color: "attention", className: "relative top-2px" })) : null, _jsx(Toast.Description, { className: "m-0 text-sm" })] })] }), _jsx(Toast.Close, { className: "mb-auto [[data-behind]:not([data-expanded])_&]:invisible", "aria-label": "Close", render: _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "x" }) }) })] }) }), ((_b = toast.data) === null || _b === void 0 ? void 0 : _b.actions) && (_jsx("div", { className: "ml-auto flex items-center gap-xxs transition-opacity [[data-behind]:not([data-expanded])_&]:opacity-0", children: toast.data.actions.toReversed().map((action, index) => (_jsx(Toast.Action, { className: "text-xs", onClick: action.onClick, render: _jsx(Button, { size: "small", emphasis: action.emphasis, color: action.color }), children: action.label }, index))) }))] }) }, toast.id));
|
|
69
69
|
});
|
|
70
70
|
}
|
|
71
71
|
function toOptions(messageOrOptions, maybeOptions) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toasts.js","sourceRoot":"","sources":["../../../../src/components/toasts/toasts.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,KAAK,GAIL,MAAM,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAe,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAEhD,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,kBAAkB,EAAE,CAAC;AAElD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAMpC,EAAE,EAAE;QANgC,EACpC,QAAQ,OAKR,EAJG,IAAI,cAF6B,YAGpC,CADO;IAKP,OAAO,CACN,KAAC,KAAK,CAAC,QAAQ,kBAAC,YAAY,EAAE,OAAO,IAAM,IAAI,cAC7C,QAAQ,IACO,CACjB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,OAAO;IACtB,OAAO,CACN,KAAC,KAAK,CAAC,MAAM,cACZ,KAAC,KAAK,CAAC,QAAQ,IAAC,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"toasts.js","sourceRoot":"","sources":["../../../../src/components/toasts/toasts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ const meta = {
|
|
|
13
13
|
export default meta;
|
|
14
14
|
export const Default = {
|
|
15
15
|
render(args) {
|
|
16
|
-
return (_jsxs(Box, { col: true, gap: true, children: [_jsx(Button, { onClick: () => {
|
|
16
|
+
return (_jsxs(Box, { col: true, gap: true, children: [_jsx(Box, { full: "width", justify: "end", children: _jsx(Button, { children: "Test" }) }), _jsx(Button, { onClick: () => {
|
|
17
17
|
toast('This is a default toast! With a lot of text. Enough to wrap around.', {
|
|
18
18
|
duration: 120000,
|
|
19
19
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toasts.stories.js","sourceRoot":"","sources":["../../../../src/components/toasts/toasts.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,mBAAmB;IAC1B,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,QAAC,GAAG,mBACX,KAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE;wBACb,KAAK,CACJ,qEAAqE,EACrE;4BACC,QAAQ,EAAE,MAAO;yBACjB,CACD,CAAC;oBACH,CAAC,mCAGO,EACT,KAAC,MAAM,IACN,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;wBACb,KAAK,CAAC,OAAO,CAAC,0BAA0B,EAAE;4BACzC,QAAQ,EAAE,KAAM;yBAChB,CAAC,CAAC;oBACJ,CAAC,mCAGO,EACT,KAAC,MAAM,IACN,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE;wBACb,KAAK,CAAC,KAAK,CAAC,yBAAyB,EAAE;4BACtC,QAAQ,EAAE,KAAM;yBAChB,CAAC,CAAC;oBACJ,CAAC,iCAGO,EACT,KAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE;wBACb,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;wBAC/D,UAAU,CAAC,GAAG,EAAE;4BACf,QAAQ,CAAC,mBAAmB,EAAE;gCAC7B,QAAQ,EAAE,IAAI;gCACd,IAAI,EAAE,SAAS;6BACf,CAAC,CAAC;wBACJ,CAAC,EAAE,IAAI,CAAC,CAAC;oBACV,CAAC,mCAGO,EACT,KAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE;wBACb,KAAK,CAAC,OAAO,CACZ,CAAC,KAAK,IAAI,EAAE;4BACX,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;wBAC3D,CAAC,CAAC,EAAE,EACJ;4BACC,OAAO,EACN,2EAA2E;4BAC5E,OAAO,EAAE,mBAAmB;4BAC5B,KAAK,EAAE,mBAAmB;yBAC1B,CACD,CAAC;oBACH,CAAC,mCAGO,EACT,KAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE;wBACb,KAAK,CAAC,+BAA+B,EAAE;4BACtC,OAAO,EAAE,KAAM;4BACf,IAAI,EAAE;gCACL,OAAO,EAAE;oCACR;wCACC,KAAK,EAAE,OAAO;wCACd,QAAQ,EAAE,SAAS;wCACnB,OAAO,EAAE,GAAG,EAAE;4CACb,KAAK,CAAC,gBAAgB,CAAC,CAAC;wCACzB,CAAC;qCACD;oCACD;wCACC,KAAK,EAAE,MAAM;wCACb,QAAQ,EAAE,OAAO;wCACjB,OAAO,EAAE,GAAG,EAAE;4CACb,KAAK,CAAC,eAAe,CAAC,CAAC;wCACxB,CAAC;qCACD;iCACD;6BACD;yBACD,CAAC,CAAC;oBACJ,CAAC,wCAGO,EACT,KAAC,MAAM,IACN,OAAO,EAAE,GAAG,EAAE;wBACb,KAAK,CAAC;4BACL,KAAK,EAAE,YAAY;4BACnB,WAAW,EAAE,gDAAgD;4BAC7D,OAAO,EAAE,KAAM;yBACf,CAAC,CAAC;oBACJ,CAAC,gCAGO,IACJ,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
|
|
1
|
+
{"version":3,"file":"toasts.stories.js","sourceRoot":"","sources":["../../../../src/components/toasts/toasts.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
|
|
3
3
|
import { ToggleGroup as ToggleGroupPrimitive, } from '@base-ui/react/toggle-group';
|
|
4
4
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
5
|
-
const ToggleGroupRoot = withClassName(ToggleGroupPrimitive, 'layer-components:
|
|
6
|
-
export const ToggleGroupItem = withClassName(TogglePrimitive, 'layer-components:
|
|
5
|
+
const ToggleGroupRoot = withClassName(ToggleGroupPrimitive, 'layer-components:w-fit layer-components:inline-flex layer-components:gap-sm layer-components:rounded-lg layer-components:bg-main-light/20');
|
|
6
|
+
export const ToggleGroupItem = withClassName(TogglePrimitive, 'layer-components:flex layer-components:cursor-pointer layer-components:items-center layer-components:justify-center layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:px-md layer-components:py-sm layer-components:text-nowrap layer-components:transition-all layer-components:color-black layer-components:bg-gray/30 layer-components:border-transparent', 'layer-components:hover:ring-2 layer-components:hover:bg-lighten-2 layer-components:hover:border-main-ink/20 layer-components:hover:ring-bg', 'layer-components:active:ring-4 layer-components:active:bg-darken-1 layer-components:active:border-main-ink/30', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', 'layer-components:data-[pressed]:border-default layer-components:data-[pressed]:shadow-sm layer-components:data-[pressed]:bg-main layer-components:data-[pressed]:hover:border-default');
|
|
7
7
|
export const ToggleGroup = Object.assign(ToggleGroupRoot, {
|
|
8
8
|
Item: ToggleGroupItem,
|
|
9
9
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EACN,WAAW,IAAI,oBAAoB,GAEnC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,eAAe,GAAG,aAAa,CACpC,oBAAoB,EACpB,yEAAyE,CACzE,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,eAAe,EACf,
|
|
1
|
+
{"version":3,"file":"toggleGroup.js","sourceRoot":"","sources":["../../../../src/components/toggleGroup/toggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EACN,WAAW,IAAI,oBAAoB,GAEnC,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,eAAe,GAAG,aAAa,CACpC,oBAAoB,EACpB,yEAAyE,CACzE,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,eAAe,EACf,sLAAsL,EACtL,yEAAyE,EACzE,iEAAiE,EACjE,iEAAiE,EACjE,yFAAyF,CACzF,CAAC;AAGF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,IAAI,EAAE,eAAe;CACrB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../src/uno/theme/sizes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAmB;IACpC,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB;IACtC,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;CACrB,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../src/uno/theme/sizes.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAmB;IACpC,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;IACrB,aAAa,EAAE,MAAM;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAoB;IACtC,aAAa,EAAE,aAAa;IAC5B,aAAa,EAAE,aAAa;IAC5B,KAAK,EAAE,MAAM;IACb,aAAa,EAAE,MAAM;CACrB,CAAC"}
|
package/package.json
CHANGED
|
@@ -106,6 +106,18 @@ export const Toggled: Story = {
|
|
|
106
106
|
},
|
|
107
107
|
};
|
|
108
108
|
|
|
109
|
+
export const ToggledIcon: Story = {
|
|
110
|
+
render: (args) => {
|
|
111
|
+
const [on, setOn] = useState(false);
|
|
112
|
+
const toggle = () => setOn((v) => !v);
|
|
113
|
+
return (
|
|
114
|
+
<Button {...args} toggled={on} onClick={toggle}>
|
|
115
|
+
<Icon name="placeholder" />
|
|
116
|
+
</Button>
|
|
117
|
+
);
|
|
118
|
+
},
|
|
119
|
+
};
|
|
120
|
+
|
|
109
121
|
export const Alignment: Story = {
|
|
110
122
|
render(args) {
|
|
111
123
|
return (
|
|
@@ -166,9 +166,11 @@ export const ButtonToggleIndicator = memo(function ToggleIndicator({
|
|
|
166
166
|
<Icon
|
|
167
167
|
aria-hidden
|
|
168
168
|
name="check"
|
|
169
|
-
className="w-0 transition-width
|
|
169
|
+
className="w-0 transition-width"
|
|
170
170
|
style={{
|
|
171
171
|
width: value ? '15px' : 0,
|
|
172
|
+
marginRight: !value ? '-0.25rem' : 0,
|
|
173
|
+
marginLeft: !value ? '-0.25rem' : 0,
|
|
172
174
|
}}
|
|
173
175
|
loading={false}
|
|
174
176
|
/>
|
|
@@ -224,6 +226,8 @@ function applyPartAttributes(button: HTMLButtonElement) {
|
|
|
224
226
|
) {
|
|
225
227
|
registry.icon++;
|
|
226
228
|
iconNodes.push(child);
|
|
229
|
+
} else if (child.hasAttribute('data-default-loader')) {
|
|
230
|
+
// skip default loader
|
|
227
231
|
} else {
|
|
228
232
|
registry.label++;
|
|
229
233
|
}
|
|
@@ -36,7 +36,7 @@ export function getButtonClassName({
|
|
|
36
36
|
'layer-components:(shadow-sm ring-bg)',
|
|
37
37
|
'layer-components:color-contrast',
|
|
38
38
|
|
|
39
|
-
emphasis === 'ghost' && 'layer-variants:(border-
|
|
39
|
+
emphasis === 'ghost' && 'layer-variants:(border-transparent shadow-none)',
|
|
40
40
|
emphasis === 'contrast' &&
|
|
41
41
|
'layer-variants:border-bg layer-variants:hover:bg-gray-ink',
|
|
42
42
|
|
|
@@ -57,9 +57,11 @@ export function getButtonClassName({
|
|
|
57
57
|
size === 'small',
|
|
58
58
|
'layer-components:[&[data-has-icon=true][data-has-label=false]]:(rounded-lg p-2.35 text-sm)':
|
|
59
59
|
size === 'default' && !disableIconMode,
|
|
60
|
-
'layer-components:[&[data-has-icon=true][data-has-label=false]]:(rounded-lg p-sm text-xs -m-y-2xs)':
|
|
60
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]]:min-h-touch-small layer-components:[&[data-has-icon=true][data-has-label=false]]:(rounded-lg p-sm text-xs -m-y-2xs)':
|
|
61
61
|
size === 'small' && !disableIconMode,
|
|
62
62
|
},
|
|
63
|
+
!disableIconMode &&
|
|
64
|
+
'layer-components:[&[data-has-icon=true][data-has-label=false]:not([aria-pressed])]:(aspect-1 items-center justify-center)',
|
|
63
65
|
|
|
64
66
|
'layer-components:hover:(ring-4 bg-main bg-lighten-2)',
|
|
65
67
|
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
|
+
import clsx from 'clsx';
|
|
3
4
|
import { useField, useFormikContext } from 'formik';
|
|
4
5
|
import {
|
|
5
6
|
InputHTMLAttributes,
|
|
@@ -119,7 +120,7 @@ export function TextAreaField({
|
|
|
119
120
|
ref={inputRef as any}
|
|
120
121
|
{...props}
|
|
121
122
|
{...rest}
|
|
122
|
-
className={textAreaClassName}
|
|
123
|
+
className={clsx('layer-composed:w-full', textAreaClassName)}
|
|
123
124
|
id={id}
|
|
124
125
|
onKeyDown={onKeyDownInner}
|
|
125
126
|
/>
|
|
@@ -5,10 +5,12 @@ import {
|
|
|
5
5
|
} from '@base-ui/react/popover';
|
|
6
6
|
|
|
7
7
|
import { MenuArrowProps } from '@base-ui/react/menu';
|
|
8
|
-
import classNames from 'clsx';
|
|
8
|
+
import classNames, { clsx } from 'clsx';
|
|
9
9
|
import { Ref } from 'react';
|
|
10
10
|
import { withClassName } from '../../hooks/withClassName.js';
|
|
11
11
|
import { GroupScaleReset } from '../../systems/GroupScale.js';
|
|
12
|
+
import { Button, ButtonProps } from '../button/Button.js';
|
|
13
|
+
import { Icon } from '../icon/Icon.js';
|
|
12
14
|
import { popupClassName } from '../primitives/menus.js';
|
|
13
15
|
import { ArrowSvg } from '../utility/ArrowSvg.js';
|
|
14
16
|
|
|
@@ -25,11 +27,29 @@ const StyledArrow = withClassName(
|
|
|
25
27
|
'layer-components:data-[open]:(scale-100 opacity-100)',
|
|
26
28
|
);
|
|
27
29
|
|
|
28
|
-
const StyledClose =
|
|
29
|
-
|
|
30
|
-
|
|
30
|
+
const StyledClose = ({
|
|
31
|
+
className,
|
|
32
|
+
inline,
|
|
33
|
+
...props
|
|
34
|
+
}: ButtonProps & {
|
|
35
|
+
inline?: boolean;
|
|
36
|
+
}) => (
|
|
37
|
+
<PopoverPrimitive.Close
|
|
38
|
+
render={
|
|
39
|
+
<Button
|
|
40
|
+
emphasis="ghost"
|
|
41
|
+
size="small"
|
|
42
|
+
className={clsx(
|
|
43
|
+
!inline && 'layer-composed:(absolute right-sm top-sm)',
|
|
44
|
+
className,
|
|
45
|
+
)}
|
|
46
|
+
{...props}
|
|
47
|
+
/>
|
|
48
|
+
}
|
|
49
|
+
>
|
|
50
|
+
<Icon name="x" />
|
|
51
|
+
</PopoverPrimitive.Close>
|
|
31
52
|
);
|
|
32
|
-
|
|
33
53
|
// Exports
|
|
34
54
|
export const PopoverRoot = PopoverPrimitive.Root;
|
|
35
55
|
export const PopoverTrigger = PopoverPrimitive.Trigger;
|