pi-kiosk-shared 2.2.44 → 2.2.46

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.
Files changed (31) hide show
  1. package/dist/theme/ThemeProvider.d.ts +5 -1
  2. package/dist/theme/ThemeProvider.d.ts.map +1 -1
  3. package/dist/theme/ThemeProvider.js +6 -2
  4. package/dist/theme/ThemeProvider.js.map +1 -1
  5. package/dist/theme/themeContract.d.ts +12 -1
  6. package/dist/theme/themeContract.d.ts.map +1 -1
  7. package/dist/theme/themeContract.js +15 -6
  8. package/dist/theme/themeContract.js.map +1 -1
  9. package/dist/ui/Avatar/Avatar.js +2 -2
  10. package/dist/ui/Button/Button.d.ts +14 -0
  11. package/dist/ui/Button/Button.d.ts.map +1 -1
  12. package/dist/ui/Button/Button.js +59 -20
  13. package/dist/ui/Button/Button.js.map +1 -1
  14. package/dist/ui/Checkbox/Checkbox.d.ts +5 -1
  15. package/dist/ui/Checkbox/Checkbox.d.ts.map +1 -1
  16. package/dist/ui/Checkbox/Checkbox.js +5 -1
  17. package/dist/ui/Checkbox/Checkbox.js.map +1 -1
  18. package/dist/ui/Radio/Radio.d.ts +5 -1
  19. package/dist/ui/Radio/Radio.d.ts.map +1 -1
  20. package/dist/ui/Radio/Radio.js +5 -1
  21. package/dist/ui/Radio/Radio.js.map +1 -1
  22. package/dist/ui/ScreenState/ScreenState.js +1 -1
  23. package/dist/ui/ScreenState/ScreenState.js.map +1 -1
  24. package/dist/ui/Switch/Switch.d.ts +5 -1
  25. package/dist/ui/Switch/Switch.d.ts.map +1 -1
  26. package/dist/ui/Switch/Switch.js +5 -1
  27. package/dist/ui/Switch/Switch.js.map +1 -1
  28. package/package.json +1 -1
  29. package/src/tokens/admin-theme.css +94 -94
  30. package/src/tokens/brand-bridge.css +65 -63
  31. package/src/tokens/tokens.sync.json +143 -103
package/src/tokens/tokens.sync.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "generatedAt": "2026-07-29T07:55:22.550Z",
3
+ "generatedAt": "2026-07-30T06:48:08.022Z",
4
4
  "source": "shared/scripts/gate-tokens-sync.mjs",
