@swisspost/design-system-tokens 9.0.0-next.10 → 9.0.0-next.11

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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.11
4
+
3
5
  ## 9.0.0-next.10
4
6
 
5
7
  ## 9.0.0-next.9
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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-accordion: (
7
7
  post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
@@ -464,7 +464,7 @@ $post-popover: (
464
464
  post-popover-surface-border-radius: var(--post-device-border-radius-1),
465
465
  post-popover-surface-padding-block: var(--post-device-spacing-padding-5),
466
466
  post-popover-surface-padding-inline-start: var(--post-device-spacing-padding-5),
467
- post-popover-surface-padding-inline-end: var(--post-device-spacing-padding-6),
467
+ post-popover-surface-padding-inline-end: var(--post-core-dimension-4),
468
468
  post-popover-surface-gap-inline: var(--post-device-spacing-gap-inline-4),
469
469
  post-popover-text-selected-fg: var(--post-scheme-color-surface-accent-fg),
470
470
  post-popover-elevation: var(--post-device-elevation-300),
@@ -532,19 +532,19 @@ $post-segmented-button: (
532
532
  );
533
533
 
534
534
  $post-select: (
535
- post-select-color-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
536
- post-select-color-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
537
- post-select-color-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
538
- post-select-color-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
539
- post-select-color-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
540
- post-select-color-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
541
- post-select-color-selected-bg: var(--post-scheme-color-interactive-primary-selected-bg1),
542
- post-select-color-selected-fg: var(--post-scheme-color-interactive-primary-selected-fg1),
535
+ post-select-color-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
536
+ post-select-color-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
537
+ post-select-color-hover-bg: var(--post-scheme-color-interactive-input-hover-bg),
538
+ post-select-color-hover-fg: var(--post-scheme-color-interactive-input-hover-fg),
539
+ post-select-color-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg),
540
+ post-select-color-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg),
541
+ post-select-color-selected-bg: var(--post-scheme-color-interactive-input-enabled-bg),
542
+ post-select-color-selected-fg: var(--post-scheme-color-interactive-input-enabled-fg),
543
543
  post-select-color-helptext-fg: var(--post-scheme-color-interactive-primary-enabled-fg2),
544
- post-select-color-enabled-border: var(--post-scheme-color-interactive-primary-enabled-stroke),
545
- post-select-color-hover-border: var(--post-scheme-color-interactive-primary-hover-stroke),
546
- post-select-color-disabled-border: var(--post-scheme-color-interactive-primary-disabled-stroke),
547
- post-select-color-selected-border: var(--post-scheme-color-interactive-primary-selected-stroke1),
544
+ post-select-color-enabled-border: var(--post-scheme-color-interactive-input-enabled-border),
545
+ post-select-color-hover-border: var(--post-scheme-color-interactive-input-hover-border),
546
+ post-select-color-disabled-border: var(--post-scheme-color-interactive-input-disabled-border),
547
+ post-select-color-selected-border: var(--post-scheme-color-interactive-input-enabled-border),
548
548
  post-select-color-signal-error: var(--post-scheme-color-signal-error-dark),
549
549
  post-select-color-signal-success: var(--post-scheme-color-signal-success-dark),
550
550
  post-select-gap-inline-icon: var(--post-device-spacing-gap-1),
@@ -779,6 +779,30 @@ $post-toast: (
779
779
  post-toast-elevation: var(--post-device-elevation-300),
780
780
  );
781
781
 
782
+ $post-teaser: (
783
+ post-teaser-card-sm-image-height: var(--post-device-sizing-content-height-1),
784
+ post-teaser-card-sm-section-content-padding: var(--post-device-spacing-padding-5),
785
+ post-teaser-card-sm-section-content-gap: var(--post-device-spacing-gap-7),
786
+ post-teaser-card-sm-heading-font-size: var(--post-device-font-size-5),
787
+ post-teaser-card-sm-content-gap: var(--post-core-dimension-6),
788
+ post-teaser-card-lg-image-height: var(--post-device-sizing-content-height-2),
789
+ post-teaser-card-lg-section-content-padding: var(--post-device-spacing-padding-20),
790
+ post-teaser-card-lg-section-content-gap: var(--post-core-dimension-24),
791
+ post-teaser-card-lg-heading-font-size: var(--post-device-font-size-4),
792
+ post-teaser-card-lg-content-gap: var(--post-device-spacing-gap-block-3),
793
+ post-teaser-card-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
794
+ post-teaser-card-content-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
795
+ post-teaser-card-content-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
796
+ post-teaser-card-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg4),
797
+ );
798
+
799
+ $post-cards: (
800
+ post-card-border-radius: var(--post-device-border-radius-3),
801
+ post-card-nested-border-radius: var(--post-device-border-radius-2),
802
+ post-card-interactive-elevation: var(--post-device-elevation-200),
803
+ post-card-non-interactive-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke4),
804
+ );
805
+
782
806
  $post-validation: (
783
807
  post-validation-group-gap-inline: var(--post-device-spacing-gap-inline-10),
784
808
  post-validation-group-icon-size: var(--post-device-sizing-interactive-icon-size4),
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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
@@ -51,7 +51,7 @@
51
51
  --post-core-color-colorless: rgba(255, 255, 255, 0);
52
52
  --post-core-color-cargo-green: #00411c;
53
53
  --post-core-color-cargo-blue: #aadcff;
54
- --post-core-dimension-0: 0rem;
54
+ --post-core-dimension-0: 0;
55
55
  --post-core-dimension-1: 1px;
56
56
  --post-core-dimension-2: 2px;
57
57
  --post-core-dimension-3: 3px;
@@ -95,6 +95,11 @@
95
95
  --post-core-dimension-96: 96px;
96
96
  --post-core-dimension-100: 100px;
97
97
  --post-core-dimension-112: 112px;
98
+ --post-core-dimension-164: 164px;
99
+ --post-core-dimension-180: 180px;
100
+ --post-core-dimension-188: 188px;
101
+ --post-core-dimension-240: 240px;
102
+ --post-core-dimension-312: 312px;
98
103
  --post-core-dimension-1280: 1280px;
99
104
  --post-core-dimension-5-5: 5.5px;
100
105
  --post-core-dimension-6-5: 6.5px;
@@ -111,7 +116,6 @@
111
116
  --post-core-dimension-25-5: 25.5px;
112
117
  --post-core-dimension-24-5: 24.5px;
113
118
  --post-core-font-weight-400: 400;
114
- --post-core-font-weight-500: 500;
115
119
  --post-core-font-weight-700: 700;
116
120
  --post-core-font-weight-900: 900;
117
121
  --post-core-font-size-10: 10px;
@@ -129,10 +133,8 @@
129
133
  --post-core-line-height-120: 1.2;
130
134
  --post-core-line-height-150: 1.5;
131
135
  --post-core-letter-spacing-default: 0.0012em;
132
- --post-core-letter-spacing-none: 0rem;
133
- --post-core-font-family-frutiger: 'Frutiger Neue for Post';
134
- --post-core-font-family-swiss-post: 'Swiss Post Sans v005';
135
- --post-core-font-family-caveat: Caveat;
136
+ --post-core-letter-spacing-none: 0;
137
+ --post-core-font-family-swiss-post: 'Swiss Post Sans';
136
138
  --post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
137
139
  --post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
138
140
  --post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-desktop: (
7
7
  post-device-font-size-1: var(--post-core-font-size-40),
@@ -57,6 +57,7 @@ $post-desktop: (
57
57
  post-device-spacing-padding-17: var(--post-core-dimension-16),
58
58
  post-device-spacing-padding-18: var(--post-core-dimension-0),
59
59
  post-device-spacing-padding-19: var(--post-core-dimension-16-5),
60
+ post-device-spacing-padding-20: var(--post-core-dimension-24),
60
61
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
61
62
  post-device-spacing-padding-inline-3: var(--post-core-dimension-16),
62
63
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -122,8 +123,11 @@ $post-desktop: (
122
123
  post-device-sizing-icon-2: var(--post-core-dimension-30),
123
124
  post-device-sizing-icon-3: var(--post-core-dimension-16),
124
125
  post-device-sizing-logo-1: var(--post-core-dimension-72),
126
+ post-device-sizing-content-height-1: var(--post-core-dimension-164),
127
+ post-device-sizing-content-height-2: var(--post-core-dimension-312),
125
128
  post-device-border-radius-1: var(--post-core-dimension-4),
126
129
  post-device-border-radius-2: var(--post-core-dimension-8),
130
+ post-device-border-radius-3: var(--post-core-dimension-16),
127
131
  post-device-border-radius-round: var(--post-core-dimension-100),
128
132
  post-device-border-radius-focus: var(--post-core-dimension-4),
129
133
  post-device-font-weight-bold: var(--post-core-font-weight-700),
@@ -200,6 +204,7 @@ $post-tablet: (
200
204
  post-device-spacing-padding-17: var(--post-core-dimension-16),
201
205
  post-device-spacing-padding-18: var(--post-core-dimension-0),
202
206
  post-device-spacing-padding-19: var(--post-core-dimension-15),
207
+ post-device-spacing-padding-20: var(--post-core-dimension-24),
203
208
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
204
209
  post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
205
210
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -265,8 +270,11 @@ $post-tablet: (
265
270
  post-device-sizing-icon-2: var(--post-core-dimension-24),
266
271
  post-device-sizing-icon-3: var(--post-core-dimension-14),
267
272
  post-device-sizing-logo-1: var(--post-core-dimension-64),
273
+ post-device-sizing-content-height-1: var(--post-core-dimension-180),
274
+ post-device-sizing-content-height-2: var(--post-core-dimension-240),
268
275
  post-device-border-radius-1: var(--post-core-dimension-4),
269
276
  post-device-border-radius-2: var(--post-core-dimension-8),
277
+ post-device-border-radius-3: var(--post-core-dimension-16),
270
278
  post-device-border-radius-round: var(--post-core-dimension-100),
271
279
  post-device-border-radius-focus: var(--post-core-dimension-4),
272
280
  post-device-font-weight-bold: var(--post-core-font-weight-700),
@@ -343,6 +351,7 @@ $post-mobile: (
343
351
  post-device-spacing-padding-17: var(--post-core-dimension-8),
344
352
  post-device-spacing-padding-18: var(--post-core-dimension-4),
345
353
  post-device-spacing-padding-19: var(--post-core-dimension-11),
354
+ post-device-spacing-padding-20: var(--post-core-dimension-16),
346
355
  post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
347
356
  post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
348
357
  post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -408,8 +417,11 @@ $post-mobile: (
408
417
  post-device-sizing-icon-2: var(--post-core-dimension-24),
409
418
  post-device-sizing-icon-3: var(--post-core-dimension-12),
410
419
  post-device-sizing-logo-1: var(--post-core-dimension-56),
420
+ post-device-sizing-content-height-1: var(--post-core-dimension-180),
421
+ post-device-sizing-content-height-2: var(--post-core-dimension-188),
411
422
  post-device-border-radius-1: var(--post-core-dimension-4),
412
423
  post-device-border-radius-2: var(--post-core-dimension-8),
424
+ post-device-border-radius-3: var(--post-core-dimension-16),
413
425
  post-device-border-radius-round: var(--post-core-dimension-100),
414
426
  post-device-border-radius-focus: var(--post-core-dimension-4),
415
427
  post-device-font-weight-bold: var(--post-core-font-weight-700),
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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 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
- // Mon, 13 Jan 2025 11:05:26 GMT
3
+ // Mon, 20 Jan 2025 12:58:17 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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-light: (
7
7
  post-scheme-color-signal-success-dark: var(--post-core-color-notification-green),
@@ -80,6 +80,7 @@ $post-light: (
80
80
  post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-sandgrey-100),
81
81
  post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-brand-white),
82
82
  post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-brand-white),
83
+ post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030),
83
84
  post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-brand-white),
84
85
  post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070),
85
86
  post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070),
@@ -87,6 +88,7 @@ $post-light: (
87
88
  post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-sandgrey-070),
88
89
  post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-brand-white),
89
90
  post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-brand-white),
