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

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 (20) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +24 -25
  4. package/_core.scss +1 -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.scss +9 -1
  13. package/package.json +6 -2
  14. package/palettes/_cargo-dark.scss +1 -1
  15. package/palettes/_cargo-light.scss +1 -1
  16. package/palettes/_post-dark.scss +1 -1
  17. package/palettes/_post-light.scss +1 -1
  18. package/tailwind/helpers.tailwind.js +1 -1
  19. package/tailwind/utilities.tailwind.js +8 -1
  20. package/tokens.json +199 -139
package/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.13
4
+
5
+ ## 9.0.0-next.12
6
+
3
7
  ## 9.0.0-next.11
4
8
 
5
9
  ## 9.0.0-next.10
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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 GMT
5
5
 
6
6
  $post-accordion: (
7
7
  post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
@@ -209,6 +209,12 @@ $post-button: (
209
209
  post-button-border-style-disabled: var(--post-core-border-style-dash),
210
210
  );
211
211
 
212
+ $post-cards: (
213
+ post-card-border-radius: var(--post-device-border-radius-2),
214
+ post-card-interactive-elevation: var(--post-device-elevation-200),
215
+ post-card-non-interactive-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke4),
216
+ );
217
+
212
218
  $post-checkbox: (
213
219
  post-checkbox-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg3),
214
220
  post-checkbox-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
@@ -660,6 +666,23 @@ $post-switch: (
660
666
  post-switch-border-width: var(--post-device-border-width-alternative1),
661
667
  );
662
668
 
