@swisspost/design-system-tokens 9.0.0-next.18 → 9.0.0-next.19

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 (21) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +1 -1
  4. package/_core.scss +2 -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/_palettes.scss +1 -1
  10. package/_scheme.scss +1 -1
  11. package/_theme.scss +1 -1
  12. package/_utilities-formatted.scss +112 -0
  13. package/_utilities.scss +12 -55
  14. package/package.json +1 -1
  15. package/palettes/_cargo-dark.scss +1 -1
  16. package/palettes/_cargo-light.scss +1 -1
  17. package/palettes/_post-dark.scss +1 -1
  18. package/palettes/_post-light.scss +1 -1
  19. package/tailwind/helpers.tailwind.js +1 -1
  20. package/tailwind/utilities.tailwind.js +12 -55
  21. package/tokens.json +34 -220
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.19
4
+
5
+ ### Minor Changes
6
+
7
+ - Added a new output that includes utility tokens as Sass maps, enabling direct iteration to generate utility classes. (by [@alizedebray](https://github.com/alizedebray) with [#4613](https://github.com/swisspost/design-system/pull/4613))
8
+
3
9
  ## 9.0.0-next.18
4
10
 
5
11
  ## 9.0.0-next.17
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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-edk: (
7
7
  post-channel-sizing-interactive-height-filler: var(--post-core-dimension-24),
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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
@@ -94,6 +94,7 @@
94
94
  --post-core-dimension-88: 88px;
95
95
  --post-core-dimension-96: 96px;
96
96
  --post-core-dimension-100: 100px;
97
+ --post-core-dimension-104: 104px;
97
98
  --post-core-dimension-112: 112px;
98
99
  --post-core-dimension-164: 164px;
99
100
  --post-core-dimension-180: 180px;
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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-body: (
7
7
  post-body-font-family: var(--post-device-font-family-default),
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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 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
- // Fri, 14 Feb 2025 13:25:04 GMT
3
+ // Fri, 21 Feb 2025 14:14:32 GMT
4
4
 
5
5
  @use './core';
6
6
  @forward './scheme';
package/_palettes.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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),
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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-light: (
7
7
  post-scheme-color-signal-success-dark: var(--post-core-color-notification-green),
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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-post: (
7
7
  post-theme-palettes-bg-scheme-brand: var(--post-core-bg-scheme-light),
package/_utilities-formatted.scss ADDED
@@ -0,0 +1,112 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
+
6
+ $margin: (
7
+ 0: var(--post-core-dimension-0),
8
+ 1: var(--post-core-dimension-1),
9
+ 2: var(--post-core-dimension-2),
10
+ 4: var(--post-core-dimension-4),
11
+ 6: var(--post-core-dimension-6),
12
+ 8: var(--post-core-dimension-8),
13
+ 12: var(--post-core-dimension-12),
14
+ 16: var(--post-core-dimension-16),
15
+ 24: var(--post-core-dimension-24),
16
+ 32: var(--post-core-dimension-32),
17
+ 40: var(--post-core-dimension-40),
18
+ 48: var(--post-core-dimension-48),
19
+ 56: var(--post-core-dimension-56),
20
+ 64: var(--post-core-dimension-64),
21
+ 72: var(--post-core-dimension-72),
22
+ 80: var(--post-core-dimension-80),
23
+ 88: var(--post-core-dimension-88),
24
+ 96: var(--post-core-dimension-96),
25
+ 104: var(--post-core-dimension-104),
26
+ auto: auto,
27
+ );
28
+
29
+ $padding: (
30
+ 0: var(--post-core-dimension-0),
31
+ 1: var(--post-core-dimension-1),
32
+ 2: var(--post-core-dimension-2),
33
+ 4: var(--post-core-dimension-4),
34
+ 6: var(--post-core-dimension-6),
35
+ 8: var(--post-core-dimension-8),
36
+ 12: var(--post-core-dimension-12),
37
+ 16: var(--post-core-dimension-16),
38
+ 24: var(--post-core-dimension-24),
39
+ 32: var(--post-core-dimension-32),
40
+ 40: var(--post-core-dimension-40),
41
+ 48: var(--post-core-dimension-48),
42
+ 56: var(--post-core-dimension-56),
43
+ 64: var(--post-core-dimension-64),
44
+ 72: var(--post-core-dimension-72),
45
+ 80: var(--post-core-dimension-80),
46
+ 88: var(--post-core-dimension-88),
47
+ 96: var(--post-core-dimension-96),
48
+ 104: var(--post-core-dimension-104),
49
+ auto: auto,
50
+ );
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
+
75
+ $surface: (
76
+ default: var(--post-core-color-sandgrey-002),
77
+ accent1: var(--post-core-color-brand-white),
78
+ accent2: var(--post-core-color-sandgrey-006),
79
+ accent3: var(--post-core-color-brand-postyellow),
80
+ accent4: var(--post-core-color-sandgrey-080),
81
+ );
82
+
83
+ $elevation: (
84
+ 100: var(--post-device-elevation-100),
85
+ 200: var(--post-device-elevation-200),
86
+ 300: var(--post-device-elevation-300),
87
+ 400: var(--post-device-elevation-400),
88
+ 500: var(--post-device-elevation-500),
89
+ );
90
+
91
+ $font-size: (
92
+ sm: var(--post-device-font-size-7),
93
+ md: var(--post-device-font-size-6),
94
+ lg: var(--post-device-font-size-5),
95
+ );
96
+
97
+ $font-weight: (
98
+ regular: var(--post-core-font-weight-400),
99
+ bold: var(--post-core-font-weight-700),
100
+ black: var(--post-core-font-weight-900),
101
+ );
102
+
103
+ $line-height: (
104
+ 1: var(--post-core-line-height-100),
105
+ sm: var(--post-core-line-height-120),
106
+ lg: var(--post-core-line-height-150),
107
+ );
108
+
109
+ $letter-spacing: (
110
+ none: var(--post-core-letter-spacing-none),
111
+ default: var(--post-core-letter-spacing-default),
112
+ );
package/_utilities.scss CHANGED
@@ -1,112 +1,69 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-spacing: (
7
7
  post-utility-margin-0: var(--post-core-dimension-0),
8
8
  post-utility-margin-1: var(--post-core-dimension-1),
9
9
  post-utility-margin-2: var(--post-core-dimension-2),
10
- post-utility-margin-3: var(--post-core-dimension-3),
11
10
  post-utility-margin-4: var(--post-core-dimension-4),
12
- post-utility-margin-5: var(--post-core-dimension-5),
13
11
  post-utility-margin-6: var(--post-core-dimension-6),
14
12
  post-utility-margin-8: var(--post-core-dimension-8),
15
- post-utility-margin-10: var(--post-core-dimension-10),
16
- post-utility-margin-11: var(--post-core-dimension-11),
17
13
  post-utility-margin-12: var(--post-core-dimension-12),
18
- post-utility-margin-14: var(--post-core-dimension-14),
19
- post-utility-margin-15: var(--post-core-dimension-15),
20
14
  post-utility-margin-16: var(--post-core-dimension-16),
21
- post-utility-margin-18: var(--post-core-dimension-18),
22
- post-utility-margin-19: var(--post-core-dimension-19),
23
- post-utility-margin-20: var(--post-core-dimension-20),
24
- post-utility-margin-22: var(--post-core-dimension-22),
25
15
  post-utility-margin-24: var(--post-core-dimension-24),
26
- post-utility-margin-26: var(--post-core-dimension-26),
27
- post-utility-margin-28: var(--post-core-dimension-28),
28
- post-utility-margin-30: var(--post-core-dimension-30),
29
16
  post-utility-margin-32: var(--post-core-dimension-32),
30
- post-utility-margin-34: var(--post-core-dimension-34),
31
- post-utility-margin-36: var(--post-core-dimension-36),
32
17
  post-utility-margin-40: var(--post-core-dimension-40),
33
18
  post-utility-margin-48: var(--post-core-dimension-48),
34
19
  post-utility-margin-56: var(--post-core-dimension-56),
35
20
  post-utility-margin-64: var(--post-core-dimension-64),
36
- post-utility-margin-78: var(--post-core-dimension-78),
21
+ post-utility-margin-72: var(--post-core-dimension-72),
37
22
  post-utility-margin-80: var(--post-core-dimension-80),
23
+ post-utility-margin-88: var(--post-core-dimension-88),
38
24
  post-utility-margin-96: var(--post-core-dimension-96),
39
- post-utility-margin-100: var(--post-core-dimension-100),
40
- post-utility-margin-112: var(--post-core-dimension-112),
25
+ post-utility-margin-104: var(--post-core-dimension-104),
41
26
  post-utility-margin-auto: auto,
42
27
  post-utility-padding-0: var(--post-core-dimension-0),
43
28
  post-utility-padding-1: var(--post-core-dimension-1),
44
29
  post-utility-padding-2: var(--post-core-dimension-2),
45
- post-utility-padding-3: var(--post-core-dimension-3),
46
30
  post-utility-padding-4: var(--post-core-dimension-4),
47
- post-utility-padding-5: var(--post-core-dimension-5),
48
31
  post-utility-padding-6: var(--post-core-dimension-6),
49
32
  post-utility-padding-8: var(--post-core-dimension-8),
50
- post-utility-padding-10: var(--post-core-dimension-10),
51
- post-utility-padding-11: var(--post-core-dimension-11),
52
33
  post-utility-padding-12: var(--post-core-dimension-12),
53
- post-utility-padding-14: var(--post-core-dimension-14),
54
- post-utility-padding-15: var(--post-core-dimension-15),
55
34
  post-utility-padding-16: var(--post-core-dimension-16),
56
- post-utility-padding-18: var(--post-core-dimension-18),
57
- post-utility-padding-19: var(--post-core-dimension-19),
58
- post-utility-padding-20: var(--post-core-dimension-20),
59
- post-utility-padding-22: var(--post-core-dimension-22),
60
35
  post-utility-padding-24: var(--post-core-dimension-24),
61
- post-utility-padding-26: var(--post-core-dimension-26),
62
- post-utility-padding-28: var(--post-core-dimension-28),
63
- post-utility-padding-30: var(--post-core-dimension-30),
64
36
  post-utility-padding-32: var(--post-core-dimension-32),
65
- post-utility-padding-34: var(--post-core-dimension-34),
66
- post-utility-padding-36: var(--post-core-dimension-36),
67
37
  post-utility-padding-40: var(--post-core-dimension-40),
68
38
  post-utility-padding-48: var(--post-core-dimension-48),
69
39
  post-utility-padding-56: var(--post-core-dimension-56),
70
40
  post-utility-padding-64: var(--post-core-dimension-64),
71
- post-utility-padding-78: var(--post-core-dimension-78),
41
+ post-utility-padding-72: var(--post-core-dimension-72),
72
42
  post-utility-padding-80: var(--post-core-dimension-80),
43
+ post-utility-padding-88: var(--post-core-dimension-88),
73
44
  post-utility-padding-96: var(--post-core-dimension-96),
74
- post-utility-padding-100: var(--post-core-dimension-100),
75
- post-utility-padding-112: var(--post-core-dimension-112),
45
+ post-utility-padding-104: var(--post-core-dimension-104),
46
+ post-utility-padding-auto: auto,
76
47
  post-utility-gap-0: var(--post-core-dimension-0),
77
48
  post-utility-gap-1: var(--post-core-dimension-1),
78
49
  post-utility-gap-2: var(--post-core-dimension-2),
79
- post-utility-gap-3: var(--post-core-dimension-3),
80
50
  post-utility-gap-4: var(--post-core-dimension-4),
81
- post-utility-gap-5: var(--post-core-dimension-5),
82
51
  post-utility-gap-6: var(--post-core-dimension-6),
83
52
  post-utility-gap-8: var(--post-core-dimension-8),
84
- post-utility-gap-10: var(--post-core-dimension-10),
85
- post-utility-gap-11: var(--post-core-dimension-11),
86
53
  post-utility-gap-12: var(--post-core-dimension-12),
87
- post-utility-gap-14: var(--post-core-dimension-14),
88
- post-utility-gap-15: var(--post-core-dimension-15),
89
54
  post-utility-gap-16: var(--post-core-dimension-16),
90
- post-utility-gap-18: var(--post-core-dimension-18),
91
- post-utility-gap-19: var(--post-core-dimension-19),
92
- post-utility-gap-20: var(--post-core-dimension-20),
93
- post-utility-gap-22: var(--post-core-dimension-22),
94
55
  post-utility-gap-24: var(--post-core-dimension-24),
95
- post-utility-gap-26: var(--post-core-dimension-26),
96
- post-utility-gap-28: var(--post-core-dimension-28),
97
- post-utility-gap-30: var(--post-core-dimension-30),
98
56
  post-utility-gap-32: var(--post-core-dimension-32),
99
- post-utility-gap-34: var(--post-core-dimension-34),
100
- post-utility-gap-36: var(--post-core-dimension-36),
101
57
  post-utility-gap-40: var(--post-core-dimension-40),
102
58
  post-utility-gap-48: var(--post-core-dimension-48),
103
59
  post-utility-gap-56: var(--post-core-dimension-56),
104
60
  post-utility-gap-64: var(--post-core-dimension-64),
105
- post-utility-gap-78: var(--post-core-dimension-78),
61
+ post-utility-gap-72: var(--post-core-dimension-72),
106
62
  post-utility-gap-80: var(--post-core-dimension-80),
63
+ post-utility-gap-88: var(--post-core-dimension-88),
107
64
  post-utility-gap-96: var(--post-core-dimension-96),
108
- post-utility-gap-100: var(--post-core-dimension-100),
109
- post-utility-gap-112: var(--post-core-dimension-112),
65
+ post-utility-gap-104: var(--post-core-dimension-104),
66
+ post-utility-gap-auto: auto,
110
67
  );
111
68
 
112
69
  $post-color: (
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swisspost/design-system-tokens",
3
- "version": "9.0.0-next.18",
3
+ "version": "9.0.0-next.19",
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/palettes/_cargo-dark.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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
package/palettes/_cargo-light.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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
package/palettes/_post-dark.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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
package/palettes/_post-light.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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
package/tailwind/helpers.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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 GMT
5
5
 
6
6
  export default {
7
7
  focus: {
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
- // Fri, 14 Feb 2025 13:25:04 GMT
4
+ // Fri, 21 Feb 2025 14:14:32 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)',
package/tokens.json CHANGED
@@ -379,6 +379,10 @@
379
379
  "$type": "dimension",
380
380
  "$value": "100"
381
381
  },
382
+ "104": {
383
+ "$type": "dimension",
384
+ "$value": "104"
385
+ },
382
386
  "112": {
383
387
  "$type": "dimension",
384
388
  "$value": "112"
@@ -8285,18 +8289,10 @@
8285
8289
  "$type": "spacing",
8286
8290
  "$value": "{post.core.dimension.2}"
8287
8291
  },
8288
- "3": {
8289
- "$type": "spacing",
8290
- "$value": "{post.core.dimension.3}"
8291
- },
8292
8292
  "4": {
8293
8293
  "$type": "spacing",
8294
8294
  "$value": "{post.core.dimension.4}"
8295
8295
  },
8296
- "5": {
8297
- "$type": "spacing",
8298
- "$value": "{post.core.dimension.5}"
8299
- },
8300
8296
  "6": {
8301
8297
  "$type": "spacing",
8302
8298
  "$value": "{post.core.dimension.6}"
@@ -8305,74 +8301,22 @@
8305
8301
  "$type": "spacing",
8306
8302
  "$value": "{post.core.dimension.8}"
8307
8303
  },
8308
- "10": {
8309
- "$type": "spacing",
8310
- "$value": "{post.core.dimension.10}"
8311
- },
8312
- "11": {
8313
- "$type": "spacing",
8314
- "$value": "{post.core.dimension.11}"
8315
- },
8316
8304
  "12": {
8317
8305
  "$type": "spacing",
8318
8306
  "$value": "{post.core.dimension.12}"
8319
8307
  },
8320
- "14": {
8321
- "$type": "spacing",
8322
- "$value": "{post.core.dimension.14}"
8323
- },
8324
- "15": {
8325
- "$type": "spacing",
8326
- "$value": "{post.core.dimension.15}"
8327
- },
8328
8308
  "16": {
8329
8309
  "$type": "spacing",
8330
8310
  "$value": "{post.core.dimension.16}"
8331
8311
  },
8332
- "18": {
8333
- "$type": "spacing",
8334
- "$value": "{post.core.dimension.18}"
8335
- },
8336
- "19": {
8337
- "$type": "spacing",
8338
- "$value": "{post.core.dimension.19}"
8339
- },
8340
- "20": {
8341
- "$type": "spacing",
8342
- "$value": "{post.core.dimension.20}"
8343
- },
8344
- "22": {
8345
- "$type": "spacing",
8346
- "$value": "{post.core.dimension.22}"
8347
- },
8348
8312
  "24": {
8349
8313
  "$type": "spacing",
8350
8314
  "$value": "{post.core.dimension.24}"
8351
8315
  },
8352
- "26": {
8353
- "$type": "spacing",
8354
- "$value": "{post.core.dimension.26}"
8355
- },
8356
- "28": {
8357
- "$type": "spacing",
8358
- "$value": "{post.core.dimension.28}"
8359
- },
8360
- "30": {
8361
- "$type": "spacing",
8362
- "$value": "{post.core.dimension.30}"
8363
- },
8364
8316
  "32": {
8365
8317
  "$type": "spacing",
8366
8318
  "$value": "{post.core.dimension.32}"
8367
8319
  },
8368
- "34": {
8369
- "$type": "spacing",
8370
- "$value": "{post.core.dimension.34}"
8371
- },
8372
- "36": {
8373
- "$type": "spacing",
8374
- "$value": "{post.core.dimension.36}"
8375
- },
8376
8320
  "40": {
8377
8321
  "$type": "spacing",
8378
8322
  "$value": "{post.core.dimension.40}"
@@ -8389,25 +8333,25 @@
8389
8333
  "$type": "spacing",
8390
8334
  "$value": "{post.core.dimension.64}"
8391
8335
  },
8392
- "78": {
8336
+ "72": {
8393
8337
  "$type": "spacing",
8394
- "$value": "{post.core.dimension.78}"
8338
+ "$value": "{post.core.dimension.72}"
8395
8339
  },
8396
8340
  "80": {
8397
8341
  "$type": "spacing",
8398
8342
  "$value": "{post.core.dimension.80}"
8399
8343
  },
8400
- "96": {
8344
+ "88": {
8401
8345
  "$type": "spacing",
8402
- "$value": "{post.core.dimension.96}"
8346
+ "$value": "{post.core.dimension.88}"
8403
8347
  },
8404
- "100": {
8348
+ "96": {
8405
8349
  "$type": "spacing",
8406
- "$value": "{post.core.dimension.100}"
8350
+ "$value": "{post.core.dimension.96}"
8407
8351
  },
8408
- "112": {
8352
+ "104": {
8409
8353
  "$type": "spacing",
8410
- "$value": "{post.core.dimension.112}"
8354
+ "$value": "{post.core.dimension.104}"
8411
8355
  },
8412
8356
  "auto": {
8413
8357
  "$type": "spacing",
@@ -8427,18 +8371,10 @@
8427
8371
  "$type": "spacing",
8428
8372
  "$value": "{post.core.dimension.2}"
8429
8373
  },
8430
- "3": {
8431
- "$type": "spacing",
8432
- "$value": "{post.core.dimension.3}"
8433
- },
8434
8374
  "4": {
8435
8375
  "$type": "spacing",
8436
8376
  "$value": "{post.core.dimension.4}"
8437
8377
  },
8438
- "5": {
8439
- "$type": "spacing",
8440
- "$value": "{post.core.dimension.5}"
8441
- },
8442
8378
  "6": {
8443
8379
  "$type": "spacing",
8444
8380
  "$value": "{post.core.dimension.6}"
@@ -8447,74 +8383,22 @@
8447
8383
  "$type": "spacing",
8448
8384
  "$value": "{post.core.dimension.8}"
8449
8385
  },
8450
- "10": {
8451
- "$type": "spacing",
8452
- "$value": "{post.core.dimension.10}"
8453
- },
8454
- "11": {
8455
- "$type": "spacing",
8456
- "$value": "{post.core.dimension.11}"
8457
- },
8458
8386
  "12": {
8459
8387
  "$type": "spacing",
8460
8388
  "$value": "{post.core.dimension.12}"
8461
8389
  },
8462
- "14": {
8463
- "$type": "spacing",
8464
- "$value": "{post.core.dimension.14}"
8465
- },
8466
- "15": {
8467
- "$type": "spacing",
8468
- "$value": "{post.core.dimension.15}"
8469
- },
8470
8390
  "16": {
8471
8391
  "$type": "spacing",
8472
8392
  "$value": "{post.core.dimension.16}"
8473
8393
  },
8474
- "18": {
8475
- "$type": "spacing",
8476
- "$value": "{post.core.dimension.18}"
8477
- },
8478
- "19": {
8479
- "$type": "spacing",
8480
- "$value": "{post.core.dimension.19}"
8481
- },
8482
- "20": {
8483
- "$type": "spacing",
8484
- "$value": "{post.core.dimension.20}"
8485
- },
8486
- "22": {
8487
- "$type": "spacing",
8488
- "$value": "{post.core.dimension.22}"
8489
- },
8490
8394
  "24": {
8491
8395
  "$type": "spacing",
8492
8396
  "$value": "{post.core.dimension.24}"
8493
8397
  },
8494
- "26": {
8495
- "$type": "spacing",
8496
- "$value": "{post.core.dimension.26}"
8497
- },
8498
- "28": {
8499
- "$type": "spacing",
8500
- "$value": "{post.core.dimension.28}"
8501
- },
8502
- "30": {
8503
- "$type": "spacing",
8504
- "$value": "{post.core.dimension.30}"
8505
- },
8506
8398
  "32": {
8507
8399
  "$type": "spacing",
8508
8400
  "$value": "{post.core.dimension.32}"
8509
8401
  },
8510
- "34": {
8511
- "$type": "spacing",
8512
- "$value": "{post.core.dimension.34}"
8513
- },
8514
- "36": {
8515
- "$type": "spacing",
8516
- "$value": "{post.core.dimension.36}"
8517
- },
8518
8402
  "40": {
8519
8403
  "$type": "spacing",
8520
8404
  "$value": "{post.core.dimension.40}"
@@ -8531,25 +8415,29 @@
8531
8415
  "$type": "spacing",
8532
8416
  "$value": "{post.core.dimension.64}"
8533
8417
  },
8534
- "78": {
8418
+ "72": {
8535
8419
  "$type": "spacing",
8536
- "$value": "{post.core.dimension.78}"
8420
+ "$value": "{post.core.dimension.72}"
8537
8421
  },
8538
8422
  "80": {
8539
8423
  "$type": "spacing",
8540
8424
  "$value": "{post.core.dimension.80}"
8541
8425
  },
8426
+ "88": {
8427
+ "$type": "spacing",
8428
+ "$value": "{post.core.dimension.88}"
8429
+ },
8542
8430
  "96": {
8543
8431
  "$type": "spacing",
8544
8432
  "$value": "{post.core.dimension.96}"
8545
8433
  },
8546
- "100": {
8434
+ "104": {
8547
8435
  "$type": "spacing",
8548
- "$value": "{post.core.dimension.100}"
8436
+ "$value": "{post.core.dimension.104}"
8549
8437
  },
8550
- "112": {
8438
+ "auto": {
8551
8439
  "$type": "spacing",
8552
- "$value": "{post.core.dimension.112}"
8440
+ "$value": "auto"
8553
8441
  }
8554
8442
  },
8555
8443
  "gap": {
@@ -8565,18 +8453,10 @@
8565
8453
  "$type": "spacing",
8566
8454
  "$value": "{post.core.dimension.2}"
8567
8455
  },
8568
- "3": {
8569
- "$type": "spacing",
8570
- "$value": "{post.core.dimension.3}"
8571
- },
8572
8456
  "4": {
8573
8457
  "$type": "spacing",
8574
8458
  "$value": "{post.core.dimension.4}"
8575
8459
  },
8576
- "5": {
8577
- "$type": "spacing",
8578
- "$value": "{post.core.dimension.5}"
8579
- },
8580
8460
  "6": {
8581
8461
  "$type": "spacing",
8582
8462
  "$value": "{post.core.dimension.6}"
@@ -8585,74 +8465,22 @@
8585
8465
  "$type": "spacing",
8586
8466
  "$value": "{post.core.dimension.8}"
8587
8467
  },
8588
- "10": {
8589
- "$type": "spacing",
8590
- "$value": "{post.core.dimension.10}"
8591
- },
8592
- "11": {
8593
- "$type": "spacing",
8594
- "$value": "{post.core.dimension.11}"
8595
- },
8596
8468
  "12": {
8597
8469
  "$type": "spacing",
8598
8470
  "$value": "{post.core.dimension.12}"
8599
8471
  },
8600
- "14": {
8601
- "$type": "spacing",
8602
- "$value": "{post.core.dimension.14}"
8603
- },
8604
- "15": {
8605
- "$type": "spacing",
8606
- "$value": "{post.core.dimension.15}"
8607
- },
8608
8472
  "16": {
8609
8473
  "$type": "spacing",
8610
8474
  "$value": "{post.core.dimension.16}"
8611
8475
  },
8612
- "18": {
8613
- "$type": "spacing",
8614
- "$value": "{post.core.dimension.18}"
8615
- },
8616
- "19": {
8617
- "$type": "spacing",
8618
- "$value": "{post.core.dimension.19}"
8619
- },
8620
- "20": {
8621
- "$type": "spacing",
8622
- "$value": "{post.core.dimension.20}"
8623
- },
8624
- "22": {
8625
- "$type": "spacing",
8626
- "$value": "{post.core.dimension.22}"
8627
- },
8628
8476
  "24": {
8629
8477
  "$type": "spacing",
8630
8478
  "$value": "{post.core.dimension.24}"
8631
8479
  },
8632
- "26": {
8633
- "$type": "spacing",
8634
- "$value": "{post.core.dimension.26}"
8635
- },
8636
- "28": {
8637
- "$type": "spacing",
8638
- "$value": "{post.core.dimension.28}"
8639
- },
8640
- "30": {
8641
- "$type": "spacing",
8642
- "$value": "{post.core.dimension.30}"
8643
- },
8644
8480
  "32": {
8645
8481
  "$type": "spacing",
8646
8482
  "$value": "{post.core.dimension.32}"
8647
8483
  },
8648
- "34": {
8649
- "$type": "spacing",
8650
- "$value": "{post.core.dimension.34}"
8651
- },
8652
- "36": {
8653
- "$type": "spacing",
8654
- "$value": "{post.core.dimension.36}"
8655
- },
8656
8484
  "40": {
8657
8485
  "$type": "spacing",
8658
8486
  "$value": "{post.core.dimension.40}"
@@ -8669,25 +8497,29 @@
8669
8497
  "$type": "spacing",
8670
8498
  "$value": "{post.core.dimension.64}"
8671
8499
  },
8672
- "78": {
8500
+ "72": {
8673
8501
  "$type": "spacing",
8674
- "$value": "{post.core.dimension.78}"
8502
+ "$value": "{post.core.dimension.72}"
8675
8503
  },
8676
8504
  "80": {
8677
8505
  "$type": "spacing",
8678
8506
  "$value": "{post.core.dimension.80}"
8679
8507
  },
8508
+ "88": {
8509
+ "$type": "spacing",
8510
+ "$value": "{post.core.dimension.88}"
8511
+ },
8680
8512
  "96": {
8681
8513
  "$type": "spacing",
8682
8514
  "$value": "{post.core.dimension.96}"
8683
8515
  },
8684
- "100": {
8516
+ "104": {
8685
8517
  "$type": "spacing",
8686
- "$value": "{post.core.dimension.100}"
8518
+ "$value": "{post.core.dimension.104}"
8687
8519
  },
8688
- "112": {
8520
+ "auto": {
8689
8521
  "$type": "spacing",
8690
- "$value": "{post.core.dimension.112}"
8522
+ "$value": "auto"
8691
8523
  }
8692
8524
  }
8693
8525
  }
@@ -10005,37 +9837,18 @@
10005
9837
  "post.utility.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09",
10006
9838
  "post.utility.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678",
10007
9839
  "post.utility.margin.2": "792cd18025c16779f22642524cf2693d2862e869",
10008
- "post.utility.margin.3": "27ce33728cc54ac5a99be072e27a3a475a14c686",
10009
9840
  "post.utility.margin.4": "2aab29a903bc89ea2a05c5a87e713f2fb1d4661c",
10010
- "post.utility.margin.5": "82af2359fae4b8c94c0b76d1da4b8caf81949aff",
10011
9841
  "post.utility.margin.6": "e9bb2abc1a1baef7ffc2f8b39ee7a5f5546cea76",
10012
9842
  "post.utility.margin.8": "90ff6adc1edda38c2d15c314ab3852e80cbfec33",
10013
- "post.utility.margin.10": "c891b7a77cd6d59f3f03cbab7ed15ce66293b736",
10014
- "post.utility.margin.11": "fe39dcf19a64718ef33824e807cb382ea5a4dcda",
10015
- "post.utility.margin.12": "58a6661d3d463224b90fd0c2a9a7f3acab2943bf",
10016
- "post.utility.margin.14": "4d6a23adae274bb2dab7b588899114fd4a44a64e",
10017
- "post.utility.margin.15": "609322b57dca6ee8c9c67d1f5bf4ce012a20ff8c",
10018
9843
  "post.utility.margin.16": "b4097837cfd32639b97e94abf9281e1416a2183b",
10019
- "post.utility.margin.18": "bf74cf2199d1310ce16d5fa74dc819aea937729b",
10020
- "post.utility.margin.19": "ef7da0322d4e4427ec5ad6540b6f45b7fbd001bd",
10021
- "post.utility.margin.20": "733f9d8b7c98e2ba38bbfe4f71eff2166d265861",
10022
- "post.utility.margin.22": "e3f672480236a3ad0a16c10ced09cf21cfdce93f",
10023
9844
  "post.utility.margin.24": "5ce997ccaacbbf05f4bd2aa4c87b10223c5178d4",
10024
- "post.utility.margin.26": "282562f391624cd4118db369d58b5eeda298a0c4",
10025
- "post.utility.margin.28": "744128b0e883692813d6a97e56ca4018999a3362",
10026
- "post.utility.margin.30": "0d4c9ee2dec67b27c109a2ebfcc371b0f3168350",
10027
9845
  "post.utility.margin.32": "8fe22b1e34c37027c5d463c67497bad181be501b",
10028
- "post.utility.margin.34": "93128cb33d7f22e162fbee9eecf7df44292080af",
10029
- "post.utility.margin.36": "32147c44bb4af2f149bd41fc7b3a54c2fc6b8fa6",
10030
9846
  "post.utility.margin.40": "7267f95965a012d30525c0d3631d4ae35fc7d53f",
10031
9847
  "post.utility.margin.48": "61a9daf8e4cdcab8b4673c8c04f4afc8447d6333",
10032
9848
  "post.utility.margin.56": "d0304781240330c45ba7430a90c2a7793143d803",
10033
9849
  "post.utility.margin.64": "aa839477a59b5fae122796732fb1204166283fc9",
10034
- "post.utility.margin.78": "aa8942443a30ba878d75a3677e2ca3939a14daa4",
10035
9850
  "post.utility.margin.80": "0c70d505eccbfae9707e0e5ae615552341ccdf64",
10036
9851
  "post.utility.margin.96": "ff8e3f6d36789c9fe0269e784937863d9d89c453",
10037
- "post.utility.margin.100": "f792a346dca2bdf369b3d258717d7a15c40c4a54",
10038
- "post.utility.margin.112": "c0e0dea454dc89bb5f3dd4500d47fe0664eebb28",
10039
9852
  "post.utility.margin.auto": "e62bc497929339c1a9dfd82c6d4e247eef9bdfa9",
10040
9853
  "post.utility.padding.0": "99bb8fec49b7cf9985db6da52e4c7164284c9aa3",
10041
9854
  "post.utility.padding.1": "ddb32b13437a08aa59f373371b666b874ff268a8",
@@ -10116,7 +9929,8 @@
10116
9929
  "post.utility.font-weight.regular": "ecee6a6be3f2e75d36113c8b9b4378b7516f48c2",
10117
9930
  "post.utility.font-weight.bold": "f6f6ba57d3e0d7672f71d19fcc1fe299fd902bb9",
10118
9931
  "post.utility.font-weight.black": "7189e2f8fe79427a0a9354d7839b1079bfba11e3",
10119
- "post.utility.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0"
9932
+ "post.utility.letter-spacing.none": "2ec2aaa7271f6259ac3cf09683c0b209d13385b0",
9933
+ "post.utility.margin.72": "aa8942443a30ba878d75a3677e2ca3939a14daa4"
10120
9934
  }
10121
9935
  },
10122
9936
  {