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

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 +2 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +71 -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 -1183
package/CHANGELOG.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.7
4
+
3
5
  ## 9.0.0-next.6
4
6
 
5
7
  ### 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
+ // Wed, 04 Dec 2024 07:43:08 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
+ // Wed, 04 Dec 2024 07:43:08 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,15 @@ $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
+ );
43
+
35
44
  $post-avatar: (
36
45
  post-avatar-size: var(--post-device-sizing-interactive-icon-size3),
37
46
  post-avatar-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg2),
@@ -200,15 +209,15 @@ $post-button: (
200
209
  );
201
210
 
202
211
  $post-checkbox: (
203
- post-checkbox-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
212
+ post-checkbox-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg3),
204
213
  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),
214
+ post-checkbox-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg3),
206
215
  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),
216
+ post-checkbox-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg6),
217
+ post-checkbox-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg4),
209
218
  post-checkbox-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke),
210
219
  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),
220
+ post-checkbox-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke4),
212
221
  post-checkbox-gap-block-group: var(--post-device-spacing-gap-4),
213
222
  post-checkbox-gap-inline-text-start: var(--post-device-spacing-gap-inline-12),
214
223
  post-checkbox-icon-border-width: var(--post-device-border-width-default),
@@ -275,7 +284,7 @@ $post-dropdown: (
275
284
 
276
285
  $post-floating-button: (
277
286
  post-floating-button-position-right: var(--post-device-position-1),
278
- post-floating-button-position-bottom: var(--post-device-position-1),
287
+ post-floating-button-position-top: var(--post-device-position-1),
279
288
  post-floating-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
280
289
  post-floating-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
281
290
  post-floating-button-enabled-border: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
@@ -287,7 +296,7 @@ $post-floating-button: (
287
296
  post-floating-button-border-width: var(--post-device-border-width-default),
288
297
  post-floating-button-border-radius-round: var(--post-device-border-radius-round),
289
298
  post-floating-button-elevation: var(--post-device-elevation-300),
290
- post-floating-button-translate-y: var(--post-core-dimension-96),
299
+ post-floating-button-translate-y: var(--post-core-dimension-112),
291
300
  );
292
301
 
293
302
  $post-form-footer: (
@@ -392,6 +401,7 @@ $post-inline-notification: (
392
401
  post-inline-color-error-fg: var(--post-scheme-color-interactive-notification-error-fg),
393
402
  post-inline-color-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke),
394
403
  post-inline-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
404
+ post-inline-elevation: var(--post-device-elevation-300),
395
405
  );
396
406
 
397
407
  $post-lead: (
@@ -419,50 +429,18 @@ $post-list: (
419
429
  post-list-bg: var(--post-scheme-color-surface-default-bg),
420
430
  );
421
431
 
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),
432
+ $post-listcheck: (
433
+ post-list-check-sizing-icon: var(--post-device-sizing-icon-1),
434
+ post-list-check-padding-icon: var(--post-device-spacing-padding-16),
435
+ post-list-check-text-padding: var(--post-device-spacing-padding-block-6),
436
+ post-list-check-icon-gap-inline: var(--post-device-spacing-gap-inline-2),
437
+ post-list-check-icon-container-inline: var(--post-device-spacing-padding-4),
438
+ post-list-check-icon-container-block: var(--post-device-spacing-padding-18),
439
+ post-list-check-item-gap-block-text: var(--post-device-spacing-gap-block-3),
440
+ post-list-check-margin-block: var(--post-device-spacing-padding-block-8),
441
+ post-list-check-color-icon-bg: var(--post-scheme-color-surface-accent-bg),
442
+ post-list-check-color-icon-fg: var(--post-scheme-color-surface-accent-fg),
443
+ post-list-check-color-text-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
466
444
  );
467
445
 
468
446
  $post-popover: (
@@ -494,15 +472,15 @@ $post-popover: (
494
472
  );
495
473
 
496
474
  $post-radio-button: (
497
- post-radio-button-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
475
+ post-radio-button-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg3),
498
476
  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),
477
+ post-radio-button-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg3),
500
478
  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),
