@swisspost/design-system-tokens 9.0.0-next.8 → 10.0.0-next.37

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 +71 -0
  2. package/_channel.scss +3 -3
  3. package/_components.scss +90 -23
  4. package/_core.scss +21 -18
  5. package/_device.scss +16 -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 +37 -15
  12. package/_theme.scss +17 -3
  13. package/_utilities-formatted.scss +136 -0
  14. package/_utilities.scss +41 -58
  15. package/package.json +20 -14
  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 +44 -59
  22. package/tokens.json +1527 -630
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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 12 May 2025 10:18:55 GMT
5
5
 
6
6
  export default {
7
7
  utility: {
@@ -9,110 +9,67 @@ export default {
9
9
  0: 'var(--post-core-dimension-0)',
10
10
  1: 'var(--post-core-dimension-1)',
11
11
  2: 'var(--post-core-dimension-2)',
12
- 3: 'var(--post-core-dimension-3)',
13
12
  4: 'var(--post-core-dimension-4)',
14
- 5: 'var(--post-core-dimension-5)',
15
13
  6: 'var(--post-core-dimension-6)',
16
14
  8: 'var(--post-core-dimension-8)',
17
- 10: 'var(--post-core-dimension-10)',
18
- 11: 'var(--post-core-dimension-11)',
19
15
  12: 'var(--post-core-dimension-12)',
20
- 14: 'var(--post-core-dimension-14)',
21
- 15: 'var(--post-core-dimension-15)',
22
16
  16: 'var(--post-core-dimension-16)',
23
- 18: 'var(--post-core-dimension-18)',
24
- 19: 'var(--post-core-dimension-19)',
25
- 20: 'var(--post-core-dimension-20)',
26
- 22: 'var(--post-core-dimension-22)',
27
17
  24: 'var(--post-core-dimension-24)',
28
- 26: 'var(--post-core-dimension-26)',
29
- 28: 'var(--post-core-dimension-28)',
30
- 30: 'var(--post-core-dimension-30)',
31
18
  32: 'var(--post-core-dimension-32)',
32
- 34: 'var(--post-core-dimension-34)',
33
- 36: 'var(--post-core-dimension-36)',
34
19
  40: 'var(--post-core-dimension-40)',
35
20
  48: 'var(--post-core-dimension-48)',
36
21
  56: 'var(--post-core-dimension-56)',
37
22
  64: 'var(--post-core-dimension-64)',
38
- 78: 'var(--post-core-dimension-78)',
23
+ 72: 'var(--post-core-dimension-72)',
39
24
  80: 'var(--post-core-dimension-80)',
25
+ 88: 'var(--post-core-dimension-88)',
40
26
  96: 'var(--post-core-dimension-96)',
41
- 100: 'var(--post-core-dimension-100)',
42
- 112: 'var(--post-core-dimension-112)',
27
+ 104: 'var(--post-core-dimension-104)',
43
28
  auto: 'auto',
44
29
  },
45
30
  'padding': {
46
31
  0: 'var(--post-core-dimension-0)',
47
32
  1: 'var(--post-core-dimension-1)',
48
33
  2: 'var(--post-core-dimension-2)',
49
- 3: 'var(--post-core-dimension-3)',
50
34
  4: 'var(--post-core-dimension-4)',
51
- 5: 'var(--post-core-dimension-5)',
52
35
  6: 'var(--post-core-dimension-6)',
53
36
  8: 'var(--post-core-dimension-8)',
54
- 10: 'var(--post-core-dimension-10)',
55
- 11: 'var(--post-core-dimension-11)',
56
37
  12: 'var(--post-core-dimension-12)',
57
- 14: 'var(--post-core-dimension-14)',
58
- 15: 'var(--post-core-dimension-15)',
59
38
  16: 'var(--post-core-dimension-16)',
60
- 18: 'var(--post-core-dimension-18)',
61
- 19: 'var(--post-core-dimension-19)',
62
- 20: 'var(--post-core-dimension-20)',
63
- 22: 'var(--post-core-dimension-22)',
64
39
  24: 'var(--post-core-dimension-24)',
65
- 26: 'var(--post-core-dimension-26)',
66
- 28: 'var(--post-core-dimension-28)',
67
- 30: 'var(--post-core-dimension-30)',
68
40
  32: 'var(--post-core-dimension-32)',
69
- 34: 'var(--post-core-dimension-34)',
70
- 36: 'var(--post-core-dimension-36)',
71
41
  40: 'var(--post-core-dimension-40)',
72
42
  48: 'var(--post-core-dimension-48)',
73
43
  56: 'var(--post-core-dimension-56)',
74
44
  64: 'var(--post-core-dimension-64)',
75
- 78: 'var(--post-core-dimension-78)',
45
+ 72: 'var(--post-core-dimension-72)',
76
46
  80: 'var(--post-core-dimension-80)',
47
+ 88: 'var(--post-core-dimension-88)',
77
48
  96: 'var(--post-core-dimension-96)',
78
- 100: 'var(--post-core-dimension-100)',
79
- 112: 'var(--post-core-dimension-112)',
49
+ 104: 'var(--post-core-dimension-104)',
50
+ auto: 'auto',
80
51
  },
81
52
  'gap': {
82
53
  0: 'var(--post-core-dimension-0)',
83
54
  1: 'var(--post-core-dimension-1)',
84
55
  2: 'var(--post-core-dimension-2)',
85
- 3: 'var(--post-core-dimension-3)',
86
56
  4: 'var(--post-core-dimension-4)',
87
- 5: 'var(--post-core-dimension-5)',
88
57
  6: 'var(--post-core-dimension-6)',
89
58
  8: 'var(--post-core-dimension-8)',
90
- 10: 'var(--post-core-dimension-10)',
91
- 11: 'var(--post-core-dimension-11)',
92
59
  12: 'var(--post-core-dimension-12)',
93
- 14: 'var(--post-core-dimension-14)',
94
- 15: 'var(--post-core-dimension-15)',
95
60
  16: 'var(--post-core-dimension-16)',
96
- 18: 'var(--post-core-dimension-18)',
97
- 19: 'var(--post-core-dimension-19)',
98
- 20: 'var(--post-core-dimension-20)',
99
- 22: 'var(--post-core-dimension-22)',
100
61
  24: 'var(--post-core-dimension-24)',
101
- 26: 'var(--post-core-dimension-26)',
102
- 28: 'var(--post-core-dimension-28)',
103
- 30: 'var(--post-core-dimension-30)',
104
62
  32: 'var(--post-core-dimension-32)',
105
- 34: 'var(--post-core-dimension-34)',
106
- 36: 'var(--post-core-dimension-36)',
107
63
  40: 'var(--post-core-dimension-40)',
108
64
  48: 'var(--post-core-dimension-48)',
109
65
  56: 'var(--post-core-dimension-56)',
110
66
  64: 'var(--post-core-dimension-64)',
111
- 78: 'var(--post-core-dimension-78)',
67
+ 72: 'var(--post-core-dimension-72)',
112
68
  80: 'var(--post-core-dimension-80)',
69
+ 88: 'var(--post-core-dimension-88)',
113
70
  96: 'var(--post-core-dimension-96)',
114
- 100: 'var(--post-core-dimension-100)',
115
- 112: 'var(--post-core-dimension-112)',
71
+ 104: 'var(--post-core-dimension-104)',
72
+ auto: 'auto',
116
73
  },
117
74
  'surface': {
118
75
  default: 'var(--post-core-color-sandgrey-002)',
@@ -121,10 +78,25 @@ export default {
121
78
  accent3: 'var(--post-core-color-brand-postyellow)',
122
79
  accent4: 'var(--post-core-color-sandgrey-080)',
123
80
  },
124
- 'font-size': {
125
- sm: 'var(--post-device-font-size-7)',
126
- md: 'var(--post-device-font-size-6)',
127
- lg: 'var(--post-device-font-size-5)',
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)',
128
100
  },
129
101
  'font-weight': {
130
102
  regular: 'var(--post-core-font-weight-400)',
@@ -140,5 +112,18 @@ export default {
140
112
  none: 'var(--post-core-letter-spacing-none)',
141
113
  default: 'var(--post-core-letter-spacing-default)',
142
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
+ },
143
128
  },
144
129
  };