@swisspost/design-system-tokens 9.0.0-next.6 → 9.0.0-next.8

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 +72 -88
  4. package/_core.scss +2 -13
  5. package/_device.scss +10 -115
  6. package/_elements.scss +5 -3
  7. package/_helpers.scss +1 -1
  8. package/_index.scss +1 -1
  9. package/_palettes.scss +1 -1
  10. package/_scheme.scss +33 -47
  11. package/_theme.scss +1 -1
  12. package/_utilities.scss +1 -1
  13. package/package.json +1 -1
  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 +1 -1
  20. package/tokens.json +421 -1200
package/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.8
4
+
5
+ ## 9.0.0-next.7
6
+
3
7
  ## 9.0.0-next.6
4
8
 
5
9
  ### Minor Changes
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, 25 Nov 2024 17:06:09 GMT
4
+ // Mon, 09 Dec 2024 15:51:03 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,16 +1,16 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 25 Nov 2024 17:06:09 GMT
4
+ // Mon, 09 Dec 2024 15:51:03 GMT
5
5
 
6
6
  $post-accordion: (
7
- post-accordion-header-padding-block-start-closed: var(--post-device-spacing-padding-19),
8
- post-accordion-header-padding-block-end-closed: var(--post-device-spacing-padding-20),
7
+ post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
9
8
  post-accordion-header-padding-block-open: var(--post-device-spacing-padding-19),
10
9
  post-accordion-header-padding-inline: var(--post-device-spacing-padding-5),
11
10
  post-accordion-header-content-gap-inline: var(--post-device-spacing-gap-7),
12
11
  post-accordion-header-logo-size: var(--post-device-sizing-logo-1),
13
12
  post-accordion-header-font-size: var(--post-device-font-size-5),
13
+ post-accordion-header-border-open: var(--post-core-color-colorless),
14
14
  post-accordion-border-bottom-style: var(--post-core-border-style-solid),
15
15
  post-accordion-border-bottom-width: var(--post-device-border-width-default),
16
16
  post-accordion-border-top-style: var(--post-core-border-style-solid),
@@ -32,6 +32,16 @@ $post-app-store-badge: (
32
32
  post-app-store-border-radius: var(--post-device-border-radius-1),
33
33
  );
34
34
 
35
+ $post-assist: (
36
+ post-assist-gap: var(--post-device-spacing-gap-1),
37
+ post-assist-padding-block: var(--post-device-spacing-padding-block-5),
38
+ post-assist-padding-inline: var(--post-device-spacing-padding-2),
39
+ post-assist-font-size: var(--post-device-font-size-9),
40
+ post-assist-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
41
+ post-assist-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
42
+ post-hint-spacing-block: var(--post-core-dimension-6),
43
+ );
44
+
35
45
  $post-avatar: (
36
46
  post-avatar-size: var(--post-device-sizing-interactive-icon-size3),
37
47
  post-avatar-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg2),
@@ -200,15 +210,15 @@ $post-button: (
200
210
  );
201
211
 
202
212
  $post-checkbox: (
203
- post-checkbox-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
213
+ post-checkbox-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg3),
204
214
  post-checkbox-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
205
- post-checkbox-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
215
+ post-checkbox-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg3),
206
216
  post-checkbox-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
207
- post-checkbox-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
208
- post-checkbox-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
217
+ post-checkbox-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg6),
218
+ post-checkbox-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg4),
209
219
  post-checkbox-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke),
210
220
  post-checkbox-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke),
211
- post-checkbox-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke),
221
+ post-checkbox-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke4),
212
222
  post-checkbox-gap-block-group: var(--post-device-spacing-gap-4),
213
223
  post-checkbox-gap-inline-text-start: var(--post-device-spacing-gap-inline-12),
214
224
  post-checkbox-icon-border-width: var(--post-device-border-width-default),