5
5
  "inputs": [
6
6
  "brand-bridge.css",
@@ -13,21 +13,29 @@
13
13
  "properties": {
14
14
  "--font-family-primary": "ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
15
15
  "--font-family-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
16
- "--brand-canva-sailor-blue": "#00203f",
17
- "--brand-canva-mint": "#adefd1",
18
- "--brand-consumer-accent": "var(--brand-canva-sailor-blue)",
19
- "--brand-consumer-accent-soft": "var(--brand-canva-mint)",
20
- "--brand-consumer-accent-foreground": "#ffffff",
21
- "--brand-admin-accent": "#7c3aed",
22
- "--brand-admin-primary": "#6365f0",
23
- "--brand-rail-sidebar-bg": "#1e1b4b",
24
- "--brand-rail-sidebar-bg-deep": "#0f172a",
25
- "--brand-rail-sidebar-text": "#e0e7ff",
26
- "--brand-rail-sidebar-muted": "#a5b4fc",
16
+ "--color-brand-primary": "#1f6f78",
17
+ "--color-brand-deep": "#174b52",
18
+ "--color-brand-accent": "#58a9b5",
19
+ "--color-brand-soft": "#eef6f7",
20
+ "--color-brand-text": "#2a3136",
21
+ "--color-brand-limestone": "#d8d2c8",
22
+ "--color-surface-default": "#ffffff",
23
+ "--color-neutral-950": "#0f172a",
24
+ "--color-neutral-100": "#f1f5f9",
25
+ "--color-neutral-200": "#e2e8f0",
26
+ "--brand-consumer-accent": "var(--color-brand-primary)",
27
+ "--brand-consumer-accent-soft": "var(--color-brand-soft)",
28
+ "--brand-consumer-accent-foreground": "var(--color-surface-default)",
29
+ "--brand-admin-accent": "#171717",
30
+ "--brand-admin-primary": "#18181b",
31
+ "--brand-rail-sidebar-bg": "#0a0a0a",
32
+ "--brand-rail-sidebar-bg-deep": "#000000",
33
+ "--brand-rail-sidebar-text": "#fafafa",
34
+ "--brand-rail-sidebar-muted": "#a3a3a3",
27
35
  "--brand-rail-sidebar-active": "var(--brand-admin-accent)",
28
- "--brand-rail-sidebar-hover": "rgba(124, 58, 237, 0.2)",
29
- "--brand-rail-page-bg": "#f1f5f9",
30
- "--brand-rail-card-border": "#e2e8f0",
36
+ "--brand-rail-sidebar-hover": "rgba(255, 255, 255, 0.08)",
37
+ "--brand-rail-page-bg": "var(--color-neutral-100)",
38
+ "--brand-rail-card-border": "var(--color-neutral-200)",
31
39
  "--brand-rail-kpi-up": "#05805a",
32
40
  "--brand-rail-kpi-down": "#da2325",
33
41
  "--color-accent": "var(--brand-consumer-accent)",
@@ -43,19 +51,19 @@
43
51
  "--color-rail-kpi-down": "var(--brand-rail-kpi-down)",
44
52
  "--color-an-chart-1": "var(--brand-admin-primary)"
45
53
  },
46
- "count": 31
54
+ "count": 39
47
55
  },