91
+ post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006),
90
92
  post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white),
91
93
  post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060),
92
94
  post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060),
@@ -241,6 +243,7 @@ $post-dark: (
241
243
  post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-brand-white),
242
244
  post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-sandgrey-100),
243
245
  post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-colorless),
246
+ post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030),
244
247
  post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-sandgrey-070),
245
248
  post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-brand-white),
246
249
  post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-brand-white),
@@ -248,6 +251,7 @@ $post-dark: (
248
251
  post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-brand-white),
249
252
  post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-sandgrey-070),
250
253
  post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-sandgrey-alpha-lightsand-20),
254
+ post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006),
251
255
  post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-sandgrey-060),
252
256
  post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-brand-white),
253
257
  post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-brand-white),
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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-post: (
7
7
  post-theme-palettes-bg-scheme-brand: var(--post-core-bg-scheme-light),
package/_utilities.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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-spacing: (
7
7
  post-utility-margin-0: var(--post-core-dimension-0),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swisspost/design-system-tokens",
3
- "version": "9.0.0-next.10",
3
+ "version": "9.0.0-next.11",
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",
@@ -27,10 +27,10 @@
27
27
  "linkDirectory": true
28
28
  },
29
29
  "devDependencies": {
30
- "@tokens-studio/sd-transforms": "1.2.2",
30
+ "@tokens-studio/sd-transforms": "1.2.9",
31
31
  "copyfiles": "2.4.1",
32
32
  "rimraf": "6.0.1",
33
- "style-dictionary": "4.0.1"
33
+ "style-dictionary": "4.3.0"
34
34
  },
35
35
  "scripts": {
36
36
  "copy-files": "copyfiles -f package.json README.md CONTRIBUTING.md CHANGELOG.md LICENSE dist",
@@ -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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
@@ -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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
@@ -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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
@@ -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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
@@ -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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  export default {
7
7
  focus: {
@@ -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
- // Mon, 13 Jan 2025 11:05:26 GMT
4
+ // Mon, 20 Jan 2025 12:58:17 GMT
5
5
 
6
6
  export default {
7
7
  utility: {
package/tokens.json CHANGED
@@ -383,6 +383,26 @@
383
383
  "$type": "dimension",
384
384
  "$value": "112"
385
385
  },
386
+ "164": {
387
+ "$type": "dimension",
388
+ "$value": "164px"
389
+ },
390
+ "180": {
391
+ "$type": "dimension",
392
+ "$value": "180px"
393
+ },
394
+ "188": {
395
+ "$type": "dimension",
396
+ "$value": "188px"
397
+ },
398
+ "240": {
399
+ "$type": "dimension",
400
+ "$value": "240px"
401
+ },
402
+ "312": {
403
+ "$type": "dimension",
404
+ "$value": "312px"
405
+ },
386
406
  "1280": {
387
407
  "$type": "dimension",
388
408
  "$value": "1280"
@@ -449,10 +469,6 @@
449
469
  "$type": "fontWeights",
450
470
  "$value": "400"
451
471
  },
452
- "500": {
453
- "$type": "fontWeights",
454
- "$value": "500"
455
- },
456
472
  "700": {
457
473
  "$type": "fontWeights",
458
474
  "$value": "700"
@@ -533,17 +549,9 @@
533
549
  }
534
550
  },
535
551
  "font-family": {
536
- "frutiger": {
537
- "$type": "fontFamilies",
538
- "$value": "Frutiger Neue for Post"
539
- },
540
552
  "swiss-post": {
541
553
  "$type": "fontFamilies",
542
- "$value": "Swiss Post Sans v005"
543
- },
544
- "caveat": {
545
- "$type": "fontFamilies",
546
- "$value": "Caveat"
554
+ "$value": "Swiss Post Sans"
547
555
  }
548
556
  },
549
557
  "elevation": {
@@ -1028,6 +1036,10 @@
1028
1036
  "bg3": {
1029
1037
  "$type": "color",
1030
1038
  "$value": "{post.core.color.brand.white}"
1039
+ },
1040
+ "stroke4": {
1041
+ "$type": "color",
1042
+ "$value": "{post.core.color.sandgrey.030}"
1031
1043
  }
1032
1044
  },
1033
1045
  "hover": {
@@ -1058,6 +1070,10 @@
1058
1070
  "bg3": {
1059
1071
  "$type": "color",
1060
1072
  "$value": "{post.core.color.brand.white}"
1073
+ },
1074
+ "bg4": {
1075
+ "$type": "color",
1076
+ "$value": "{post.core.color.sandgrey.006}"
1061
1077
  }
1062
1078
  },
1063
1079
  "disabled": {
@@ -2361,6 +2377,10 @@
2361
2377
  "$type": "spacing",
2362
2378
  "$value": "{post.core.dimension.16-5}"
2363
2379
  },
2380
+ "20": {
2381
+ "$type": "spacing",
2382
+ "$value": "{post.core.dimension.24}"
2383
+ },
2364
2384
  "inline": {
2365
2385
  "1": {
2366
2386
  "$type": "spacing",
@@ -2653,6 +2673,18 @@
2653
2673
  "$type": "sizing",
2654
2674
  "$value": "{post.core.dimension.72}"
2655
2675
  }
2676
+ },
2677
+ "content": {
2678
+ "height": {
2679
+ "1": {
2680
+ "$type": "sizing",
2681
+ "$value": "{post.core.dimension.164}"
2682
+ },
2683
+ "2": {
2684
+ "$type": "sizing",
2685
+ "$value": "{post.core.dimension.312}"
2686
+ }
2687
+ }
2656
2688
  }
2657
2689
  },
2658
2690
  "border-radius": {
@@ -2664,6 +2696,10 @@
2664
2696
  "$type": "borderRadius",
2665
2697
  "$value": "{post.core.dimension.8}"
2666
2698
  },
2699
+ "3": {
2700
+ "$type": "borderRadius",
2701
+ "$value": "{post.core.dimension.16}"
2702
+ },
2667
2703
  "round": {
2668
2704
  "$type": "borderRadius",
2669
2705
  "$value": "{post.core.dimension.100}"
@@ -2899,6 +2935,10 @@
2899
2935
  "$type": "spacing",
2900
2936
  "$value": "{post.core.dimension.15}"
2901
2937
  },
2938
+ "20": {
2939
+ "$type": "spacing",
2940
+ "$value": "{post.core.dimension.24}"
2941
+ },
2902
2942
  "block": {
2903
2943
  "1": {
2904
2944
  "$type": "spacing",
@@ -3069,10 +3109,6 @@
3069
3109
  }
3070
3110
  },
3071
3111
  "icon": {
3072
- "2": {
3073
- "$type": "sizing",
3074
- "$value": "{post.core.dimension.16}"
3075
- },
3076
3112
  "3": {
3077
3113
  "$type": "sizing",
3078
3114
  "$value": "{post.core.dimension.20}"
@@ -3139,6 +3175,18 @@
3139
3175
  "$type": "sizing",
3140
3176
  "$value": "{post.core.dimension.64}"
3141
3177
  }
3178
+ },
3179
+ "content": {
3180
+ "height": {
3181
+ "1": {
3182
+ "$type": "sizing",
3183
+ "$value": "{post.core.dimension.180}"
3184
+ },
3185
+ "2": {
3186
+ "$type": "sizing",
3187
+ "$value": "{post.core.dimension.240}"
3188
+ }
3189
+ }
3142
3190
  }
3143
3191
  },
3144
3192
  "font-weight": {
@@ -3365,6 +3413,10 @@
3365
3413
  "$type": "spacing",
3366
3414
  "$value": "{post.core.dimension.11}"
3367
3415
  },
3416
+ "20": {
3417
+ "$type": "spacing",
3418
+ "$value": "{post.core.dimension.16}"
3419
+ },
3368
3420
  "inline": {
3369
3421
  "5": {
3370
3422
  "$type": "spacing",
@@ -3531,10 +3583,6 @@
3531
3583
  }
3532
3584
  },
3533
3585
  "icon": {
3534
- "2": {
3535
- "$type": "sizing",
3536
- "$value": "{post.core.dimension.12}"
3537
- },
3538
3586
  "3": {
3539
3587
  "$type": "sizing",
3540
3588
  "$value": "{post.core.dimension.18}"
@@ -3593,6 +3641,14 @@
3593
3641
  "$type": "sizing",
3594
3642
  "$value": "{post.core.dimension.56}"
3595
3643
  }
3644
+ },
3645
+ "content": {
3646
+ "height": {
3647
+ "2": {
3648
+ "$type": "sizing",
3649
+ "$value": "{post.core.dimension.188}"
3650
+ }
3651
+ }
3596
3652
  }
3597
3653
  },
3598
3654
  "font-weight": {
@@ -6217,7 +6273,7 @@
6217
6273
  },
6218
6274
  "end": {
6219
6275
  "$type": "spacing",
6220
- "$value": "{post.device.spacing.padding.6}"
6276
+ "$value": "{post.core.dimension.4}"
6221
6277
  }
6222
6278
  }
