@swisspost/design-system-tokens 10.0.0-next.49 → 10.0.0-next.51

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