@swisspost/design-system-tokens 9.0.0-next.33 → 9.0.0-next.34

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 (22) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/_channel.scss +3 -3
  3. package/_components.scss +5 -5
  4. package/_core.scss +1 -1
  5. package/_device.scss +1 -1
  6. package/_elements.scss +1 -1
  7. package/_helpers.scss +1 -1
  8. package/_index.scss +2 -1
  9. package/_palette.scss +56 -0
  10. package/_palettes.scss +3 -3
  11. package/_scheme.scss +24 -10
  12. package/_theme.scss +17 -3
  13. package/_utilities-formatted.scss +15 -7
  14. package/_utilities.scss +12 -4
  15. package/package.json +1 -1
  16. package/palettes/_cargo-dark.scss +1 -1
  17. package/palettes/_cargo-light.scss +1 -1
  18. package/palettes/_post-dark.scss +1 -1
  19. package/palettes/_post-light.scss +2 -2
  20. package/tailwind/helpers.tailwind.js +1 -1
  21. package/tailwind/utilities.tailwind.js +14 -6
  22. package/tokens.json +739 -220
package/CHANGELOG.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.34
4
+
3
5
  ## 9.0.0-next.33
4
6
 
5
7
  ## 9.0.0-next.32
package/_channel.scss CHANGED
@@ -1,12 +1,12 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-edk: (
7
- post-channel-sizing-interactive-height-filler: var(--post-core-dimension-24),
7
+ keep: undefined,
8
8
  );
9
9
 
10
10
  $post-idk: (
11
- post-channel-sizing-interactive-height-filler: var(--post-core-dimension-24),
11
+ keep: undefined,
12
12
  );
