pi-kiosk-shared 2.2.52 → 2.2.53
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/components/DatabaseUnavailable.d.ts.map +1 -1
- package/dist/components/DatabaseUnavailable.js +2 -15
- package/dist/components/DatabaseUnavailable.js.map +1 -1
- package/dist/ui/Badge/index.d.ts +2 -0
- package/dist/ui/Badge/index.d.ts.map +1 -0
- package/dist/ui/Badge/index.js +2 -0
- package/dist/ui/Badge/index.js.map +1 -0
- package/dist/ui/Dialog/Dialog.d.ts +11 -2
- package/dist/ui/Dialog/Dialog.d.ts.map +1 -1
- package/dist/ui/Dialog/Dialog.js +25 -6
- package/dist/ui/Dialog/Dialog.js.map +1 -1
- package/dist/ui/LocaleFlags/LocaleFlagToggle.js +1 -1
- package/dist/ui/LocaleFlags/LocaleFlagToggle.js.map +1 -1
- package/dist/ui/ProviderIcon/ProviderIcon.d.ts +2 -0
- package/dist/ui/ProviderIcon/ProviderIcon.d.ts.map +1 -1
- package/dist/ui/ProviderIcon/ProviderIcon.js +4 -4
- package/dist/ui/ProviderIcon/ProviderIcon.js.map +1 -1
- package/dist/ui/QuantityStepper/QuantityStepper.d.ts +11 -1
- package/dist/ui/QuantityStepper/QuantityStepper.d.ts.map +1 -1
- package/dist/ui/QuantityStepper/QuantityStepper.js +4 -2
- package/dist/ui/QuantityStepper/QuantityStepper.js.map +1 -1
- package/dist/ui/index.d.ts +4 -0
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +4 -0
- package/dist/ui/index.js.map +1 -1
- package/package.json +1 -1
- package/src/tokens/theme.css +4 -0
- package/src/tokens/tokens.sync.json +8 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatabaseUnavailable.d.ts","sourceRoot":"","sources":["../../src/components/DatabaseUnavailable.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatabaseUnavailable.d.ts","sourceRoot":"","sources":["../../src/components/DatabaseUnavailable.tsx"],"names":[],"mappings":"AAGA,UAAU,wBAAwB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,UAAc,EACd,UAAc,EACd,cAAkB,EAClB,OAAO,GACR,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAmJxC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
|
+
import { Button } from '../ui/Button/Button.js';
|
|
3
4
|
/**
|
|
4
5
|
* Database Unavailable Screen
|
|
5
6
|
* Shows when the backend database is unavailable
|
|
@@ -66,21 +67,7 @@ export function DatabaseUnavailable({ retryCount = 0, maxRetries = 5, nextRetryD
|
|
|
66
67
|
borderRadius: '6px',
|
|
67
68
|
marginBottom: '2rem',
|
|
68
69
|
border: '1px solid #dee2e6',
|
|
69
|
-
}, children: [_jsxs("div", { style: { marginBottom: '0.5rem' }, children: [_jsx("strong", { children: "Pokus:" }), " ", retryCount, " / ", maxRetries] }), nextRetryDelay > 0 && (_jsxs("div", { children: [_jsx("strong", { children: "Dal\u0161\u00ED pokus za:" }), ' ', _jsx("span", { style: { color: '#007bff', fontWeight: 'bold' }, children: countdown > 0 ? `${countdown} sekund` : 'právě teď...' })] })), retryCount > 0 && (_jsxs("div", { style: { marginTop: '0.5rem', fontSize: '0.9rem', color: '#666' }, children: ["Zpo\u017Ed\u011Bn\u00ED: ", formatDelay(nextRetryDelay)] }))] }), onRetry && (_jsx("button",
|
|
70
|
-
padding: '0.75rem 2rem',
|
|
71
|
-
fontSize: '1rem',
|
|
72
|
-
backgroundColor: '#007bff',
|
|
73
|
-
color: 'white',
|
|
74
|
-
border: 'none',
|
|
75
|
-
borderRadius: '6px',
|
|
76
|
-
cursor: 'pointer',
|
|
77
|
-
fontWeight: '500',
|
|
78
|
-
transition: 'background-color 0.2s',
|
|
79
|
-
}, onMouseOver: (e) => {
|
|
80
|
-
e.currentTarget.style.backgroundColor = '#0056b3';
|
|
81
|
-
}, onMouseOut: (e) => {
|
|
82
|
-
e.currentTarget.style.backgroundColor = '#007bff';
|
|
83
|
-
}, type: "button", children: "\uD83D\uDD04 Zkusit znovu" })), _jsxs("div", { style: {
|
|
70
|
+
}, children: [_jsxs("div", { style: { marginBottom: '0.5rem' }, children: [_jsx("strong", { children: "Pokus:" }), " ", retryCount, " / ", maxRetries] }), nextRetryDelay > 0 && (_jsxs("div", { children: [_jsx("strong", { children: "Dal\u0161\u00ED pokus za:" }), ' ', _jsx("span", { style: { color: '#007bff', fontWeight: 'bold' }, children: countdown > 0 ? `${countdown} sekund` : 'právě teď...' })] })), retryCount > 0 && (_jsxs("div", { style: { marginTop: '0.5rem', fontSize: '0.9rem', color: '#666' }, children: ["Zpo\u017Ed\u011Bn\u00ED: ", formatDelay(nextRetryDelay)] }))] }), onRetry && (_jsx(Button, { type: "button", intent: "primary", size: "md", onClick: onRetry, children: "\uD83D\uDD04 Zkusit znovu" })), _jsxs("div", { style: {
|
|
84
71
|
marginTop: '2rem',
|
|
85
72
|
paddingTop: '2rem',
|
|
86
73
|
borderTop: '1px solid #dee2e6',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatabaseUnavailable.js","sourceRoot":"","sources":["../../src/components/DatabaseUnavailable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DatabaseUnavailable.js","sourceRoot":"","sources":["../../src/components/DatabaseUnavailable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAShD;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAClC,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,CAAC,EACd,cAAc,GAAG,CAAC,EAClB,OAAO,GACkB;IACzB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAErF,gCAAgC;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,IAAI,CAAC;YAAE,OAAO;QAEhC,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;gBACpB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;gBAC1B,OAAO,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,WAAW,GAAG,CAAC,EAAU,EAAU,EAAE;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;QACrC,IAAI,OAAO,GAAG,EAAE,EAAE,CAAC;YACjB,OAAO,GAAG,OAAO,SAAS,CAAC;QAC7B,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACzC,MAAM,gBAAgB,GAAG,OAAO,GAAG,EAAE,CAAC;QACtC,IAAI,gBAAgB,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,GAAG,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;QACrF,CAAC;QACD,OAAO,GAAG,OAAO,IAAI,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,IAAI,gBAAgB,SAAS,CAAC;IAChH,CAAC,CAAC;IAEF,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,SAAS;YAC1B,SAAS,EAAE,QAAQ;SACpB,EACD,IAAI,EAAC,OAAO,eACF,WAAW,YAErB,eACE,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,eAAe,EAAE,OAAO;gBACxB,OAAO,EAAE,MAAM;gBACf,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,8BAA8B;aAC1C,aAED,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,mCAAW,EAEjE,aACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,MAAM;wBAClB,YAAY,EAAE,MAAM;wBACpB,KAAK,EAAE,MAAM;qBACd,sDAGE,EAEL,aACE,KAAK,EAAE;wBACL,QAAQ,EAAE,QAAQ;wBAClB,KAAK,EAAE,MAAM;wBACb,YAAY,EAAE,MAAM;wBACpB,UAAU,EAAE,KAAK;qBAClB,8GAGD,cAAM,kGAEJ,EAEJ,eACE,KAAK,EAAE;wBACL,eAAe,EAAE,SAAS;wBAC1B,OAAO,EAAE,QAAQ;wBACjB,YAAY,EAAE,KAAK;wBACnB,YAAY,EAAE,MAAM;wBACpB,MAAM,EAAE,mBAAmB;qBAC5B,aAED,eAAK,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,aACpC,sCAAuB,OAAE,UAAU,SAAK,UAAU,IAC9C,EACL,cAAc,GAAG,CAAC,IAAI,CACrB,0BACE,yDAAgC,EAAC,GAAG,EACpC,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,YAClD,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,SAAS,SAAS,CAAC,CAAC,CAAC,cAAc,GAClD,IACH,CACP,EACA,UAAU,GAAG,CAAC,IAAI,CACjB,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,0CACzD,WAAW,CAAC,cAAc,CAAC,IAClC,CACP,IACG,EAEL,OAAO,IAAI,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,OAAO,0CAExD,CACV,EAED,eACE,KAAK,EAAE;wBACL,SAAS,EAAE,MAAM;wBACjB,UAAU,EAAE,MAAM;wBAClB,SAAS,EAAE,mBAAmB;wBAC9B,QAAQ,EAAE,QAAQ;wBAClB,KAAK,EAAE,MAAM;qBACd,aAED,YAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,2EAEnB,EACJ,cACE,KAAK,EAAE;gCACL,SAAS,EAAE,MAAM;gCACjB,OAAO,EAAE,cAAc;gCACvB,SAAS,EAAE,QAAQ;gCACnB,WAAW,EAAE,QAAQ;6BACtB,aAED,sFAA0C,EAC1C,sFAAoD,EACpD,0FAAyC,EACzC,+EAAwC,IACrC,IACD,IACF,GACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAmB,MAAM,YAAY,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type ReactNode } from 'react';
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
2
|
/**
|
|
3
3
|
* CMP-0010 Dialog — Radix-free modal shell (no portal library).
|
|
4
4
|
* Wave A harden: focus trap, restore, busy Escape/backdrop, scroll lock, labelledby, inert.
|
|
@@ -12,6 +12,15 @@ export interface DialogProps {
|
|
|
12
12
|
readonly closeOnOverlayClick?: boolean;
|
|
13
13
|
readonly closeLabel?: string;
|
|
14
14
|
readonly className?: string;
|
|
15
|
+
/** Optional class for the fixed full-viewport shell (backdrop + panel host). */
|
|
16
|
+
readonly shellClassName?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Additive props for the role=dialog|alertdialog panel only (e.g. data-scan-mode).
|
|
19
|
+
* Never use panelAttrs — panelProps is the sole escape hatch.
|
|
20
|
+
*/
|
|
21
|
+
readonly panelProps?: Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children' | 'aria-modal'> & {
|
|
22
|
+
readonly 'data-scan-mode'?: string;
|
|
23
|
+
};
|
|
15
24
|
readonly testId?: string;
|
|
16
25
|
/** When true, Escape and backdrop dismiss are no-ops; close control is disabled. */
|
|
17
26
|
readonly busy?: boolean;
|
|
@@ -26,5 +35,5 @@ export interface DialogProps {
|
|
|
26
35
|
/** Stable id for title element; auto-generated when omitted. */
|
|
27
36
|
readonly titleId?: string;
|
|
28
37
|
}
|
|
29
|
-
export declare function Dialog({ open, onClose, title, children, closeOnOverlayClick, closeLabel, className, testId, busy, pending, describedBy, role, hideHeader, titleId: titleIdProp, }: DialogProps): JSX.Element | null;
|
|
38
|
+
export declare function Dialog({ open, onClose, title, children, closeOnOverlayClick, closeLabel, className, shellClassName, panelProps, testId, busy, pending, describedBy, role, hideHeader, titleId: titleIdProp, }: DialogProps): JSX.Element | null;
|
|
30
39
|
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/ui/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/ui/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAyBf;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IACvC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,IAAI,CACxB,cAAc,CAAC,cAAc,CAAC,EAC9B,MAAM,GAAG,UAAU,GAAG,YAAY,CACnC,GAAG;QACF,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;KACpC,CAAC;IACF,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,oFAAoF;IACpF,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACxB,qDAAqD;IACrD,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,oDAAoD;IACpD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,mDAAmD;IACnD,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAC;IACzC,qEAAqE;IACrE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,gEAAgE;IAChE,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B;AAKD,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,mBAA0B,EAC1B,UAAoB,EACpB,SAAS,EACT,cAAc,EACd,UAAU,EACV,MAAiB,EACjB,IAAY,EACZ,OAAe,EACf,WAAW,EACX,IAAe,EACf,UAAkB,EAClB,OAAO,EAAE,WAAW,GACrB,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA6JlC"}
|
package/dist/ui/Dialog/Dialog.js
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useId, useRef } from 'react';
|
|
2
|
+
import { useEffect, useId, useRef, } from 'react';
|
|
3
3
|
import { focusInitialInContainer, handleFocusTrapKeyDown, lockBodyScroll, setBackgroundInert, } from '../overlay/overlayFocus.js';
|
|
4
4
|
import { OVERLAY_BACKDROP_ENTERED, OVERLAY_BACKDROP_EXITED, OVERLAY_MOTION_ENTERED, OVERLAY_MOTION_EXITED, OVERLAY_MOTION_TRANSITION, useOverlayPresence, } from '../overlay/overlayMotion.js';
|
|
5
|
+
const MODAL_DIALOG_SELECTOR = '[role="dialog"][aria-modal="true"], [role="alertdialog"][aria-modal="true"]';
|
|
6
|
+
/** True when `panel` is the last (topmost) modal dialog/alertdialog in document order. */
|
|
7
|
+
function isTopmostModalDialog(panel) {
|
|
8
|
+
const dialogs = document.querySelectorAll(MODAL_DIALOG_SELECTOR);
|
|
9
|
+
return dialogs.length > 0 && dialogs[dialogs.length - 1] === panel;
|
|
10
|
+
}
|
|
5
11
|
const DIALOG_SHELL_PAD = 'pt-[max(1rem,env(safe-area-inset-top))] pr-[max(1rem,env(safe-area-inset-right))] pb-[max(1rem,env(safe-area-inset-bottom))] pl-[max(1rem,env(safe-area-inset-left))]';
|
|
6
|
-
export function Dialog({ open, onClose, title, children, closeOnOverlayClick = true, closeLabel = 'Close', className, testId = 'dialog', busy = false, pending = false, describedBy, role = 'dialog', hideHeader = false, titleId: titleIdProp, }) {
|
|
12
|
+
export function Dialog({ open, onClose, title, children, closeOnOverlayClick = true, closeLabel = 'Close', className, shellClassName, panelProps, testId = 'dialog', busy = false, pending = false, describedBy, role = 'dialog', hideHeader = false, titleId: titleIdProp, }) {
|
|
7
13
|
const isBusy = busy || pending;
|
|
8
14
|
const generatedId = useId();
|
|
9
15
|
const titleId = titleIdProp ?? `${generatedId}-title`;
|
|
@@ -11,6 +17,7 @@ export function Dialog({ open, onClose, title, children, closeOnOverlayClick = t
|
|
|
11
17
|
const panelRef = useRef(null);
|
|
12
18
|
const restoreFocusRef = useRef(null);
|
|
13
19
|
const { mounted, visible } = useOverlayPresence(open);
|
|
20
|
+
const { className: panelPropsClassName, ...restPanelProps } = panelProps ?? {};
|
|
14
21
|
// Initial focus when opening; capture restore target before moving focus in.
|
|
15
22
|
useEffect(() => {
|
|
16
23
|
if (!open || !mounted) {
|
|
@@ -46,15 +53,20 @@ export function Dialog({ open, onClose, title, children, closeOnOverlayClick = t
|
|
|
46
53
|
}
|
|
47
54
|
const onKey = (event) => {
|
|
48
55
|
const panel = panelRef.current;
|
|
49
|
-
if (panel
|
|
50
|
-
|
|
56
|
+
if (panel === null) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
if (!isTopmostModalDialog(panel)) {
|
|
60
|
+
return;
|
|
51
61
|
}
|
|
62
|
+
handleFocusTrapKeyDown(panel, event);
|
|
52
63
|
if (event.key === 'Escape') {
|
|
53
64
|
if (isBusy) {
|
|
54
65
|
event.preventDefault();
|
|
55
66
|
event.stopPropagation();
|
|
56
67
|
return;
|
|
57
68
|
}
|
|
69
|
+
event.stopPropagation();
|
|
58
70
|
onClose();
|
|
59
71
|
}
|
|
60
72
|
};
|
|
@@ -68,7 +80,13 @@ export function Dialog({ open, onClose, title, children, closeOnOverlayClick = t
|
|
|
68
80
|
const labelledBy = title ? titleId : undefined;
|
|
69
81
|
const motionState = visible ? OVERLAY_MOTION_ENTERED : OVERLAY_MOTION_EXITED;
|
|
70
82
|
const backdropState = visible ? OVERLAY_BACKDROP_ENTERED : OVERLAY_BACKDROP_EXITED;
|
|
71
|
-
return (_jsxs("div", { ref: rootRef, className:
|
|
83
|
+
return (_jsxs("div", { ref: rootRef, className: [
|
|
84
|
+
'fixed inset-0 z-[var(--z-dialog,50)] flex h-[100dvh] items-center justify-center',
|
|
85
|
+
DIALOG_SHELL_PAD,
|
|
86
|
+
shellClassName,
|
|
87
|
+
]
|
|
88
|
+
.filter(Boolean)
|
|
89
|
+
.join(' '), "data-testid": testId, children: [_jsx("button", { type: "button", className: [
|
|
72
90
|
'absolute inset-0 bg-black/40',
|
|
73
91
|
OVERLAY_MOTION_TRANSITION,
|
|
74
92
|
backdropState,
|
|
@@ -76,11 +94,12 @@ export function Dialog({ open, onClose, title, children, closeOnOverlayClick = t
|
|
|
76
94
|
if (open && !isBusy && closeOnOverlayClick) {
|
|
77
95
|
onClose();
|
|
78
96
|
}
|
|
79
|
-
} }), _jsxs("div", { ref: panelRef, role: role, "aria-modal": "true", "aria-labelledby": labelledBy, "aria-describedby": describedBy, "aria-busy": isBusy || undefined, className: [
|
|
97
|
+
} }), _jsxs("div", { ...restPanelProps, ref: panelRef, role: role, "aria-modal": "true", "aria-labelledby": labelledBy, "aria-describedby": describedBy, "aria-busy": isBusy || undefined, className: [
|
|
80
98
|
'relative z-10 w-full max-w-lg rounded-lg border border-[var(--color-border,var(--color-an-border))]',
|
|
81
99
|
'bg-[var(--color-surface,var(--color-an-surface))] p-4 shadow-lg',
|
|
82
100
|
OVERLAY_MOTION_TRANSITION,
|
|
83
101
|
motionState,
|
|
102
|
+
panelPropsClassName,
|
|
84
103
|
className,
|
|
85
104
|
]
|
|
86
105
|
.filter(Boolean)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,KAAK,EACL,MAAM,GAGP,MAAM,OAAO,CAAC;AACf,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,cAAc,EACd,kBAAkB,GACnB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,wBAAwB,EACxB,uBAAuB,EACvB,sBAAsB,EACtB,qBAAqB,EACrB,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AAErC,MAAM,qBAAqB,GACzB,6EAA6E,CAAC;AAEhF,0FAA0F;AAC1F,SAAS,oBAAoB,CAAC,KAAkB;IAC9C,MAAM,OAAO,GAAG,QAAQ,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IACjE,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,KAAK,CAAC;AACrE,CAAC;AA0CD,MAAM,gBAAgB,GACpB,uKAAuK,CAAC;AAE1K,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,mBAAmB,GAAG,IAAI,EAC1B,UAAU,GAAG,OAAO,EACpB,SAAS,EACT,cAAc,EACd,UAAU,EACV,MAAM,GAAG,QAAQ,EACjB,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,KAAK,EACf,WAAW,EACX,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,OAAO,EAAE,WAAW,GACR;IACZ,MAAM,MAAM,GAAG,IAAI,IAAI,OAAO,CAAC;IAC/B,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,OAAO,GAAG,WAAW,IAAI,GAAG,WAAW,QAAQ,CAAC;IACtD,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC9C,MAAM,eAAe,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,EACJ,SAAS,EAAE,mBAAmB,EAC9B,GAAG,cAAc,EAClB,GAAG,UAAU,IAAI,EAAE,CAAC;IAErB,6EAA6E;IAC7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QACD,eAAe,CAAC,OAAO;YACrB,QAAQ,CAAC,aAAa,YAAY,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC;QAChF,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC/B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACnB,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,iGAAiG;IACjG,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;QAChC,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC;QAC7B,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAS,EAAE,CAAC,SAAS,CAAC;QACpF,OAAO,GAAS,EAAE;YAChB,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,CAAC;YACT,MAAM,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC;YACxC,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,CAAC,KAAK,KAAK,UAAU,EAAE,CAAC;gBAC5D,OAAO,CAAC,KAAK,EAAE,CAAC;YAClB,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAO;QACT,CAAC;QACD,MAAM,KAAK,GAAG,CAAC,KAAoB,EAAQ,EAAE;YAC3C,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC/B,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,CAAC;gBACjC,OAAO;YACT,CAAC;YACD,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACrC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,IAAI,MAAM,EAAE,CAAC;oBACX,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;oBACxB,OAAO;gBACT,CAAC;gBACD,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAClE,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;IACjD,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/C,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IAC7E,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,uBAAuB,CAAC;IAEnF,OAAO,CACL,eACE,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE;YACT,kFAAkF;YAClF,gBAAgB;YAChB,cAAc;SACf;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,iBACC,MAAM,aAEnB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE;oBACT,8BAA8B;oBAC9B,yBAAyB;oBACzB,aAAa;iBACd,CAAC,IAAI,CAAC,GAAG,CAAC,gBACC,UAAU,iBACT,GAAG,MAAM,UAAU,EAChC,QAAQ,EAAE,CAAC,CAAC,EACZ,QAAQ,EAAE,MAAM,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,EACjD,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,mBAAmB,EAAE,CAAC;wBAC3C,OAAO,EAAE,CAAC;oBACZ,CAAC;gBACH,CAAC,GACD,EACF,kBACM,cAAc,EAClB,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,gBACC,MAAM,qBACA,UAAU,sBACT,WAAW,eAClB,MAAM,IAAI,SAAS,EAC9B,SAAS,EAAE;oBACT,qGAAqG;oBACrG,iEAAiE;oBACjE,yBAAyB;oBACzB,WAAW;oBACX,mBAAmB;oBACnB,SAAS;iBACV;qBACE,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,iBACC,GAAG,MAAM,UAAU,aAE/B,UAAU,CAAC,CAAC,CAAC,CACZ,kBAAQ,SAAS,EAAC,6CAA6C,aAC7D,aACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAC,+EAA+E,YAExF,KAAK,GACH,EACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mEAAmE,gBACjE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,IAAI,CAAC,IAAI,iBACZ,GAAG,MAAM,QAAQ,uBAGvB,IACF,CACV,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,eAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,SAAS,YACnC,KAAK,GACD,CACR,CAAC,CAAC,CAAC,IAAI,EACR,wBAAM,QAAQ,GAAO,IACjB,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -76,7 +76,7 @@ const flagButton = tv({
|
|
|
76
76
|
},
|
|
77
77
|
pressed: {
|
|
78
78
|
true: 'opacity-100 shadow-sm',
|
|
79
|
-
false: 'opacity-75 hover:
|
|
79
|
+
false: 'opacity-75 hover:opacity-100',
|
|
80
80
|
},
|
|
81
81
|
surface: {
|
|
82
82
|
admin: 'focus-visible:outline-[var(--color-an-primary,var(--color-brand-primary))]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocaleFlagToggle.js","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/LocaleFlagToggle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAMlC,MAAM,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,8CAA8C;IACpD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE;gBACN,+GAA+G;gBAC/G,uDAAuD;aACxD,CAAC,IAAI,CAAC,GAAG,CAAC;YACX,MAAM,EAAE;gBACN,0GAA0G;gBAC1G,iFAAiF;aAClF,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD,OAAO,EAAE;YACP,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;SACX;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,2EAA2E;gBAC3E,gGAAgG;gBAChG,yGAAyG;aAC1G,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD;YACE,OAAO,EAAE,OAAO;YAChB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,qFAAqF;gBACrF,yFAAyF;gBACzF,uEAAuE;aACxE,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD;YACE,OAAO,EAAE,UAAU;YACnB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,6EAA6E;gBAC7E,oDAAoD;aACrD,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;QACD;YACE,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,UAAU;YACrB,KAAK,EAAE;gBACL,sGAAsG;gBACtG,yDAAyD;aAC1D,CAAC,IAAI,CAAC,GAAG,CAAC;SACZ;KACF;IACD,eAAe,EAAE;QACf,SAAS,EAAE,UAAU;QACrB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,+EAA+E;QAC/E,yDAAyD;QACzD,8EAA8E;KAC/E,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,QAAQ,EAAE,WAAW;YACrB,MAAM,EAAE,SAAS;YACjB,MAAM,EAAE,SAAS;SAClB;QACD,OAAO,EAAE;YACP,IAAI,EAAE,uBAAuB;YAC7B,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"LocaleFlagToggle.js","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/LocaleFlagToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,6 +15,8 @@ export interface ProviderIconProps {
|
|
|
15
15
|
readonly title?: string;
|
|
16
16
|
}
|
|
17
17
|
export declare function resolveProviderIconAssetId(providerId: string): ProviderIconAssetId;
|
|
18
|
+
/** Hard cap — provider marks never exceed Icon ladder max (64). */
|
|
19
|
+
export declare const PROVIDER_ICON_MAX_PX = 64;
|
|
18
20
|
export declare const ProviderIcon: import("react").NamedExoticComponent<ProviderIconProps>;
|
|
19
21
|
export {};
|
|
20
22
|
//# sourceMappingURL=ProviderIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProviderIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/ProviderIcon/ProviderIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,sDAAuD,CAAC;AAE5F,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3E,QAAA,MAAM,OAAO;;;;CAIH,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAgBlF;
|
|
1
|
+
{"version":3,"file":"ProviderIcon.d.ts","sourceRoot":"","sources":["../../../src/ui/ProviderIcon/ProviderIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,sDAAuD,CAAC;AAE5F,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE3E,QAAA,MAAM,OAAO;;;;CAIH,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,OAAO,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,2EAA2E;IAC3E,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,mBAAmB,CAgBlF;AAED,mEAAmE;AACnE,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAWvC,eAAO,MAAM,YAAY,yDA2BvB,CAAC"}
|
|
@@ -19,11 +19,11 @@ export function resolveProviderIconAssetId(providerId) {
|
|
|
19
19
|
}
|
|
20
20
|
return 'generic-bank';
|
|
21
21
|
}
|
|
22
|
+
/** Hard cap — provider marks never exceed Icon ladder max (64). */
|
|
23
|
+
export const PROVIDER_ICON_MAX_PX = 64;
|
|
22
24
|
function resolveSizePx(size) {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
return SIZE_PX[size ?? 'md'];
|
|
25
|
+
const raw = typeof size === 'number' ? size : SIZE_PX[size ?? 'md'];
|
|
26
|
+
return Math.min(raw, PROVIDER_ICON_MAX_PX);
|
|
27
27
|
}
|
|
28
28
|
function resolveAssetBasePath(assetBasePath) {
|
|
29
29
|
return assetBasePath.endsWith('/') ? assetBasePath : `${assetBasePath}/`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProviderIcon.js","sourceRoot":"","sources":["../../../src/ui/ProviderIcon/ProviderIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,CAAU,CAAC;AAI5F,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACE,CAAC;AAaX,MAAM,UAAU,0BAA0B,CAAC,UAAkB;IAC3D,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAEnD,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACpG,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,SAAS,aAAa,CAAC,IAAkC;IACvD,
|
|
1
|
+
{"version":3,"file":"ProviderIcon.js","sourceRoot":"","sources":["../../../src/ui/ProviderIcon/ProviderIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,CAAU,CAAC;AAI5F,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACE,CAAC;AAaX,MAAM,UAAU,0BAA0B,CAAC,UAAkB;IAC3D,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAEnD,IAAI,UAAU,KAAK,KAAK,EAAE,CAAC;QACzB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;QACpG,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,mEAAmE;AACnE,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AAEvC,SAAS,aAAa,CAAC,IAAkC;IACvD,MAAM,GAAG,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;IACpE,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,oBAAoB,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,oBAAoB,CAAC,aAAqB;IACjD,OAAO,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,GAAG,CAAC;AAC3E,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAoB,SAAS,YAAY,CAAC,EACxE,UAAU,EACV,IAAI,GAAG,IAAI,EACX,SAAS,EACT,aAAa,GAAG,aAAa,EAC7B,KAAK,GACN;IACC,MAAM,OAAO,GAAG,0BAA0B,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,GAAG,GAAG,GAAG,oBAAoB,CAAC,aAAa,CAAC,GAAG,OAAO,MAAM,CAAC;IACnE,MAAM,cAAc,GAAG,KAAK,IAAI,CAAC,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IAEpF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,GAAG,EAAC,EAAE,EACN,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,SAAS,EACjB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,iBACA,eAAe,sBACT,UAAU,yBACP,OAAO,EAC5B,IAAI,EAAC,KAAK,gBACE,cAAc,GAC1B,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type IconButtonProps } from '../IconButton/IconButton.js';
|
|
1
2
|
export interface QuantityStepperProps {
|
|
2
3
|
readonly value: number;
|
|
3
4
|
readonly onInc: () => void;
|
|
@@ -8,6 +9,15 @@ export interface QuantityStepperProps {
|
|
|
8
9
|
readonly disabled?: boolean;
|
|
9
10
|
/** Accessible name for the stepper group (buttons get derived labels). */
|
|
10
11
|
readonly 'aria-label': string;
|
|
12
|
+
/** Override decrease control accessible name (defaults to `${aria-label}: decrease`). */
|
|
13
|
+
readonly decreaseAriaLabel?: string;
|
|
14
|
+
/** Override increase control accessible name (defaults to `${aria-label}: increase`). */
|
|
15
|
+
readonly increaseAriaLabel?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Control hit target. Prefer `md` (≥44) on kiosk / Spec touch surfaces.
|
|
18
|
+
* @default 'md'
|
|
19
|
+
*/
|
|
20
|
+
readonly size?: NonNullable<IconButtonProps['size']>;
|
|
11
21
|
readonly className?: string;
|
|
12
22
|
readonly testId?: string;
|
|
13
23
|
}
|
|
@@ -15,5 +25,5 @@ export interface QuantityStepperProps {
|
|
|
15
25
|
* CMP-0016 QuantityStepper — thin +/- quantity control.
|
|
16
26
|
* Prefer this over one-off IconButtons for cart/line qty.
|
|
17
27
|
*/
|
|
18
|
-
export declare function QuantityStepper({ value, onInc, onDec, min, max, disabled, 'aria-label': ariaLabel, className, testId, }: QuantityStepperProps): JSX.Element;
|
|
28
|
+
export declare function QuantityStepper({ value, onInc, onDec, min, max, disabled, 'aria-label': ariaLabel, decreaseAriaLabel, increaseAriaLabel, size, className, testId, }: QuantityStepperProps): JSX.Element;
|
|
19
29
|
//# sourceMappingURL=QuantityStepper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuantityStepper.d.ts","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/QuantityStepper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"QuantityStepper.d.ts","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/QuantityStepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE/E,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,0EAA0E;IAC1E,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,yFAAyF;IACzF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC,yFAAyF;IACzF,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IACrD,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAO,EACP,GAAG,EACH,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,IAAW,EACX,SAAS,EACT,MAA2B,GAC5B,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAuCpC"}
|
|
@@ -5,9 +5,11 @@ import { IconButton } from '../IconButton/IconButton.js';
|
|
|
5
5
|
* CMP-0016 QuantityStepper — thin +/- quantity control.
|
|
6
6
|
* Prefer this over one-off IconButtons for cart/line qty.
|
|
7
7
|
*/
|
|
8
|
-
export function QuantityStepper({ value, onInc, onDec, min = 0, max, disabled = false, 'aria-label': ariaLabel, className, testId = 'quantity-stepper', }) {
|
|
8
|
+
export function QuantityStepper({ value, onInc, onDec, min = 0, max, disabled = false, 'aria-label': ariaLabel, decreaseAriaLabel, increaseAriaLabel, size = 'md', className, testId = 'quantity-stepper', }) {
|
|
9
9
|
const atMin = value <= min;
|
|
10
10
|
const atMax = max !== undefined && value >= max;
|
|
11
|
-
|
|
11
|
+
const decLabel = decreaseAriaLabel ?? `${ariaLabel}: decrease`;
|
|
12
|
+
const incLabel = increaseAriaLabel ?? `${ariaLabel}: increase`;
|
|
13
|
+
return (_jsxs("div", { className: ['inline-flex items-center gap-2', className].filter(Boolean).join(' '), role: "group", "aria-label": ariaLabel, "data-testid": testId, children: [_jsx(IconButton, { icon: Minus, size: size, tone: "muted", "aria-label": decLabel, disabled: disabled || atMin, onClick: onDec, "data-testid": `${testId}-dec` }), _jsx("span", { className: "min-w-8 text-center text-base font-semibold tabular-nums text-[var(--color-text-primary,var(--color-on-surface))]", "aria-live": "polite", "data-testid": `${testId}-value`, children: value }), _jsx(IconButton, { icon: Plus, size: size, "aria-label": incLabel, disabled: disabled || atMax, onClick: onInc, "data-testid": `${testId}-inc` })] }));
|
|
12
14
|
}
|
|
13
15
|
//# sourceMappingURL=QuantityStepper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"QuantityStepper.js","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/QuantityStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"QuantityStepper.js","sourceRoot":"","sources":["../../../src/ui/QuantityStepper/QuantityStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAwB,MAAM,6BAA6B,CAAC;AAyB/E;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,EACH,QAAQ,GAAG,KAAK,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,MAAM,GAAG,kBAAkB,GACN;IACrB,MAAM,KAAK,GAAG,KAAK,IAAI,GAAG,CAAC;IAC3B,MAAM,KAAK,GAAG,GAAG,KAAK,SAAS,IAAI,KAAK,IAAI,GAAG,CAAC;IAChD,MAAM,QAAQ,GAAG,iBAAiB,IAAI,GAAG,SAAS,YAAY,CAAC;IAC/D,MAAM,QAAQ,GAAG,iBAAiB,IAAI,GAAG,SAAS,YAAY,CAAC;IAE/D,OAAO,CACL,eACE,SAAS,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAClF,IAAI,EAAC,OAAO,gBACA,SAAS,iBACR,MAAM,aAEnB,KAAC,UAAU,IACT,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,gBACA,QAAQ,EACpB,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,OAAO,EAAE,KAAK,iBACD,GAAG,MAAM,MAAM,GAC5B,EACF,eACE,SAAS,EAAC,mHAAmH,eACnH,QAAQ,iBACL,GAAG,MAAM,QAAQ,YAE7B,KAAK,GACD,EACP,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,gBACE,QAAQ,EACpB,QAAQ,EAAE,QAAQ,IAAI,KAAK,EAC3B,OAAO,EAAE,KAAK,iBACD,GAAG,MAAM,MAAM,GAC5B,IACE,CACP,CAAC;AACJ,CAAC"}
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -15,12 +15,16 @@ export { NavStepper, type NavStepperProps, type NavStepperStep, } from './NavSte
|
|
|
15
15
|
export { Dialog, type DialogProps } from './Dialog/Dialog.js';
|
|
16
16
|
export { BottomSheet, Drawer, type BottomSheetProps, type DrawerProps, } from './BottomSheet/BottomSheet.js';
|
|
17
17
|
export { Toast, type ToastProps, type ToastVariant } from './Toast/Toast.js';
|
|
18
|
+
export { FilterChip, type FilterChipProps, } from './FilterChip/FilterChip.js';
|
|
19
|
+
export { SegmentTabs, type SegmentTabItem, type SegmentTabsProps, type SegmentTabsVariant, } from './SegmentTabs/SegmentTabs.js';
|
|
18
20
|
export { Skeleton, SkeletonText, type SkeletonProps, type SkeletonTextProps, } from './Skeleton/Skeleton.js';
|
|
19
21
|
export { Loader, type LoaderProps } from './Loader/Loader.js';
|
|
20
22
|
export { Textarea, type TextareaProps } from './Textarea/Textarea.js';
|
|
21
23
|
export { Icon, ICON_SIZES, type IconProps, type IconSize } from './Icon/index.js';
|
|
22
24
|
export { Star } from './Icon/Star.js';
|
|
23
25
|
export { IconButton, type IconButtonProps } from './IconButton/index.js';
|
|
26
|
+
export { Badge, type BadgeProps } from './Badge/index.js';
|
|
27
|
+
export { QuantityStepper, type QuantityStepperProps, } from './QuantityStepper/index.js';
|
|
24
28
|
export { handleFocusTrapKeyDown, listFocusable, focusInitialInContainer, lockBodyScroll, setBackgroundInert, } from './overlay/overlayFocus.js';
|
|
25
29
|
export { OVERLAY_EXIT_MS } from './overlay/overlayMotion.js';
|
|
26
30
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/ui/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,KAAK,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,WAAW,EACX,MAAM,EACN,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,KAAK,gBAAgB,EACrB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,KAAK,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,GACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,WAAW,EACX,MAAM,EACN,KAAK,gBAAgB,EACrB,KAAK,WAAW,GACjB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,EACX,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,GACxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,KAAK,aAAa,EAClB,KAAK,iBAAiB,GACvB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC"}
|
package/dist/ui/index.js
CHANGED
|
@@ -15,12 +15,16 @@ export { NavStepper, } from './NavStepper/NavStepper.js';
|
|
|
15
15
|
export { Dialog } from './Dialog/Dialog.js';
|
|
16
16
|
export { BottomSheet, Drawer, } from './BottomSheet/BottomSheet.js';
|
|
17
17
|
export { Toast } from './Toast/Toast.js';
|
|
18
|
+
export { FilterChip, } from './FilterChip/FilterChip.js';
|
|
19
|
+
export { SegmentTabs, } from './SegmentTabs/SegmentTabs.js';
|
|
18
20
|
export { Skeleton, SkeletonText, } from './Skeleton/Skeleton.js';
|
|
19
21
|
export { Loader } from './Loader/Loader.js';
|
|
20
22
|
export { Textarea } from './Textarea/Textarea.js';
|
|
21
23
|
export { Icon, ICON_SIZES } from './Icon/index.js';
|
|
22
24
|
export { Star } from './Icon/Star.js';
|
|
23
25
|
export { IconButton } from './IconButton/index.js';
|
|
26
|
+
export { Badge } from './Badge/index.js';
|
|
27
|
+
export { QuantityStepper, } from './QuantityStepper/index.js';
|
|
24
28
|
export { handleFocusTrapKeyDown, listFocusable, focusInitialInContainer, lockBodyScroll, setBackgroundInert, } from './overlay/overlayFocus.js';
|
|
25
29
|
export { OVERLAY_EXIT_MS } from './overlay/overlayMotion.js';
|
|
26
30
|
//# sourceMappingURL=index.js.map
|
package/dist/ui/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAkB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAuB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,GAKf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,GAOpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAA+B,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAA6B,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAkC,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,GAEvB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,GAI3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,UAAU,GAGX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,WAAW,EACX,MAAM,GAGP,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAsC,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,QAAQ,EACR,YAAY,GAGb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAsB,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAiC,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAwB,MAAM,uBAAuB,CAAC;AACzE,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAkB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAuB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,GAKf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,GAOpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,gBAAgB,EAA+B,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAA6B,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAkC,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,GAEvB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,0BAA0B,GAI3B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,UAAU,GAGX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EACL,WAAW,EACX,MAAM,GAGP,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,KAAK,EAAsC,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EACL,UAAU,GAEX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,GAIZ,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,QAAQ,EACR,YAAY,GAGb,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAsB,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAiC,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAwB,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,KAAK,EAAmB,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EACL,eAAe,GAEhB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACd,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC"}
|
package/package.json
CHANGED
package/src/tokens/theme.css
CHANGED
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
--color-primary-foreground: #f8fafc;
|
|
20
20
|
--color-accent: var(--brand-consumer-accent);
|
|
21
21
|
--color-accent-foreground: var(--brand-consumer-accent-foreground);
|
|
22
|
+
--color-on-accent: var(--color-accent-foreground);
|
|
22
23
|
--color-accent-hover: #001a33;
|
|
23
24
|
--color-success: #16a34a;
|
|
24
25
|
--color-success-foreground: #ecfdf5;
|
|
@@ -56,6 +57,7 @@
|
|
|
56
57
|
--color-primary-foreground: var(--color-neutral-950);
|
|
57
58
|
--color-accent: var(--brand-consumer-accent);
|
|
58
59
|
--color-accent-foreground: var(--brand-consumer-accent-foreground);
|
|
60
|
+
--color-on-accent: var(--color-accent-foreground);
|
|
59
61
|
--color-accent-hover: var(--brand-consumer-accent-soft);
|
|
60
62
|
--color-success: #22c55e;
|
|
61
63
|
--color-success-foreground: #052e16;
|
|
@@ -89,6 +91,7 @@
|
|
|
89
91
|
--color-primary-foreground: var(--color-neutral-950);
|
|
90
92
|
--color-accent: var(--brand-consumer-accent);
|
|
91
93
|
--color-accent-foreground: var(--brand-consumer-accent-foreground);
|
|
94
|
+
--color-on-accent: var(--color-accent-foreground);
|
|
92
95
|
--color-accent-hover: var(--brand-consumer-accent-soft);
|
|
93
96
|
--color-success: #22c55e;
|
|
94
97
|
--color-success-foreground: #052e16;
|
|
@@ -121,6 +124,7 @@
|
|
|
121
124
|
--color-primary-foreground: #f8fafc;
|
|
122
125
|
--color-accent: var(--brand-consumer-accent);
|
|
123
126
|
--color-accent-foreground: var(--brand-consumer-accent-foreground);
|
|
127
|
+
--color-on-accent: var(--color-accent-foreground);
|
|
124
128
|
--color-accent-hover: #001a33;
|
|
125
129
|
--color-success: #16a34a;
|
|
126
130
|
--color-success-foreground: #ecfdf5;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 1,
|
|
3
|
-
"generatedAt": "2026-
|
|
3
|
+
"generatedAt": "2026-08-01T10:43:15.394Z",
|
|
4
4
|
"source": "shared/scripts/gate-tokens-sync.mjs",
|
|
5
5
|
"inputs": [
|
|
6
6
|
"brand-bridge.css",
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
"--color-primary-foreground": "#f8fafc",
|
|
68
68
|
"--color-accent": "var(--brand-consumer-accent)",
|
|
69
69
|
"--color-accent-foreground": "var(--brand-consumer-accent-foreground)",
|
|
70
|
+
"--color-on-accent": "var(--color-accent-foreground)",
|
|
70
71
|
"--color-accent-hover": "#001a33",
|
|
71
72
|
"--color-success": "#16a34a",
|
|
72
73
|
"--color-success-foreground": "#ecfdf5",
|
|
@@ -90,7 +91,7 @@
|
|
|
90
91
|
"--motion-duration-base": "200ms",
|
|
91
92
|
"--motion-easing-standard": "cubic-bezier(0.2, 0.8, 0.2, 1)"
|
|
92
93
|
},
|
|
93
|
-
"count":
|
|
94
|
+
"count": 34
|
|
94
95
|
},
|
|
95
96
|
{
|
|
96
97
|
"file": "admin-theme.css",
|
|
@@ -138,7 +139,7 @@
|
|
|
138
139
|
"count": 39
|
|
139
140
|
}
|
|
140
141
|
],
|
|
141
|
-
"mergedPropertyCount":
|
|
142
|
+
"mergedPropertyCount": 100,
|
|
142
143
|
"properties": {
|
|
143
144
|
"--font-family-primary": {
|
|
144
145
|
"file": "brand-bridge.css",
|
|
@@ -336,6 +337,10 @@
|
|
|
336
337
|
"file": "theme.css",
|
|
337
338
|
"value": "var(--brand-consumer-accent-foreground)"
|
|
338
339
|
},
|
|
340
|
+
"--color-on-accent": {
|
|
341
|
+
"file": "theme.css",
|
|
342
|
+
"value": "var(--color-accent-foreground)"
|
|
343
|
+
},
|
|
339
344
|
"--color-accent-hover": {
|
|
340
345
|
"file": "theme.css",
|
|
341
346
|
"value": "#001a33"
|