669
+ $post-teaser: (
670
+ post-teaser-card-sm-image-height: var(--post-device-sizing-content-height-1),
671
+ post-teaser-card-sm-section-content-padding: var(--post-device-spacing-padding-5),
672
+ post-teaser-card-sm-section-content-gap: var(--post-device-spacing-gap-7),
673
+ post-teaser-card-sm-heading-font-size: var(--post-device-font-size-5),
674
+ post-teaser-card-sm-content-gap: var(--post-core-dimension-6),
675
+ post-teaser-card-lg-image-height: var(--post-device-sizing-content-height-2),
676
+ post-teaser-card-lg-section-content-padding: var(--post-device-spacing-padding-20),
677
+ post-teaser-card-lg-section-content-gap: var(--post-core-dimension-24),
678
+ post-teaser-card-lg-heading-font-size: var(--post-device-font-size-4),
679
+ post-teaser-card-lg-content-gap: var(--post-device-spacing-gap-block-3),
680
+ post-teaser-card-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
681
+ post-teaser-card-content-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
682
+ post-teaser-card-content-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
683
+ post-teaser-card-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg4),
684
+ );
685
+
663
686
  $post-text-area: (
664
687
  post-textarea-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
665
688
  post-textarea-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
@@ -779,30 +802,6 @@ $post-toast: (
779
802
  post-toast-elevation: var(--post-device-elevation-300),
780
803
  );
781
804
 
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
-
806
805
  $post-validation: (
807
806
  post-validation-group-gap-inline: var(--post-device-spacing-gap-inline-10),
808
807
  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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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, 20 Jan 2025 12:58:17 GMT
3
+ // Mon, 27 Jan 2025 13:57:22 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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 GMT
5
5
 
6
6
  $post-spacing: (
7
7
  post-utility-margin-0: var(--post-core-dimension-0),
@@ -117,6 +117,14 @@ $post-color: (
117
117
  post-utility-surface-accent4: var(--post-core-color-sandgrey-080),
118
118
  );
119
119
 
120
+ $post-elevation: (
121
+ post-utility-elevation-100: var(--post-device-elevation-100),
122
+ post-utility-elevation-200: var(--post-device-elevation-200),
123
+ post-utility-elevation-300: var(--post-device-elevation-300),
124
+ post-utility-elevation-400: var(--post-device-elevation-400),
125
+ post-utility-elevation-500: var(--post-device-elevation-500),
126
+ );
127
+
120
128
  $post-typo: (
121
129
  post-utility-font-size-sm: var(--post-device-font-size-7),
122
130
  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.11",
3
+ "version": "9.0.0-next.13",
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,8 +27,11 @@
27
27
  "linkDirectory": true
28
28
  },
29
29
  "devDependencies": {
30
+ "@eslint/js": "9.18.0",
30
31
  "@tokens-studio/sd-transforms": "1.2.9",
31
32
  "copyfiles": "2.4.1",
33
+ "eslint": "9.18.0",
34
+ "globals": "15.14.0",
32
35
  "rimraf": "6.0.1",
33
36
  "style-dictionary": "4.3.0"
34
37
  },
@@ -36,6 +39,7 @@
36
39
  "copy-files": "copyfiles -f package.json README.md CONTRIBUTING.md CHANGELOG.md LICENSE dist",
37
40
  "build": "pnpm clean && node ./build.js && pnpm copy-files",
38
41
  "clean": "rimraf dist",
39
- "build:verbose": "node ./build.js --verbosity=verbose"
42
+ "build:verbose": "node ./build.js --verbosity=verbose",
43
+ "lint": "eslint"
40
44
  }
41
45
  }
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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 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
- // Mon, 20 Jan 2025 12:58:17 GMT
4
+ // Mon, 27 Jan 2025 13:57:22 GMT
5
5
 
6
6
  export default {
7
7
  utility: {
@@ -121,6 +121,13 @@ export default {
121
121
  accent3: 'var(--post-core-color-brand-postyellow)',
122
122
  accent4: 'var(--post-core-color-sandgrey-080)',
123
123
  },
124
+ 'elevation': {
125
+ 100: 'var(--post-device-elevation-100)',
126
+ 200: 'var(--post-device-elevation-200)',
127
+ 300: 'var(--post-device-elevation-300)',
128
+ 400: 'var(--post-device-elevation-400)',
129
+ 500: 'var(--post-device-elevation-500)',
130
+ },
124
131
  'font-size': {
125
132
  sm: 'var(--post-device-font-size-7)',
126
133
  md: 'var(--post-device-font-size-6)',
package/tokens.json CHANGED
@@ -5147,6 +5147,28 @@
5147
5147
  }
5148
5148
  }
5149
5149
  },
5150
+ "Components/Cards": {
5151
+ "post": {
5152
+ "card": {
5153
+ "border-radius": {
5154
+ "$type": "borderRadius",
5155
+ "$value": "{post.device.border-radius.2}"
5156
+ },
5157
+ "interactive": {
5158
+ "elevation": {
5159
+ "$type": "boxShadow",
5160
+ "$value": "{post.device.elevation.200}"
5161
+ }
5162
+ },
5163
+ "non-interactive": {
5164
+ "stroke": {
5165
+ "$type": "color",
5166
+ "$value": "{post.scheme.color.interactive.primary.enabled.stroke4}"
5167
+ }
5168
+ }
5169
+ }
5170
+ }
5171
+ },
5150
5172
  "Components/Checkbox": {
5151
5173
  "post": {
5152
5174
  "checkbox": {
@@ -7215,6 +7237,96 @@
7215
7237
  }
7216
7238
  }
7217
7239
  },
7240
+ "Components/Teaser": {
7241
+ "post": {
7242
+ "teaser": {
7243
+ "card": {
7244
+ "sm": {
7245
+ "image": {
7246
+ "height": {
7247
+ "$type": "sizing",
7248
+ "$value": "{post.device.sizing.content.height.1}"
7249
+ }
7250
+ },
7251
+ "section": {
7252
+ "content": {
7253
+ "padding": {
7254
+ "$type": "spacing",
7255
+ "$value": "{post.device.spacing.padding.5}"
7256
+ },
7257
+ "gap": {
7258
+ "$type": "spacing",
7259
+ "$value": "{post.device.spacing.gap.7}"
7260
+ }
7261
+ }
7262
+ },
7263
+ "heading": {
7264
+ "font-size": {
7265
+ "$type": "fontSizes",
7266
+ "$value": "{post.device.font-size.5}"
7267
+ }
7268
+ },
7269
+ "content": {
7270
+ "gap": {
7271
+ "$type": "spacing",
7272
+ "$value": "{post.core.dimension.6}"
7273
+ }
7274
+ }
7275
+ },
7276
+ "lg": {
7277
+ "image": {
7278
+ "height": {
7279
+ "$type": "sizing",
7280
+ "$value": "{post.device.sizing.content.height.2}"
7281
+ }
7282
+ },
7283
+ "section": {
7284
+ "content": {
7285
+ "padding": {
7286
+ "$type": "spacing",
7287
+ "$value": "{post.device.spacing.padding.20}"
7288
+ },
7289
+ "gap": {
7290
+ "$type": "spacing",
7291
+ "$value": "{post.core.dimension.24}"
7292
+ }
7293
+ }
7294
+ },
7295
+ "heading": {
7296
+ "font-size": {
7297
+ "$type": "fontSizes",
7298
+ "$value": "{post.device.font-size.4}"
7299
+ }
7300
+ },
7301
+ "content": {
7302
+ "gap": {
7303
+ "$type": "spacing",
7304
+ "$value": "{post.device.spacing.gap.block.3}"
7305
+ }
7306
+ }
7307
+ },
7308
+ "enabled-bg": {
7309
+ "$type": "color",
7310
+ "$value": "{post.scheme.color.interactive.primary.enabled.bg1}"
7311
+ },
7312
+ "content": {
7313
+ "enabled-fg": {
7314
+ "$type": "color",
7315
+ "$value": "{post.scheme.color.interactive.primary.enabled.fg1}"
7316
+ },
7317
+ "hover-fg": {
7318
+ "$type": "color",
7319
+ "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
7320
+ }
7321
+ },
7322
+ "hover-bg": {
7323
+ "$type": "color",
7324
+ "$value": "{post.scheme.color.interactive.primary.hover.bg4}"
7325
+ }
7326
+ }
7327
+ }
7328
+ }
7329
+ },
7218
7330
  "Components/Text area": {
7219
7331
  "post": {
7220
7332
  "textarea": {
@@ -7801,124 +7913,6 @@
7801
7913
  }
7802
7914
  }
7803
7915
  },
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
- },
7922
7916
  "Components/Validation": {
7923
7917
  "post": {
7924
7918
  "validation": {
@@ -8064,7 +8058,7 @@
8064
8058
  "fontWeight": "{post.body.font-weight}",
8065
8059
  "fontSize": "{post.device.font-size.5}",
8066
8060
  "lineHeight": "{post.device.line-height.content}",
8067
- "letterSpacing": "{post.core.letter-spacing.default}"
8061
+ "letterSpacing": "{post.body.letter-spacing}"
8068
8062
  }
8069
8063
  },
8070
8064
  "paragraph-m": {
@@ -8083,8 +8077,8 @@
8083
8077
  "fontFamily": "{post.body.font-family}",
8084
8078
  "fontWeight": "{post.body.font-weight}",
8085
8079
  "fontSize": "{post.device.font-size.7}",
8086
- "lineHeight": "{post.device.line-height.content}",
8087
- "letterSpacing": "{post.core.letter-spacing.default}"
8080
+ "lineHeight": "{post.body.line-height}",
8081
+ "letterSpacing": "{post.body.letter-spacing}"
8088
8082
  }
8089
8083
  }
