pi-kiosk-shared 2.2.43 → 2.2.45
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/ui/Button/Button.d.ts +14 -0
- package/dist/ui/Button/Button.d.ts.map +1 -1
- package/dist/ui/Button/Button.js +56 -17
- package/dist/ui/Button/Button.js.map +1 -1
- package/dist/ui/Checkbox/Checkbox.d.ts +5 -1
- package/dist/ui/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/ui/Checkbox/Checkbox.js +5 -1
- package/dist/ui/Checkbox/Checkbox.js.map +1 -1
- package/dist/ui/LocaleFlags/LocaleFlagToggle.js +7 -7
- package/dist/ui/LocaleFlags/LocaleFlagToggle.js.map +1 -1
- package/dist/ui/Radio/Radio.d.ts +5 -1
- package/dist/ui/Radio/Radio.d.ts.map +1 -1
- package/dist/ui/Radio/Radio.js +5 -1
- package/dist/ui/Radio/Radio.js.map +1 -1
- package/dist/ui/Switch/Switch.d.ts +5 -1
- package/dist/ui/Switch/Switch.d.ts.map +1 -1
- package/dist/ui/Switch/Switch.js +5 -1
- package/dist/ui/Switch/Switch.js.map +1 -1
- package/package.json +347 -339
- package/src/tokens/admin-theme.css +33 -34
- package/src/tokens/brand-bridge.css +21 -12
- package/src/tokens/theme.css +19 -19
- package/src/tokens/tokens.sync.json +156 -605
|
@@ -7,12 +7,26 @@ export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
|
7
7
|
readonly intent?: SharedIntent;
|
|
8
8
|
readonly size?: SharedSize;
|
|
9
9
|
readonly block?: boolean;
|
|
10
|
+
/** Shows spinner; preserves width via invisible label (no collapse). */
|
|
11
|
+
readonly loading?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Square icon button. Requires `aria-label` for accessible name.
|
|
14
|
+
* No shared Tooltip primitive — uses native `title` (falls back to aria-label).
|
|
15
|
+
*/
|
|
16
|
+
readonly iconOnly?: boolean;
|
|
10
17
|
};
|
|
11
18
|
export declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
12
19
|
readonly surface?: Surface;
|
|
13
20
|
readonly intent?: SharedIntent;
|
|
14
21
|
readonly size?: SharedSize;
|
|
15
22
|
readonly block?: boolean;
|
|
23
|
+
/** Shows spinner; preserves width via invisible label (no collapse). */
|
|
24
|
+
readonly loading?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Square icon button. Requires `aria-label` for accessible name.
|
|
27
|
+
* No shared Tooltip primitive — uses native `title` (falls back to aria-label).
|
|
28
|
+
*/
|
|
29
|
+
readonly iconOnly?: boolean;
|
|
16
30
|
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
17
31
|
export {};
|
|
18
32
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAqM9D,KAAK,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAOzD,KAAK,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC7E,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AA2D5C,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,YAAY,CAAC;IAC/B,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACzB,wEAAwE;IACxE,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,MAAM;uBAbE,OAAO;sBACR,YAAY;oBACd,UAAU;qBACT,OAAO;IACxB,wEAAwE;uBACrD,OAAO;IAC1B;;;OAGG;wBACiB,OAAO;qDA2D5B,CAAC"}
|
package/dist/ui/Button/Button.js
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { tv } from '../tvShim.js';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
const adminButton = tv({
|
|
5
5
|
base: [
|
|
6
|
-
'inline-flex items-center justify-center gap-2',
|
|
6
|
+
'relative inline-flex items-center justify-center gap-2',
|
|
7
7
|
'rounded-md font-semibold font-[inherit] leading-snug',
|
|
8
|
-
'transition-[background,border-color,color,box-shadow,transform,filter]
|
|
8
|
+
'transition-[background,border-color,color,box-shadow,transform,filter]',
|
|
9
|
+
'duration-[var(--motion-duration-button,100ms)]',
|
|
10
|
+
'ease-[var(--motion-ease-standard,cubic-bezier(0.4,0,0.2,1))]',
|
|
9
11
|
'focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
10
12
|
'focus-visible:outline-[var(--color-an-primary)]',
|
|
11
13
|
'disabled:cursor-not-allowed disabled:opacity-55',
|
|
@@ -38,25 +40,31 @@ const adminButton = tv({
|
|
|
38
40
|
success: '',
|
|
39
41
|
},
|
|
40
42
|
size: {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
/* Spec D8: 32 / 40 / 48 */
|
|
44
|
+
sm: 'h-8 min-h-8 px-3 text-xs',
|
|
45
|
+
md: 'h-10 min-h-10 px-4 text-sm',
|
|
46
|
+
lg: 'h-12 min-h-12 px-5 text-base',
|
|
47
|
+
xl: 'h-12 min-h-12 px-5 text-base',
|
|
45
48
|
},
|
|
46
49
|
block: {
|
|
47
50
|
true: 'w-full',
|
|
48
51
|
false: '',
|
|
49
52
|
},
|
|
53
|
+
iconOnly: {
|
|
54
|
+
true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
|
|
55
|
+
false: '',
|
|
56
|
+
},
|
|
50
57
|
},
|
|
51
58
|
defaultVariants: {
|
|
52
59
|
intent: 'primary',
|
|
53
60
|
size: 'md',
|
|
54
61
|
block: false,
|
|
62
|
+
iconOnly: false,
|
|
55
63
|
},
|
|
56
64
|
});
|
|
57
65
|
const kioskButton = tv({
|
|
58
66
|
base: [
|
|
59
|
-
'inline-flex items-center justify-center gap-2',
|
|
67
|
+
'relative inline-flex items-center justify-center gap-2',
|
|
60
68
|
'rounded-lg font-semibold transition-colors duration-150',
|
|
61
69
|
'focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
62
70
|
'focus-visible:outline-[var(--color-focus-ring)]',
|
|
@@ -81,16 +89,21 @@ const kioskButton = tv({
|
|
|
81
89
|
true: 'w-full',
|
|
82
90
|
false: '',
|
|
83
91
|
},
|
|
92
|
+
iconOnly: {
|
|
93
|
+
true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
|
|
94
|
+
false: '',
|
|
95
|
+
},
|
|
84
96
|
},
|
|
85
97
|
defaultVariants: {
|
|
86
98
|
intent: 'primary',
|
|
87
99
|
size: 'lg',
|
|
88
100
|
block: false,
|
|
101
|
+
iconOnly: false,
|
|
89
102
|
},
|
|
90
103
|
});
|
|
91
104
|
const pickupButton = tv({
|
|
92
105
|
base: [
|
|
93
|
-
'inline-flex items-center justify-center gap-2',
|
|
106
|
+
'relative inline-flex items-center justify-center gap-2',
|
|
94
107
|
'rounded-[var(--radius-lg)] font-medium transition-opacity duration-150',
|
|
95
108
|
'focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
96
109
|
'focus-visible:outline-[var(--color-focus-ring)]',
|
|
@@ -115,16 +128,21 @@ const pickupButton = tv({
|
|
|
115
128
|
true: 'w-full',
|
|
116
129
|
false: '',
|
|
117
130
|
},
|
|
131
|
+
iconOnly: {
|
|
132
|
+
true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
|
|
133
|
+
false: '',
|
|
134
|
+
},
|
|
118
135
|
},
|
|
119
136
|
defaultVariants: {
|
|
120
137
|
intent: 'primary',
|
|
121
138
|
size: 'md',
|
|
122
139
|
block: false,
|
|
140
|
+
iconOnly: false,
|
|
123
141
|
},
|
|
124
142
|
});
|
|
125
143
|
const customerButton = tv({
|
|
126
144
|
base: [
|
|
127
|
-
'inline-flex items-center justify-center gap-2',
|
|
145
|
+
'relative inline-flex items-center justify-center gap-2',
|
|
128
146
|
'rounded-md font-medium transition-colors duration-150',
|
|
129
147
|
'focus-visible:outline-2 focus-visible:outline-offset-2',
|
|
130
148
|
'focus-visible:outline-[var(--color-focus-ring)]',
|
|
@@ -139,35 +157,48 @@ const customerButton = tv({
|
|
|
139
157
|
success: '',
|
|
140
158
|
},
|
|
141
159
|
size: {
|
|
142
|
-
sm: 'h-
|
|
143
|
-
md: 'h-
|
|
144
|
-
lg: 'h-12 px-5 text-lg',
|
|
145
|
-
xl: '',
|
|
160
|
+
sm: 'h-8 min-h-8 px-3 text-sm',
|
|
161
|
+
md: 'h-10 min-h-10 px-4 text-base',
|
|
162
|
+
lg: 'h-12 min-h-12 px-5 text-lg',
|
|
163
|
+
xl: 'h-12 min-h-12 px-5 text-lg',
|
|
146
164
|
},
|
|
147
165
|
block: {
|
|
148
166
|
true: 'w-full',
|
|
149
167
|
false: '',
|
|
150
168
|
},
|
|
169
|
+
iconOnly: {
|
|
170
|
+
true: 'aspect-square px-0 min-h-[44px] min-w-[44px]',
|
|
171
|
+
false: '',
|
|
172
|
+
},
|
|
151
173
|
},
|
|
152
174
|
defaultVariants: {
|
|
153
175
|
intent: 'primary',
|
|
154
176
|
size: 'md',
|
|
155
177
|
block: false,
|
|
178
|
+
iconOnly: false,
|
|
156
179
|
},
|
|
157
180
|
});
|
|
158
|
-
function buttonClassName(surface, intent, size, block, className) {
|
|
181
|
+
function buttonClassName(surface, intent, size, block, iconOnly, className) {
|
|
159
182
|
const resolvedIntent = intent ?? 'primary';
|
|
160
183
|
const resolvedBlock = block ?? false;
|
|
184
|
+
const resolvedIconOnly = iconOnly ?? false;
|
|
161
185
|
if (surface === 'admin') {
|
|
162
186
|
const adminIntent = resolvedIntent === 'success' ? 'primary' : resolvedIntent;
|
|
163
187
|
const adminSize = size === 'xl' ? 'lg' : size;
|
|
164
|
-
return adminButton({
|
|
188
|
+
return adminButton({
|
|
189
|
+
intent: adminIntent,
|
|
190
|
+
size: adminSize,
|
|
191
|
+
block: resolvedBlock,
|
|
192
|
+
iconOnly: resolvedIconOnly,
|
|
193
|
+
className,
|
|
194
|
+
});
|
|
165
195
|
}
|
|
166
196
|
if (surface === 'kiosk') {
|
|
167
197
|
return kioskButton({
|
|
168
198
|
intent: resolvedIntent,
|
|
169
199
|
size: size,
|
|
170
200
|
block: resolvedBlock,
|
|
201
|
+
iconOnly: resolvedIconOnly,
|
|
171
202
|
className,
|
|
172
203
|
});
|
|
173
204
|
}
|
|
@@ -176,6 +207,7 @@ function buttonClassName(surface, intent, size, block, className) {
|
|
|
176
207
|
intent: resolvedIntent,
|
|
177
208
|
size: size,
|
|
178
209
|
block: resolvedBlock,
|
|
210
|
+
iconOnly: resolvedIconOnly,
|
|
179
211
|
className,
|
|
180
212
|
});
|
|
181
213
|
}
|
|
@@ -185,9 +217,16 @@ function buttonClassName(surface, intent, size, block, className) {
|
|
|
185
217
|
intent: customerIntent,
|
|
186
218
|
size: customerSize,
|
|
187
219
|
block: resolvedBlock,
|
|
220
|
+
iconOnly: resolvedIconOnly,
|
|
188
221
|
className,
|
|
189
222
|
});
|
|
190
223
|
}
|
|
191
|
-
export const Button = forwardRef(({ className, surface = 'customer', intent, size, block,
|
|
224
|
+
export const Button = forwardRef(({ className, surface = 'customer', intent, size, block, loading = false, iconOnly = false, children, disabled, type = 'button', 'aria-label': ariaLabel, title, ...rest }, ref) => {
|
|
225
|
+
const resolvedAriaLabel = ariaLabel ??
|
|
226
|
+
(iconOnly ? title : undefined) ??
|
|
227
|
+
(loading && typeof children === 'string' ? children : undefined);
|
|
228
|
+
const tooltipTitle = title ?? (iconOnly ? resolvedAriaLabel : undefined);
|
|
229
|
+
return (_jsx("button", { ...rest, ref: ref, type: type, className: buttonClassName(surface, intent, size, block, iconOnly, className), disabled: disabled || loading, "aria-busy": loading || undefined, "aria-label": resolvedAriaLabel, title: tooltipTitle, "data-icon-only": iconOnly ? 'true' : undefined, "data-loading": loading ? 'true' : undefined, children: loading ? (_jsxs(_Fragment, { children: [_jsx("span", { className: "invisible inline-flex items-center gap-2", "aria-hidden": "true", children: children }), _jsx("span", { className: "absolute inset-0 inline-flex items-center justify-center", "aria-hidden": "true", children: _jsx("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }) })] })) : (children) }));
|
|
230
|
+
});
|
|
192
231
|
Button.displayName = 'Button';
|
|
193
232
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAqB,MAAM,cAAc,CAAC;AACrD,OAAO,EAA6B,UAAU,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE;QACJ
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/ui/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,11 @@ import { type InputHTMLAttributes } from 'react';
|
|
|
2
2
|
export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
3
3
|
readonly label?: string;
|
|
4
4
|
};
|
|
5
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* CMP-0006 Checkbox — native control.
|
|
7
|
+
* D27: Checkbox = independent multi-selection. Use Switch for binary on/off;
|
|
8
|
+
* Radio for mutually exclusive choice among 2–5 options.
|
|
9
|
+
*/
|
|
6
10
|
export declare const Checkbox: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
7
11
|
readonly label?: string;
|
|
8
12
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAChF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ;qBARF,MAAM;oDAsCxB,CAAC"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* CMP-0006 Checkbox — native control.
|
|
5
|
+
* D27: Checkbox = independent multi-selection. Use Switch for binary on/off;
|
|
6
|
+
* Radio for mutually exclusive choice among 2–5 options.
|
|
7
|
+
*/
|
|
4
8
|
export const Checkbox = forwardRef(({ className, label, id, ...rest }, ref) => {
|
|
5
9
|
const input = (_jsx("input", { ref: ref, id: id, type: "checkbox", className: [
|
|
6
10
|
'h-4 w-4 rounded border-[var(--color-border,var(--color-an-border))]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,CACZ,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,SAAS,EAAE;YACT,qEAAqE;YACrE,8DAA8D;YAC9D,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,GACR,CACH,CAAC;IACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CACL,iBACE,SAAS,EAAC,4FAA4F,EACtG,OAAO,EAAE,EAAE,aAEV,KAAK,EACN,yBAAO,KAAK,GAAQ,IACd,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -6,11 +6,11 @@ const flagGroup = tv({
|
|
|
6
6
|
placement: {
|
|
7
7
|
floating: 'gap-2',
|
|
8
8
|
inline: [
|
|
9
|
-
'gap-1.5 rounded-md border border-[var(--color-rail-card-border,var(--color-border
|
|
9
|
+
'gap-1.5 rounded-md border border-[var(--color-rail-card-border,var(--color-border,var(--color-neutral-200)))]',
|
|
10
10
|
'bg-[var(--color-surface-elevated,#fff)] p-1 shadow-sm',
|
|
11
11
|
].join(' '),
|
|
12
12
|
header: [
|
|
13
|
-
'gap-1.5 rounded-full border border-[var(--color-an-border,var(--color-border
|
|
13
|
+
'gap-1.5 rounded-full border border-[var(--color-an-border,var(--color-border,var(--color-neutral-200)))]',
|
|
14
14
|
'bg-[var(--color-an-surface,var(--color-surface-elevated,#fff))] p-1 shadow-none',
|
|
15
15
|
].join(' '),
|
|
16
16
|
},
|
|
@@ -27,7 +27,7 @@ const flagGroup = tv({
|
|
|
27
27
|
placement: 'floating',
|
|
28
28
|
class: [
|
|
29
29
|
'fixed top-[var(--spacing-4,1rem)] right-[var(--spacing-4,1rem)] z-[10001]',
|
|
30
|
-
'rounded-[var(--radius-lg,0.5rem)] border border-[var(--color-border
|
|
30
|
+
'rounded-[var(--radius-lg,0.5rem)] border border-[var(--color-border,var(--color-neutral-200))]',
|
|
31
31
|
'bg-[var(--color-surface-elevated,#fff)] p-1.5 shadow-[var(--shadow-md,0_4px_6px_-1px_rgb(0_0_0_/_0.1))]',
|
|
32
32
|
].join(' '),
|
|
33
33
|
},
|
|
@@ -36,7 +36,7 @@ const flagGroup = tv({
|
|
|
36
36
|
placement: 'floating',
|
|
37
37
|
class: [
|
|
38
38
|
'fixed top-[var(--spacing-10)] right-[var(--spacing-10)] z-[var(--z-modal-backdrop)]',
|
|
39
|
-
'rounded-[var(--radius-xl)] border border-[var(--color-border
|
|
39
|
+
'rounded-[var(--radius-xl)] border border-[var(--color-border,var(--color-neutral-200))]',
|
|
40
40
|
'bg-[var(--color-surface-elevated,#fff)] p-2 shadow-[var(--shadow-lg)]',
|
|
41
41
|
].join(' '),
|
|
42
42
|
},
|
|
@@ -52,7 +52,7 @@ const flagGroup = tv({
|
|
|
52
52
|
surface: 'pickup',
|
|
53
53
|
placement: 'floating',
|
|
54
54
|
class: [
|
|
55
|
-
'fixed top-2.5 right-2.5 z-50 rounded-xl border border-[var(--color-border
|
|
55
|
+
'fixed top-2.5 right-2.5 z-50 rounded-xl border border-[var(--color-border,var(--color-neutral-200))]',
|
|
56
56
|
'bg-[var(--color-surface-elevated,#fff)] p-1.5 shadow-lg',
|
|
57
57
|
].join(' '),
|
|
58
58
|
},
|
|
@@ -79,7 +79,7 @@ const flagButton = tv({
|
|
|
79
79
|
false: 'opacity-75 hover:scale-105 hover:opacity-100',
|
|
80
80
|
},
|
|
81
81
|
surface: {
|
|
82
|
-
admin: 'focus-visible:outline-[var(--color-an-primary
|
|
82
|
+
admin: 'focus-visible:outline-[var(--color-an-primary,var(--color-brand-primary))]',
|
|
83
83
|
kiosk: 'focus-visible:outline-[var(--color-accent,#2563eb)]',
|
|
84
84
|
customer: 'focus-visible:outline-[var(--color-accent)]',
|
|
85
85
|
pickup: 'focus-visible:outline-[var(--color-accent,#2563eb)]',
|
|
@@ -89,7 +89,7 @@ const flagButton = tv({
|
|
|
89
89
|
{
|
|
90
90
|
surface: 'admin',
|
|
91
91
|
pressed: true,
|
|
92
|
-
class: 'border-[var(--color-an-primary
|
|
92
|
+
class: 'border-[var(--color-an-primary,var(--color-brand-primary))] ring-2 ring-[var(--color-an-primary,var(--color-brand-primary))]/25',
|
|
93
93
|
},
|
|
94
94
|
{
|
|
95
95
|
surface: 'kiosk',
|
|
@@ -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
|
|
1
|
+
{"version":3,"file":"LocaleFlagToggle.js","sourceRoot":"","sources":["../../../src/ui/LocaleFlags/LocaleFlagToggle.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/Radio/Radio.d.ts
CHANGED
|
@@ -2,7 +2,11 @@ import { type InputHTMLAttributes } from 'react';
|
|
|
2
2
|
export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & {
|
|
3
3
|
readonly label?: string;
|
|
4
4
|
};
|
|
5
|
-
/**
|
|
5
|
+
/**
|
|
6
|
+
* CMP-0007 Radio — native control.
|
|
7
|
+
* D27: Radio = mutually exclusive choice among a small group (2–5 options).
|
|
8
|
+
* Use Switch for binary on/off; Checkbox for independent multi-selection.
|
|
9
|
+
*/
|
|
6
10
|
export declare const Radio: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & {
|
|
7
11
|
readonly label?: string;
|
|
8
12
|
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC7E,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK;qBARC,MAAM;oDAsCxB,CAAC"}
|
package/dist/ui/Radio/Radio.js
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* CMP-0007 Radio — native control.
|
|
5
|
+
* D27: Radio = mutually exclusive choice among a small group (2–5 options).
|
|
6
|
+
* Use Switch for binary on/off; Checkbox for independent multi-selection.
|
|
7
|
+
*/
|
|
4
8
|
export const Radio = forwardRef(({ className, label, id, ...rest }, ref) => {
|
|
5
9
|
const input = (_jsx("input", { ref: ref, id: id, type: "radio", className: [
|
|
6
10
|
'h-4 w-4 border-[var(--color-border,var(--color-an-border))]',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/ui/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAC;AAM7D;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,KAAK,GAAG,CACZ,gBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE;YACT,6DAA6D;YAC7D,8DAA8D;YAC9D,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,KACR,IAAI,GACR,CACH,CAAC;IACF,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,KAAK,CAAC;IACf,CAAC;IACD,OAAO,CACL,iBACE,SAAS,EAAC,4FAA4F,EACtG,OAAO,EAAE,EAAE,aAEV,KAAK,EACN,yBAAO,KAAK,GAAQ,IACd,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AACF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}
|
|
@@ -3,7 +3,11 @@ export type SwitchProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChang
|
|
|
3
3
|
readonly checked: boolean;
|
|
4
4
|
readonly onCheckedChange?: (checked: boolean) => void;
|
|
5
5
|
};
|
|
6
|
-
/**
|
|
6
|
+
/**
|
|
7
|
+
* CMP-0008 Switch — button role=switch.
|
|
8
|
+
* D27: Switch = binary on/off toggle only. Use Checkbox for independent
|
|
9
|
+
* multi-selection; Radio for mutually exclusive choice among 2–5 options.
|
|
10
|
+
*/
|
|
7
11
|
export declare const Switch: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> & {
|
|
8
12
|
readonly checked: boolean;
|
|
9
13
|
readonly onCheckedChange?: (checked: boolean) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAkC9D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAkC9D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM;sBATC,OAAO;+BACE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;qDAuBtD,CAAC"}
|
package/dist/ui/Switch/Switch.js
CHANGED
|
@@ -30,7 +30,11 @@ const switchKnob = tv({
|
|
|
30
30
|
},
|
|
31
31
|
defaultVariants: { checked: false },
|
|
32
32
|
});
|
|
33
|
-
/**
|
|
33
|
+
/**
|
|
34
|
+
* CMP-0008 Switch — button role=switch.
|
|
35
|
+
* D27: Switch = binary on/off toggle only. Use Checkbox for independent
|
|
36
|
+
* multi-selection; Radio for mutually exclusive choice among 2–5 options.
|
|
37
|
+
*/
|
|
34
38
|
export const Switch = forwardRef(({ checked, onCheckedChange, className, disabled, ...rest }, ref) => (_jsx("button", { ref: ref, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, className: switchTrack({ checked, className }), onClick: () => onCheckedChange?.(!checked), ...rest, children: _jsx("span", { className: switchKnob({ checked }), "aria-hidden": "true" }) })));
|
|
35
39
|
Switch.displayName = 'Switch';
|
|
36
40
|
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE;QACJ,mFAAmF;QACnF,oGAAoG;QACpG,8EAA8E;QAC9E,yEAAyE;QACzE,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,0DAA0D;YAChE,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,iFAAiF;QACjF,0EAA0E;KAC3E,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAOH
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/ui/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAA6B,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAElC,MAAM,WAAW,GAAG,EAAE,CAAC;IACrB,IAAI,EAAE;QACJ,mFAAmF;QACnF,oGAAoG;QACpG,8EAA8E;QAC9E,yEAAyE;QACzE,iDAAiD;KAClD,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,0DAA0D;YAChE,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,EAAE,CAAC;IACpB,IAAI,EAAE;QACJ,iFAAiF;QACjF,0EAA0E;KAC3E,CAAC,IAAI,CAAC,GAAG,CAAC;IACX,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,IAAI,EAAE,sBAAsB;YAC5B,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC,CAAC,CAAC;AAOH;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnE,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,OAAO,EACrB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,CAAC,CAAC,OAAO,CAAC,KACtC,IAAI,YAER,eAAM,SAAS,EAAE,UAAU,CAAC,EAAE,OAAO,EAAE,CAAC,iBAAc,MAAM,GAAG,GACxD,CACV,CACF,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|