6223
6279
  },
@@ -6557,35 +6613,35 @@
6557
6613
  "color": {
6558
6614
  "enabled-bg": {
6559
6615
  "$type": "color",
6560
- "$value": "{post.scheme.color.interactive.primary.enabled.bg1}"
6616
+ "$value": "{post.scheme.color.interactive.input.enabled.bg}"
6561
6617
  },
6562
6618
  "enabled-fg": {
6563
6619
  "$type": "color",
6564
- "$value": "{post.scheme.color.interactive.primary.enabled.fg1}"
6620
+ "$value": "{post.scheme.color.interactive.input.enabled.fg}"
6565
6621
  },
6566
6622
  "hover-bg": {
6567
6623
  "$type": "color",
6568
- "$value": "{post.scheme.color.interactive.primary.hover.bg}"
6624
+ "$value": "{post.scheme.color.interactive.input.hover.bg}"
6569
6625
  },
6570
6626
  "hover-fg": {
6571
6627
  "$type": "color",
6572
- "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
6628
+ "$value": "{post.scheme.color.interactive.input.hover.fg}"
6573
6629
  },
6574
6630
  "disabled-bg": {
6575
6631
  "$type": "color",
6576
- "$value": "{post.scheme.color.interactive.primary.disabled.bg}"
6632
+ "$value": "{post.scheme.color.interactive.input.disabled.bg}"
6577
6633
  },
6578
6634
  "disabled-fg": {
6579
6635
  "$type": "color",
6580
- "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
6636
+ "$value": "{post.scheme.color.interactive.input.disabled.fg}"
6581
6637
  },
6582
6638
  "selected-bg": {
6583
6639
  "$type": "color",
6584
- "$value": "{post.scheme.color.interactive.primary.selected.bg1}"
6640
+ "$value": "{post.scheme.color.interactive.input.enabled.bg}"
6585
6641
  },
6586
6642
  "selected-fg": {
6587
6643
  "$type": "color",
6588
- "$value": "{post.scheme.color.interactive.primary.selected.fg1}"
6644
+ "$value": "{post.scheme.color.interactive.input.enabled.fg}"
6589
6645
  },
6590
6646
  "helptext-fg": {
6591
6647
  "$type": "color",
@@ -6593,19 +6649,19 @@
6593
6649
  },
6594
6650
  "enabled-border": {
6595
6651
  "$type": "color",
6596
- "$value": "{post.scheme.color.interactive.primary.enabled.stroke}"
6652
+ "$value": "{post.scheme.color.interactive.input.enabled.border}"
6597
6653
  },
6598
6654
  "hover-border": {
6599
6655
  "$type": "color",
6600
- "$value": "{post.scheme.color.interactive.primary.hover.stroke}"
6656
+ "$value": "{post.scheme.color.interactive.input.hover.border}"
6601
6657
  },
6602
6658
  "disabled-border": {
6603
6659
  "$type": "color",
6604
- "$value": "{post.scheme.color.interactive.primary.disabled.stroke}"
6660
+ "$value": "{post.scheme.color.interactive.input.disabled.border}"
6605
6661
  },
6606
6662
  "selected-border": {
6607
6663
  "$type": "color",
6608
- "$value": "{post.scheme.color.interactive.primary.selected.stroke1}"
6664
+ "$value": "{post.scheme.color.interactive.input.enabled.border}"
6609
6665
  },
6610
6666
  "signal": {
6611
6667
  "error": {
@@ -7745,6 +7801,124 @@
7745
7801
  }
7746
7802
  }
7747
7803
  },