@@ -275,7 +285,7 @@ $post-dropdown: (
275
285
 
276
286
  $post-floating-button: (
277
287
  post-floating-button-position-right: var(--post-device-position-1),
278
- post-floating-button-position-bottom: var(--post-device-position-1),
288
+ post-floating-button-position-top: var(--post-device-position-1),
279
289
  post-floating-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
280
290
  post-floating-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
281
291
  post-floating-button-enabled-border: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
@@ -287,7 +297,7 @@ $post-floating-button: (
287
297
  post-floating-button-border-width: var(--post-device-border-width-default),
288
298
  post-floating-button-border-radius-round: var(--post-device-border-radius-round),
289
299
  post-floating-button-elevation: var(--post-device-elevation-300),
290
- post-floating-button-translate-y: var(--post-core-dimension-96),
300
+ post-floating-button-translate-y: var(--post-core-dimension-112),
291
301
  );
292
302
 
293
303
  $post-form-footer: (
@@ -392,6 +402,7 @@ $post-inline-notification: (
392
402
  post-inline-color-error-fg: var(--post-scheme-color-interactive-notification-error-fg),
393
403
  post-inline-color-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke),
394
404
  post-inline-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
405
+ post-inline-elevation: var(--post-device-elevation-300),
395
406
  );
396
407
 
397
408
  $post-lead: (
@@ -419,50 +430,18 @@ $post-list: (
419
430
  post-list-bg: var(--post-scheme-color-surface-default-bg),
420
431
  );
421
432
 
422
- $post-list-simple: (
423
- post-list-simple-checks-sizing-icon: var(--post-device-sizing-icon-1),
424
- post-list-simple-checks-padding-icon: var(--post-device-spacing-padding-16),
425
- post-list-simple-checks-padding-text: var(--post-device-spacing-padding-block-6),
426
- post-list-simple-checks-padding-block-outer: var(--post-device-spacing-padding-5),
427
- post-list-simple-checks-gap-inline-text: var(--post-device-spacing-gap-inline-2),
428
- post-list-simple-checks-gap-block-text: var(--post-device-spacing-gap-block-3),
429
- post-list-simple-checks-icon-container-inline: var(--post-device-spacing-padding-4),
430
- post-list-simple-checks-icon-container-block: var(--post-device-spacing-padding-18),
431
- post-list-simple-bullets-spacing-padding-text: var(--post-device-spacing-padding-block-6),
432
- post-list-simple-bullets-spacing-gap-inline-text: var(--post-device-spacing-gap-inline-10),
433
- post-list-checks-color-icon-bg: var(--post-scheme-color-surface-accent-bg),
434
- post-list-checks-color-icon-fg: var(--post-scheme-color-surface-accent-fg),
435
- post-list-checks-color-text-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
436
- post-list-checks-margin-block: var(--post-device-spacing-padding-block-8),
437
- );
438
-
439
- $post-notifications: (
440
- post-infobox-sizing-icon: var(--post-device-sizing-notification-icon-4),
441
- post-infobox-spacing-gap-inline: var(--post-device-spacing-gap-4),
442
- post-clickable-spacing-padding-icon: var(--post-device-spacing-padding-2),
443
- post-interactive-spacing-gap-inline-icon-end: var(--post-device-spacing-gap-inline-4),
444
- post-interactive-spacing-gap-inline-error: var(--post-device-spacing-gap-inline-10),
445
- post-notification-banner-elevation: var(--post-device-elevation-500),
446
- post-notification-toast-elevation: var(--post-device-elevation-300),
447
- post-notification-snackbar-elevation: var(--post-device-elevation-300),
448
- post-notification-color-info-bg: var(--post-scheme-color-interactive-notification-info-bg),
449
- post-notification-color-info-fg: var(--post-scheme-color-interactive-notification-info-fg),
450
- post-notification-color-info-stroke: var(--post-scheme-color-interactive-notification-info-stroke),
451
- post-notification-color-info-icon: var(--post-scheme-color-interactive-notification-info-icon),
452
- post-notification-color-success-bg: var(--post-scheme-color-interactive-notification-success-bg),
453
- post-notification-color-success-fg: var(--post-scheme-color-interactive-notification-success-fg),
454
- post-notification-color-success-stroke: var(--post-scheme-color-interactive-notification-success-stroke),
455
- post-notification-color-success-icon: var(--post-scheme-color-interactive-notification-success-icon),
456
- post-notification-color-warning-bg: var(--post-scheme-color-interactive-notification-warning-bg),
457
- post-notification-color-warning-fg: var(--post-scheme-color-interactive-notification-warning-fg),
458
- post-notification-color-warning-stroke: var(--post-scheme-color-interactive-notification-warning-stroke),
459
- post-notification-color-warning-icon: var(--post-scheme-color-interactive-notification-warning-icon),
460
- post-notification-color-error-bg: var(--post-scheme-color-interactive-notification-error-bg),
461
- post-notification-color-error-fg: var(--post-scheme-color-interactive-notification-error-fg),
462
- post-notification-color-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke),
463
- post-notification-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
464
- post-notification-popup-elevation: var(--post-device-elevation-300),
465
- post-test: var(--post-core-color-notification-green),
433
+ $post-listcheck: (
434
+ post-list-check-sizing-icon: var(--post-device-sizing-icon-1),
435
+ post-list-check-padding-icon: var(--post-device-spacing-padding-16),
436
+ post-list-check-text-padding: var(--post-device-spacing-padding-block-6),
437
+ post-list-check-icon-gap-inline: var(--post-device-spacing-gap-inline-2),
438
+ post-list-check-icon-container-inline: var(--post-device-spacing-padding-4),
439
+ post-list-check-icon-container-block: var(--post-device-spacing-padding-18),
440
+ post-list-check-item-gap-block-text: var(--post-device-spacing-gap-block-3),
441
+ post-list-check-margin-block: var(--post-device-spacing-padding-block-8),
442
+ post-list-check-color-icon-bg: var(--post-scheme-color-surface-accent-bg),
443
+ post-list-check-color-icon-fg: var(--post-scheme-color-surface-accent-fg),
444
+ post-list-check-color-text-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
466
445
  );
467
446
 
468
447
  $post-popover: (
@@ -494,15 +473,15 @@ $post-popover: (
494
473
  );
495
474
 
496
475
  $post-radio-button: (
497
- post-radio-button-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
476
+ post-radio-button-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg3),
498
477
  post-radio-button-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
499
- post-radio-button-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
478
+ post-radio-button-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg3),
500
479
  post-radio-button-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
501
- post-radio-button-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
502
- post-radio-button-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
480
+ post-radio-button-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg6),
481
+ post-radio-button-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg4),
503
482
  post-radio-button-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke),
