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

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 +10 -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 +128 -0
  13. package/_utilities.scss +22 -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 +25 -55
  21. package/tokens.json +104 -256
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.21
4
+
5
+ ## 9.0.0-next.20
6
+
7
+ ## 9.0.0-next.19
8
+
9
+ ### Minor Changes
10
+
11
+ - 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))
12
+
3
13
  ## 9.0.0-next.18
4
14
 
5
15
  ## 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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,128 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 24 Feb 2025 16:19:02 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
+ $border-width: (
92
+ 1: var(--post-core-dimension-1),
93
+ 2: var(--post-core-dimension-2),
94
+ );
95
+
96
+ $border-radius: (
97
+ 4: var(--post-core-dimension-4),
98
+ 8: var(--post-core-dimension-8),
99
+ );
100
+
101
+ $border-default: (
102
+ width: var(--post-core-dimension-1),
103
+ radius: var(--post-core-dimension-4),
104
+ color: var(--post-scheme-color-surface-default-stroke),
105
+ );
106
+
107
+ $font-size: (
108
+ sm: var(--post-device-font-size-7),
109
+ md: var(--post-device-font-size-6),
110
+ lg: var(--post-device-font-size-5),
111
+ );
112
+
113
+ $font-weight: (
114
+ regular: var(--post-core-font-weight-400),
115
+ bold: var(--post-core-font-weight-700),
116
+ black: var(--post-core-font-weight-900),
117
+ );
118
+
119
+ $line-height: (
120
+ 1: var(--post-core-line-height-100),
121
+ sm: var(--post-core-line-height-120),
122
+ lg: var(--post-core-line-height-150),
123
+ );
124
+
125
+ $letter-spacing: (
126
+ none: var(--post-core-letter-spacing-none),
127
+ default: var(--post-core-letter-spacing-default),
128
+ );
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
+ // Mon, 24 Feb 2025 16:19:02 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: (
@@ -125,6 +82,16 @@ $post-elevation: (
125
82
  post-utility-elevation-500: var(--post-device-elevation-500),
126
83
  );
127
84
 
85
+ $post-border: (
86
+ post-utility-border-width-1: var(--post-core-dimension-1),
87
+ post-utility-border-width-2: var(--post-core-dimension-2),
88
+ post-utility-border-radius-4: var(--post-core-dimension-4),
89
+ post-utility-border-radius-8: var(--post-core-dimension-8),
90
+ post-utility-border-default-width: var(--post-core-dimension-1),
91
+ post-utility-border-default-radius: var(--post-core-dimension-4),
92
+ post-utility-border-default-color: var(--post-scheme-color-surface-default-stroke),
93
+ );
94
+
128
95
  $post-typo: (
129
96
  post-utility-font-size-sm: var(--post-device-font-size-7),
130
97
  post-utility-font-size-md: var(--post-device-font-size-6),
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.21",
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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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
+ // Mon, 24 Feb 2025 16:19:02 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)',
@@ -128,6 +85,19 @@ export default {
128
85
  400: 'var(--post-device-elevation-400)',
129
86
  500: 'var(--post-device-elevation-500)',
130
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
+ },
131
101
  'font-size': {
132
102
  sm: 'var(--post-device-font-size-7)',
133
103
  md: 'var(--post-device-font-size-6)',
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
  }
@@ -8754,6 +8586,46 @@
8754
8586
  }
8755
8587
  }
8756
8588
  },