package/_components.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-accordion: (
7
7
  post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
@@ -56,9 +56,9 @@ $post-avatar: (
56
56
  );
57
57
 
58
58
  $post-badge: (
59
- post-badge-bg: var(--post-scheme-color-notification-badge-bg),
60
- post-badge-fg: var(--post-scheme-color-notification-badge-fg),
61
- post-badge-stroke: var(--post-scheme-color-notification-badge-stroke),
59
+ post-badge-bg: var(--post-scheme-color-badge-bg),
60
+ post-badge-fg: var(--post-scheme-color-badge-fg),
61
+ post-badge-stroke: var(--post-scheme-color-badge-stroke),
62
62
  post-badge-height-l: var(--post-device-sizing-notification-1),
63
63
  post-badge-height-m: var(--post-device-sizing-notification-2),
64
64
  post-badge-height-s: var(--post-device-sizing-notification-3),
@@ -463,7 +463,7 @@ $post-popover: (
463
463
  post-popover-link-padding-block: var(--post-device-spacing-padding-block-9),
464
464
  post-popover-link-enabled-fg: var(--post-scheme-color-surface-accent-fg),
465
465
  post-popover-link-selected-fg: var(--post-scheme-color-surface-accent-fg),
466
- post-popover-link-hover-fg: var(--post-scheme-color-notification-popover-hover),
466
+ post-popover-link-hover-fg: var(--post-scheme-color-popover-hover),
467
467
  post-popover-link-font-weight: var(--post-device-font-weight-bold),
468
468
  post-popover-link-font-size: var(--post-device-font-size-7),
469
469
  post-popover-icon-enabled-fg: var(--post-scheme-color-surface-accent1-fg),
package/_core.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
package/_device.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-desktop: (
7
7
  post-device-font-size-1: var(--post-core-font-size-40),
package/_elements.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-body: (
7
7
  post-body-font-family: var(--post-device-font-family-default),
package/_helpers.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-focus: (
7
7
  post-focus-outline-offset: var(--post-device-spacing-padding-2),
package/_index.scss CHANGED
@@ -1,11 +1,12 @@
1
1
  // Do not edit manually
2
2
  // This file was generated by the swisspost/design-system-tokens package
3
- // Mon, 31 Mar 2025 19:06:08 GMT
3
+ // Mon, 14 Apr 2025 08:47:53 GMT
4
4
 
5
5
  @use './core';
6
6
  @forward './scheme';
7
7
  @forward './device';
8
8
  @forward './channel';
9
+ @forward './palette';
9
10
  @forward './theme';
10
11
  @forward './elements';
11
12
  @forward './components';
package/_palette.scss ADDED
@@ -0,0 +1,56 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
+
6
+ $post-default: (
7
+ post-palette-color-post-bg: var(--post-scheme-color-surface-default-bg),
8
+ post-palette-color-post-fg: var(--post-scheme-color-surface-default-fg),
9
+ post-palette-color-post-secondary: var(--post-scheme-color-surface-default-fg),
10
+ post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-alternate-bg),
11
+ post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
12
+ post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-default-bg),
13
+ post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-default-fg),
14
+ post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-default-fg),
15
+ post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-alternate-bg),
16
+ post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
17
+ );
18
+
19
+ $post-alternate: (
20
+ post-palette-color-post-bg: var(--post-scheme-color-surface-alternate-bg),
21
+ post-palette-color-post-fg: var(--post-scheme-color-surface-alternate-fg),
22
+ post-palette-color-post-secondary: var(--post-scheme-color-surface-alternate-fg),
23
+ post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-default-bg),
24
+ post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
25
+ post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-alternate-bg),
26
+ post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-alternate-fg),
27
+ post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-alternate-fg),
28
+ post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-default-bg),
29
+ post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
30
+ );
31
+
32
+ $post-accent: (
33
+ post-palette-color-post-bg: var(--post-scheme-color-surface-accent-bg),
34
+ post-palette-color-post-fg: var(--post-scheme-color-surface-accent-fg),
35
+ post-palette-color-post-secondary: var(--post-scheme-color-surface-accent-fg-accent),
36
+ post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-accent-secondary-bg),
37
+ post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-3),
38
+ post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-accent-bg),
39
+ post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-accent-fg),
40
+ post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-accent-fg-accent),
41
+ post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-accent-secondary-bg),
42
+ post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-4),
43
+ );
44
+
45
+ $post-brand: (
46
+ post-palette-color-post-bg: var(--post-scheme-color-surface-brand-bg),
47
+ post-palette-color-post-fg: var(--post-scheme-color-surface-brand-fg),
48
+ post-palette-color-post-secondary: var(--post-scheme-color-surface-brand-fg-accent),
49
+ post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-brand-secondary-bg),
50
+ post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-4),
51
+ post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-brand-bg),
52
+ post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-brand-fg),
53
+ post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-brand-fg-accent),
54
+ post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-brand-secondary-bg),
55
+ post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-3),
56
+ );
package/_palettes.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),
@@ -11,9 +11,9 @@ $post-palettes: (
11
11
  post-palettes-color-alternate-fg: var(--post-theme-color-palettes-alternate-fg),
12
12
  post-palettes-color-alternate-bg-scheme: var(--post-theme-palettes-bg-scheme-alternate),
13
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),
14
+ post-palettes-color-brand-fg: var(--post-theme-color-palettes-brand-fg-accent),
15
15
  post-palettes-color-brand-bg-scheme: var(--post-theme-palettes-bg-scheme-brand),
16
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),
17
+ post-palettes-color-accent-fg: var(--post-theme-color-palettes-accent-fg-accent),
18
18
  post-palettes-color-accent-bg-scheme: var(--post-theme-palettes-bg-scheme-emphasis),
19
19
  );
package/_scheme.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-light: (
7
7
  post-scheme-color-signal-success-dark: var(--post-core-color-notification-green),
@@ -142,17 +142,22 @@ $post-light: (
142
142
  post-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100),
143
143
  post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006),
144
144
  post-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100),
145
+ post-scheme-color-surface-alternate-secondary-bg: var(--post-core-color-brand-white),
145
146
  post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow),
146
147
  post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100),
148
+ post-scheme-color-surface-brand-fg-accent: var(--post-core-color-sandgrey-100),
149
+ post-scheme-color-surface-brand-secondary-bg: var(--post-core-color-brand-white),
147
150
  post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-080),