504
483
  post-radio-button-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke),
505
- post-radio-button-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke),
484
+ post-radio-button-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke4),
506
485
  post-radio-button-gap-block-group: var(--post-device-spacing-gap-4),
507
486
  post-radio-button-gap-inline-text-start: var(--post-device-spacing-gap-inline-12),
508
487
  post-radio-button-icon-padding-block-inner: var(--post-device-spacing-padding-1),
@@ -527,6 +506,7 @@ $post-search-input: (
527
506
  post-input-search-label-empty-padding-inline-end: var(--post-core-dimension-50),
528
507
  post-input-search-label-filled-padding-inline-end: var(--post-core-dimension-82),
529
508
  post-input-search-icon-border-radius: var(--post-device-border-radius-focus),
509
+ post-search-position-inline-end-icon: var(--post-core-dimension-14),
530
510
  );
531
511
 
532
512
  $post-segmented-button: (
@@ -614,6 +594,7 @@ $post-snackbar: (
614
594
  post-snackbar-color-error-fg: var(--post-scheme-color-interactive-notification-error-fg),
615
595
  post-snackbar-color-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke),
616
596
  post-snackbar-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
597
+ post-snackbar-elevation: var(--post-device-elevation-300),
617
598
  );
618
599
 
619
600
  $post-stepper: (
@@ -646,9 +627,10 @@ $post-switch: (
646
627
  post-switch-text-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
647
628
  post-switch-text-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
648
629
  post-switch-text-selected-fg: var(--post-scheme-color-interactive-primary-selected-fg1),
649
- post-switch-icon-success: var(--post-scheme-color-signal-success-dark),
630
+ post-switch-icon-success: var(--post-scheme-color-interactive-primary-selected-bg2),
650
631
  post-switch-icon-disabled: var(--post-scheme-color-interactive-primary-disabled-fg1),
651
632
  post-switch-icon-hover: var(--post-scheme-color-interactive-primary-hover-fg1),
633
+ post-switch-icon-padding-container: var(--post-device-spacing-padding-block-18),
652
634
  post-switch-handle-enabled: var(--post-scheme-color-interactive-primary-enabled-fg3),
653
635
  post-switch-handle-selected: var(--post-scheme-color-interactive-primary-selected-fg3),
654
636
  post-switch-handle-selected-stroke: var(--post-scheme-color-interactive-primary-selected-stroke3),
@@ -663,7 +645,7 @@ $post-switch: (
663
645
  post-switch-element-selected-stroke: var(--post-scheme-color-interactive-primary-selected-stroke4),
664
646
  post-switch-element-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg2),
665
647
  post-switch-element-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke),
666
- post-switch-element-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg3),
648
+ post-switch-element-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg5),
667
649
  post-switch-element-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke2),
