@sumup-oss/design-tokens 10.0.1 → 10.0.3

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 (8) hide show
  1. package/dist/cjs/themes/light.d.ts +5 -5
  2. package/dist/cjs/themes/light.js +5 -5
  3. package/dist/es/themes/light.d.ts +5 -5
  4. package/dist/es/themes/light.js +5 -5
  5. package/dynamic.css +15 -15
  6. package/light-scoped.css +5 -5
  7. package/light.css +10 -10
  8. package/package.json +3 -3
package/dist/cjs/themes/light.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare const light: ({
26
26
  type: "color";
27
27
  } | {
28
28
  name: "--cui-bg-normal-disabled";
29
- value: "rgba(227, 226, 214, 0.6000)";
29
+ value: "rgba(251, 251, 249, 0.4000)";
30
30
  type: "color";
31
31
  } | {
32
32
  name: "--cui-bg-subtle";
@@ -510,19 +510,19 @@ export declare const light: ({
510
510
  type: "color";
511
511
  } | {
512
512
  name: "--cui-border-divider";
513
- value: "#f1f1eb";
513
+ value: "#E7E6DF";
514
514
  type: "color";
515
515
  } | {
516
516
  name: "--cui-border-divider-hovered";
517
- value: "#e3e2d6";
517
+ value: "#D8D7CA";
518
518
  type: "color";
519
519
  } | {
520
520
  name: "--cui-border-divider-pressed";
521
- value: "#d0cdc3";
521
+ value: "#CBC8BD";
522
522
  type: "color";
523
523
  } | {
524
524
  name: "--cui-border-divider-disabled";
525
- value: "rgba(240, 241, 231, 0.5000)";
525
+ value: "#E7E6DF";
526
526
  type: "color";
527
527
  } | {
528
528
  name: "--cui-border-strong";
package/dist/cjs/themes/light.js CHANGED
@@ -33,7 +33,7 @@ exports.light = [
33
33
  },
34
34
  {
35
35
  name: '--cui-bg-normal-disabled',
36
- value: 'rgba(227, 226, 214, 0.6000)',
36
+ value: 'rgba(251, 251, 249, 0.4000)',
37
37
  type: 'color',
38
38
  },
39
39
  {
@@ -638,22 +638,22 @@ exports.light = [
638
638
  },
639
639
  {
640
640
  name: '--cui-border-divider',
641
- value: '#f1f1eb',
641
+ value: '#E7E6DF',
642
642
  type: 'color',
643
643
  },
644
644
  {
645
645
  name: '--cui-border-divider-hovered',
646
- value: '#e3e2d6',
646
+ value: '#D8D7CA',
647
647
  type: 'color',
648
648
  },
649
649
  {
650
650
  name: '--cui-border-divider-pressed',
651
- value: '#d0cdc3',
651
+ value: '#CBC8BD',
652
652
  type: 'color',
653
653
  },
654
654
  {
655
655
  name: '--cui-border-divider-disabled',
656
- value: 'rgba(240, 241, 231, 0.5000)',
656
+ value: '#E7E6DF',
657
657
  type: 'color',
658
658
  },
659
659
  {
package/dist/es/themes/light.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare const light: ({
26
26
  type: "color";
27
27
  } | {
28
28
  name: "--cui-bg-normal-disabled";
29
- value: "rgba(227, 226, 214, 0.6000)";
29
+ value: "rgba(251, 251, 249, 0.4000)";
30
30
  type: "color";
31
31
  } | {
32
32
  name: "--cui-bg-subtle";
@@ -510,19 +510,19 @@ export declare const light: ({
510
510
  type: "color";
511
511
  } | {
512
512
  name: "--cui-border-divider";
513
- value: "#f1f1eb";
513
+ value: "#E7E6DF";
514
514
  type: "color";
515
515
  } | {
516
516
  name: "--cui-border-divider-hovered";
517
- value: "#e3e2d6";
517
+ value: "#D8D7CA";
518
518
  type: "color";
519
519
  } | {
520
520
  name: "--cui-border-divider-pressed";
521
- value: "#d0cdc3";
521
+ value: "#CBC8BD";
522
522
  type: "color";
523
523
  } | {
524
524
  name: "--cui-border-divider-disabled";
525
- value: "rgba(240, 241, 231, 0.5000)";
525
+ value: "#E7E6DF";
526
526
  type: "color";
527
527
  } | {
528
528
  name: "--cui-border-strong";
package/dist/es/themes/light.js CHANGED
@@ -30,7 +30,7 @@ export const light = [
30
30
  },
31
31
  {
32
32
  name: '--cui-bg-normal-disabled',
33
- value: 'rgba(227, 226, 214, 0.6000)',
33
+ value: 'rgba(251, 251, 249, 0.4000)',
34
34
  type: 'color',
35
35
  },
36
36
  {
@@ -635,22 +635,22 @@ export const light = [
635
635
  },
636
636
  {
637
637
  name: '--cui-border-divider',
638
- value: '#f1f1eb',
638
+ value: '#E7E6DF',
639
639
  type: 'color',
640
640
  },
641
641
  {
642
642
  name: '--cui-border-divider-hovered',
643
- value: '#e3e2d6',
643
+ value: '#D8D7CA',
644
644
  type: 'color',
645
645
  },
646
646
  {
647
647
  name: '--cui-border-divider-pressed',
648
- value: '#d0cdc3',
648
+ value: '#CBC8BD',
649
649
  type: 'color',
650
650
  },
651
651
  {
652
652
  name: '--cui-border-divider-disabled',
653
- value: 'rgba(240, 241, 231, 0.5000)',
653
+ value: '#E7E6DF',
654
654
  type: 'color',
655
655
  },
656
656
  {
package/dynamic.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --cui-bg-normal: #fbfbf9;
6
6
  --cui-bg-normal-hovered: #f1f0e9;
7
7
  --cui-bg-normal-pressed: #e3e2d6;
8
- --cui-bg-normal-disabled: rgba(227, 226, 214, .6);
8
+ --cui-bg-normal-disabled: rgba(251, 251, 249, .4);
9
9
  --cui-bg-subtle: #f5f4ed;
10
10
  --cui-bg-subtle-hovered: #f0eee7;
11
11
  --cui-bg-subtle-pressed: #e8e6dc;
@@ -126,10 +126,10 @@
126
126
  --cui-border-subtle-hovered: #d0cdc3;
127
127
  --cui-border-subtle-pressed: #b7b0a9;
128
128
  --cui-border-subtle-disabled: rgba(221, 220, 212, .9);
129
- --cui-border-divider: #f1f1eb;
130
- --cui-border-divider-hovered: #e3e2d6;
131
- --cui-border-divider-pressed: #d0cdc3;
132
- --cui-border-divider-disabled: rgba(240, 241, 231, .5);
129
+ --cui-border-divider: #e7e6df;
130
+ --cui-border-divider-hovered: #d8d7ca;
131
+ --cui-border-divider-pressed: #cbc8bd;
132
+ --cui-border-divider-disabled: #e7e6df;
133
133
  --cui-border-strong: #1e1c1c;
134
134
  --cui-border-strong-hovered: #494a4a;
135
135
  --cui-border-strong-pressed: #696969;
@@ -274,7 +274,7 @@
274
274
  --cui-bg-normal: #fbfbf9;
275
275
  --cui-bg-normal-hovered: #f1f0e9;
276
276
  --cui-bg-normal-pressed: #e3e2d6;
277
- --cui-bg-normal-disabled: rgba(227, 226, 214, .6);
277
+ --cui-bg-normal-disabled: rgba(251, 251, 249, .4);
278
278
  --cui-bg-subtle: #f5f4ed;
279
279
  --cui-bg-subtle-hovered: #f0eee7;
280
280
  --cui-bg-subtle-pressed: #e8e6dc;
@@ -395,10 +395,10 @@
395
395
  --cui-border-subtle-hovered: #d0cdc3;
396
396
  --cui-border-subtle-pressed: #b7b0a9;
397
397
  --cui-border-subtle-disabled: rgba(221, 220, 212, .9);
398
- --cui-border-divider: #f1f1eb;
399
- --cui-border-divider-hovered: #e3e2d6;
400
- --cui-border-divider-pressed: #d0cdc3;
401
- --cui-border-divider-disabled: rgba(240, 241, 231, .5);
398
+ --cui-border-divider: #e7e6df;
399
+ --cui-border-divider-hovered: #d8d7ca;
400
+ --cui-border-divider-pressed: #cbc8bd;
401
+ --cui-border-divider-disabled: #e7e6df;
402
402
  --cui-border-strong: #1e1c1c;
403
403
  --cui-border-strong-hovered: #494a4a;
404
404
  --cui-border-strong-pressed: #696969;
@@ -891,7 +891,7 @@
891
891
  --cui-bg-normal: #fbfbf9;
892
892
  --cui-bg-normal-hovered: #f1f0e9;
893
893
  --cui-bg-normal-pressed: #e3e2d6;
894
- --cui-bg-normal-disabled: rgba(227, 226, 214, .6);
894
+ --cui-bg-normal-disabled: rgba(251, 251, 249, .4);
895
895
  --cui-bg-subtle: #f5f4ed;
896
896
  --cui-bg-subtle-hovered: #f0eee7;
897
897
  --cui-bg-subtle-pressed: #e8e6dc;
@@ -1012,10 +1012,10 @@
1012
1012
  --cui-border-subtle-hovered: #d0cdc3;
1013
1013
  --cui-border-subtle-pressed: #b7b0a9;
1014
1014
  --cui-border-subtle-disabled: rgba(221, 220, 212, .9);
1015
- --cui-border-divider: #f1f1eb;
1016
- --cui-border-divider-hovered: #e3e2d6;
1017
- --cui-border-divider-pressed: #d0cdc3;
1018
- --cui-border-divider-disabled: rgba(240, 241, 231, .5);
1015
+ --cui-border-divider: #e7e6df;
1016
+ --cui-border-divider-hovered: #d8d7ca;
1017
+ --cui-border-divider-pressed: #cbc8bd;
1018
+ --cui-border-divider-disabled: #e7e6df;
1019
1019
  --cui-border-strong: #1e1c1c;
1020
1020
  --cui-border-strong-hovered: #494a4a;
1021
1021
  --cui-border-strong-pressed: #696969;
package/light-scoped.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --cui-bg-normal: #fbfbf9;
6
6
  --cui-bg-normal-hovered: #f1f0e9;
7
7
  --cui-bg-normal-pressed: #e3e2d6;
8
- --cui-bg-normal-disabled: rgba(227, 226, 214, .6);
8
+ --cui-bg-normal-disabled: rgba(251, 251, 249, .4);
9
9
  --cui-bg-subtle: #f5f4ed;
10
10
  --cui-bg-subtle-hovered: #f0eee7;
11
11
  --cui-bg-subtle-pressed: #e8e6dc;
@@ -126,10 +126,10 @@
126
126
  --cui-border-subtle-hovered: #d0cdc3;
127
127
  --cui-border-subtle-pressed: #b7b0a9;
128
128
  --cui-border-subtle-disabled: rgba(221, 220, 212, .9);
129
- --cui-border-divider: #f1f1eb;
130
- --cui-border-divider-hovered: #e3e2d6;
131
- --cui-border-divider-pressed: #d0cdc3;
132
- --cui-border-divider-disabled: rgba(240, 241, 231, .5);
129
+ --cui-border-divider: #e7e6df;
130
+ --cui-border-divider-hovered: #d8d7ca;
131
+ --cui-border-divider-pressed: #cbc8bd;
132
+ --cui-border-divider-disabled: #e7e6df;
133
133
  --cui-border-strong: #1e1c1c;
134
134
  --cui-border-strong-hovered: #494a4a;
135
135
  --cui-border-strong-pressed: #696969;
package/light.css CHANGED
@@ -5,7 +5,7 @@
5
5
  --cui-bg-normal: #fbfbf9;
6
6
  --cui-bg-normal-hovered: #f1f0e9;
7
7
  --cui-bg-normal-pressed: #e3e2d6;
8
- --cui-bg-normal-disabled: rgba(227, 226, 214, .6);
8
+ --cui-bg-normal-disabled: rgba(251, 251, 249, .4);
9
9
  --cui-bg-subtle: #f5f4ed;
10
10
  --cui-bg-subtle-hovered: #f0eee7;
11
11
  --cui-bg-subtle-pressed: #e8e6dc;
@@ -126,10 +126,10 @@
126
126
  --cui-border-subtle-hovered: #d0cdc3;
127
127
  --cui-border-subtle-pressed: #b7b0a9;
128
128
  --cui-border-subtle-disabled: rgba(221, 220, 212, .9);
129
- --cui-border-divider: #f1f1eb;
130
- --cui-border-divider-hovered: #e3e2d6;
131
- --cui-border-divider-pressed: #d0cdc3;
132
- --cui-border-divider-disabled: rgba(240, 241, 231, .5);
129
+ --cui-border-divider: #e7e6df;
130
+ --cui-border-divider-hovered: #d8d7ca;
131
+ --cui-border-divider-pressed: #cbc8bd;
132
+ --cui-border-divider-disabled: #e7e6df;
133
133
  --cui-border-strong: #1e1c1c;
134
134
  --cui-border-strong-hovered: #494a4a;
135
135
  --cui-border-strong-pressed: #696969;
@@ -274,7 +274,7 @@
274
274
  --cui-bg-normal: #fbfbf9;
275
275
  --cui-bg-normal-hovered: #f1f0e9;
276
276
  --cui-bg-normal-pressed: #e3e2d6;
277
- --cui-bg-normal-disabled: rgba(227, 226, 214, .6);
277
+ --cui-bg-normal-disabled: rgba(251, 251, 249, .4);
278
278
  --cui-bg-subtle: #f5f4ed;
279
279
  --cui-bg-subtle-hovered: #f0eee7;
280
280
  --cui-bg-subtle-pressed: #e8e6dc;
@@ -395,10 +395,10 @@
395
395
  --cui-border-subtle-hovered: #d0cdc3;
396
396
  --cui-border-subtle-pressed: #b7b0a9;
397
397
  --cui-border-subtle-disabled: rgba(221, 220, 212, .9);
398
- --cui-border-divider: #f1f1eb;
399
- --cui-border-divider-hovered: #e3e2d6;
400
- --cui-border-divider-pressed: #d0cdc3;
401
- --cui-border-divider-disabled: rgba(240, 241, 231, .5);
398
+ --cui-border-divider: #e7e6df;
399
+ --cui-border-divider-hovered: #d8d7ca;
400
+ --cui-border-divider-pressed: #cbc8bd;
401
+ --cui-border-divider-disabled: #e7e6df;
402
402
  --cui-border-strong: #1e1c1c;
403
403
  --cui-border-strong-hovered: #494a4a;
404
404
  --cui-border-strong-pressed: #696969;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sumup-oss/design-tokens",
3
- "version": "10.0.1",
3
+ "version": "10.0.3",
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",
@@ -34,10 +34,10 @@
34
34
  "test": "vitest"
35
35
  },
36
36
  "devDependencies": {
37
- "@types/node": "^25.6.0",
37
+ "@types/node": "^25.9.1",
38
38
  "browserslist": "^4.28.2",
39
39
  "lightningcss": "^1.30.2",
40
- "tsx": "^4.21.0",
40
+ "tsx": "^4.22.3",
41
41
  "typescript": "^6.0.3",
42
42
  "vitest": "^4.1.5"
43
43
  },