@adminiumjs/ui 0.3.9 → 0.3.11
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.
|
@@ -32,13 +32,15 @@ export interface ModalHeaderProps extends Omit<ComponentPropsWithRef<'div'>, 'ti
|
|
|
32
32
|
title: ReactNode;
|
|
33
33
|
/** Optional subtitle (wired to `aria-describedby` via `Dialog.Description`). */
|
|
34
34
|
subtitle?: ReactNode;
|
|
35
|
+
/** Content at the header's end edge, level with the title and before the close button (chips, a status). */
|
|
36
|
+
actions?: ReactNode;
|
|
35
37
|
/** Accessible label for the close icon-button (required — i18n). */
|
|
36
38
|
closeLabel: string;
|
|
37
39
|
/** Hide the close icon-button (e.g. forced-choice flows). */
|
|
38
40
|
hideClose?: boolean | undefined;
|
|
39
41
|
}
|
|
40
|
-
/** Modal header: tinted icon tile + title/subtitle + close icon-button. */
|
|
41
|
-
export declare function ModalHeader({ icon, tone, title, subtitle, closeLabel, hideClose, className, children, ...props }: ModalHeaderProps): import("react").JSX.Element;
|
|
42
|
+
/** Modal header: tinted icon tile + title/subtitle + optional end-edge actions + close icon-button. */
|
|
43
|
+
export declare function ModalHeader({ icon, tone, title, subtitle, actions, closeLabel, hideClose, className, children, ...props }: ModalHeaderProps): import("react").JSX.Element;
|
|
42
44
|
export type ModalBodyProps = ComponentPropsWithRef<'div'>;
|
|
43
45
|
/** Scrollable modal body (tokens `.nb-scroll` scrollbar). */
|
|
44
46
|
export declare function ModalBody({ className, ...props }: ModalBodyProps): import("react").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAWlD,kEAAkE;AAClE,eAAO,MAAM,YAAY,kIAA0B,CAAC;AACpD,8DAA8D;AAC9D,eAAO,MAAM,UAAU,gIAAwB,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACpF,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,UAAU,+BAiCrG;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACnF,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,0EAA0E;IAC1E,KAAK,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,oEAAoE;IACpE,UAAU,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAA4B,KAAK,qBAAqB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAWlD,kEAAkE;AAClE,eAAO,MAAM,YAAY,kIAA0B,CAAC;AACpD,8DAA8D;AAC9D,eAAO,MAAM,UAAU,gIAAwB,CAAC;AAEhD,MAAM,WAAW,UAAW,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACpF,oDAAoD;IACpD,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAW,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,UAAU,+BAiCrG;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACnF,mEAAmE;IACnE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,0EAA0E;IAC1E,KAAK,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4GAA4G;IAC5G,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,oEAAoE;IACpE,UAAU,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC;AAED,uGAAuG;AACvG,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,IAAe,EACf,KAAK,EACL,QAAQ,EACR,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,+BAmClB;AAED,MAAM,MAAM,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE1D,6DAA6D;AAC7D,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,+BAOhE;AAED,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC;AAE5D,8EAA8E;AAC9E,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAUpE"}
|
|
@@ -35,8 +35,8 @@ export function Modal({ size = 'md', className, overlayClassName, children, ...r
|
|
|
35
35
|
// inset-0 + m-auto + h-fit centers without transforms — RTL-safe.
|
|
36
36
|
'fixed inset-0 z-50 m-auto flex h-fit max-h-[85vh] w-[calc(100%-32px)] flex-col', 'overflow-hidden rounded-xl border border-border bg-surface shadow-modal outline-none', 'animate-[nb-modal_.22s_cubic-bezier(.2,.8,.2,1)]', modalSizeClasses[size], className), children: content })] })] }));
|
|
37
37
|
}
|
|
38
|
-
/** Modal header: tinted icon tile + title/subtitle + close icon-button. */
|
|
39
|
-
export function ModalHeader({ icon, tone = 'accent', title, subtitle, closeLabel, hideClose, className, children, ...props }) {
|
|
38
|
+
/** Modal header: tinted icon tile + title/subtitle + optional end-edge actions + close icon-button. */
|
|
39
|
+
export function ModalHeader({ icon, tone = 'accent', title, subtitle, actions, closeLabel, hideClose, className, children, ...props }) {
|
|
40
40
|
return (_jsxs("div", { className: cn('flex shrink-0 items-start gap-3 px-5 pb-4 pt-5', className), ...props, children: [icon === undefined || icon === null ? null : _jsx(IconTile, { tone: tone, size: "md", icon: icon }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(DialogPrimitive.Title, { className: "text-modal text-fg", children: title }), subtitle === undefined || subtitle === null ? null : (
|
|
41
41
|
// asChild over a <div>, not Radix's default <p>: `subtitle` is a
|
|
42
42
|
// ReactNode and real callers pass block content (the delete-preflight
|
|
@@ -44,7 +44,7 @@ export function ModalHeader({ icon, tone = 'accent', title, subtitle, closeLabel
|
|
|
44
44
|
// invalid HTML — the browser auto-closes the <p>, so the rendered DOM
|
|
45
45
|
// stops matching the React tree. The description id rides on the div,
|
|
46
46
|
// so the aria-describedby wiring is unchanged.
|
|
47
|
-
_jsx(DialogPrimitive.Description, { asChild: true, children: _jsx("div", { className: "mt-0.5 text-body-sm text-fg-muted", children: subtitle }) })), children] }), hideClose ? null : (_jsx(DialogPrimitive.Close, { "aria-label": closeLabel, className: cn('nb-ib -me-1.5 -mt-1.5 inline-flex size-8 shrink-0 items-center justify-center rounded-md text-fg-muted', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent'), children: _jsx(X, { className: "size-4", "aria-hidden": "true" }) }))] }));
|
|
47
|
+
_jsx(DialogPrimitive.Description, { asChild: true, children: _jsx("div", { className: "mt-0.5 text-body-sm text-fg-muted", children: subtitle }) })), children] }), actions === undefined || actions === null ? null : (_jsx("div", { className: "flex shrink-0 items-center gap-1.5", children: actions })), hideClose ? null : (_jsx(DialogPrimitive.Close, { "aria-label": closeLabel, className: cn('nb-ib -me-1.5 -mt-1.5 inline-flex size-8 shrink-0 items-center justify-center rounded-md text-fg-muted', 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-accent'), children: _jsx(X, { className: "size-4", "aria-hidden": "true" }) }))] }));
|
|
48
48
|
}
|
|
49
49
|
/** Scrollable modal body (tokens `.nb-scroll` scrollbar). */
|
|
50
50
|
export function ModalBody({ className, ...props }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,cAAc,EAA8C,MAAM,OAAO,CAAC;AAE7F,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAa,MAAM,uBAAuB,CAAC;AAI5D;KACK;AACL,MAAM,gBAAgB,GAA8B;IAClD,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;IACnB,EAAE,EAAE,eAAe;CACpB,CAAC;AAEF,kEAAkE;AAClE,MAAM,CAAC,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,CAAC;AACpD,8DAA8D;AAC9D,MAAM,CAAC,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC;AAYhD;;;;;;GAMG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAc;IACpG,iFAAiF;IACjF,iFAAiF;IACjF,sBAAsB;IACtB,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;IACxF,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC;IAC1F,OAAO,CACL,MAAC,eAAe,CAAC,IAAI,OAAK,SAAS,aAChC,QAAQ,EACT,MAAC,eAAe,CAAC,MAAM,eACrB,KAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE,CACX,0DAA0D,EAC1D,gDAAgD,EAChD,gBAAgB,CACjB,GACD,EACF,KAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE;wBACX,kEAAkE;wBAClE,gFAAgF,EAChF,sFAAsF,EACtF,kDAAkD,EAClD,gBAAgB,CAAC,IAAI,CAAC,EACtB,SAAS,CACV,YAEA,OAAO,GACgB,IACH,IACJ,CACxB,CAAC;AACJ,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adminiumjs/ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.11",
|
|
4
4
|
"license": "AGPL-3.0-only",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
}
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@adminium/tokens": "npm:@adminiumjs/tokens@0.3.
|
|
26
|
+
"@adminium/tokens": "npm:@adminiumjs/tokens@0.3.11",
|
|
27
27
|
"@radix-ui/react-checkbox": "^1.3.3",
|
|
28
28
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
29
29
|
"@radix-ui/react-direction": "^1.1.1",
|