@sumup-oss/design-tokens 9.0.0-next.1 → 9.0.0
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/dark.css +2 -4
- package/dist/cjs/themes/schema.d.ts +3 -7
- package/dist/cjs/themes/schema.js +1 -2
- package/dist/cjs/themes/shared.d.ts +3 -7
- package/dist/cjs/themes/shared.js +5 -10
- package/dist/es/themes/schema.d.ts +3 -7
- package/dist/es/themes/schema.js +1 -2
- package/dist/es/themes/shared.d.ts +3 -7
- package/dist/es/themes/shared.js +5 -10
- package/dynamic.css +2 -4
- package/light.css +2 -4
- package/package.json +2 -2
package/dark.css
CHANGED
|
@@ -225,11 +225,10 @@
|
|
|
225
225
|
--cui-z-index-absolute: 1;
|
|
226
226
|
--cui-z-index-input: 20;
|
|
227
227
|
--cui-z-index-popover: 1000;
|
|
228
|
+
--cui-z-index-side-panel: 30;
|
|
228
229
|
--cui-z-index-tooltip: 40;
|
|
229
230
|
--cui-z-index-header: 600;
|
|
230
|
-
--cui-z-index-backdrop: 700;
|
|
231
231
|
--cui-z-index-navigation: 800;
|
|
232
|
-
--cui-z-index-modal: 1000;
|
|
233
232
|
--cui-z-index-toast: 1100;
|
|
234
233
|
}
|
|
235
234
|
|
|
@@ -460,10 +459,9 @@
|
|
|
460
459
|
--cui-z-index-absolute: 1;
|
|
461
460
|
--cui-z-index-input: 20;
|
|
462
461
|
--cui-z-index-popover: 1000;
|
|
462
|
+
--cui-z-index-side-panel: 30;
|
|
463
463
|
--cui-z-index-tooltip: 40;
|
|
464
464
|
--cui-z-index-header: 600;
|
|
465
|
-
--cui-z-index-backdrop: 700;
|
|
466
465
|
--cui-z-index-navigation: 800;
|
|
467
|
-
--cui-z-index-modal: 1000;
|
|
468
466
|
--cui-z-index-toast: 1100;
|
|
469
467
|
}
|
|
@@ -953,25 +953,21 @@ export declare const schema: ({
|
|
|
953
953
|
type: "number";
|
|
954
954
|
deprecation?: undefined;
|
|
955
955
|
} | {
|
|
956
|
-
name: "--cui-z-index-
|
|
956
|
+
name: "--cui-z-index-side-panel";
|
|
957
957
|
type: "number";
|
|
958
958
|
deprecation?: undefined;
|
|
959
959
|
} | {
|
|
960
|
-
name: "--cui-z-index-
|
|
960
|
+
name: "--cui-z-index-tooltip";
|
|
961
961
|
type: "number";
|
|
962
962
|
deprecation?: undefined;
|
|
963
963
|
} | {
|
|
964
|
-
name: "--cui-z-index-
|
|
964
|
+
name: "--cui-z-index-header";
|
|
965
965
|
type: "number";
|
|
966
966
|
deprecation?: undefined;
|
|
967
967
|
} | {
|
|
968
968
|
name: "--cui-z-index-navigation";
|
|
969
969
|
type: "number";
|
|
970
970
|
deprecation?: undefined;
|
|
971
|
-
} | {
|
|
972
|
-
name: "--cui-z-index-modal";
|
|
973
|
-
type: "number";
|
|
974
|
-
deprecation?: undefined;
|
|
975
971
|
} | {
|
|
976
972
|
name: "--cui-z-index-toast";
|
|
977
973
|
type: "number";
|
|
@@ -413,10 +413,9 @@ exports.schema = [
|
|
|
413
413
|
{ name: '--cui-z-index-absolute', type: 'number' },
|
|
414
414
|
{ name: '--cui-z-index-input', type: 'number' },
|
|
415
415
|
{ name: '--cui-z-index-popover', type: 'number' },
|
|
416
|
+
{ name: '--cui-z-index-side-panel', type: 'number' },
|
|
416
417
|
{ name: '--cui-z-index-tooltip', type: 'number' },
|
|
417
418
|
{ name: '--cui-z-index-header', type: 'number' },
|
|
418
|
-
{ name: '--cui-z-index-backdrop', type: 'number' },
|
|
419
419
|
{ name: '--cui-z-index-navigation', type: 'number' },
|
|
420
|
-
{ name: '--cui-z-index-modal', type: 'number' },
|
|
421
420
|
{ name: '--cui-z-index-toast', type: 'number' },
|
|
422
421
|
];
|
|
@@ -365,25 +365,21 @@ export declare const shared: ({
|
|
|
365
365
|
value: number;
|
|
366
366
|
type: "number";
|
|
367
367
|
} | {
|
|
368
|
-
name: "--cui-z-index-
|
|
368
|
+
name: "--cui-z-index-side-panel";
|
|
369
369
|
value: number;
|
|
370
370
|
type: "number";
|
|
371
371
|
} | {
|
|
372
|
-
name: "--cui-z-index-
|
|
372
|
+
name: "--cui-z-index-tooltip";
|
|
373
373
|
value: number;
|
|
374
374
|
type: "number";
|
|
375
375
|
} | {
|
|
376
|
-
name: "--cui-z-index-
|
|
376
|
+
name: "--cui-z-index-header";
|
|
377
377
|
value: number;
|
|
378
378
|
type: "number";
|
|
379
379
|
} | {
|
|
380
380
|
name: "--cui-z-index-navigation";
|
|
381
381
|
value: number;
|
|
382
382
|
type: "number";
|
|
383
|
-
} | {
|
|
384
|
-
name: "--cui-z-index-modal";
|
|
385
|
-
value: number;
|
|
386
|
-
type: "number";
|
|
387
383
|
} | {
|
|
388
384
|
name: "--cui-z-index-toast";
|
|
389
385
|
value: number;
|
|
@@ -467,6 +467,11 @@ exports.shared = [
|
|
|
467
467
|
value: 1000,
|
|
468
468
|
type: 'number',
|
|
469
469
|
},
|
|
470
|
+
{
|
|
471
|
+
name: '--cui-z-index-side-panel',
|
|
472
|
+
value: 30,
|
|
473
|
+
type: 'number',
|
|
474
|
+
},
|
|
470
475
|
{
|
|
471
476
|
name: '--cui-z-index-tooltip',
|
|
472
477
|
value: 40,
|
|
@@ -477,21 +482,11 @@ exports.shared = [
|
|
|
477
482
|
value: 600,
|
|
478
483
|
type: 'number',
|
|
479
484
|
},
|
|
480
|
-
{
|
|
481
|
-
name: '--cui-z-index-backdrop',
|
|
482
|
-
value: 700,
|
|
483
|
-
type: 'number',
|
|
484
|
-
},
|
|
485
485
|
{
|
|
486
486
|
name: '--cui-z-index-navigation',
|
|
487
487
|
value: 800,
|
|
488
488
|
type: 'number',
|
|
489
489
|
},
|
|
490
|
-
{
|
|
491
|
-
name: '--cui-z-index-modal',
|
|
492
|
-
value: 1000,
|
|
493
|
-
type: 'number',
|
|
494
|
-
},
|
|
495
490
|
{
|
|
496
491
|
name: '--cui-z-index-toast',
|
|
497
492
|
value: 1100,
|
|
@@ -953,25 +953,21 @@ export declare const schema: ({
|
|
|
953
953
|
type: "number";
|
|
954
954
|
deprecation?: undefined;
|
|
955
955
|
} | {
|
|
956
|
-
name: "--cui-z-index-
|
|
956
|
+
name: "--cui-z-index-side-panel";
|
|
957
957
|
type: "number";
|
|
958
958
|
deprecation?: undefined;
|
|
959
959
|
} | {
|
|
960
|
-
name: "--cui-z-index-
|
|
960
|
+
name: "--cui-z-index-tooltip";
|
|
961
961
|
type: "number";
|
|
962
962
|
deprecation?: undefined;
|
|
963
963
|
} | {
|
|
964
|
-
name: "--cui-z-index-
|
|
964
|
+
name: "--cui-z-index-header";
|
|
965
965
|
type: "number";
|
|
966
966
|
deprecation?: undefined;
|
|
967
967
|
} | {
|
|
968
968
|
name: "--cui-z-index-navigation";
|
|
969
969
|
type: "number";
|
|
970
970
|
deprecation?: undefined;
|
|
971
|
-
} | {
|
|
972
|
-
name: "--cui-z-index-modal";
|
|
973
|
-
type: "number";
|
|
974
|
-
deprecation?: undefined;
|
|
975
971
|
} | {
|
|
976
972
|
name: "--cui-z-index-toast";
|
|
977
973
|
type: "number";
|
package/dist/es/themes/schema.js
CHANGED
|
@@ -410,10 +410,9 @@ export const schema = [
|
|
|
410
410
|
{ name: '--cui-z-index-absolute', type: 'number' },
|
|
411
411
|
{ name: '--cui-z-index-input', type: 'number' },
|
|
412
412
|
{ name: '--cui-z-index-popover', type: 'number' },
|
|
413
|
+
{ name: '--cui-z-index-side-panel', type: 'number' },
|
|
413
414
|
{ name: '--cui-z-index-tooltip', type: 'number' },
|
|
414
415
|
{ name: '--cui-z-index-header', type: 'number' },
|
|
415
|
-
{ name: '--cui-z-index-backdrop', type: 'number' },
|
|
416
416
|
{ name: '--cui-z-index-navigation', type: 'number' },
|
|
417
|
-
{ name: '--cui-z-index-modal', type: 'number' },
|
|
418
417
|
{ name: '--cui-z-index-toast', type: 'number' },
|
|
419
418
|
];
|
|
@@ -365,25 +365,21 @@ export declare const shared: ({
|
|
|
365
365
|
value: number;
|
|
366
366
|
type: "number";
|
|
367
367
|
} | {
|
|
368
|
-
name: "--cui-z-index-
|
|
368
|
+
name: "--cui-z-index-side-panel";
|
|
369
369
|
value: number;
|
|
370
370
|
type: "number";
|
|
371
371
|
} | {
|
|
372
|
-
name: "--cui-z-index-
|
|
372
|
+
name: "--cui-z-index-tooltip";
|
|
373
373
|
value: number;
|
|
374
374
|
type: "number";
|
|
375
375
|
} | {
|
|
376
|
-
name: "--cui-z-index-
|
|
376
|
+
name: "--cui-z-index-header";
|
|
377
377
|
value: number;
|
|
378
378
|
type: "number";
|
|
379
379
|
} | {
|
|
380
380
|
name: "--cui-z-index-navigation";
|
|
381
381
|
value: number;
|
|
382
382
|
type: "number";
|
|
383
|
-
} | {
|
|
384
|
-
name: "--cui-z-index-modal";
|
|
385
|
-
value: number;
|
|
386
|
-
type: "number";
|
|
387
383
|
} | {
|
|
388
384
|
name: "--cui-z-index-toast";
|
|
389
385
|
value: number;
|
package/dist/es/themes/shared.js
CHANGED
|
@@ -464,6 +464,11 @@ export const shared = [
|
|
|
464
464
|
value: 1000,
|
|
465
465
|
type: 'number',
|
|
466
466
|
},
|
|
467
|
+
{
|
|
468
|
+
name: '--cui-z-index-side-panel',
|
|
469
|
+
value: 30,
|
|
470
|
+
type: 'number',
|
|
471
|
+
},
|
|
467
472
|
{
|
|
468
473
|
name: '--cui-z-index-tooltip',
|
|
469
474
|
value: 40,
|
|
@@ -474,21 +479,11 @@ export const shared = [
|
|
|
474
479
|
value: 600,
|
|
475
480
|
type: 'number',
|
|
476
481
|
},
|
|
477
|
-
{
|
|
478
|
-
name: '--cui-z-index-backdrop',
|
|
479
|
-
value: 700,
|
|
480
|
-
type: 'number',
|
|
481
|
-
},
|
|
482
482
|
{
|
|
483
483
|
name: '--cui-z-index-navigation',
|
|
484
484
|
value: 800,
|
|
485
485
|
type: 'number',
|
|
486
486
|
},
|
|
487
|
-
{
|
|
488
|
-
name: '--cui-z-index-modal',
|
|
489
|
-
value: 1000,
|
|
490
|
-
type: 'number',
|
|
491
|
-
},
|
|
492
487
|
{
|
|
493
488
|
name: '--cui-z-index-toast',
|
|
494
489
|
value: 1100,
|
package/dynamic.css
CHANGED
|
@@ -225,11 +225,10 @@
|
|
|
225
225
|
--cui-z-index-absolute: 1;
|
|
226
226
|
--cui-z-index-input: 20;
|
|
227
227
|
--cui-z-index-popover: 1000;
|
|
228
|
+
--cui-z-index-side-panel: 30;
|
|
228
229
|
--cui-z-index-tooltip: 40;
|
|
229
230
|
--cui-z-index-header: 600;
|
|
230
|
-
--cui-z-index-backdrop: 700;
|
|
231
231
|
--cui-z-index-navigation: 800;
|
|
232
|
-
--cui-z-index-modal: 1000;
|
|
233
232
|
--cui-z-index-toast: 1100;
|
|
234
233
|
}
|
|
235
234
|
|
|
@@ -460,11 +459,10 @@
|
|
|
460
459
|
--cui-z-index-absolute: 1;
|
|
461
460
|
--cui-z-index-input: 20;
|
|
462
461
|
--cui-z-index-popover: 1000;
|
|
462
|
+
--cui-z-index-side-panel: 30;
|
|
463
463
|
--cui-z-index-tooltip: 40;
|
|
464
464
|
--cui-z-index-header: 600;
|
|
465
|
-
--cui-z-index-backdrop: 700;
|
|
466
465
|
--cui-z-index-navigation: 800;
|
|
467
|
-
--cui-z-index-modal: 1000;
|
|
468
466
|
--cui-z-index-toast: 1100;
|
|
469
467
|
}
|
|
470
468
|
|
package/light.css
CHANGED
|
@@ -225,11 +225,10 @@
|
|
|
225
225
|
--cui-z-index-absolute: 1;
|
|
226
226
|
--cui-z-index-input: 20;
|
|
227
227
|
--cui-z-index-popover: 1000;
|
|
228
|
+
--cui-z-index-side-panel: 30;
|
|
228
229
|
--cui-z-index-tooltip: 40;
|
|
229
230
|
--cui-z-index-header: 600;
|
|
230
|
-
--cui-z-index-backdrop: 700;
|
|
231
231
|
--cui-z-index-navigation: 800;
|
|
232
|
-
--cui-z-index-modal: 1000;
|
|
233
232
|
--cui-z-index-toast: 1100;
|
|
234
233
|
}
|
|
235
234
|
|
|
@@ -460,10 +459,9 @@
|
|
|
460
459
|
--cui-z-index-absolute: 1;
|
|
461
460
|
--cui-z-index-input: 20;
|
|
462
461
|
--cui-z-index-popover: 1000;
|
|
462
|
+
--cui-z-index-side-panel: 30;
|
|
463
463
|
--cui-z-index-tooltip: 40;
|
|
464
464
|
--cui-z-index-header: 600;
|
|
465
|
-
--cui-z-index-backdrop: 700;
|
|
466
465
|
--cui-z-index-navigation: 800;
|
|
467
|
-
--cui-z-index-modal: 1000;
|
|
468
466
|
--cui-z-index-toast: 1100;
|
|
469
467
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sumup-oss/design-tokens",
|
|
3
|
-
"version": "9.0.0
|
|
3
|
+
"version": "9.0.0",
|
|
4
4
|
"description": "Visual primitives such as typography, color, and spacing that are shared across platforms.",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/es/index.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"test": "vitest"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@types/node": "^22.
|
|
34
|
+
"@types/node": "^22.15.14",
|
|
35
35
|
"browserslist": "^4.24.4",
|
|
36
36
|
"lightningcss": "^1.29.3",
|
|
37
37
|
"tsx": "^4.19.3",
|