@swisspost/design-system-tokens 10.0.0-next.41 → 10.0.0-next.43

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 (25) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +14 -1
  4. package/_core.scss +2 -1
  5. package/_device.scss +4 -1
  6. package/_elements.scss +4 -3
  7. package/_helpers.scss +1 -1
  8. package/_index.scss +3 -3
  9. package/_palette.scss +29 -41
  10. package/_scheme.scss +5 -9
  11. package/_schemestatic.scss +56 -0
  12. package/_theme.scss +61 -39
  13. package/_utilities-formatted.scss +2 -1
  14. package/_utilities.scss +2 -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 +741 -458
  19. package/_palettes.scss +0 -19
  20. package/palettes/_cargo-dark.scss +0 -19
  21. package/palettes/_cargo-light.scss +0 -19
  22. package/palettes/_post-dark.scss +0 -19
  23. package/palettes/_post-light.scss +0 -19
  24. package/tailwind/helpers.tailwind.js +0 -17
  25. package/tailwind/utilities.tailwind.js +0 -129
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
+ * Thu, 14 Aug 2025 15:00:18 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
+ }