8090
8084
  },
@@ -8092,11 +8086,11 @@
8092
8086
  "small": {
8093
8087
  "$type": "typography",
8094
8088
  "$value": {
8095
- "fontFamily": "{post.device.font-family.default}",
8096
8089
  "fontWeight": "{post.device.font-weight.bold}",
8097
8090
  "fontSize": "{post.device.font-size.6}",
8098
- "lineHeight": "{post.device.line-height.legend}",
8099
- "letterSpacing": "{post.core.letter-spacing.default}"
8091
+ "lineHeight": "{post.legend.line-height}",
8092
+ "letterSpacing": "{post.body.letter-spacing}",
8093
+ "fontFamily": "{post.body.font-family}"
8100
8094
  }
8101
8095
  },
8102
8096
  "large": {
@@ -8114,41 +8108,41 @@
8114
8108
  "default": {
8115
8109
  "$type": "typography",
8116
8110
  "$value": {
8117
- "fontFamily": "{post.device.font-family.default}",
8111
+ "fontFamily": "{post.body.font-family}",
8118
8112
  "fontWeight": "{post.device.font-weight.regular}",
8119
8113
  "fontSize": "{post.device.font-size.6}",
8120
8114
  "lineHeight": "{post.device.line-height.label}",
8121
- "letterSpacing": "{post.core.letter-spacing.default}"
8115
+ "letterSpacing": "{post.body.letter-spacing}"
8122
8116
  }
8123
8117
  },
8124
8118
  "default-bold": {
8125
8119
  "$type": "typography",
8126
8120
  "$value": {
8127
- "fontFamily": "{post.device.font-family.default}",
8121
+ "fontFamily": "{post.body.font-family}",
8128
8122
  "fontWeight": "{post.device.font-weight.bold}",
8129
8123
  "fontSize": "{post.device.font-size.6}",
8130
8124
  "lineHeight": "{post.device.line-height.label}",
8131
- "letterSpacing": "{post.core.letter-spacing.default}"
8125
+ "letterSpacing": "{post.body.letter-spacing}"
8132
8126
  }
8133
8127
  },
8134
8128
  "medium": {
8135
8129
  "$type": "typography",
8136
8130
  "$value": {
8137
- "fontFamily": "{post.device.font-family.default}",
8131
+ "fontFamily": "{post.body.font-family}",
8138
8132
  "fontWeight": "{post.device.font-weight.regular}",
8139
8133
  "fontSize": "{post.device.font-size.8}",
8140
8134
  "lineHeight": "{post.device.line-height.label}",
8141
- "letterSpacing": "{post.core.letter-spacing.default}"
8135
+ "letterSpacing": "{post.body.letter-spacing}"
8142
8136
  }
8143
8137
  },
8144
8138
  "medium-bold": {
8145
8139
  "$type": "typography",
8146
8140
  "$value": {
8147
- "fontFamily": "{post.device.font-family.default}",
8141
+ "fontFamily": "{post.body.font-family}",
8148
8142
  "fontWeight": "{post.device.font-weight.bold}",
8149
8143
  "fontSize": "{post.device.font-size.8}",
8150
8144
  "lineHeight": "{post.device.line-height.label}",
8151
- "letterSpacing": "{post.core.letter-spacing.default}"
8145
+ "letterSpacing": "{post.body.letter-spacing}"
8152
8146
  }
8153
8147
  },
8154
8148
  "small": {
@@ -8164,21 +8158,21 @@
8164
8158
  "smaller": {
8165
8159
  "$type": "typography",
8166
8160
  "$value": {
8167
- "fontFamily": "{post.device.font-family.default}",
8161
+ "fontFamily": "{post.body.font-family}",
8168
8162
  "fontWeight": "{post.device.font-weight.regular}",
8169
8163
  "fontSize": "{post.device.font-size.10}",
8170
8164
  "lineHeight": "{post.device.line-height.label}",
8171
- "letterSpacing": "{post.core.letter-spacing.default}"
8165
+ "letterSpacing": "{post.body.letter-spacing}"
8172
8166
  }
8173
8167
  },
8174
8168
  "extrasmall": {
8175
8169
  "$type": "typography",
8176
8170
  "$value": {
8177
- "fontFamily": "{post.device.font-family.default}",
8171
+ "fontFamily": "{post.body.font-family}",
8178
8172
  "fontWeight": "{post.device.font-weight.regular}",
8179
8173
  "fontSize": "{post.device.font-size.11}",
8180
8174
  "lineHeight": "{post.device.line-height.label}",
8181
- "letterSpacing": "{post.core.letter-spacing.default}"
8175
+ "letterSpacing": "{post.body.letter-spacing}"
8182
8176
  }
8183
8177
  }
8184
8178
  },
@@ -8716,6 +8710,34 @@
8716
8710
  }
