@swisspost/design-system-tokens 10.0.0-next.42 → 10.0.0-next.44

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 (25) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +14 -1
  4. package/_core.scss +2 -1
  5. package/_device.scss +4 -1
  6. package/_elements.scss +4 -3
  7. package/_helpers.scss +1 -1
  8. package/_index.scss +3 -3
  9. package/_palette.scss +29 -41
  10. package/_scheme.scss +5 -9
  11. package/_schemestatic.scss +56 -0
  12. package/_theme.scss +61 -39
  13. package/_utilities-formatted.scss +2 -1
  14. package/_utilities.scss +2 -1
  15. package/package.json +1 -1
  16. package/tailwind/helpers.tailwind.css +17 -0
  17. package/tailwind/utilities.tailwind.css +108 -0
  18. package/tokens.json +741 -458
  19. package/_palettes.scss +0 -19
  20. package/palettes/_cargo-dark.scss +0 -19
  21. package/palettes/_cargo-light.scss +0 -19
  22. package/palettes/_post-dark.scss +0 -19
  23. package/palettes/_post-light.scss +0 -19
  24. package/tailwind/helpers.tailwind.js +0 -17
  25. package/tailwind/utilities.tailwind.js +0 -129
package/_palettes.scss DELETED
@@ -1,19 +0,0 @@
1
-
2
- // Do not edit manually
3
- // This file was generated by the swisspost/design-system-tokens package
4
- // Tue, 22 Jul 2025 07:22:42 GMT
5
-
6
- $post-palettes: (
7
- post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),
8
- post-palettes-color-default-fg: var(--post-theme-color-palettes-default-fg),
9
- post-palettes-color-default-bg-scheme: var(--post-theme-palettes-bg-scheme-default),
10
- post-palettes-color-alternate-bg: var(--post-theme-color-palettes-alternate-bg),
11
- post-palettes-color-alternate-fg: var(--post-theme-color-palettes-alternate-fg),
12
- post-palettes-color-alternate-bg-scheme: var(--post-theme-palettes-bg-scheme-alternate),
13
- post-palettes-color-brand-bg: var(--post-theme-color-palettes-brand-bg),
14
- post-palettes-color-brand-fg: var(--post-theme-color-palettes-brand-fg-accent),
15
- post-palettes-color-brand-bg-scheme: var(--post-theme-palettes-bg-scheme-brand),
16
- post-palettes-color-accent-bg: var(--post-theme-color-palettes-accent-bg),
17
- post-palettes-color-accent-fg: var(--post-theme-color-palettes-accent-fg-accent),
18
- post-palettes-color-accent-bg-scheme: var(--post-theme-palettes-bg-scheme-emphasis),
19
- );
package/palettes/_cargo-dark.scss DELETED
@@ -1,19 +0,0 @@
1
-
2
- // Do not edit manually
3
- // This file was generated by the swisspost/design-system-tokens package
4
- // Tue, 22 Jul 2025 07:22:42 GMT
5
-
6
- $post-palettes: (
7
- post-palettes-color-default-bg: #373632,
8
- post-palettes-color-default-fg: #ffffff,
9
- post-palettes-color-default-bg-scheme: dark,
10
- post-palettes-color-alternate-bg: #050400,
11
- post-palettes-color-alternate-fg: #ffffff,
12
- post-palettes-color-alternate-bg-scheme: dark,
13
- post-palettes-color-brand-bg: #00411c,
14
- post-palettes-color-brand-fg: #aadcff,
15
- post-palettes-color-brand-bg-scheme: dark,
16
- post-palettes-color-accent-bg: #aadcff,
17
- post-palettes-color-accent-fg: #00411c,
18
- post-palettes-color-accent-bg-scheme: light,
19
- );
package/palettes/_cargo-light.scss DELETED
@@ -1,19 +0,0 @@
1
-
2
- // Do not edit manually
3
- // This file was generated by the swisspost/design-system-tokens package
4
- // Tue, 22 Jul 2025 07:22:42 GMT
5
-
6
- $post-palettes: (
7
- post-palettes-color-default-bg: #fafafa,
8
- post-palettes-color-default-fg: #050400,
9
- post-palettes-color-default-bg-scheme: light,
10
- post-palettes-color-alternate-bg: #f0efed,
11
- post-palettes-color-alternate-fg: #050400,
12
- post-palettes-color-alternate-bg-scheme: light,
13
- post-palettes-color-brand-bg: #00411c,
14
- post-palettes-color-brand-fg: #aadcff,
15
- post-palettes-color-brand-bg-scheme: dark,
16
- post-palettes-color-accent-bg: #aadcff,
17
- post-palettes-color-accent-fg: #00411c,
18
- post-palettes-color-accent-bg-scheme: light,
19
- );
package/palettes/_post-dark.scss DELETED
@@ -1,19 +0,0 @@
1
-
2
- // Do not edit manually
3
- // This file was generated by the swisspost/design-system-tokens package
4
- // Tue, 22 Jul 2025 07:22:42 GMT
5
-
6
- $post-palettes: (
7
- post-palettes-color-default-bg: #373632,
8
- post-palettes-color-default-fg: #ffffff,
9
- post-palettes-color-default-bg-scheme: dark,
10
- post-palettes-color-alternate-bg: #050400,
11
- post-palettes-color-alternate-fg: #ffffff,
12
- post-palettes-color-alternate-bg-scheme: dark,
13
- post-palettes-color-brand-bg: #ffcc00,
14
- post-palettes-color-brand-fg: #050400,
15
- post-palettes-color-brand-bg-scheme: light,
16
- post-palettes-color-accent-bg: #fafafa,
17
- post-palettes-color-accent-fg: #050400,
18
- post-palettes-color-accent-bg-scheme: light,
19
- );
package/palettes/_post-light.scss DELETED
@@ -1,19 +0,0 @@
1
-
2
- // Do not edit manually
3
- // This file was generated by the swisspost/design-system-tokens package
4
- // Tue, 22 Jul 2025 07:22:42 GMT
5
-
6
- $post-palettes: (
7
- post-palettes-color-default-bg: #fafafa,
8
- post-palettes-color-default-fg: #050400,
9
- post-palettes-color-default-bg-scheme: light,
10
- post-palettes-color-alternate-bg: #f0efed,
11
- post-palettes-color-alternate-fg: #050400,
12
- post-palettes-color-alternate-bg-scheme: light,
13
- post-palettes-color-brand-bg: #ffcc00,
14
- post-palettes-color-brand-fg: #050400,
15
- post-palettes-color-brand-bg-scheme: light,
16
- post-palettes-color-accent-bg: #373632,
17
- post-palettes-color-accent-fg: #ffcc00,
18
- post-palettes-color-accent-bg-scheme: dark,
19
- );
package/tailwind/helpers.tailwind.js DELETED
@@ -1,17 +0,0 @@
1
-
2
- // Do not edit manually
3
- // This file was generated by the swisspost/design-system-tokens package
4
- // Tue, 22 Jul 2025 07:22:42 GMT
5
-
6
- export default {
7
- focus: {
8
- 'outline': {
9
- 'offset': 'var(--post-device-spacing-padding-2)',
10
- 'color': 'var(--post-scheme-color-interactive-focus-stroke)',
11
- 'color-inverted': 'var(--post-scheme-color-interactive-focus-stroke-inverted)',
12
- },
13
- 'outline-width': 'var(--post-device-border-width-focus)',
14
- 'border-style': 'var(--post-core-border-style-solid)',
15
- 'border-radius': 'var(--post-device-border-radius-focus)',
16
- },
17
- };
package/tailwind/utilities.tailwind.js DELETED
@@ -1,129 +0,0 @@
1
-
2
- // Do not edit manually
3
- // This file was generated by the swisspost/design-system-tokens package
4
- // Tue, 22 Jul 2025 07:22:42 GMT
5
-
6
- export default {
7
- utility: {
8
- 'margin': {
9
- 0: 'var(--post-core-dimension-0)',
10
- 1: 'var(--post-core-dimension-1)',
11
- 2: 'var(--post-core-dimension-2)',
12
- 4: 'var(--post-core-dimension-4)',
13
- 6: 'var(--post-core-dimension-6)',
14
- 8: 'var(--post-core-dimension-8)',
15
- 12: 'var(--post-core-dimension-12)',
16
- 16: 'var(--post-core-dimension-16)',
17
- 24: 'var(--post-core-dimension-24)',
18
- 32: 'var(--post-core-dimension-32)',
19
- 40: 'var(--post-core-dimension-40)',
20
- 48: 'var(--post-core-dimension-48)',
21
- 56: 'var(--post-core-dimension-56)',
22
- 64: 'var(--post-core-dimension-64)',
23
- 72: 'var(--post-core-dimension-72)',
24
- 80: 'var(--post-core-dimension-80)',
25
- 88: 'var(--post-core-dimension-88)',
26
- 96: 'var(--post-core-dimension-96)',
27
- 104: 'var(--post-core-dimension-104)',
28
- auto: 'auto',
29
- },
30
- 'padding': {
31
- 0: 'var(--post-core-dimension-0)',
32
- 1: 'var(--post-core-dimension-1)',
33
- 2: 'var(--post-core-dimension-2)',
34
- 4: 'var(--post-core-dimension-4)',
35
- 6: 'var(--post-core-dimension-6)',
36
- 8: 'var(--post-core-dimension-8)',
37
- 12: 'var(--post-core-dimension-12)',
38
- 16: 'var(--post-core-dimension-16)',
39
- 24: 'var(--post-core-dimension-24)',
40
- 32: 'var(--post-core-dimension-32)',
41
- 40: 'var(--post-core-dimension-40)',
42
- 48: 'var(--post-core-dimension-48)',
43
- 56: 'var(--post-core-dimension-56)',
44
- 64: 'var(--post-core-dimension-64)',
45
- 72: 'var(--post-core-dimension-72)',
46
- 80: 'var(--post-core-dimension-80)',
47
- 88: 'var(--post-core-dimension-88)',
48
- 96: 'var(--post-core-dimension-96)',
49
- 104: 'var(--post-core-dimension-104)',
50
- auto: 'auto',
51
- },
52
- 'gap': {
53
- 0: 'var(--post-core-dimension-0)',
54
- 1: 'var(--post-core-dimension-1)',
55
- 2: 'var(--post-core-dimension-2)',
56
- 4: 'var(--post-core-dimension-4)',
57
- 6: 'var(--post-core-dimension-6)',
58
- 8: 'var(--post-core-dimension-8)',
59
- 12: 'var(--post-core-dimension-12)',
60
- 16: 'var(--post-core-dimension-16)',
61
- 24: 'var(--post-core-dimension-24)',
62
- 32: 'var(--post-core-dimension-32)',
63
- 40: 'var(--post-core-dimension-40)',
64
- 48: 'var(--post-core-dimension-48)',
65
- 56: 'var(--post-core-dimension-56)',
66
- 64: 'var(--post-core-dimension-64)',
67
- 72: 'var(--post-core-dimension-72)',
68
- 80: 'var(--post-core-dimension-80)',
69
- 88: 'var(--post-core-dimension-88)',
70
- 96: 'var(--post-core-dimension-96)',
71
- 104: 'var(--post-core-dimension-104)',
72
- auto: 'auto',
73
- },
74
- 'surface': {
75
- default: 'var(--post-core-color-sandgrey-002)',
76
- accent1: 'var(--post-core-color-brand-white)',
77
- accent2: 'var(--post-core-color-sandgrey-006)',
78
- accent3: 'var(--post-core-color-brand-postyellow)',
79
- accent4: 'var(--post-core-color-sandgrey-080)',
80
- },
81
- 'elevation': {
82
- 100: 'var(--post-device-elevation-100)',
83
- 200: 'var(--post-device-elevation-200)',
84
- 300: 'var(--post-device-elevation-300)',
85
- 400: 'var(--post-device-elevation-400)',
86
- 500: 'var(--post-device-elevation-500)',
87
- },
88
- 'border-width': {
89
- 1: 'var(--post-core-dimension-1)',
90
- 2: 'var(--post-core-dimension-2)',
91
- },
92
- 'border-radius': {
93
- 4: 'var(--post-core-dimension-4)',
94
- 8: 'var(--post-core-dimension-8)',
95
- },
96
- 'border-default': {
97
- width: 'var(--post-core-dimension-1)',
98
- radius: 'var(--post-core-dimension-4)',
99
- color: 'var(--post-scheme-color-surface-default-stroke)',
100
- },
101
- 'font-weight': {
102
- regular: 'var(--post-core-font-weight-400)',
103
- bold: 'var(--post-core-font-weight-700)',
104
- black: 'var(--post-core-font-weight-900)',
105
- },
106
- 'line-height': {
107
- 1: 'var(--post-core-line-height-100)',
108
- sm: 'var(--post-core-line-height-120)',
109
- lg: 'var(--post-core-line-height-150)',
110
- },
111
- 'letter-spacing': {
112
- none: 'var(--post-core-letter-spacing-none)',
113
- default: 'var(--post-core-letter-spacing-default)',
114
- },
115
- 'font-size': {
116
- 1: 'var(--post-device-font-size-1)',
117
- 2: 'var(--post-device-font-size-2)',
118
- 3: 'var(--post-device-font-size-3)',
119
- 4: 'var(--post-device-font-size-4)',
120
- 5: 'var(--post-device-font-size-5)',
121
- 6: 'var(--post-device-font-size-6)',
122
- 7: 'var(--post-device-font-size-7)',
123
- 8: 'var(--post-device-font-size-8)',
124
- 9: 'var(--post-device-font-size-9)',
125
- 10: 'var(--post-device-font-size-10)',
126
- 11: 'var(--post-device-font-size-11)',
127
- },
128
- },
129
- };