668
650
  post-switch-element-width: var(--post-core-dimension-48),
669
651
  post-switch-element-height: var(--post-core-dimension-24),
@@ -678,23 +660,23 @@ $post-switch: (
678
660
  );
679
661
 
680
662
  $post-text-area: (
681
- post-textarea-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
682
- post-textarea-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
683
- post-textarea-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
684
- post-textarea-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
685
- post-textarea-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
686
- post-textarea-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
687
- post-textarea-enabled-border: var(--post-scheme-color-interactive-primary-enabled-stroke),
688
- post-textarea-hover-border: var(--post-scheme-color-interactive-primary-hover-stroke),
689
- post-textarea-disabled-border: var(--post-scheme-color-interactive-primary-disabled-stroke),
663
+ post-textarea-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
664
+ post-textarea-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
665
+ post-textarea-hover-bg: var(--post-scheme-color-interactive-input-hover-bg),
666
+ post-textarea-hover-fg: var(--post-scheme-color-interactive-input-hover-fg),
667
+ post-textarea-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg),
668
+ post-textarea-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg),
669
+ post-textarea-enabled-border: var(--post-scheme-color-interactive-input-enabled-border),
670
+ post-textarea-hover-border: var(--post-scheme-color-interactive-input-hover-border),
671
+ post-textarea-disabled-border: var(--post-scheme-color-interactive-input-disabled-border),
690
672
  post-textarea-gap-inline: var(--post-device-spacing-gap-1),
691
673
  post-textarea-gap-assist: var(--post-device-spacing-gap-1),
692
- post-textarea-padding-block-assist: var(--post-device-spacing-padding-block-5),
693
674
  post-textarea-padding-block-start: var(--post-device-spacing-padding-block-29),
694
675
  post-textarea-padding-block-end: var(--post-device-spacing-padding-3),
676
+ post-textarea-padding-block-assist: var(--post-device-spacing-padding-block-5),
695
677
  post-textarea-padding-inline-assist: var(--post-device-spacing-padding-2),
696
678
  post-textarea-padding-inline-start: var(--post-device-spacing-padding-inline-1),
697
- post-textarea-padding-inline-end: var(--post-device-spacing-padding-3),
679
+ post-textarea-padding-inline-end: var(--post-core-dimension-26),
698
680
  post-textarea-standalone-padding-block: var(--post-device-spacing-padding-3),