8717
8711
  }
8718
8712
  },
8713
+ "Utilities/Elevation": {
8714
+ "post": {
8715
+ "utility": {
8716
+ "elevation": {
8717
+ "100": {
8718
+ "$type": "boxShadow",
8719
+ "$value": "{post.device.elevation.100}"
8720
+ },
8721
+ "200": {
8722
+ "$type": "boxShadow",
8723
+ "$value": "{post.device.elevation.200}"
8724
+ },
8725
+ "300": {
8726
+ "$type": "boxShadow",
8727
+ "$value": "{post.device.elevation.300}"
8728
+ },
8729
+ "400": {
8730
+ "$type": "boxShadow",
8731
+ "$value": "{post.device.elevation.400}"
8732
+ },
8733
+ "500": {
8734
+ "$type": "boxShadow",
8735
+ "$value": "{post.device.elevation.500}"
8736
+ }
8737
+ }
8738
+ }
8739
+ }
8740
+ },
8719
8741
  "Utilities/Typo": {
8720
8742
  "post": {
8721
8743
  "utility": {
@@ -8979,6 +9001,11 @@
8979
9001
  "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab",
8980
9002
  "post.core.dimension.100": "a6b405b6955da9114e41712fd7f8413e018c81c9",
8981
9003
  "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf",
9004
+ "post.core.dimension.164": "d4e897de6a06427c57c11b83961582eb008a5b86",
9005
+ "post.core.dimension.180": "695dddb74cfb20e35975daeff720ae3c3b7d80a5",
9006
+ "post.core.dimension.188": "32589adde559f453f65e33b4efc88278897810c4",
9007
+ "post.core.dimension.240": "a4338047ba85e11dee1fcd657803da80c42921a8",
9008
+ "post.core.dimension.312": "e637f041fe5f68c44510fa6b2626da0ad59cb7af",
8982
9009
  "post.core.dimension.1280": "80e7b3e1755e8cdce684d233544da4d76fd698dc",
8983
9010
  "post.core.dimension.5-5": "972288dd1addb9aae5e34073da7683bc7f0a99fd",
8984
9011
  "post.core.dimension.6-5": "ef1aee12a8f7f938117c4de244a4f37d7dfad29f",
@@ -9178,6 +9205,8 @@
9178
9205
  "post.cargo.scheme.color.surface.accent.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2",
9179
9206
  "post.scheme.color.signal.neutral-dark": "790da7ad43fa67de3b2da99582d332791fb09e9f",
9180
9207
  "post.scheme.color.signal.neutral": "daad7eeff08d93aeed6c1ad67af23e58bdffd198",
9208
+ "post.scheme.color.interactive.primary.enabled.stroke4": "f1f06537fe6c95eec77840e0dab059e57cc12e74",
9209
+ "post.scheme.color.interactive.primary.hover.bg4": "d3918bf7c67c4a7affab4f0d215c04e4466ef6ff",
9181
9210
  "post.scheme.color.interactive.input.enabled.bg": "ee1559ba9c687a96a4f52b60241ad08d6af675ef",
9182
9211
  "post.scheme.color.interactive.input.enabled.fg": "c0b646bc7315b3eb57777ada948f08b0fd3d718d",
9183
9212
  "post.scheme.color.interactive.input.enabled.border": "0acd1351445659355ab8d6f7f370fe1c217ebe91",
@@ -9274,6 +9303,7 @@
9274
9303
  "post.scheme.color.interactive.primary.enabled.bg2": "150fee6272f684bfe2932f0fc85f5b988a749191",
9275
9304
  "post.scheme.color.interactive.primary.enabled.stroke3": "915dad4def2d9fda8bd134433dafb0b433520681",
9276
9305
  "post.scheme.color.interactive.primary.enabled.bg3": "2ce7249ce3193851128c93a6f2b7ef668ae528ae",
9306
+ "post.scheme.color.interactive.primary.enabled.stroke4": "f1f06537fe6c95eec77840e0dab059e57cc12e74",
9277
9307
  "post.scheme.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57",
9278
9308
  "post.scheme.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276",
9279
9309
  "post.scheme.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4",
@@ -9281,6 +9311,7 @@
9281
9311
  "post.scheme.color.interactive.primary.hover.bg2": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a",
9282
9312
  "post.scheme.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68",
9283
9313
  "post.scheme.color.interactive.primary.hover.bg3": "bb64afac2be48ddd31b986e67cd8338ebf30c3cc",
9314
+ "post.scheme.color.interactive.primary.hover.bg4": "d3918bf7c67c4a7affab4f0d215c04e4466ef6ff",
9284
9315
  "post.scheme.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88",
9285
9316
  "post.scheme.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31",
9286
9317
  "post.scheme.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043",
@@ -9395,6 +9426,7 @@
9395
9426
  "post.device.spacing.padding.9": "c0b5a059bf7cd0b40c2f02d89edeec9fe7871c93",
9396
9427
  "post.device.spacing.padding.10": "d1b5c21d7ecc760ef668bf2fff454f8404b035ae",
9397
9428
  "post.device.spacing.padding.19": "55dc6cc8355fad96a60db1e72fed720653a15b52",
9429
+ "post.device.spacing.padding.20": "22e4ea167fefef44efa7dcf2ffb98e4da74d5ce3",
9398
9430
  "post.device.spacing.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045",
9399
9431
  "post.device.spacing.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11",
9400
9432
  "post.device.spacing.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae",
@@ -9446,6 +9478,8 @@
9446
9478
  "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1",
9447
9479
  "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb",
9448
9480
  "post.device.sizing.logo.1": "511ede0fb883d4fc1798f6a9f84f4b93011cf334",
9481
+ "post.device.sizing.content.height.1": "cf98f9b4a0a3f7e03bc33f6b1a0521fae568dac5",
9482
+ "post.device.sizing.content.height.2": "5fb86f9c31d8b994ad860fc44c56bb35a1eb6c7b",
9449
9483
  "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc",
9450
9484
  "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327",
9451
9485
  "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf",
@@ -9493,6 +9527,7 @@
9493
9527
  "post.device.sizing.interactive.icon.size4": "2c0942fd50bd63a9509f8550fc6a38642e9001d8",
9494
9528
  "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d",
9495
9529
  "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d",
9530
+ "post.device.border-radius.3": "b972057878f9c3058a0accda97626c0f229213a1",
9496
9531
  "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2",
9497
9532
  "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc",
9498
9533
  "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6",
@@ -9547,6 +9582,7 @@
9547
9582
  "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1",
9548
9583
  "post.device.spacing.padding.18": "9746d6a47fdd5e9c4cb0b91366e04d67b56fe18b",
9549
9584
  "post.device.spacing.padding.19": "55dc6cc8355fad96a60db1e72fed720653a15b52",
9585
+ "post.device.spacing.padding.20": "22e4ea167fefef44efa7dcf2ffb98e4da74d5ce3",
9550
9586
  "post.device.spacing.padding.inline.5": "0d48e4a92e523fb69ae371e37c6ff79d6d255cc5",
9551
9587
  "post.device.spacing.padding.inline.6": "211520f2bb91c1d8315cefb31dc55d7dde233be7",
9552
9588
  "post.device.spacing.padding.inline.7": "119d660b20f161bb94da756fdf2bc0c889115aaa",
@@ -9595,6 +9631,7 @@
9595
9631
  "post.device.sizing.icon.1": "63ee615aaef915749d1d844a254f9c1a45944dd9",
9596
9632
  "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb",
9597
9633
  "post.device.sizing.logo.1": "511ede0fb883d4fc1798f6a9f84f4b93011cf334",
9634
+ "post.device.sizing.content.height.2": "5fb86f9c31d8b994ad860fc44c56bb35a1eb6c7b",
9598
9635
  "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc",
9599
9636
  "post.device.font-weight.regular": "63954de676cfeffcb52798776599f7a676db2327",
9600
9637
  "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf",
@@ -9636,8 +9673,10 @@
9636
9673
  "post.device.sizing.interactive.button.height.6": "78caf6ef8cec35dc5ab0dc663c9d2747595bc9a6",
9637
9674
  "post.device.sizing.interactive.button.icon.6": "3a79fafdf0edac10e89188baab62e2b2a37e4d67",
9638
9675
  "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1",
9676
+ "post.device.sizing.content.height.1": "cf98f9b4a0a3f7e03bc33f6b1a0521fae568dac5",
9639
9677
  "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d",
9640
9678
  "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d",
9679
+ "post.device.border-radius.3": "b972057878f9c3058a0accda97626c0f229213a1",
9641
9680
  "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2",
9642
9681
  "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc",
9643
9682
  "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6",
@@ -9718,6 +9757,7 @@
9718
9757
  "post.device.spacing.padding.17": "5fea0baf712055946b3ce5fdb1289b2f9ad424a1",
9719
9758
  "post.device.spacing.padding.18": "9746d6a47fdd5e9c4cb0b91366e04d67b56fe18b",
9720
9759
  "post.device.spacing.padding.19": "55dc6cc8355fad96a60db1e72fed720653a15b52",
9760
+ "post.device.spacing.padding.20": "22e4ea167fefef44efa7dcf2ffb98e4da74d5ce3",
9721
9761
  "post.device.spacing.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c",
9722
9762
  "post.device.spacing.padding.inline.3": "68840678b85de831c347ab8bd69931680dd08389",
9723
9763
  "post.device.spacing.padding.inline.4": "255cacee7bf87ef4ca8143f3234f5ae6239e9c53",
@@ -9783,8 +9823,11 @@
9783
9823
  "post.device.sizing.icon.2": "40866b641b5c0bf1426e0769534645dc14212cc1",
9784
9824
  "post.device.sizing.icon.3": "da8253e40a3b452f1dbbf719b311d458656dd7fb",
9785
9825
  "post.device.sizing.logo.1": "511ede0fb883d4fc1798f6a9f84f4b93011cf334",
9826
+ "post.device.sizing.content.height.1": "cf98f9b4a0a3f7e03bc33f6b1a0521fae568dac5",
9827
+ "post.device.sizing.content.height.2": "5fb86f9c31d8b994ad860fc44c56bb35a1eb6c7b",
9786
9828
  "post.device.border-radius.1": "bf9efed364999a9ef84bdb512985ac9f6fdbec1d",
9787
9829
  "post.device.border-radius.2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d",
9830
+ "post.device.border-radius.3": "b972057878f9c3058a0accda97626c0f229213a1",
9788
9831
  "post.device.border-radius.round": "055c77f9d3dcf72433a5321df80ed3a62e9501b2",
9789
9832
  "post.device.border-radius.focus": "4f72f37038d3db3a58384aed4ea1f1dd789e6afc",
9790
9833
  "post.device.font-weight.bold": "fc6bd8d453b32d21a42e41bc8bef6f071b24fdbc",
@@ -10306,6 +10349,8 @@
10306
10349
  "post.button.small.icon": "f71a1e6ed0333399ca14370d5d684f196342a890",
10307
10350
  "post.button.border-width": "eefdbbcdfe797014914e8bb2b2ab4456cac6396c",
10308
10351
  "post.button.label.font-weight": "423ec64d2c0daf8df8e67bfe1ff5ff7b2d8fb9d8",
10352
+ "post.card.border-radius": "c4e98f3a39e0aabf3daef986f7b1c8cf3b8cf856",
10353
+ "post.card.non-interactive.stroke": "e3ca597e321fdd0855dd199c3316c4cdbe19c17c",
10309
10354
  "post.checkbox.enabled-bg": "511b9da046efffab0af4a6e72d7f452db03ab780",
10310
10355
  "post.checkbox.enabled-fg": "1a3dd51d23e3681320793f129272ebe44941ed72",
10311
10356
  "post.checkbox.hover-bg": "c7c5e44f736cacf7e8b7553498dbfbb720dbe2e0",
@@ -10679,6 +10724,20 @@
10679
10724
  "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c",
10680
10725
  "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501",
10681
10726
  "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e",
10727
+ "post.teaser.card.sm.image.height": "c08aac2d8bdca1338281cb3407cb2bb68f006a9b",
10728
+ "post.teaser.card.sm.section.content.padding": "6f10132faeaec305bb60b5611f17a9c80dc5ccc8",
10729
+ "post.teaser.card.sm.section.content.gap": "fa096b80dbc04569a50a97c4b48e742588ceceba",
10730
+ "post.teaser.card.sm.heading.font-size": "06953719de850f66e064628bd7a151efd59d06d8",
10731
+ "post.teaser.card.sm.content.gap": "60db0f2d4067c7e452eb991d0656fefdf8025c0c",
10732
+ "post.teaser.card.lg.image.height": "73b65f2feac04529cae214d7d197435b56f3bb68",
10733
+ "post.teaser.card.lg.section.content.padding": "c794fec560d28a17f6d5f561a163ced631dd93e7",
10734
+ "post.teaser.card.lg.section.content.gap": "c838062f96129e9b66cddaaf664e24a53a80dd5a",
10735
+ "post.teaser.card.lg.heading.font-size": "0f3a213b39a0c53f46d60602bdf8f0255d49a874",
10736
+ "post.teaser.card.lg.content.gap": "c5363014eb94be30e06a55c98f9c9799e8e7a5aa",
10737
+ "post.teaser.card.enabled-bg": "e264d69dc6c093ca0899a6b08713d04d9ccc0ac4",
10738
+ "post.teaser.card.content.enabled-fg": "f5873b609c3f86b4513243564e2f857934ead3bb",
10739
+ "post.teaser.card.content.hover-fg": "bc215ee485842dc3b12dcd34d7589921fd3fc0f0",
10740
+ "post.teaser.card.hover-bg": "be7b9f4dfc1dde85a254a4a43a70b60ca2c98f8d",
10682
10741
  "post.textarea.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216",
10683
10742
  "post.textarea.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c",
10684
10743
  "post.textarea.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd",
@@ -11000,6 +11059,7 @@
11000
11059
  "Components/Blockquote",
11001
11060
  "Components/Breadcrumb",
11002
11061
  "Components/Button",
11062
+ "Components/Cards",
11003
11063
  "Components/Checkbox",
11004
11064
  "Components/Close",
11005
11065
  "Components/Container",
@@ -11020,19 +11080,19 @@
11020
11080
  "Components/Snackbar",
11021
11081
  "Components/Stepper",
11022
11082
  "Components/Switch",
11083
+ "Components/Teaser",
11023
11084
  "Components/Text area",
11024
11085
  "Components/Text highlighted",
11025
11086
  "Components/Text input",
11026
11087
  "Components/Toast",
11027
- "Components/Teaser",
11028
- "Components/Cards",
11029
11088
  "Components/Validation",
11030
11089
  "FigmaOnly",
11031
11090
  "Utilities/Spacing",
11032
11091
  "Utilities/Color",
11092
+ "Utilities/Elevation",
11033
11093
  "Utilities/Typo",
11034
11094
  "Palettes",
11035
11095
  "Helpers/Focus"
11036
11096
  ]
11037
11097
  }
11038
- }
11098
+ }