148
151
  post-scheme-color-surface-accent-fg: var(--post-core-color-brand-white),
149
152
  post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow),
150
- post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red),
151
- post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white),
152
- post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white),
153
- post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020),
153
+ post-scheme-color-badge-bg: var(--post-core-color-notification-red),
154
+ post-scheme-color-badge-fg: var(--post-core-color-brand-white),
155
+ post-scheme-color-badge-stroke: var(--post-core-color-brand-white),
156
+ post-scheme-color-popover-hover: var(--post-core-color-sandgrey-020),
154
157
  post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-light),
155
158
  post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-dark),
159
+ post-scheme-accent-bg-scheme-3: var(--post-core-bg-scheme-dark),
160
+ post-scheme-accent-bg-scheme-4: var(--post-core-bg-scheme-light),
156
161
  post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002),
157
162
  post-cargo-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100),
158
163
  post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100),
@@ -163,9 +168,11 @@ $post-light: (
163
168
  post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green),
164
169
  post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white),
165
170
  post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue),
171
+ post-cargo-scheme-color-surface-brand-secondary-bg: var(--post-core-color-brand-white),
166
172
  post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue),
167
173
  post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100),
168
174
  post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green),
175
+ post-cargo-scheme-color-surface-accent-secondary-bg: var(--post-core-color-brand-white),
169
176
  );
170
177
 
171
178
  $post-dark: (
@@ -307,17 +314,22 @@ $post-dark: (
307
314
  post-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white),
308
315
  post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100),
309
316
  post-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white),
317
+ post-scheme-color-surface-alternate-secondary-bg: var(--post-core-color-brand-white),
310
318
  post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow),
311
319
  post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100),
320
+ post-scheme-color-surface-brand-fg-accent: var(--post-core-color-sandgrey-100),
321
+ post-scheme-color-surface-brand-secondary-bg: var(--post-core-color-brand-white),
312
322
  post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-002),
313
323
  post-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100),
314
- post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow),
315
- post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red),
316
- post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white),
317
- post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white),
318
- post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020),
324
+ post-scheme-color-surface-accent-fg-accent: var(--post-core-color-sandgrey-100),
325
+ post-scheme-color-badge-bg: var(--post-core-color-notification-red),
326
+ post-scheme-color-badge-fg: var(--post-core-color-brand-white),
327
+ post-scheme-color-badge-stroke: var(--post-core-color-brand-white),
328
+ post-scheme-color-popover-hover: var(--post-core-color-sandgrey-020),
319
329
  post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-dark),
320
330
  post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-light),
331
+ post-scheme-accent-bg-scheme-3: var(--post-core-bg-scheme-dark),
332
+ post-scheme-accent-bg-scheme-4: var(--post-core-bg-scheme-light),
321
333
  post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080),
322
334
  post-cargo-scheme-color-surface-default-fg: var(--post-core-color-brand-white),
323
335
  post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-brand-white),
@@ -328,7 +340,9 @@ $post-dark: (
328
340
  post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green),
329
341
  post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white),
330
342
  post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue),
343
+ post-cargo-scheme-color-surface-brand-secondary-bg: var(--post-core-color-brand-white),
331
344
  post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue),
332
345
  post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100),
333
346
  post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green),
347
+ post-cargo-scheme-color-surface-accent-secondary-bg: var(--post-core-color-brand-white),
334
348
  );