7804
+ "Components/Teaser": {
7805
+ "post": {
7806
+ "teaser": {
7807
+ "card": {
7808
+ "sm": {
7809
+ "image": {
7810
+ "height": {
7811
+ "$type": "sizing",
7812
+ "$value": "{post.device.sizing.content.height.1}"
7813
+ }
7814
+ },
7815
+ "section": {
7816
+ "content": {
7817
+ "padding": {
7818
+ "$type": "spacing",
7819
+ "$value": "{post.device.spacing.padding.5}"
7820
+ },
7821
+ "gap": {
7822
+ "$type": "spacing",
7823
+ "$value": "{post.device.spacing.gap.7}"
7824
+ }
7825
+ }
7826
+ },
7827
+ "heading": {
7828
+ "font-size": {
7829
+ "$type": "fontSizes",
7830
+ "$value": "{post.device.font-size.5}"
7831
+ }
7832
+ },
7833
+ "content": {
7834
+ "gap": {
7835
+ "$type": "spacing",
7836
+ "$value": "{post.core.dimension.6}"
7837
+ }
7838
+ }
7839
+ },
7840
+ "lg": {
7841
+ "image": {
7842
+ "height": {
7843
+ "$type": "sizing",
7844
+ "$value": "{post.device.sizing.content.height.2}"
7845
+ }
7846
+ },
7847
+ "section": {
7848
+ "content": {
7849
+ "padding": {
7850
+ "$type": "spacing",
7851
+ "$value": "{post.device.spacing.padding.20}"
7852
+ },
7853
+ "gap": {
7854
+ "$type": "spacing",
7855
+ "$value": "{post.core.dimension.24}"
7856
+ }
7857
+ }
7858
+ },
7859
+ "heading": {
7860
+ "font-size": {
7861
+ "$type": "fontSizes",
7862
+ "$value": "{post.device.font-size.4}"
7863
+ }
7864
+ },
7865
+ "content": {
7866
+ "gap": {
7867
+ "$type": "spacing",
7868
+ "$value": "{post.device.spacing.gap.block.3}"
7869
+ }
7870
+ }
7871
+ },
7872
+ "enabled-bg": {
7873
+ "$type": "color",
7874
+ "$value": "{post.scheme.color.interactive.primary.enabled.bg1}"
7875
+ },
7876
+ "content": {
7877
+ "enabled-fg": {
7878
+ "$type": "color",
7879
+ "$value": "{post.scheme.color.interactive.primary.enabled.fg1}"
7880
+ },
7881
+ "hover-fg": {
7882
+ "$type": "color",
7883
+ "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
7884
+ }
7885
+ },
7886
+ "hover-bg": {
7887
+ "$type": "color",
7888
+ "$value": "{post.scheme.color.interactive.primary.hover.bg4}"
7889
+ }
7890
+ }
7891
+ }
7892
+ }
7893
+ },
7894
+ "Components/Cards": {
7895
+ "post": {
7896
+ "card": {
7897
+ "border-radius": {
7898
+ "$type": "borderRadius",
7899
+ "$value": "{post.device.border-radius.3}"
7900
+ },
7901
+ "nested": {
7902
+ "border-radius": {
7903
+ "$type": "borderRadius",
7904
+ "$value": "{post.device.border-radius.2}"
7905
+ }
7906
+ },
7907
+ "interactive": {
7908
+ "elevation": {
7909
+ "$type": "boxShadow",
7910
+ "$value": "{post.device.elevation.200}"
7911
+ }
7912
+ },
7913
+ "non-interactive": {
7914
+ "stroke": {
7915
+ "$type": "color",
7916
+ "$value": "{post.scheme.color.interactive.primary.enabled.stroke4}"
7917
+ }
7918
+ }
7919
+ }
7920
+ }
7921
+ },
7748
7922
  "Components/Validation": {
7749
7923
  "post": {
7750
7924
  "validation": {
@@ -8821,7 +8995,6 @@
8821
8995
  "post.core.dimension.25-5": "52d70e1c63622fee6eeb2d8a176796da6bb60233",
8822
8996
  "post.core.dimension.24-5": "b4bfb43876d1f47a6b0c4e965437a2f29327ff8c",
8823
8997
  "post.core.font-weight.400": "2e0dea0ce52e09ecf1ea56fc61739b5dfd4c1335",
8824
- "post.core.font-weight.500": "b4f03965c86694b373279706e6a7abd0f85ef831",
8825
8998
  "post.core.font-weight.700": "a8572f4ab00764d5deee3d136c730ba552e3d649",
8826
8999
  "post.core.font-weight.900": "5f8959c4864dcf53df2f1fe072a0e49024d4f55c",
8827
9000
  "post.core.font-size.10": "9d28f418453b10ccb7dbfdbd4ebe9aac4ffe4e92",
@@ -8836,9 +9009,7 @@
8836
9009
  "post.core.font-size.36": "d915e690bf9ee5217752fd9d94f42d744e82aa92",
8837
9010
  "post.core.font-size.40": "79f8e733b8e993cbc3792ea4ed7a9e702b1a769c",
8838
9011
  "post.core.letter-spacing.none": "195c468fa2f255470e6e8077bfc5cb14da225064",
8839
- "post.core.font-family.frutiger": "7a8104756190e8b94f97c29243dd5d7d142a7065",
8840
9012
  "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea",
8841
- "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20",
8842
9013
  "post.core.bg-scheme.light": "680b1c2afef596d40c46720eec03880fce677f54",
8843
9014
  "post.core.bg-scheme.dark": "e8c0b33a001cad7d205a2164de934d28333fc7c4"
8844
9015
  }
@@ -8971,6 +9142,9 @@
8971
9142
  "post.scheme.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d",
8972
9143
  "post.scheme.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780",
8973
9144
  "post.scheme.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23",
9145
+ "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30",
9146
+ "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944",
9147
+ "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289",
8974
9148
  "post.scheme.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19",
8975
9149
  "post.scheme.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4",
8976
9150
  "post.scheme.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff",
@@ -9002,9 +9176,6 @@
9002
9176
  "post.cargo.scheme.color.surface.accent.bg": "2dc2983e13aad7ec4e60552838d56966fa9908d6",
9003
9177
  "post.cargo.scheme.color.surface.accent.fg": "e724294b65aca52dcb29118010534f0482bd0881",
9004
9178
  "post.cargo.scheme.color.surface.accent.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2",
9005
- "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30",
9006
- "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944",
9007
- "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289",
9008
9179
  "post.scheme.color.signal.neutral-dark": "790da7ad43fa67de3b2da99582d332791fb09e9f",
9009
9180
  "post.scheme.color.signal.neutral": "daad7eeff08d93aeed6c1ad67af23e58bdffd198",
9010
9181
  "post.scheme.color.interactive.input.enabled.bg": "ee1559ba9c687a96a4f52b60241ad08d6af675ef",
@@ -9412,7 +9583,6 @@
9412
9583
  "post.device.sizing.interactive.button.height.4": "ebb3a560dc61a2887f7a174bed5dca950077cdf8",
9413
9584
  "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c",
9414
9585
  "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8",
9415
- "post.device.sizing.interactive.button.icon.2": "020306b9df898e80b1ad2fce35370f84d74a35ab",
9416
9586
  "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109",
9417
9587
  "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649",
9418
9588
  "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19",
@@ -9631,7 +9801,6 @@
9631
9801
  "post.device.position.1": "39f7571c71eb116a2c8eb1184ed6c76f98b2a288",
9632
9802
  "post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc",
9633
9803
  "post.device.position.3": "f3f49902f5430842db0237f43ae50d2be3d5297f",
9634
- "post.device.sizing.interactive.button.icon.2": "020306b9df898e80b1ad2fce35370f84d74a35ab",
9635
9804
  "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b"
9636
9805
  }
9637
9806
  },