8589
+ "Utilities/Border": {
8590
+ "post": {
8591
+ "utility": {
8592
+ "border-width": {
8593
+ "1": {
8594
+ "$type": "borderWidth",
8595
+ "$value": "{post.core.dimension.1}"
8596
+ },
8597
+ "2": {
8598
+ "$type": "borderWidth",
8599
+ "$value": "{post.core.dimension.2}"
8600
+ }
8601
+ },
8602
+ "border-radius": {
8603
+ "4": {
8604
+ "$type": "borderRadius",
8605
+ "$value": "{post.core.dimension.4}"
8606
+ },
8607
+ "8": {
8608
+ "$type": "borderRadius",
8609
+ "$value": "{post.core.dimension.8}"
8610
+ }
8611
+ },
8612
+ "border-default": {
8613
+ "width": {
8614
+ "$type": "borderWidth",
8615
+ "$value": "{post.core.dimension.1}"
8616
+ },
8617
+ "radius": {
8618
+ "$type": "borderRadius",
8619
+ "$value": "{post.core.dimension.4}"
8620
+ },
8621
+ "color": {
8622
+ "$type": "color",
8623
+ "$value": "{post.scheme.color.surface.default.stroke}"
8624
+ }
8625
+ }
8626
+ }
8627
+ }
8628
+ },
8757
8629
  "Utilities/Typo": {
8758
8630
  "post": {
8759
8631
  "utility": {
@@ -9016,6 +8888,7 @@
9016
8888
  "post.core.dimension.88": "25523ad55ba87cf27dc208a3bff2bf2cc511d68f",
9017
8889
  "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab",
9018
8890
  "post.core.dimension.100": "a6b405b6955da9114e41712fd7f8413e018c81c9",
8891
+ "post.core.dimension.104": "c083e2e9756c614be6300168b2280da675e6b5e4",
9019
8892
  "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf",
9020
8893
  "post.core.dimension.164": "d4e897de6a06427c57c11b83961582eb008a5b86",
9021
8894
  "post.core.dimension.180": "695dddb74cfb20e35975daeff720ae3c3b7d80a5",
@@ -9228,7 +9101,9 @@
9228
9101
  "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91",
9229
9102
  "post.scheme.color.interactive.input.hover.bg": "9e0464752dbef48d2c13c82b1865fb29baa976d6",
9230
9103
  "post.scheme.color.interactive.input.hover.fg": "4191ea628c0c943fa24e832a57e02fce109f0a73",
9231
- "post.scheme.color.interactive.input.hover.border": "69ac281e1d33ebdb46f1512dd957323d89a6cc66"
9104
+ "post.scheme.color.interactive.input.hover.border": "69ac281e1d33ebdb46f1512dd957323d89a6cc66",
9105
+ "post.scheme.color.interactive.card.hover.bg": "1d66654cac7bffff73a6850b64c4f9ea5a6d3f51",
9106
+ "post.scheme.color.interactive.card.hover.fg": "46768fb35f93053ac5e9e323bc5d77fad6336fad"
9232
9107
  }
9233
9108
  },
9234
9109
  {
@@ -9372,6 +9247,8 @@
9372
9247
  "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30",
9373
9248
  "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289",
9374
9249
  "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944",
9250
+ "post.scheme.color.interactive.card.hover.bg": "1d66654cac7bffff73a6850b64c4f9ea5a6d3f51",
9251
+ "post.scheme.color.interactive.card.hover.fg": "46768fb35f93053ac5e9e323bc5d77fad6336fad",
9375
9252
  "post.scheme.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19",
9376
9253
  "post.scheme.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4",
9377
9254
  "post.scheme.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff",
@@ -9997,7 +9874,9 @@
9997
9874
  "Theme/Post": "source",
9998
9875
  "Utilities/Color": "enabled",
9999
9876
  "Scheme/Light": "source",
10000
- "Scheme/Dark": "source"
9877
+ "Scheme/Dark": "source",
9878
+ "Utilities/Border": "enabled",
9879
+ "Utilities/Elevation": "enabled"
10001
9880
  },
10002
9881
  "$figmaCollectionId": "VariableCollectionId:3180:16768",
10003
9882
  "$figmaModeId": "3180:0",
@@ -10005,111 +9884,75 @@
10005
9884
  "post.utility.margin.0": "994e48fbd4776dab39c390d943dca51130da6e09",
10006
9885
  "post.utility.margin.1": "d22acf341afcc6bf2d8a7edb44b12234b372a678",
10007
9886
  "post.utility.margin.2": "792cd18025c16779f22642524cf2693d2862e869",
10008
- "post.utility.margin.3": "27ce33728cc54ac5a99be072e27a3a475a14c686",
10009
9887
  "post.utility.margin.4": "2aab29a903bc89ea2a05c5a87e713f2fb1d4661c",
10010
- "post.utility.margin.5": "82af2359fae4b8c94c0b76d1da4b8caf81949aff",
10011
9888
  "post.utility.margin.6": "e9bb2abc1a1baef7ffc2f8b39ee7a5f5546cea76",
10012
9889
  "post.utility.margin.8": "90ff6adc1edda38c2d15c314ab3852e80cbfec33",
10013
- "post.utility.margin.10": "c891b7a77cd6d59f3f03cbab7ed15ce66293b736",
10014
- "post.utility.margin.11": "fe39dcf19a64718ef33824e807cb382ea5a4dcda",
10015
9890
  "post.utility.margin.12": "58a6661d3d463224b90fd0c2a9a7f3acab2943bf",
10016
- "post.utility.margin.14": "4d6a23adae274bb2dab7b588899114fd4a44a64e",
10017
- "post.utility.margin.15": "609322b57dca6ee8c9c67d1f5bf4ce012a20ff8c",
10018
9891
  "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
9892
  "post.utility.margin.24": "5ce997ccaacbbf05f4bd2aa4c87b10223c5178d4",
10024
- "post.utility.margin.26": "282562f391624cd4118db369d58b5eeda298a0c4",
10025
- "post.utility.margin.28": "744128b0e883692813d6a97e56ca4018999a3362",
10026
- "post.utility.margin.30": "0d4c9ee2dec67b27c109a2ebfcc371b0f3168350",
10027
9893
  "post.utility.margin.32": "8fe22b1e34c37027c5d463c67497bad181be501b",
10028
- "post.utility.margin.34": "93128cb33d7f22e162fbee9eecf7df44292080af",
10029
- "post.utility.margin.36": "32147c44bb4af2f149bd41fc7b3a54c2fc6b8fa6",
10030
9894
  "post.utility.margin.40": "7267f95965a012d30525c0d3631d4ae35fc7d53f",
10031
9895
  "post.utility.margin.48": "61a9daf8e4cdcab8b4673c8c04f4afc8447d6333",
10032
9896
  "post.utility.margin.56": "d0304781240330c45ba7430a90c2a7793143d803",
10033
9897
  "post.utility.margin.64": "aa839477a59b5fae122796732fb1204166283fc9",
10034
- "post.utility.margin.78": "aa8942443a30ba878d75a3677e2ca3939a14daa4",
9898
+ "post.utility.margin.72": "aa8942443a30ba878d75a3677e2ca3939a14daa4",
10035
9899
  "post.utility.margin.80": "0c70d505eccbfae9707e0e5ae615552341ccdf64",
9900
+ "post.utility.margin.88": "4638b33e155f729a15aab1c545d16058b2b31794",
10036
9901
  "post.utility.margin.96": "ff8e3f6d36789c9fe0269e784937863d9d89c453",
10037
- "post.utility.margin.100": "f792a346dca2bdf369b3d258717d7a15c40c4a54",
10038
- "post.utility.margin.112": "c0e0dea454dc89bb5f3dd4500d47fe0664eebb28",
9902
+ "post.utility.margin.104": "bd84f3d1dd05a741aba64b79b88856f3a930ea63",
10039
9903
  "post.utility.margin.auto": "e62bc497929339c1a9dfd82c6d4e247eef9bdfa9",
10040
9904
  "post.utility.padding.0": "99bb8fec49b7cf9985db6da52e4c7164284c9aa3",
10041
9905
  "post.utility.padding.1": "ddb32b13437a08aa59f373371b666b874ff268a8",
10042
9906
  "post.utility.padding.2": "3cccff01dc64fc2a9e7d6a0be1bdf537615f0fef",
10043
- "post.utility.padding.3": "f237ba426222468ed4938562bed02a8b6e85da47",
10044
9907
  "post.utility.padding.4": "358f104d69400746c9d3c7987c719dd22928296a",
10045
- "post.utility.padding.5": "8fa9325acbef13f590f50697b059d8df0bd8e8dd",
10046
9908
  "post.utility.padding.6": "33fbc1e48972e3389b0a719675feaf91c24ca363",
10047
9909
  "post.utility.padding.8": "d090e48cf1172ee2320e15a678bad95aaf42a490",
10048
- "post.utility.padding.10": "b0cfa11fd3087f042726e16b2c36e19a0281e10b",
10049
- "post.utility.padding.11": "aca9ebd2d2bea34dbf283bd66bccfdaf6edffcb3",
10050
9910
  "post.utility.padding.12": "86a022b8ada31b4fddb5bfac81b7cf61b640fa76",
10051
- "post.utility.padding.14": "bc598ab6fd384f42b3146339a23b92fa80fa2786",
10052
- "post.utility.padding.15": "8500a1c95486070177b8c5e2406928aa90af085f",
10053
9911
  "post.utility.padding.16": "80031ac7edec87d10436df66940ec729ad1f67e9",
10054
- "post.utility.padding.18": "d4aa14c8ecd220b7debcd94ddd331c67a6b5f191",
10055
- "post.utility.padding.19": "1f18d20cb711d2157375f85a65afe5f2a2a76f65",
10056
- "post.utility.padding.20": "a5432ff1b645f048a46d4e3ff20fed03b6d2e733",
10057
- "post.utility.padding.22": "54a443d60134a3b50b596ee4073c1b5bc62f6494",
10058
9912
  "post.utility.padding.24": "a2b5c5f7294e3c08f9b7fdb689eb7bf9b64c1f0b",
10059
- "post.utility.padding.26": "02594f3cb97607860e6297c4d3f3146277ff5f59",
10060
- "post.utility.padding.28": "ea71f0a6d0595df12a23e4bfd6835cf571d15c1a",
10061
- "post.utility.padding.30": "768b990b8c7d18ba088ef56f6bfed4656b262b04",
10062
9913
  "post.utility.padding.32": "03af2409261f64081f8aabcca73e472023000354",
10063
- "post.utility.padding.34": "7e7c47901fe0f44866541f90db942d97845680cc",
10064
- "post.utility.padding.36": "7a0c0693689769b96a6a6d0f835489071aa794d3",
10065
9914
  "post.utility.padding.40": "32a590dc1f608b6cb067cf8f4c369e0dda1ef6dc",
10066
9915
  "post.utility.padding.48": "1abff7489bdbe35c52d494e90b51c5997d1ad003",
10067
9916
  "post.utility.padding.56": "18c72e41e17ee3bc5da54d5df66d6be1be653210",
10068
9917
  "post.utility.padding.64": "cbbf8e81b37159f2b788c01a4eba6ebd6de72f71",
10069
- "post.utility.padding.78": "97b313258f8cc6795013d3d36c7e0fbe6f1d3e79",
9918
+ "post.utility.padding.72": "95fde8a83a72ee5626c3e1d8e296457ecf5cd263",
10070
9919
  "post.utility.padding.80": "1605213520b2a110091a49300bf88355a715ed74",
9920
+ "post.utility.padding.88": "19c5305624d37a93d49f8c320b63b95de4ed2eac",
10071
9921
  "post.utility.padding.96": "ba9152ee84ce56f805d7a778efc36fb5a94f367e",
10072
- "post.utility.padding.100": "1916b67639f0bcd714007aa92067891d2a0d00fd",
10073
- "post.utility.padding.112": "1259fcc7c6d8af6b7d905df92c7fc5d8d3325012",
9922
+ "post.utility.padding.104": "1d7f7eeeef0cfbd8d5aa8aa60a4cb16e98d6901f",
9923
+ "post.utility.padding.auto": "ee94a7b814d9782cff330f2a35738831c7280ab6",
10074
9924
  "post.utility.gap.0": "b035f04869df26bda872715dfab8acab5d4bdbe7",
10075
9925
  "post.utility.gap.1": "8d400834fbfe7592ffb74200a67ba4c165c44b94",
10076
9926
  "post.utility.gap.2": "f3f7d4be8e6c522169c5474cf69e3255763362a2",
10077
- "post.utility.gap.3": "6667a670f66ed029b92505c60ef792cfc098e51e",
10078
9927
  "post.utility.gap.4": "65df6a057c82d6cbbebec02d50983e74cc43f9aa",
10079
- "post.utility.gap.5": "a47df22e4a7cb99e73f9ffe020efca9153a00697",
10080
9928
  "post.utility.gap.6": "ae8d4076b9039829ce59c0b8c823d4dcfc9e1ffe",
10081
9929
  "post.utility.gap.8": "90e29025252e6b22b82601264abf66dbc67901ec",
10082
- "post.utility.gap.10": "27ff3c142bb89f0239083b9e74bb4252e0b71005",
10083
- "post.utility.gap.11": "c81e46b0e659b706c061a95f10d3f080b257ab4e",
10084
9930
  "post.utility.gap.12": "cc0852a70a194a9033ed2e57844e5dbaf2360ab4",
10085
- "post.utility.gap.14": "49e457403f8b3d3c36f634251ea8fe0ce7a87067",
10086
- "post.utility.gap.15": "df28ef55e1e9077de3fea8ff62951724fd80d35d",
10087
9931
  "post.utility.gap.16": "c67e4fee3b260b07c10a1aeb1a0742f282c60f8c",
10088
- "post.utility.gap.18": "143f1f9f45772f4c6fef9dc663ab722cf0463ed7",
10089
- "post.utility.gap.19": "3168281b5f51180f236f567f642c23a60752dfdb",
10090
- "post.utility.gap.20": "e6c22067e83a7356bd2619f574ac874708f0d31a",
10091
- "post.utility.gap.22": "b12f454c60cac02a85e48ab9cbe68f282279ba6d",
10092
9932
  "post.utility.gap.24": "682bfbf749d0aac98b101441ce1c653c6efe3bce",
10093
- "post.utility.gap.26": "830115993da9150d7910064a79faa1de54a2e04e",
10094
- "post.utility.gap.28": "e55c15b5acd4cfbecd903ecdbe64acc27fd9e891",
10095
- "post.utility.gap.30": "347738a186a8d52e19cc98192d32050bdd153a71",
10096
9933
  "post.utility.gap.32": "94b304c51f0dd554241dc8652115eae3acf9c6ee",
10097
- "post.utility.gap.34": "4b8df586e9f9b915918b9a27b623d4fbfba842bb",
10098
- "post.utility.gap.36": "c6af274526ccb0796ee7916b55b8b4972d52176c",
10099
9934
  "post.utility.gap.40": "3f392bb4ff26eddce82b3ddc7e2d10ac9efee560",
10100
9935
  "post.utility.gap.48": "e541671e61d78bd86de2ee1b35981495d31ab7f1",
10101
9936
  "post.utility.gap.56": "0a1522c5cfbc35bafd1188956c2cf598fa66d10c",
10102
9937
  "post.utility.gap.64": "ed40c5cca7e432e0d99194c3adbae5a10d916930",
10103
- "post.utility.gap.78": "0e6f03756e05a6ca40c91a1390482c1e897ac85b",
9938
+ "post.utility.gap.72": "0a808dd5d8136fd0a2ef25a0d7332c1f1947b449",
10104
9939
  "post.utility.gap.80": "d516093cca9f45668e6f2a2bf3dabc2c7ff73be3",
9940
+ "post.utility.gap.88": "8a4b14d81021f23bcdc36c71fa73b79332468a7d",
10105
9941
  "post.utility.gap.96": "dd43f02351d0bd44d8e5ced92fdf23910bd0cd2f",
10106
- "post.utility.gap.100": "e28e8b44e65e54a5138fa5db3ab7c1911d2addee",
10107
- "post.utility.gap.112": "56bcda2c0c1206e6d7c1b6978dfedeef862764d0",
9942
+ "post.utility.gap.104": "b561ffd53ebb50dfd9de1c6d7ef61c3f0d18d5c1",
9943
+ "post.utility.gap.auto": "9af3abd7f1934bc71f720a12cabe07d9967ad9c9",
10108
9944
  "post.utility.surface.default": "fe79c476f68e126de95b52abfdcbc7a291ac9e17",
10109
9945
  "post.utility.surface.accent1": "4508df50b67a70b3aa949a33175a1da72271b75f",
10110
9946
  "post.utility.surface.accent2": "99e52a1d022a46128469f81b4085d2852f50d55a",
10111
9947
  "post.utility.surface.accent3": "55d28ddd8474489c0143eb926bca89ab5a534805",
10112
9948
  "post.utility.surface.accent4": "d512d2f16a3486e242bedf306dac85b3b7ba1ee5",
9949
+ "post.utility.border-width.1": "c61c287ddd9e73f3ca51e101eae0881575157855",
9950
+ "post.utility.border-width.2": "2cf510aa1e77321e4ca55ca5bb1b934daf9f7c29",
9951
+ "post.utility.border-radius.4": "35645b2921988f4d76adf5c5b6cc05f852c01a73",
9952
+ "post.utility.border-radius.8": "a3f7ae743dd3286b0faf6418709bbf55a4533ad4",
9953
+ "post.utility.border-default.width": "7a5bda3253b81e93bd442c75dda7d20eabc0df99",
9954
+ "post.utility.border-default.radius": "1f35c4650cdbb5c9306612cd97fc8863cc1963fa",
9955
+ "post.utility.border-default.color": "a3b516f29d29b21ce64fe94a4d9a9b9f589895ef",
10113
9956
  "post.utility.font-size.sm": "4f05fa9917fbf933d98045ed908007cf27ebadd3",
10114
9957
  "post.utility.font-size.md": "1a73546600f73f2e051a312c68ffde8841c6f23b",
10115
9958
  "post.utility.font-size.lg": "e5163c7b26f741083cbca2628a45aabf0c98033d",
@@ -10367,6 +10210,10 @@
10367
10210
  "post.button.label.font-weight": "423ec64d2c0daf8df8e67bfe1ff5ff7b2d8fb9d8",
10368
10211
  "post.card.border-radius": "c4e98f3a39e0aabf3daef986f7b1c8cf3b8cf856",
10369
10212
  "post.card.non-interactive.stroke": "e3ca597e321fdd0855dd199c3316c4cdbe19c17c",
10213
+ "post.card.enabled-bg1": "34732e82032e4fbaff5bf16d4c00846922a35b85",
10214
+ "post.card.enabled-bg2": "5ff85b58a18bf28acbf66f998e7735b23af54d86",
10215
+ "post.card.hover-bg": "46bd98d34e1541b77a1d990e0efa02b8ee7a7684",
10216
+ "post.card.hover-fg": "5fe5cbe378f7a4efa3fbea2f3443866b7fae67b0",
10370
10217
  "post.checkbox.enabled-bg": "511b9da046efffab0af4a6e72d7f452db03ab780",
10371
10218
  "post.checkbox.enabled-fg": "1a3dd51d23e3681320793f129272ebe44941ed72",
10372
10219
  "post.checkbox.hover-bg": "c7c5e44f736cacf7e8b7553498dbfbb720dbe2e0",
@@ -11103,6 +10950,7 @@
11103
10950
  "Utilities/Spacing",
11104
10951
  "Utilities/Color",
11105
10952
  "Utilities/Elevation",
10953
+ "Utilities/Border",
11106
10954
  "Utilities/Typo",
11107
10955
  "Palettes",
11108
10956
  "Helpers/Focus"