package/_theme.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-post: (
7
7
  post-theme-palettes-bg-scheme-brand: var(--post-core-bg-scheme-light),
@@ -12,10 +12,17 @@ $post-post: (
12
12
  post-theme-color-palettes-default-fg: var(--post-scheme-color-surface-default-fg),
13
13
  post-theme-color-palettes-brand-bg: var(--post-scheme-color-surface-brand-bg),
14
14
  post-theme-color-palettes-brand-fg: var(--post-scheme-color-surface-brand-fg),
15
+ post-theme-color-palettes-brand-fg-accent: var(--post-scheme-color-surface-brand-fg-accent),
15
16
  post-theme-color-palettes-accent-bg: var(--post-scheme-color-surface-accent-bg),
16
17
  post-theme-color-palettes-accent-fg: var(--post-scheme-color-surface-accent-fg),
18
+ post-theme-color-palettes-accent-fg-accent: var(--post-scheme-color-surface-accent-fg-accent),
17
19
  post-theme-color-palettes-alternate-bg: var(--post-scheme-color-surface-alternate-bg),
18
20
  post-theme-color-palettes-alternate-fg: var(--post-scheme-color-surface-alternate-fg),
21
+ post-theme-color-palette-bg: var(--post-palette-color-post-bg),
22
+ post-theme-color-palette-fg: var(--post-palette-color-post-fg),
23
+ post-theme-color-palette-secondary: var(--post-palette-color-post-secondary),
24
+ post-theme-color-palette-secondary-bg: var(--post-palette-color-post-secondary-bg),
25
+ post-theme-color-palette-bg-scheme: var(--post-palette-color-post-bg-scheme),
19
26
  );
20
27
 
21
28
  $post-cargo: (
@@ -26,9 +33,16 @@ $post-cargo: (
26
33
  post-theme-color-palettes-default-bg: var(--post-cargo-scheme-color-surface-default-bg),
27
34
  post-theme-color-palettes-default-fg: var(--post-cargo-scheme-color-surface-default-fg),
28
35
  post-theme-color-palettes-brand-bg: var(--post-cargo-scheme-color-surface-brand-bg),
29
- post-theme-color-palettes-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg-accent),
36
+ post-theme-color-palettes-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg),
37
+ post-theme-color-palettes-brand-fg-accent: var(--post-cargo-scheme-color-surface-brand-fg-accent),
30
38
  post-theme-color-palettes-accent-bg: var(--post-cargo-scheme-color-surface-accent-bg),
31
- post-theme-color-palettes-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg-accent),
39
+ post-theme-color-palettes-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg),
40
+ post-theme-color-palettes-accent-fg-accent: var(--post-cargo-scheme-color-surface-accent-fg-accent),
32
41
  post-theme-color-palettes-alternate-bg: var(--post-cargo-scheme-color-surface-alternate-bg),
33
42
  post-theme-color-palettes-alternate-fg: var(--post-cargo-scheme-color-surface-alternate-fg),
43
+ post-theme-color-palette-bg: var(--post-palette-color-cargo-bg),
44
+ post-theme-color-palette-fg: var(--post-palette-color-cargo-fg),
45
+ post-theme-color-palette-secondary: var(--post-palette-color-cargo-secondary),
46
+ post-theme-color-palette-secondary-bg: var(--post-palette-color-cargo-secondary-bg),
47
+ post-theme-color-palette-bg-scheme: var(--post-palette-color-cargo-bg-scheme),
34
48
  );