479
+ post-radio-button-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg6),
480
+ post-radio-button-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg4),
503
481
  post-radio-button-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke),
504
482
  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),
483
+ post-radio-button-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke4),
506
484
  post-radio-button-gap-block-group: var(--post-device-spacing-gap-4),
507
485
  post-radio-button-gap-inline-text-start: var(--post-device-spacing-gap-inline-12),
508
486
  post-radio-button-icon-padding-block-inner: var(--post-device-spacing-padding-1),
@@ -527,6 +505,7 @@ $post-search-input: (
527
505
  post-input-search-label-empty-padding-inline-end: var(--post-core-dimension-50),
528
506
  post-input-search-label-filled-padding-inline-end: var(--post-core-dimension-82),
529
507
  post-input-search-icon-border-radius: var(--post-device-border-radius-focus),
508
+ post-search-position-inline-end-icon: var(--post-core-dimension-14),
530
509
  );
531
510
 
532
511
  $post-segmented-button: (
@@ -614,6 +593,7 @@ $post-snackbar: (
614
593
  post-snackbar-color-error-fg: var(--post-scheme-color-interactive-notification-error-fg),
615
594
  post-snackbar-color-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke),
616
595
  post-snackbar-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
596
+ post-snackbar-elevation: var(--post-device-elevation-300),
617
597
  );
618
598
 
619
599
  $post-stepper: (
@@ -646,9 +626,10 @@ $post-switch: (
646
626
  post-switch-text-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
647
627
  post-switch-text-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
648
628
  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),
629
+ post-switch-icon-success: var(--post-scheme-color-interactive-primary-selected-bg2),
650
630
  post-switch-icon-disabled: var(--post-scheme-color-interactive-primary-disabled-fg1),
651
631
  post-switch-icon-hover: var(--post-scheme-color-interactive-primary-hover-fg1),
632
+ post-switch-icon-padding-container: var(--post-device-spacing-padding-block-18),
652
633
  post-switch-handle-enabled: var(--post-scheme-color-interactive-primary-enabled-fg3),
653
634
  post-switch-handle-selected: var(--post-scheme-color-interactive-primary-selected-fg3),
654
635
  post-switch-handle-selected-stroke: var(--post-scheme-color-interactive-primary-selected-stroke3),
@@ -663,7 +644,7 @@ $post-switch: (
663
644
  post-switch-element-selected-stroke: var(--post-scheme-color-interactive-primary-selected-stroke4),
664
645
  post-switch-element-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg2),
665
646
  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),
647
+ post-switch-element-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg5),
667
648
  post-switch-element-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke2),
668
649
  post-switch-element-width: var(--post-core-dimension-48),
669
650
  post-switch-element-height: var(--post-core-dimension-24),
@@ -678,23 +659,23 @@ $post-switch: (
678
659
  );
679
660
 
680
661
  $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),
662
+ post-textarea-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
663
+ post-textarea-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
664
+ post-textarea-hover-bg: var(--post-scheme-color-interactive-input-hover-bg),
665
+ post-textarea-hover-fg: var(--post-scheme-color-interactive-input-hover-fg),
666
+ post-textarea-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg),
667
+ post-textarea-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg),
668
+ post-textarea-enabled-border: var(--post-scheme-color-interactive-input-enabled-border),
669
+ post-textarea-hover-border: var(--post-scheme-color-interactive-input-hover-border),
670
+ post-textarea-disabled-border: var(--post-scheme-color-interactive-input-disabled-border),
690
671
  post-textarea-gap-inline: var(--post-device-spacing-gap-1),
691
672
  post-textarea-gap-assist: var(--post-device-spacing-gap-1),
692
- post-textarea-padding-block-assist: var(--post-device-spacing-padding-block-5),
693
673
  post-textarea-padding-block-start: var(--post-device-spacing-padding-block-29),
694
674
  post-textarea-padding-block-end: var(--post-device-spacing-padding-3),