699
681
  post-textarea-sizing-icon: var(--post-device-sizing-notification-1),
700
682
  post-textarea-sizing-min-height: var(--post-core-dimension-88),
@@ -703,19 +685,20 @@ $post-text-area: (
703
685
  post-textarea-border-style-disabled: var(--post-core-border-style-dash),
704
686
  post-textarea-border-width: var(--post-device-border-width-default),
705
687
  post-textarea-label-padding-inline-start: var(--post-device-spacing-padding-5),
706
- post-textarea-label-padding-inline-end: var(--post-device-spacing-padding-inline-4),
688
+ post-textarea-label-padding-inline-end: var(--post-core-dimension-28),
707
689
  post-textarea-label-padding-block-start: var(--post-device-spacing-padding-block-27),
708
- post-textarea-label-validated-padding-inline-end: var(--post-core-dimension-42),
690
+ post-textarea-label-validated-padding-inline-end: var(--post-core-dimension-58),
709
691
  post-textarea-label-filled-font-size: var(--post-device-font-size-10),
710
692
  post-textarea-label-filled-padding-block-start: var(--post-device-spacing-padding-block-30),
711
693
  post-textarea-signal-error: var(--post-scheme-color-signal-error-dark),
712
694
  post-textarea-signal-success: var(--post-scheme-color-signal-success-dark),
713
695
  post-textarea-position-inline-end-resize: var(--post-core-dimension-6),
714
- post-textarea-position-inline-start-validation: var(--post-core-dimension-12),
696
+ post-textarea-position-inline-end-validation: var(--post-core-dimension-28),
715
697
  post-textarea-position-block-end-resize: var(--post-core-dimension-6),
716
698
  post-textarea-position-block-start-validation: var(--post-core-dimension-12),
717
- post-textarea-assist-font-size: var(--post-device-font-size-10),
718
- post-textarea-validated-padding-inline-end: var(--post-core-dimension-40),
699
+ post-textarea-assist-font-size: var(--post-device-font-size-9),
700
+ post-textarea-validated-padding-inline-end: var(--post-core-dimension-56),
701
+ post-textarea-placeholder-fg: var(--post-scheme-color-interactive-primary-enabled-fg2),
719
702
  );
720
703
 
721
704
  $post-text-highlighted: (
@@ -727,19 +710,19 @@ $post-text-highlighted: (
727
710
  );
728
711
 
729
712
  $post-text-input: (
730
- post-input-color-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
731
- post-input-color-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
732
- post-input-color-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
733
- post-input-color-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
734
- post-input-color-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
735
- post-input-color-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
713
+ post-input-color-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
714
+ post-input-color-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
715
+ post-input-color-hover-bg: var(--post-scheme-color-interactive-input-hover-bg),
716
+ post-input-color-hover-fg: var(--post-scheme-color-interactive-input-hover-fg),
717
+ post-input-color-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg),
718
+ post-input-color-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg),
736
719
  post-input-color-selected-bg: var(--post-scheme-color-interactive-primary-selected-bg1),
737
- post-input-color-selected-fg: var(--post-scheme-color-interactive-primary-selected-fg1),
720
+ post-input-color-selected-fg: var(--post-scheme-color-interactive-input-enabled-fg),
738
721
  post-input-color-helptext-fg: var(--post-scheme-color-interactive-primary-enabled-fg2),
739
- post-input-color-enabled-border: var(--post-scheme-color-interactive-primary-enabled-stroke),
740
- post-input-color-hover-border: var(--post-scheme-color-interactive-primary-hover-stroke),
741
- post-input-color-disabled-border: var(--post-scheme-color-interactive-primary-disabled-stroke),
742
- post-input-color-selected-border: var(--post-scheme-color-interactive-primary-selected-stroke1),
722
+ post-input-color-enabled-border: var(--post-scheme-color-interactive-input-enabled-border),
723
+ post-input-color-hover-border: var(--post-scheme-color-interactive-input-hover-border),
724
+ post-input-color-disabled-border: var(--post-scheme-color-interactive-input-disabled-border),
725
+ post-input-color-selected-border: var(--post-scheme-color-interactive-input-enabled-border),
743
726
  post-input-color-signal-error: var(--post-scheme-color-signal-error-dark),