package/_utilities-formatted.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $margin: (
7
7
  0: var(--post-core-dimension-0),
@@ -104,12 +104,6 @@ $border-default: (
104
104
  color: var(--post-scheme-color-surface-default-stroke),
105
105
  );
106
106
 
107
- $font-size: (
108
- sm: var(--post-device-font-size-7),
109
- md: var(--post-device-font-size-6),
110
- lg: var(--post-device-font-size-5),
111
- );
112
-
113
107
  $font-weight: (
114
108
  regular: var(--post-core-font-weight-400),
115
109
  bold: var(--post-core-font-weight-700),
@@ -126,3 +120,17 @@ $letter-spacing: (
126
120
  none: var(--post-core-letter-spacing-none),
127
121
  default: var(--post-core-letter-spacing-default),
128
122
  );
123
+
124
+ $font-size: (
125
+ 1: var(--post-device-font-size-1),
126
+ 2: var(--post-device-font-size-2),
127
+ 3: var(--post-device-font-size-3),
128
+ 4: var(--post-device-font-size-4),
129
+ 5: var(--post-device-font-size-5),
130
+ 6: var(--post-device-font-size-6),
131
+ 7: var(--post-device-font-size-7),
132
+ 8: var(--post-device-font-size-8),
133
+ 9: var(--post-device-font-size-9),
134
+ 10: var(--post-device-font-size-10),
135
+ 11: var(--post-device-font-size-11),
136
+ );
package/_utilities.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-spacing: (
7
7
  post-utility-margin-0: var(--post-core-dimension-0),
@@ -93,9 +93,6 @@ $post-border: (
93
93
  );
94
94
 
95
95
  $post-typo: (
96
- post-utility-font-size-sm: var(--post-device-font-size-7),
97
- post-utility-font-size-md: var(--post-device-font-size-6),
98
- post-utility-font-size-lg: var(--post-device-font-size-5),
99
96
  post-utility-font-weight-regular: var(--post-core-font-weight-400),
100
97
  post-utility-font-weight-bold: var(--post-core-font-weight-700),
101
98
  post-utility-font-weight-black: var(--post-core-font-weight-900),
@@ -104,4 +101,15 @@ $post-typo: (
104
101
  post-utility-line-height-lg: var(--post-core-line-height-150),
105
102
  post-utility-letter-spacing-none: var(--post-core-letter-spacing-none),
106
103
  post-utility-letter-spacing-default: var(--post-core-letter-spacing-default),
104
+ post-utility-font-size-1: var(--post-device-font-size-1),
105
+ post-utility-font-size-2: var(--post-device-font-size-2),
106
+ post-utility-font-size-3: var(--post-device-font-size-3),
107
+ post-utility-font-size-4: var(--post-device-font-size-4),
108
+ post-utility-font-size-5: var(--post-device-font-size-5),
109
+ post-utility-font-size-6: var(--post-device-font-size-6),
110
+ post-utility-font-size-7: var(--post-device-font-size-7),
111
+ post-utility-font-size-8: var(--post-device-font-size-8),
112
+ post-utility-font-size-9: var(--post-device-font-size-9),
113
+ post-utility-font-size-10: var(--post-device-font-size-10),
114
+ post-utility-font-size-11: var(--post-device-font-size-11),
107
115
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swisspost/design-system-tokens",
3
- "version": "9.0.0-next.33",
3
+ "version": "9.0.0-next.34",
4
4
  "description": "Design Tokens for the Swiss Post Design System.",
5
5
  "author": "Swiss Post <design-system@post.ch>",
6
6
  "license": "Apache-2.0",
package/palettes/_cargo-dark.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
package/palettes/_cargo-light.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
package/palettes/_post-dark.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
package/palettes/_post-light.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
@@ -14,6 +14,6 @@ $post-palettes: (
14
14
  post-palettes-color-brand-fg: #050400,
15
15
  post-palettes-color-brand-bg-scheme: light,
16
16
  post-palettes-color-accent-bg: #373632,
17
- post-palettes-color-accent-fg: #ffffff,
17
+ post-palettes-color-accent-fg: #ffcc00,
18
18
  post-palettes-color-accent-bg-scheme: dark,
19
19
  );
package/tailwind/helpers.tailwind.js CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  export default {
7
7
  focus: {
package/tailwind/utilities.tailwind.js CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 31 Mar 2025 19:06:08 GMT
4
+ // Mon, 14 Apr 2025 08:47:53 GMT
5
5
 
6
6
  export default {
7
7
  utility: {
@@ -98,11 +98,6 @@ export default {
98
98
  radius: 'var(--post-core-dimension-4)',
99
99
  color: 'var(--post-scheme-color-surface-default-stroke)',
100
100
  },
101
- 'font-size': {
102
- sm: 'var(--post-device-font-size-7)',
103
- md: 'var(--post-device-font-size-6)',
104
- lg: 'var(--post-device-font-size-5)',
105
- },
106
101
  'font-weight': {
107
102
  regular: 'var(--post-core-font-weight-400)',
108
103
  bold: 'var(--post-core-font-weight-700)',
@@ -117,5 +112,18 @@ export default {
117
112
  none: 'var(--post-core-letter-spacing-none)',
118
113
  default: 'var(--post-core-letter-spacing-default)',
119
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
+ },
120
128
  },
121
129
  };