675
+ post-textarea-padding-block-assist: var(--post-device-spacing-padding-block-5),
695
676
  post-textarea-padding-inline-assist: var(--post-device-spacing-padding-2),
696
677
  post-textarea-padding-inline-start: var(--post-device-spacing-padding-inline-1),
697
- post-textarea-padding-inline-end: var(--post-device-spacing-padding-3),
678
+ post-textarea-padding-inline-end: var(--post-core-dimension-26),
698
679
  post-textarea-standalone-padding-block: var(--post-device-spacing-padding-3),
699
680
  post-textarea-sizing-icon: var(--post-device-sizing-notification-1),
700
681
  post-textarea-sizing-min-height: var(--post-core-dimension-88),
@@ -703,19 +684,20 @@ $post-text-area: (
703
684
  post-textarea-border-style-disabled: var(--post-core-border-style-dash),
704
685
  post-textarea-border-width: var(--post-device-border-width-default),
705
686
  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),
687
+ post-textarea-label-padding-inline-end: var(--post-core-dimension-28),
707
688
  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),
689
+ post-textarea-label-validated-padding-inline-end: var(--post-core-dimension-58),
709
690
  post-textarea-label-filled-font-size: var(--post-device-font-size-10),
710
691
  post-textarea-label-filled-padding-block-start: var(--post-device-spacing-padding-block-30),
711
692
  post-textarea-signal-error: var(--post-scheme-color-signal-error-dark),
712
693
  post-textarea-signal-success: var(--post-scheme-color-signal-success-dark),
713
694
  post-textarea-position-inline-end-resize: var(--post-core-dimension-6),
714
- post-textarea-position-inline-start-validation: var(--post-core-dimension-12),
695
+ post-textarea-position-inline-end-validation: var(--post-core-dimension-28),
715
696
  post-textarea-position-block-end-resize: var(--post-core-dimension-6),
716
697
  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),
698
+ post-textarea-assist-font-size: var(--post-device-font-size-9),
699
+ post-textarea-validated-padding-inline-end: var(--post-core-dimension-56),
700
+ post-textarea-placeholder-fg: var(--post-scheme-color-interactive-primary-enabled-fg2),
719
701
  );
720
702
 
721
703
  $post-text-highlighted: (
@@ -727,19 +709,19 @@ $post-text-highlighted: (
727
709
  );
728
710
 
729
711
  $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),
712
+ post-input-color-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
713
+ post-input-color-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
714
+ post-input-color-hover-bg: var(--post-scheme-color-interactive-input-hover-bg),
715
+ post-input-color-hover-fg: var(--post-scheme-color-interactive-input-hover-fg),
716
+ post-input-color-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg),
717
+ post-input-color-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg),
736
718
  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),
719
+ post-input-color-selected-fg: var(--post-scheme-color-interactive-input-enabled-fg),
738
720
  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),
721
+ post-input-color-enabled-border: var(--post-scheme-color-interactive-input-enabled-border),
722
+ post-input-color-hover-border: var(--post-scheme-color-interactive-input-hover-border),
723
+ post-input-color-disabled-border: var(--post-scheme-color-interactive-input-disabled-border),
724
+ post-input-color-selected-border: var(--post-scheme-color-interactive-input-enabled-border),
743
725
  post-input-color-signal-error: var(--post-scheme-color-signal-error-dark),
744
726
  post-input-color-signal-success: var(--post-scheme-color-signal-success-dark),
745
727
  post-input-gap-inline-1: var(--post-device-spacing-gap-1),
@@ -792,6 +774,7 @@ $post-toast: (
792
774
  post-toast-color-error-fg: var(--post-scheme-color-interactive-notification-error-fg),
793
775
  post-toast-color-error-stroke: var(--post-scheme-color-interactive-notification-error-stroke),
794
776
  post-toast-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
777
+ post-toast-elevation: var(--post-device-elevation-300),
795
778
  );
796
779
 
797
780
  $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
+ // Wed, 04 Dec 2024 07:43:08 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;