@swisspost/design-system-tokens 9.0.0-next.4

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 +27 -0
  2. package/CONTRIBUTING.md +19 -0
  3. package/LICENSE +202 -0
  4. package/README.md +48 -0
  5. package/_channel.scss +12 -0
  6. package/_components.scss +775 -0
  7. package/_core.scss +153 -0
  8. package/_device.scss +535 -0
  9. package/_elements.scss +77 -0
  10. package/_helpers.scss +13 -0
  11. package/_index.scss +14 -0
  12. package/_palettes.scss +19 -0
  13. package/_scheme.scss +340 -0
  14. package/_theme.scss +34 -0
  15. package/_utilities.scss +132 -0
  16. package/package.json +41 -0
  17. package/tailwind/helpers.tailwind.js +17 -0
  18. package/tailwind/utilities.tailwind.js +144 -0
  19. package/tokens.json +11360 -0
package/tailwind/utilities.tailwind.js ADDED
@@ -0,0 +1,144 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 11 Nov 2024 15:43:49 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
+ 3: 'var(--post-core-dimension-3)',
13
+ 4: 'var(--post-core-dimension-4)',
14
+ 5: 'var(--post-core-dimension-5)',
15
+ 6: 'var(--post-core-dimension-6)',
16
+ 8: 'var(--post-core-dimension-8)',
17
+ 10: 'var(--post-core-dimension-10)',
18
+ 11: 'var(--post-core-dimension-11)',
19
+ 12: 'var(--post-core-dimension-12)',
20
+ 14: 'var(--post-core-dimension-14)',
21
+ 15: 'var(--post-core-dimension-15)',
22
+ 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
+ 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
+ 32: 'var(--post-core-dimension-32)',
32
+ 34: 'var(--post-core-dimension-34)',
33
+ 36: 'var(--post-core-dimension-36)',
34
+ 40: 'var(--post-core-dimension-40)',
35
+ 48: 'var(--post-core-dimension-48)',
36
+ 56: 'var(--post-core-dimension-56)',
37
+ 64: 'var(--post-core-dimension-64)',
38
+ 78: 'var(--post-core-dimension-78)',
39
+ 80: 'var(--post-core-dimension-80)',
40
+ 96: 'var(--post-core-dimension-96)',
41
+ 100: 'var(--post-core-dimension-100)',
42
+ 112: 'var(--post-core-dimension-112)',
43
+ auto: 'auto',
44
+ },
45
+ 'padding': {
46
+ 0: 'var(--post-core-dimension-0)',
47
+ 1: 'var(--post-core-dimension-1)',
48
+ 2: 'var(--post-core-dimension-2)',
49
+ 3: 'var(--post-core-dimension-3)',
50
+ 4: 'var(--post-core-dimension-4)',
51
+ 5: 'var(--post-core-dimension-5)',
52
+ 6: 'var(--post-core-dimension-6)',
53
+ 8: 'var(--post-core-dimension-8)',
54
+ 10: 'var(--post-core-dimension-10)',
55
+ 11: 'var(--post-core-dimension-11)',
56
+ 12: 'var(--post-core-dimension-12)',
57
+ 14: 'var(--post-core-dimension-14)',
58
+ 15: 'var(--post-core-dimension-15)',
59
+ 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
+ 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
+ 32: 'var(--post-core-dimension-32)',
69
+ 34: 'var(--post-core-dimension-34)',
70
+ 36: 'var(--post-core-dimension-36)',
71
+ 40: 'var(--post-core-dimension-40)',
72
+ 48: 'var(--post-core-dimension-48)',
73
+ 56: 'var(--post-core-dimension-56)',
74
+ 64: 'var(--post-core-dimension-64)',
75
+ 78: 'var(--post-core-dimension-78)',
76
+ 80: 'var(--post-core-dimension-80)',
77
+ 96: 'var(--post-core-dimension-96)',
78
+ 100: 'var(--post-core-dimension-100)',
79
+ 112: 'var(--post-core-dimension-112)',
80
+ },
81
+ 'gap': {
82
+ 0: 'var(--post-core-dimension-0)',
83
+ 1: 'var(--post-core-dimension-1)',
84
+ 2: 'var(--post-core-dimension-2)',
85
+ 3: 'var(--post-core-dimension-3)',
86
+ 4: 'var(--post-core-dimension-4)',
87
+ 5: 'var(--post-core-dimension-5)',
88
+ 6: 'var(--post-core-dimension-6)',
89
+ 8: 'var(--post-core-dimension-8)',
90
+ 10: 'var(--post-core-dimension-10)',
91
+ 11: 'var(--post-core-dimension-11)',
92
+ 12: 'var(--post-core-dimension-12)',
93
+ 14: 'var(--post-core-dimension-14)',
94
+ 15: 'var(--post-core-dimension-15)',
95
+ 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
+ 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
+ 32: 'var(--post-core-dimension-32)',
105
+ 34: 'var(--post-core-dimension-34)',
106
+ 36: 'var(--post-core-dimension-36)',
107
+ 40: 'var(--post-core-dimension-40)',
108
+ 48: 'var(--post-core-dimension-48)',
109
+ 56: 'var(--post-core-dimension-56)',
110
+ 64: 'var(--post-core-dimension-64)',
111
+ 78: 'var(--post-core-dimension-78)',
112
+ 80: 'var(--post-core-dimension-80)',
113
+ 96: 'var(--post-core-dimension-96)',
114
+ 100: 'var(--post-core-dimension-100)',
115
+ 112: 'var(--post-core-dimension-112)',
116
+ },
117
+ 'surface': {
118
+ default: 'var(--post-core-color-sandgrey-002)',
119
+ accent1: 'var(--post-core-color-brand-white)',
120
+ accent2: 'var(--post-core-color-sandgrey-006)',
121
+ accent3: 'var(--post-core-color-brand-postyellow)',
122
+ accent4: 'var(--post-core-color-sandgrey-080)',
123
+ },
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)',
128
+ },
129
+ 'font-weight': {
130
+ regular: 'var(--post-core-font-weight-400)',
131
+ bold: 'var(--post-core-font-weight-700)',
132
+ black: 'var(--post-core-font-weight-900)',
133
+ },
134
+ 'line-height': {
135
+ 1: 'var(--post-core-line-height-100)',
136
+ sm: 'var(--post-core-line-height-120)',
137
+ lg: 'var(--post-core-line-height-150)',
138
+ },
139
+ 'letter-spacing': {
140
+ none: 'var(--post-core-letter-spacing-none)',
141
+ default: 'var(--post-core-letter-spacing-default)',
142
+ },
143
+ },
144
+ };