@a-type/ui 4.1.5 → 4.1.7
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/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/quickAction/QuickAction.d.ts +3 -3
- package/dist/cjs/components/quickAction/QuickAction.js +4 -7
- package/dist/cjs/components/quickAction/QuickAction.js.map +1 -1
- package/dist/esm/components/input/Input.js +1 -1
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/quickAction/QuickAction.d.ts +3 -3
- package/dist/esm/components/quickAction/QuickAction.js +5 -8
- package/dist/esm/components/quickAction/QuickAction.js.map +1 -1
- package/package.json +1 -1
- package/src/components/input/Input.tsx +1 -1
- package/src/components/quickAction/QuickAction.tsx +11 -3
|
@@ -24,7 +24,7 @@ const useRotatingShuffledValue_js_1 = require("../../hooks/useRotatingShuffledVa
|
|
|
24
24
|
const GroupScale_js_1 = require("../../systems/GroupScale.js");
|
|
25
25
|
const inputs_js_1 = require("../../systems/inputs.js");
|
|
26
26
|
exports.inputClassName = (0, clsx_1.default)('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
|
|
27
|
-
const inputBorderClassName = (0, clsx_1.default)('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:[--global-shadow-spread:0] layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-
|
|
27
|
+
const inputBorderClassName = (0, clsx_1.default)('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:[--global-shadow-spread:0] layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-black', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
|
|
28
28
|
function InputBorderImpl(props) {
|
|
29
29
|
return ((0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, props)) }));
|
|
30
30
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAG8B;AAC9B,gDAAwB;AAExB,6CAA+C;AAC/C,yFAAmF;AACnF,+DAA8D;AAC9D,uDAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,cAAI,EACjC,+GAA+G,EAC/G,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,iEAAiE,EACjE,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAG8B;AAC9B,gDAAwB;AAExB,6CAA+C;AAC/C,yFAAmF;AACnF,+DAA8D;AAC9D,uDAAoD;AAEvC,QAAA,cAAc,GAAG,IAAA,cAAI,EACjC,+GAA+G,EAC/G,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,cAAI,EAChC,iEAAiE,EACjE,qMAAqM,EACrM,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,4EAA4E,EAC5E,oCAAoC,CACpC,CAAC;AAEF,SAAS,eAAe,CACvB,KAEC;IAED,OAAO,CACN,uBAAC,+BAAe,cACf,gDAAS,KAAK,EAAI,GACD,CAClB,CAAC;AACH,CAAC;AACD,MAAM,WAAW,GAAG,IAAA,wBAAa,EAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEzE,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,qBAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,qBAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,IAAA,sDAAwB,EACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,uBAAC,aAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,wBAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,uBAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEW,QAAA,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { DialogRootProps } from '@base-ui/react/dialog';
|
|
1
|
+
import { DialogPopupProps, DialogRootProps } from '@base-ui/react/dialog';
|
|
2
2
|
import { RefObject } from 'react';
|
|
3
3
|
import { ButtonProps } from '../button/Button.js';
|
|
4
4
|
export declare const QuickActionRoot: ({ children, ...props }: Omit<DialogRootProps, "children"> & {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}) => import("react/jsx-runtime.js").JSX.Element;
|
|
7
7
|
export type QuickActionTriggerProps = ButtonProps;
|
|
8
|
-
interface QuickActionContentProps {
|
|
8
|
+
interface QuickActionContentProps extends DialogPopupProps {
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
className?: string;
|
|
11
11
|
align?: 'center' | 'start' | 'end';
|
|
@@ -15,6 +15,6 @@ export declare const QuickAction: (({ children, ...props }: Omit<DialogRootProps
|
|
|
15
15
|
children?: React.ReactNode;
|
|
16
16
|
}) => import("react/jsx-runtime.js").JSX.Element) & {
|
|
17
17
|
Trigger: ({ className, emphasis, children, ref, ...props }: QuickActionTriggerProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
18
|
-
Content: ({ children, className, align, ref, }: QuickActionContentProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
18
|
+
Content: ({ children, className, align, ref, style, ...rest }: QuickActionContentProps) => import("react/jsx-runtime.js").JSX.Element;
|
|
19
19
|
};
|
|
20
20
|
export {};
|
|
@@ -50,7 +50,8 @@ const QuickActionTrigger = (_a) => {
|
|
|
50
50
|
} })));
|
|
51
51
|
}, children: children })));
|
|
52
52
|
};
|
|
53
|
-
const QuickActionContent = (
|
|
53
|
+
const QuickActionContent = (_a) => {
|
|
54
|
+
var { children, className, align = 'center', ref, style } = _a, rest = __rest(_a, ["children", "className", "align", "ref", "style"]);
|
|
54
55
|
const innerRef = (0, react_1.useRef)(null);
|
|
55
56
|
const finalRef = (0, useMergedRef_js_1.default)(innerRef, ref);
|
|
56
57
|
const layoutId = (0, react_1.useContext)(QuickActionIdContext);
|
|
@@ -62,7 +63,7 @@ const QuickActionContent = ({ children, className, align = 'center', ref, }) =>
|
|
|
62
63
|
style.setProperty('--trigger-height', `${size.height}px`);
|
|
63
64
|
}
|
|
64
65
|
});
|
|
65
|
-
return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog.Portal, {
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)(dialog_1.Dialog.Portal, { children: (0, jsx_runtime_1.jsx)(dialog_1.Dialog.Popup, Object.assign({ ref: finalRef, className: (0, clsx_1.default)('layer-components:contain-layout layer-components:border-1 layer-components:rounded-md layer-components:border-solid layer-components:shadow-lg layer-components:transition-all layer-components:transition-ease-out layer-components:bg-white layer-components:border-black layer-components:clip-inset-[-50px]-[-50px]-[-50px]-[-50px]', 'layer-components:fixed layer-components:bottom-[anchor(bottom)] layer-components:overflow-clip', {
|
|
66
67
|
'[justify-self:anchor-center]': align === 'center',
|
|
67
68
|
'left-[anchor(left)]': align === 'start',
|
|
68
69
|
'right-[anchor(right)]': align === 'end',
|
|
@@ -70,11 +71,7 @@ const QuickActionContent = ({ children, className, align = 'center', ref, }) =>
|
|
|
70
71
|
'start-end:clip-inset-[calc(100%_-_var(--trigger-height))]-[calc((100%_-_var(--trigger-width))/2)]-[0]-[calc((100%_-_var(--trigger-width))/2)]-[round]-[200px]': align === 'center',
|
|
71
72
|
'start-end:clip-inset-[calc(100%_-_var(--trigger-height))]-[calc(100%_-_var(--trigger-width))]-[0]-[0]-[round]-[200px]': align === 'start',
|
|
72
73
|
'start-end:clip-inset-[calc(100%_-_var(--trigger-height))]-[0]-[0]-[calc(100%_-_var(--trigger-width))]-[round]-[200px]': align === 'end',
|
|
73
|
-
}, 'data-[ending-style]:opacity-0', className), style: {
|
|
74
|
-
positionAnchor: `--${layoutId}`,
|
|
75
|
-
'--trigger-width': triggerSizeMonitor.get().width + 'px',
|
|
76
|
-
'--trigger-height': triggerSizeMonitor.get().height + 'px',
|
|
77
|
-
}, children: children }) }));
|
|
74
|
+
}, 'data-[ending-style]:opacity-0', className), style: Object.assign({ positionAnchor: `--${layoutId}`, '--trigger-width': triggerSizeMonitor.get().width + 'px', '--trigger-height': triggerSizeMonitor.get().height + 'px' }, style) }, rest, { children: children })) }));
|
|
78
75
|
};
|
|
79
76
|
exports.QuickAction = Object.assign(exports.QuickActionRoot, {
|
|
80
77
|
Trigger: QuickActionTrigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuickAction.js","sourceRoot":"","sources":["../../../../src/components/quickAction/QuickAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"QuickAction.js","sourceRoot":"","sources":["../../../../src/components/quickAction/QuickAction.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.j
|
|
|
18
18
|
import { GroupScaleReset } from '../../systems/GroupScale.js';
|
|
19
19
|
import { inputInfo } from '../../systems/inputs.js';
|
|
20
20
|
export const inputClassName = clsx('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
|
|
21
|
-
const inputBorderClassName = clsx('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:[--global-shadow-spread:0] layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-
|
|
21
|
+
const inputBorderClassName = clsx('layer-components:[--local-corner-scale:1] layer-components:[--spacing-scale:1]', 'layer-components:[--global-shadow-spread:0] layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-black', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
|
|
22
22
|
function InputBorderImpl(props) {
|
|
23
23
|
return (_jsx(GroupScaleReset, { children: _jsx("div", Object.assign({}, props)) }));
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,KAAK,IAAI,SAAS,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,+GAA+G,EAC/G,gDAAgD,EAChD,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAI,CAChC,iEAAiE,EACjE,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { DialogRootProps } from '@base-ui/react/dialog';
|
|
1
|
+
import { DialogPopupProps, DialogRootProps } from '@base-ui/react/dialog';
|
|
2
2
|
import { RefObject } from 'react';
|
|
3
3
|
import { ButtonProps } from '../button/Button.js';
|
|
4
4
|
export declare const QuickActionRoot: ({ children, ...props }: Omit<DialogRootProps, "children"> & {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export type QuickActionTriggerProps = ButtonProps;
|
|
8
|
-
interface QuickActionContentProps {
|
|
8
|
+
interface QuickActionContentProps extends DialogPopupProps {
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
className?: string;
|
|
11
11
|
align?: 'center' | 'start' | 'end';
|
|
@@ -15,6 +15,6 @@ export declare const QuickAction: (({ children, ...props }: Omit<DialogRootProps
|
|
|
15
15
|
children?: React.ReactNode;
|
|
16
16
|
}) => import("react/jsx-runtime").JSX.Element) & {
|
|
17
17
|
Trigger: ({ className, emphasis, children, ref, ...props }: QuickActionTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
Content: ({ children, className, align, ref, }: QuickActionContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
Content: ({ children, className, align, ref, style, ...rest }: QuickActionContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
};
|
|
20
20
|
export {};
|
|
@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { Dialog } from '@base-ui/react/dialog';
|
|
14
|
+
import { Dialog, } from '@base-ui/react/dialog';
|
|
15
15
|
import clsx from 'clsx';
|
|
16
16
|
import { createContext, useContext, useId, useRef } from 'react';
|
|
17
17
|
import { useSize } from '../../hooks.js';
|
|
@@ -43,7 +43,8 @@ const QuickActionTrigger = (_a) => {
|
|
|
43
43
|
} })));
|
|
44
44
|
}, children: children })));
|
|
45
45
|
};
|
|
46
|
-
const QuickActionContent = (
|
|
46
|
+
const QuickActionContent = (_a) => {
|
|
47
|
+
var { children, className, align = 'center', ref, style } = _a, rest = __rest(_a, ["children", "className", "align", "ref", "style"]);
|
|
47
48
|
const innerRef = useRef(null);
|
|
48
49
|
const finalRef = useMergedRef(innerRef, ref);
|
|
49
50
|
const layoutId = useContext(QuickActionIdContext);
|
|
@@ -55,7 +56,7 @@ const QuickActionContent = ({ children, className, align = 'center', ref, }) =>
|
|
|
55
56
|
style.setProperty('--trigger-height', `${size.height}px`);
|
|
56
57
|
}
|
|
57
58
|
});
|
|
58
|
-
return (_jsx(Dialog.Portal, {
|
|
59
|
+
return (_jsx(Dialog.Portal, { children: _jsx(Dialog.Popup, Object.assign({ ref: finalRef, className: clsx('layer-components:contain-layout layer-components:border-1 layer-components:rounded-md layer-components:border-solid layer-components:shadow-lg layer-components:transition-all layer-components:transition-ease-out layer-components:bg-white layer-components:border-black layer-components:clip-inset-[-50px]-[-50px]-[-50px]-[-50px]', 'layer-components:fixed layer-components:bottom-[anchor(bottom)] layer-components:overflow-clip', {
|
|
59
60
|
'[justify-self:anchor-center]': align === 'center',
|
|
60
61
|
'left-[anchor(left)]': align === 'start',
|
|
61
62
|
'right-[anchor(right)]': align === 'end',
|
|
@@ -63,11 +64,7 @@ const QuickActionContent = ({ children, className, align = 'center', ref, }) =>
|
|
|
63
64
|
'start-end:clip-inset-[calc(100%_-_var(--trigger-height))]-[calc((100%_-_var(--trigger-width))/2)]-[0]-[calc((100%_-_var(--trigger-width))/2)]-[round]-[200px]': align === 'center',
|
|
64
65
|
'start-end:clip-inset-[calc(100%_-_var(--trigger-height))]-[calc(100%_-_var(--trigger-width))]-[0]-[0]-[round]-[200px]': align === 'start',
|
|
65
66
|
'start-end:clip-inset-[calc(100%_-_var(--trigger-height))]-[0]-[0]-[calc(100%_-_var(--trigger-width))]-[round]-[200px]': align === 'end',
|
|
66
|
-
}, 'data-[ending-style]:opacity-0', className), style: {
|
|
67
|
-
positionAnchor: `--${layoutId}`,
|
|
68
|
-
'--trigger-width': triggerSizeMonitor.get().width + 'px',
|
|
69
|
-
'--trigger-height': triggerSizeMonitor.get().height + 'px',
|
|
70
|
-
}, children: children }) }));
|
|
67
|
+
}, 'data-[ending-style]:opacity-0', className), style: Object.assign({ positionAnchor: `--${layoutId}`, '--trigger-width': triggerSizeMonitor.get().width + 'px', '--trigger-height': triggerSizeMonitor.get().height + 'px' }, style) }, rest, { children: children })) }));
|
|
71
68
|
};
|
|
72
69
|
export const QuickAction = Object.assign(QuickActionRoot, {
|
|
73
70
|
Trigger: QuickActionTrigger,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuickAction.js","sourceRoot":"","sources":["../../../../src/components/quickAction/QuickAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"QuickAction.js","sourceRoot":"","sources":["../../../../src/components/quickAction/QuickAction.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -20,7 +20,7 @@ export const inputClassName = clsx(
|
|
|
20
20
|
|
|
21
21
|
const inputBorderClassName = clsx(
|
|
22
22
|
'layer-components:([--local-corner-scale:1] [--spacing-scale:1])',
|
|
23
|
-
'layer-components:([--global-shadow-spread:0] flex flex-row items-center gap-xs border-1 rounded-lg border-solid text-md shadow-sm shadow-inset transition-shadow color-black bg-white border-
|
|
23
|
+
'layer-components:([--global-shadow-spread:0] flex flex-row items-center gap-xs border-1 rounded-lg border-solid text-md shadow-sm shadow-inset transition-shadow color-black bg-white border-black)',
|
|
24
24
|
'layer-components:(w-max-content overflow-clip)',
|
|
25
25
|
'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:(shadow-none bg-transparent border-gray placeholder-gray-dark)',
|
|
26
26
|
'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:(outline-none ring ring-4 ring-accent)',
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import {
|
|
2
|
+
Dialog,
|
|
3
|
+
DialogPopupProps,
|
|
4
|
+
DialogRootProps,
|
|
5
|
+
} from '@base-ui/react/dialog';
|
|
2
6
|
import clsx from 'clsx';
|
|
3
7
|
import { createContext, RefObject, useContext, useId, useRef } from 'react';
|
|
4
8
|
import { useSize } from '../../hooks.js';
|
|
@@ -75,7 +79,7 @@ const QuickActionTrigger = ({
|
|
|
75
79
|
);
|
|
76
80
|
};
|
|
77
81
|
|
|
78
|
-
interface QuickActionContentProps {
|
|
82
|
+
interface QuickActionContentProps extends DialogPopupProps {
|
|
79
83
|
children?: React.ReactNode;
|
|
80
84
|
className?: string;
|
|
81
85
|
align?: 'center' | 'start' | 'end';
|
|
@@ -86,6 +90,8 @@ const QuickActionContent = ({
|
|
|
86
90
|
className,
|
|
87
91
|
align = 'center',
|
|
88
92
|
ref,
|
|
93
|
+
style,
|
|
94
|
+
...rest
|
|
89
95
|
}: QuickActionContentProps) => {
|
|
90
96
|
const innerRef = useRef<HTMLDivElement>(null);
|
|
91
97
|
const finalRef = useMergedRef(innerRef, ref);
|
|
@@ -100,7 +106,7 @@ const QuickActionContent = ({
|
|
|
100
106
|
});
|
|
101
107
|
|
|
102
108
|
return (
|
|
103
|
-
<Dialog.Portal
|
|
109
|
+
<Dialog.Portal>
|
|
104
110
|
<Dialog.Popup
|
|
105
111
|
ref={finalRef}
|
|
106
112
|
className={clsx(
|
|
@@ -127,8 +133,10 @@ const QuickActionContent = ({
|
|
|
127
133
|
positionAnchor: `--${layoutId}`,
|
|
128
134
|
'--trigger-width': triggerSizeMonitor.get().width + 'px',
|
|
129
135
|
'--trigger-height': triggerSizeMonitor.get().height + 'px',
|
|
136
|
+
...style,
|
|
130
137
|
} as any
|
|
131
138
|
}
|
|
139
|
+
{...rest}
|
|
132
140
|
>
|
|
133
141
|
{children}
|
|
134
142
|
</Dialog.Popup>
|