48
56
  {
49
57
  "file": "theme.css",
50
58
  "properties": {
51
- "--color-surface": "#ffffff",
59
+ "--color-surface": "var(--color-surface-default)",
52
60
  "--color-surface-muted": "#f8fafc",
53
- "--color-surface-elevated": "#ffffff",
54
- "--color-surface-hover": "#f1f5f9",
55
- "--color-on-surface": "#0f172a",
61
+ "--color-surface-elevated": "var(--color-surface-default)",
62
+ "--color-surface-hover": "var(--color-neutral-100)",
63
+ "--color-on-surface": "var(--color-neutral-950)",
56
64
  "--color-on-surface-muted": "#475569",
57
65
  "--color-on-surface-disabled": "#94a3b8",
58
- "--color-primary": "#0f172a",
66
+ "--color-primary": "var(--color-neutral-950)",
59
67
  "--color-primary-foreground": "#f8fafc",
60
68
  "--color-accent": "var(--brand-consumer-accent)",
61
69
  "--color-accent-foreground": "var(--brand-consumer-accent-foreground)",
@@ -66,11 +74,11 @@
66
74
  "--color-danger-foreground": "#fef2f2",
67
75
  "--color-warning": "#d97706",
68
76
  "--color-warning-foreground": "#fffbeb",
69
- "--color-border": "#e2e8f0",
77
+ "--color-border": "var(--color-neutral-200)",
70
78
  "--color-border-strong": "#cbd5e1",
71
79
  "--color-focus-ring": "var(--brand-consumer-accent)",
72
80
  "--color-qr-render-dark": "#000000",
73
- "--color-qr-render-light": "#ffffff",
81
+ "--color-qr-render-light": "var(--color-surface-default)",
74
82
  "--color-disabled-opacity": "0.55",
75
83
  "--radius-sm": "0.375rem",
76
84
  "--radius-md": "0.5rem",
@@ -87,50 +95,50 @@
87
95
  {
88
96
  "file": "admin-theme.css",
89
97
  "properties": {
90
- "--color-an-bg": "#f8fafc",
91
- "--color-an-bg-elevated": "#ffffff",
92
- "--color-an-surface": "#ffffff",
93
- "--color-an-surface-muted": "#f8fafc",
94
- "--color-an-surface-hover": "#f1f5f9",
95
- "--color-an-surface-disabled": "#f1f5f9",
96
- "--color-an-text": "#0f172a",
97
- "--color-an-text-muted": "#475569",
98
- "--color-an-text-disabled": "#94a3b8",
99
- "--color-an-border": "#e2e8f0",
100
- "--color-an-border-hover": "#cbd5e1",
101
- "--color-an-primary": "var(--color-primary)",
102
- "--color-an-primary-hover": "#4f46e5",
103
- "--color-an-primary-soft": "var(--color-primary-light)",
104
- "--color-an-focus-ring": "var(--brand-admin-primary)",
98
+ "--color-an-bg": "#f4f4f5",
99
+ "--color-an-bg-elevated": "var(--color-surface-default)",
100
+ "--color-an-surface": "var(--color-surface-default)",
101
+ "--color-an-surface-muted": "#f4f4f5",
102
+ "--color-an-surface-hover": "#e4e4e7",
103
+ "--color-an-surface-disabled": "#f4f4f5",
104
+ "--color-an-text": "#09090b",
105
+ "--color-an-text-muted": "#52525b",
106
+ "--color-an-text-disabled": "#71717a",
107
+ "--color-an-border": "#e4e4e7",
108
+ "--color-an-border-hover": "#d4d4d8",
109
+ "--color-an-primary": "var(--brand-admin-primary)",
110
+ "--color-an-primary-hover": "#09090b",
111
+ "--color-an-primary-soft": "#f4f4f5",
112
+ "--color-an-focus-ring": "#52525b",
105
113
  "--color-an-danger": "var(--color-error)",
106
114
  "--color-an-success": "var(--color-success)",
107
115
  "--color-an-warn": "var(--color-warning)",
108
- "--color-an-info": "var(--color-info)",
116
+ "--color-an-info": "#52525b",
109
117
  "--color-an-disabled-opacity": "0.55",
110
- "--color-an-chart-1": "var(--brand-admin-primary)",
111
- "--color-an-chart-2": "#14b8a6",
112
- "--color-an-chart-3": "#f59e0b",
113
- "--color-an-chart-4": "#ef4444",
114
- "--color-an-chart-5": "#8b5cf6",
115
- "--color-an-chart-6": "#06b6d4",
116
- "--color-shell-bg": "#f8fafc",
117
- "--color-shell-surface": "#ffffff",
118
- "--color-shell-border": "#e2e8f0",
119
- "--color-shell-text": "#0f172a",
118
+ "--color-an-chart-1": "#2563eb",
119
+ "--color-an-chart-2": "#0d9488",
120
+ "--color-an-chart-3": "#d97706",
121
+ "--color-an-chart-4": "#dc2626",
122
+ "--color-an-chart-5": "#9333ea",
123
+ "--color-an-chart-6": "#0891b2",
124
+ "--color-shell-bg": "#f4f4f5",
125
+ "--color-shell-surface": "var(--color-surface-default)",
126
+ "--color-shell-border": "#e4e4e7",
127
+ "--color-shell-text": "#09090b",
120
128
  "--color-rail-sidebar-bg": "var(--brand-rail-sidebar-bg)",
121
129
  "--color-rail-sidebar-text": "var(--brand-rail-sidebar-text)",
122
130
  "--color-rail-sidebar-muted": "var(--brand-rail-sidebar-muted)",
123
131
  "--color-rail-sidebar-active": "var(--brand-rail-sidebar-active)",
124
132
  "--color-rail-sidebar-hover": "var(--brand-rail-sidebar-hover)",
125
- "--color-rail-page-bg": "#f1f5f9",
126
- "--color-rail-card-border": "#e2e8f0",
133
+ "--color-rail-page-bg": "#f4f4f5",
134
+ "--color-rail-card-border": "#e4e4e7",
127
135
  "--color-rail-kpi-up": "var(--brand-rail-kpi-up)",
128
136
  "--color-rail-kpi-down": "var(--brand-rail-kpi-down)"
129
137
  },
130
138
  "count": 39
131
139
  }
132
140
  ],
133
- "mergedPropertyCount": 91,
141
+ "mergedPropertyCount": 99,
134
142
  "properties": {
135
143
  "--font-family-primary": {
136
144
  "file": "brand-bridge.css",
@@ -140,49 +148,81 @@
140
148
  "file": "brand-bridge.css",
141
149
  "value": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
142
150
  },
143
- "--brand-canva-sailor-blue": {
151
+ "--color-brand-primary": {
152
+ "file": "brand-bridge.css",
153
+ "value": "#1f6f78"
154
+ },
155
+ "--color-brand-deep": {
156
+ "file": "brand-bridge.css",
157
+ "value": "#174b52"
158
+ },
159
+ "--color-brand-accent": {
160
+ "file": "brand-bridge.css",
161
+ "value": "#58a9b5"
162
+ },
163
+ "--color-brand-soft": {
164
+ "file": "brand-bridge.css",
165
+ "value": "#eef6f7"
166
+ },
167
+ "--color-brand-text": {
168
+ "file": "brand-bridge.css",
169
+ "value": "#2a3136"
170
+ },
171
+ "--color-brand-limestone": {
172
+ "file": "brand-bridge.css",
173
+ "value": "#d8d2c8"
174
+ },
175
+ "--color-surface-default": {
176
+ "file": "brand-bridge.css",
177
+ "value": "#ffffff"
178
+ },
179
+ "--color-neutral-950": {
144
180
  "file": "brand-bridge.css",
145
- "value": "#00203f"
181
+ "value": "#0f172a"
146
182
  },
147
- "--brand-canva-mint": {
183
+ "--color-neutral-100": {
148
184
  "file": "brand-bridge.css",
149
- "value": "#adefd1"
185
+ "value": "#f1f5f9"
186
+ },
187
+ "--color-neutral-200": {
188
+ "file": "brand-bridge.css",
189
+ "value": "#e2e8f0"
150
190
  },
151
191
  "--brand-consumer-accent": {
152
192
  "file": "brand-bridge.css",
153
- "value": "var(--brand-canva-sailor-blue)"
193
+ "value": "var(--color-brand-primary)"
154
194
  },
155
195
  "--brand-consumer-accent-soft": {
156
196
  "file": "brand-bridge.css",
157
- "value": "var(--brand-canva-mint)"
197
+ "value": "var(--color-brand-soft)"
158
198
  },
159
199
  "--brand-consumer-accent-foreground": {
160
200
  "file": "brand-bridge.css",
161
- "value": "#ffffff"
201
+ "value": "var(--color-surface-default)"
162
202
  },
163
203
  "--brand-admin-accent": {
164
204
  "file": "brand-bridge.css",
165
- "value": "#7c3aed"
205
+ "value": "#171717"
166
206
  },
167
207
  "--brand-admin-primary": {
168
208
  "file": "brand-bridge.css",
169
- "value": "#6365f0"
209
+ "value": "#18181b"
170
210
  },
171
211
  "--brand-rail-sidebar-bg": {
172
212
  "file": "brand-bridge.css",
173
- "value": "#1e1b4b"
213
+ "value": "#0a0a0a"
174
214
  },
175
215
  "--brand-rail-sidebar-bg-deep": {
176
216
  "file": "brand-bridge.css",
177
- "value": "#0f172a"
217
+ "value": "#000000"
178
218
  },
179
219
  "--brand-rail-sidebar-text": {
180
220
  "file": "brand-bridge.css",
181
- "value": "#e0e7ff"
221
+ "value": "#fafafa"
182
222
  },
183
223
  "--brand-rail-sidebar-muted": {
184
224
  "file": "brand-bridge.css",
185
- "value": "#a5b4fc"
225
+ "value": "#a3a3a3"
186
226
  },
187
227
  "--brand-rail-sidebar-active": {
188
228
  "file": "brand-bridge.css",
@@ -190,15 +230,15 @@
190
230
  },
191
231
  "--brand-rail-sidebar-hover": {
192
232
  "file": "brand-bridge.css",
193
- "value": "rgba(124, 58, 237, 0.2)"
233
+ "value": "rgba(255, 255, 255, 0.08)"
194
234
  },
195
235
  "--brand-rail-page-bg": {
196
236
  "file": "brand-bridge.css",
197
- "value": "#f1f5f9"
237
+ "value": "var(--color-neutral-100)"
198
238
  },
199
239
  "--brand-rail-card-border": {
200
240
  "file": "brand-bridge.css",
201
- "value": "#e2e8f0"
241
+ "value": "var(--color-neutral-200)"
202
242
  },
203
243
  "--brand-rail-kpi-up": {
204
244
  "file": "brand-bridge.css",
@@ -238,11 +278,11 @@
238
278
  },
239
279
  "--color-rail-page-bg": {
240
280
  "file": "admin-theme.css",
241
- "value": "#f1f5f9"
281
+ "value": "#f4f4f5"
242
282
  },
243
283
  "--color-rail-card-border": {
244
284
  "file": "admin-theme.css",
245
- "value": "#e2e8f0"
285
+ "value": "#e4e4e7"
246
286
  },
247
287
  "--color-rail-kpi-up": {
248
288
  "file": "admin-theme.css",
@@ -254,11 +294,11 @@
254
294
  },
255
295
  "--color-an-chart-1": {
256
296
  "file": "admin-theme.css",
257
- "value": "var(--brand-admin-primary)"
297
+ "value": "#2563eb"
258
298
  },
259
299
  "--color-surface": {
260
300
  "file": "theme.css",
261
- "value": "#ffffff"
301
+ "value": "var(--color-surface-default)"
262
302
  },
263
303
  "--color-surface-muted": {
264
304
  "file": "theme.css",
@@ -266,15 +306,15 @@
266
306
  },
267
307
  "--color-surface-elevated": {
268
308
  "file": "theme.css",
269
- "value": "#ffffff"
309
+ "value": "var(--color-surface-default)"
270
310
  },
271
311
  "--color-surface-hover": {
272
312
  "file": "theme.css",
273
- "value": "#f1f5f9"
313
+ "value": "var(--color-neutral-100)"
274
314
  },
275
315
  "--color-on-surface": {
276
316
  "file": "theme.css",
277
- "value": "#0f172a"
317
+ "value": "var(--color-neutral-950)"
278
318
  },
279
319
  "--color-on-surface-muted": {
280
320
  "file": "theme.css",
@@ -286,7 +326,7 @@
286
326
  },
287
327
  "--color-primary": {
288
328
  "file": "theme.css",
289
- "value": "#0f172a"
329
+ "value": "var(--color-neutral-950)"
290
330
  },
291
331
  "--color-primary-foreground": {
292
332
  "file": "theme.css",
@@ -326,7 +366,7 @@
326
366
  },
327
367
  "--color-border": {
328
368
  "file": "theme.css",
329
- "value": "#e2e8f0"
369
+ "value": "var(--color-neutral-200)"
330
370
  },
331
371
  "--color-border-strong": {
332
372
  "file": "theme.css",
@@ -338,7 +378,7 @@
338
378
  },
339
379
  "--color-qr-render-light": {
340
380
  "file": "theme.css",
341
- "value": "#ffffff"
381
+ "value": "var(--color-surface-default)"
342
382
  },
343
383
  "--color-disabled-opacity": {
344
384
  "file": "theme.css",
@@ -382,63 +422,63 @@
382
422
  },
383
423
  "--color-an-bg": {
384
424
  "file": "admin-theme.css",
385
- "value": "#f8fafc"
425
+ "value": "#f4f4f5"
386
426
  },
387
427
  "--color-an-bg-elevated": {
388
428
  "file": "admin-theme.css",
389
- "value": "#ffffff"
429
+ "value": "var(--color-surface-default)"
390
430
  },
391
431
  "--color-an-surface": {
392
432
  "file": "admin-theme.css",
393
- "value": "#ffffff"
433
+ "value": "var(--color-surface-default)"
394
434
  },
395
435
  "--color-an-surface-muted": {
396
436
  "file": "admin-theme.css",
397
- "value": "#f8fafc"
437
+ "value": "#f4f4f5"
398
438
  },
399
439
  "--color-an-surface-hover": {
400
440
  "file": "admin-theme.css",
401
- "value": "#f1f5f9"
441
+ "value": "#e4e4e7"
402
442
  },
403
443
  "--color-an-surface-disabled": {
404
444
  "file": "admin-theme.css",
405
- "value": "#f1f5f9"
445
+ "value": "#f4f4f5"
406
446
  },
407
447
  "--color-an-text": {
408
448
  "file": "admin-theme.css",
409
- "value": "#0f172a"
449
+ "value": "#09090b"
410
450
  },
411
451
  "--color-an-text-muted": {
412
452
  "file": "admin-theme.css",
413
- "value": "#475569"
453
+ "value": "#52525b"
414
454
  },
415
455
  "--color-an-text-disabled": {
416
456
  "file": "admin-theme.css",
417
- "value": "#94a3b8"
457
+ "value": "#71717a"
418
458
  },
419
459
  "--color-an-border": {
420
460
  "file": "admin-theme.css",
421
- "value": "#e2e8f0"
461
+ "value": "#e4e4e7"
422
462
  },
423
463
  "--color-an-border-hover": {
424
464
  "file": "admin-theme.css",
425
- "value": "#cbd5e1"
465
+ "value": "#d4d4d8"
426
466
  },
427
467
  "--color-an-primary": {
428
468
  "file": "admin-theme.css",
429
- "value": "var(--color-primary)"
469
+ "value": "var(--brand-admin-primary)"
430
470
  },
431
471
  "--color-an-primary-hover": {
432
472
  "file": "admin-theme.css",
433
- "value": "#4f46e5"
473
+ "value": "#09090b"
434
474
  },
435
475
  "--color-an-primary-soft": {
436
476
  "file": "admin-theme.css",
437
- "value": "var(--color-primary-light)"
477
+ "value": "#f4f4f5"
438
478
  },
439
479
  "--color-an-focus-ring": {
440
480
  "file": "admin-theme.css",
441
- "value": "var(--brand-admin-primary)"
481
+ "value": "#52525b"
442
482
  },
443
483
  "--color-an-danger": {
444
484
  "file": "admin-theme.css",
@@ -454,7 +494,7 @@
454
494
  },
455
495
  "--color-an-info": {
456
496
  "file": "admin-theme.css",
457
- "value": "var(--color-info)"
497
+ "value": "#52525b"
458
498
  },
459
499
  "--color-an-disabled-opacity": {
460
500
  "file": "admin-theme.css",
@@ -462,39 +502,39 @@
462
502
  },
463
503
  "--color-an-chart-2": {
464
504
  "file": "admin-theme.css",
465
- "value": "#14b8a6"
505
+ "value": "#0d9488"
466
506
  },
467
507
  "--color-an-chart-3": {
468
508
  "file": "admin-theme.css",
469
- "value": "#f59e0b"
509
+ "value": "#d97706"
470
510
  },
471
511
  "--color-an-chart-4": {
472
512
  "file": "admin-theme.css",
473
- "value": "#ef4444"
513
+ "value": "#dc2626"
474
514
  },
475
515
  "--color-an-chart-5": {
476
516
  "file": "admin-theme.css",
477
- "value": "#8b5cf6"
517
+ "value": "#9333ea"
478
518
  },
479
519
  "--color-an-chart-6": {
480
520
  "file": "admin-theme.css",
481
- "value": "#06b6d4"
521
+ "value": "#0891b2"
482
522
  },
483
523
  "--color-shell-bg": {
484
524
  "file": "admin-theme.css",
485
- "value": "#f8fafc"
525
+ "value": "#f4f4f5"
486
526
  },
487
527
  "--color-shell-surface": {
488
528
  "file": "admin-theme.css",
489
- "value": "#ffffff"
529
+ "value": "var(--color-surface-default)"
490
530
  },
491
531
  "--color-shell-border": {
492
532
  "file": "admin-theme.css",
493
- "value": "#e2e8f0"
533
+ "value": "#e4e4e7"
494
534
  },
495
535
  "--color-shell-text": {
496
536
  "file": "admin-theme.css",
497
- "value": "#0f172a"
537
+ "value": "#09090b"
498
538
  }
499
539
  }
500
540
  }