@swisspost/design-system-tokens 10.0.0-next.50 → 10.0.0-next.52

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 (20) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +55 -19
  4. package/_core.scss +2 -1
  5. package/_device.scss +40 -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/tokens.json +980 -149
  19. package/tailwind/helpers.tailwind.js +0 -17
  20. package/tailwind/utilities.tailwind.js +0 -130
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, 21 Oct 2025 08:50:31 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
- // Tue, 21 Oct 2025 08:50:31 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
- };