@@ -9961,7 +10130,9 @@
9961
10130
  "Components/Blockquote": "enabled",
9962
10131
  "Components/Search input": "enabled",
9963
10132
  "Components/ListCheck": "enabled",
9964
- "Components/Assist": "enabled"
10133
+ "Components/Assist": "enabled",
10134
+ "Components/Cards": "enabled",
10135
+ "Components/Teaser": "enabled"
9965
10136
  },
9966
10137
  "$figmaCollectionId": "VariableCollectionId:808:5504",
9967
10138
  "$figmaModeId": "808:0",
@@ -10671,7 +10842,8 @@
10671
10842
  "Utilities/Typo": "source",
10672
10843
  "Scheme/Light": "source",
10673
10844
  "Scheme/Dark": "source"
10674
- }
10845
+ },
10846
+ "$figmaVariableReferences": {}
10675
10847
  },
10676
10848
  {
10677
10849
  "id": "4848fa9cb5a9da01ed0e675e83324dea13d233e3",
@@ -10852,6 +11024,8 @@
10852
11024
  "Components/Text highlighted",
10853
11025
  "Components/Text input",
10854
11026
  "Components/Toast",
11027
+ "Components/Teaser",
11028
+ "Components/Cards",
10855
11029
  "Components/Validation",
10856
11030
  "FigmaOnly",
10857
11031
  "Utilities/Spacing",
@@ -10861,4 +11035,4 @@
10861
11035
  "Helpers/Focus"
10862
11036
  ]
10863
11037
  }
10864
- }
11038
+ }