744
727
  post-input-color-signal-success: var(--post-scheme-color-signal-success-dark),
745
728
  post-input-gap-inline-1: var(--post-device-spacing-gap-1),
@@ -792,6 +775,7 @@ $post-toast: (
792
775
  post-toast-color-error-fg: var(--post-scheme-color-interactive-notification-error-fg),
793
776
  post-toast-color-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke),
794
777
  post-toast-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
778
+ post-toast-elevation: var(--post-device-elevation-300),
795
779
  );
796
780
 
797
781
  $post-validation: (
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, 25 Nov 2024 17:06:09 GMT
4
+ // Mon, 09 Dec 2024 15:51:03 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
@@ -82,11 +82,10 @@
82
82
  --post-core-dimension-34: 34px;
83
83
  --post-core-dimension-36: 36px;
84
84
  --post-core-dimension-40: 40px;
85
- --post-core-dimension-42: 42px;
86
- --post-core-dimension-46: 46px;
87
85
  --post-core-dimension-48: 48px;
88
86
  --post-core-dimension-50: 50px;
89
87
  --post-core-dimension-56: 56px;
88
+ --post-core-dimension-58: 58px;
90
89
  --post-core-dimension-64: 64px;
91
90
  --post-core-dimension-72: 72px;
92
91
  --post-core-dimension-78: 78px;
@@ -111,7 +110,6 @@
111
110
  --post-core-dimension-26-5: 26.5px;
112
111
  --post-core-dimension-25-5: 25.5px;
113
112
  --post-core-dimension-24-5: 24.5px;
114
- --post-core-font-weight-300: 300;
115
113
  --post-core-font-weight-400: 400;
116
114
  --post-core-font-weight-500: 500;
117
115
  --post-core-font-weight-700: 700;
@@ -122,18 +120,13 @@
122
120
  --post-core-font-size-16: 16px;
123
121
  --post-core-font-size-18: 18px;
124
122
  --post-core-font-size-20: 20px;
125
- --post-core-font-size-22: 22px;
126
123
  --post-core-font-size-24: 24px;
127
- --post-core-font-size-26: 26px;
128
124
  --post-core-font-size-28: 28px;
129
- --post-core-font-size-30: 30px;
130
125
  --post-core-font-size-32: 32px;
131
- --post-core-font-size-34: 34px;
132
126
  --post-core-font-size-36: 36px;
133
127
  --post-core-font-size-40: 40px;
134
128
  --post-core-line-height-100: 1;
135
129
  --post-core-line-height-120: 1.2;
136
- --post-core-line-height-140: 1.4;
137
130
  --post-core-line-height-150: 1.5;
138
131
  --post-core-letter-spacing-default: 0.0012em;
139
132
  --post-core-letter-spacing-none: 0rem;
@@ -145,13 +138,9 @@
145
138
  --post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
146
139
  --post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
147
140
  --post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);
148
- --post-core-border-focus: var(--post-core-color-sandgrey-100) var(--post-core-dimension-2) solid;
149
- --post-core-border-disabled: var(--post-core-color-sandgrey-060) var(--post-core-dimension-2) dashed;
150
- --post-core-border-default: var(--post-core-color-sandgrey-100) var(--post-core-dimension-2) solid;
151
141
  --post-core-border-style-solid: solid;
152
142
  --post-core-border-style-dash: dashed;
153
143
  --post-core-text-decoration-underline: underline;
154
- --post-core-text-decoration-line-through: line-through;
155
144
  --post-core-text-decoration-none: none;
156
145
  --post-core-bg-scheme-light: light;
157
146
  --post-core-bg-scheme-dark: dark;