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

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 +8 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +96 -64
  4. package/_core.scss +6 -1
  5. package/_device.scss +9 -6
  6. package/_elements.scss +1 -1
  7. package/_helpers.scss +1 -1
  8. package/_index.scss +1 -1
  9. package/_palettes.scss +5 -5
  10. package/_scheme.scss +1 -1
  11. package/_theme.scss +1 -1
  12. package/_utilities.scss +1 -1
  13. package/package.json +1 -1
  14. package/palettes/_cargo-dark.scss +19 -0
  15. package/palettes/_cargo-light.scss +19 -0
  16. package/palettes/_post-dark.scss +19 -0
  17. package/palettes/_post-light.scss +19 -0
  18. package/tailwind/helpers.tailwind.js +1 -1
  19. package/tailwind/utilities.tailwind.js +1 -1
  20. package/tokens.json +604 -346
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.6
4
+
5
+ ### Minor Changes
6
+
7
+ - Export new SASS maps for Post and Cargo palettes, directly linking to the raw color values for both light and dark color schemes. (by [@alizedebray](https://github.com/alizedebray) with [#3992](https://github.com/swisspost/design-system/pull/3992))
8
+
9
+ ## 9.0.0-next.5
10
+
3
11
  ## 9.0.0-next.4
4
12
 
5
13
  ## 9.0.0-next.3
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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  $post-accordion: (
7
7
  post-accordion-header-padding-block-start-closed: var(--post-device-spacing-padding-19),
@@ -240,11 +240,11 @@ $post-container: (
240
240
  post-grid-gutter-md: var(--post-core-dimension-16),
241
241
  post-grid-gutter-sm: var(--post-core-dimension-16),
242
242
  post-grid-gutter-xs: var(--post-core-dimension-16),
243
- post-grid-margin-xl: auto,
244
- post-grid-margin-lg: var(--post-core-dimension-40),
245
- post-grid-margin-md: var(--post-core-dimension-40),
246
- post-grid-margin-sm: var(--post-core-dimension-16),
247
- post-grid-margin-xs: var(--post-core-dimension-16),
243
+ post-grid-padding-xl: var(--post-core-dimension-40),
244
+ post-grid-padding-lg: var(--post-core-dimension-40),
245
+ post-grid-padding-md: var(--post-core-dimension-40),
246
+ post-grid-padding-sm: var(--post-core-dimension-16),
247
+ post-grid-padding-xs: var(--post-core-dimension-16),
248
248
  post-grid-max-width: var(--post-core-dimension-1280),
249
249
  );
250
250
 
@@ -273,6 +273,23 @@ $post-dropdown: (
273
273
  post-dropdown-multi-select-menu-elevation: var(--post-device-elevation-300),
274
274
  );
275
275
 
276
+ $post-floating-button: (
277
+ post-floating-button-position-right: var(--post-device-position-1),
278
+ post-floating-button-position-bottom: var(--post-device-position-1),
279
+ post-floating-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
280
+ post-floating-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
281
+ post-floating-button-enabled-border: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
282
+ post-floating-button-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg),
283
+ post-floating-button-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg),
284
+ post-floating-button-hover-border: var(--post-scheme-color-interactive-button-secondary-hover-stroke),
285
+ post-floating-button-size-outer: var(--post-device-sizing-interactive-button-height-2),
286
+ post-floating-button-size-icon: var(--post-device-sizing-interactive-button-icon-3),
287
+ post-floating-button-border-width: var(--post-device-border-width-default),
288
+ post-floating-button-border-radius-round: var(--post-device-border-radius-round),
289
+ post-floating-button-elevation: var(--post-device-elevation-300),
290
+ post-floating-button-translate-y: var(--post-core-dimension-96),
291
+ );
292
+
276
293
  $post-form-footer: (
277
294
  post-form-footer-border-block-start-width: var(--post-device-border-width-default),
278
295
  post-form-footer-border-block-start-style: var(--post-core-border-style-solid),
@@ -503,6 +520,15 @@ $post-radio-button: (
503
520
  post-radio-button-label-padding-block: var(--post-device-spacing-padding-block-20),
504
521
  );
505
522
 
523
+ $post-search-input: (
524
+ post-input-search-empty-padding-inline-end: var(--post-core-dimension-48),
525
+ post-input-search-filled-padding-inline-end: var(--post-core-dimension-80),
526
+ post-input-search-filled-gap-icon: var(--post-core-dimension-8),
527
+ post-input-search-label-empty-padding-inline-end: var(--post-core-dimension-50),
528
+ post-input-search-label-filled-padding-inline-end: var(--post-core-dimension-82),
529
+ post-input-search-icon-border-radius: var(--post-device-border-radius-focus),
530
+ );
531
+
506
532
  $post-segmented-button: (
507
533
  post-button-segmented-horizontal-border-radius: var(--post-device-border-radius-round),
508
534
  post-button-segmented-vertical-border-radius: var(--post-device-border-radius-2),
@@ -526,33 +552,45 @@ $post-segmented-button: (
526
552
  );
527
553
 
528
554
  $post-select: (
529
- post-select-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
530
- post-select-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
531
- post-select-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
532
- post-select-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
533
- post-select-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
534
- post-select-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
535
- post-select-selected-bg: var(--post-scheme-color-interactive-primary-selected-bg1),
536
- post-select-selected-fg: var(--post-scheme-color-interactive-primary-selected-fg1),
537
- post-select-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke),
538
- post-select-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke),
539
- post-select-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke),
540
- post-select-selected-stroke: var(--post-scheme-color-interactive-primary-selected-stroke1),
541
- post-select-signal-error: var(--post-scheme-color-signal-error-dark),
542
- post-select-signal-success: var(--post-scheme-color-signal-success-dark),
543
- post-select-gap-inline-section: var(--post-device-spacing-gap-1),
544
- post-select-filled-gap-inline-value: var(--post-device-spacing-gap-inline-4),
545
- post-select-filled-padding-block-section: var(--post-device-spacing-padding-block-3),
546
- post-select-unfilled-padding-block-section: var(--post-device-spacing-padding-block-1),
547
- post-select-unfilled-padding-block-label: var(--post-device-spacing-padding-block-2),
548
- post-select-padding-block-text-assist: var(--post-device-spacing-padding-block-5),
549
- post-select-padding-inline-section-start: var(--post-device-spacing-padding-inline-1),
550
- post-select-padding-inline-section-end: var(--post-device-spacing-padding-3),
551
- post-select-padding-inline-text-assist: var(--post-device-spacing-padding-2),
552
- post-select-icon-padding-droppdow-inner: var(--post-device-spacing-padding-15),
553
- post-select-icon-signal: var(--post-device-sizing-notification-1),
555
+ post-select-color-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
556
+ post-select-color-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
557
+ post-select-color-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
558
+ post-select-color-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
559
+ post-select-color-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
560
+ post-select-color-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
561
+ post-select-color-selected-bg: var(--post-scheme-color-interactive-primary-selected-bg1),
562
+ post-select-color-selected-fg: var(--post-scheme-color-interactive-primary-selected-fg1),
563
+ post-select-color-helptext-fg: var(--post-scheme-color-interactive-primary-enabled-fg2),
564
+ post-select-color-enabled-border: var(--post-scheme-color-interactive-primary-enabled-stroke),
565
+ post-select-color-hover-border: var(--post-scheme-color-interactive-primary-hover-stroke),
566
+ post-select-color-disabled-border: var(--post-scheme-color-interactive-primary-disabled-stroke),
567
+ post-select-color-selected-border: var(--post-scheme-color-interactive-primary-selected-stroke1),
568
+ post-select-color-signal-error: var(--post-scheme-color-signal-error-dark),
569
+ post-select-color-signal-success: var(--post-scheme-color-signal-success-dark),
570
+ post-select-gap-inline-icon: var(--post-device-spacing-gap-1),
571
+ post-select-padding-block-assist: var(--post-device-spacing-padding-block-5),
572
+ post-select-padding-block-start: var(--post-device-spacing-padding-block-29),
573
+ post-select-padding-block-end: var(--post-device-spacing-padding-block-3),
574
+ post-select-padding-inline-start: var(--post-device-spacing-padding-inline-1),
575
+ post-select-padding-inline-end: var(--post-core-dimension-48),
576
+ post-select-padding-inline-assist: var(--post-device-spacing-padding-2),
577
+ post-select-sizing-icon: var(--post-device-sizing-notification-1),
578
+ post-select-sizing-height: var(--post-device-sizing-interactive-button-height-6),
554
579
  post-select-border-radius: var(--post-device-border-radius-1),
555
580
  post-select-border-width: var(--post-device-border-width-default),
581
+ post-select-border-style-default: var(--post-core-border-style-solid),
582
+ post-select-border-style-disabled: var(--post-core-border-style-dash),
583
+ post-select-standalone-padding-block: var(--post-device-spacing-padding-block-1),
584
+ post-select-label-empty-padding-block-start: var(--post-device-spacing-padding-block-28),
585
+ post-select-label-empty-padding-inline-start: var(--post-device-spacing-padding-5),
586
+ post-select-label-empty-padding-inline-end: var(--post-core-dimension-50),
587
+ post-select-label-validated-padding-inline-end: var(--post-core-dimension-82),
588
+ post-select-label-filled-padding-block-start: var(--post-device-spacing-padding-block-30),
589
+ post-select-label-filled-font-size: var(--post-device-font-size-10),
590
+ post-select-validation-icon-position-inline-end: var(--post-device-position-3),
591
+ post-select-assist-font-size: var(--post-device-font-size-10),
592
+ post-select-validated-padding-inline-end: var(--post-core-dimension-80),
593
+ post-select-icon-position-inline-end: var(--post-device-position-2),
556
594
  );
557
595
 
558
596
  $post-snackbar: (
@@ -646,29 +684,38 @@ $post-text-area: (
646
684
  post-textarea-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
647
685
  post-textarea-disabled-bg: var(--post-scheme-color-interactive-primary-disabled-bg),
648
686
  post-textarea-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
649
- post-textarea-selected-bg: var(--post-scheme-color-interactive-primary-selected-bg1),
650
- post-textarea-selected-fg: var(--post-scheme-color-interactive-primary-selected-fg1),
651
687
  post-textarea-enabled-border: var(--post-scheme-color-interactive-primary-enabled-stroke),
652
688
  post-textarea-hover-border: var(--post-scheme-color-interactive-primary-hover-stroke),
653
689
  post-textarea-disabled-border: var(--post-scheme-color-interactive-primary-disabled-stroke),
654
- post-textarea-selected-stroke: var(--post-scheme-color-interactive-primary-selected-stroke1),
655
- post-textarea-spacing-gap-inline-1: var(--post-device-spacing-gap-1),
656
- post-textarea-spacing-padding-block-text-assist: var(--post-device-spacing-padding-block-5),
657
- post-textarea-spacing-padding-block-textarea-top: var(--post-device-spacing-padding-8),
658
- post-textarea-spacing-padding-inline-text-assist: var(--post-device-spacing-padding-2),
659
- post-textarea-padding-block-empty: var(--post-device-spacing-padding-3),
660
- post-textarea-padding-block-start-filled: var(--post-device-spacing-padding-block-26),
661
- post-textarea-padding-block-end-filled: var(--post-device-spacing-padding-3),
690
+ post-textarea-gap-inline: var(--post-device-spacing-gap-1),
691
+ post-textarea-gap-assist: var(--post-device-spacing-gap-1),
692
+ post-textarea-padding-block-assist: var(--post-device-spacing-padding-block-5),
693
+ post-textarea-padding-block-start: var(--post-device-spacing-padding-block-29),
694
+ post-textarea-padding-block-end: var(--post-device-spacing-padding-3),
695
+ post-textarea-padding-inline-assist: var(--post-device-spacing-padding-2),
662
696
  post-textarea-padding-inline-start: var(--post-device-spacing-padding-inline-1),
663
697
  post-textarea-padding-inline-end: var(--post-device-spacing-padding-3),
698
+ post-textarea-standalone-padding-block: var(--post-device-spacing-padding-3),
664
699
  post-textarea-sizing-icon: var(--post-device-sizing-notification-1),
700
+ post-textarea-sizing-min-height: var(--post-core-dimension-88),
665
701
  post-textarea-border-radius: var(--post-device-border-radius-1),
666
702
  post-textarea-border-style-enabled: var(--post-core-border-style-solid),
667
703
  post-textarea-border-style-disabled: var(--post-core-border-style-dash),
668
704
  post-textarea-border-width: var(--post-device-border-width-default),
669
- post-textarea-label-padding-inline-start-empty: var(--post-device-spacing-padding-5),
670
- post-textarea-label-padding-inline-end-empty: var(--post-device-spacing-padding-inline-4),
671
- post-textarea-label-padding-block-start-empty: var(--post-device-spacing-padding-block-27),
705
+ 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),
707
+ 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),
709
+ post-textarea-label-filled-font-size: var(--post-device-font-size-10),
710
+ post-textarea-label-filled-padding-block-start: var(--post-device-spacing-padding-block-30),
711
+ post-textarea-signal-error: var(--post-scheme-color-signal-error-dark),
712
+ post-textarea-signal-success: var(--post-scheme-color-signal-success-dark),
713
+ post-textarea-position-inline-end-resize: var(--post-core-dimension-6),
714
+ post-textarea-position-inline-start-validation: var(--post-core-dimension-12),
715
+ post-textarea-position-block-end-resize: var(--post-core-dimension-6),
716
+ 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),
672
719
  );
673
720
 
674
721
  $post-text-highlighted: (
@@ -698,6 +745,8 @@ $post-text-input: (
698
745
  post-input-gap-inline-1: var(--post-device-spacing-gap-1),
699
746
  post-input-gap-inline-2: var(--post-device-spacing-gap-inline-4),
700
747
  post-input-padding-block-assist: var(--post-device-spacing-padding-block-5),
748
+ post-input-padding-block-start: var(--post-device-spacing-padding-block-29),
749
+ post-input-padding-block-end: var(--post-device-spacing-padding-block-3),
701
750
  post-input-padding-inline-start: var(--post-device-spacing-padding-inline-1),
702
751
  post-input-padding-inline-end: var(--post-device-spacing-padding-3),
703
752
  post-input-padding-inline-assist: var(--post-device-spacing-padding-2),
@@ -707,17 +756,16 @@ $post-text-input: (
707
756
  post-input-border-width: var(--post-device-border-width-default),
708
757
  post-input-border-style-default: var(--post-core-border-style-solid),
709
758
  post-input-border-style-disabled: var(--post-core-border-style-dash),
710
- post-input-empty-padding-block: var(--post-device-spacing-padding-block-1),
759
+ post-input-standalone-padding-block: var(--post-device-spacing-padding-block-1),
711
760
  post-input-label-empty-padding-block-start: var(--post-device-spacing-padding-block-28),
712
761
  post-input-label-empty-padding-inline-start: var(--post-device-spacing-padding-5),
713
762
  post-input-label-empty-padding-inline-end: var(--post-device-spacing-padding-inline-4),
714
- post-input-label-validated-padding-inline-end: var(--post-core-dimension-48),
763
+ post-input-label-validated-padding-inline-end: var(--post-core-dimension-50),
715
764
  post-input-label-filled-padding-block-start: var(--post-device-spacing-padding-block-30),
716
765
  post-input-label-filled-font-size: var(--post-device-font-size-10),
717
766
  post-input-validation-icon-position-inline-end: var(--post-device-position-2),
718
- post-input-filled-padding-block-start: var(--post-device-spacing-padding-block-29),
719
- post-input-filled-padding-block-end: var(--post-device-spacing-padding-block-3),
720
767
  post-input-assist-font-size: var(--post-device-font-size-10),
768
+ post-input-validated-padding-inline-end: var(--post-core-dimension-48),
721
769
  );
722
770
 
723
771
  $post-toast: (
@@ -746,22 +794,6 @@ $post-toast: (
746
794
  post-toast-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
747
795
  );
748
796
 
749
- $post-floating-button: (
750
- post-floating-button-position-right: var(--post-device-grid-padding-inline-container),
751
- post-floating-button-position-top: var(--post-device-position-1),
752
- post-floating-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
753
- post-floating-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
754
- post-floating-button-enabled-border: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
755
- post-floating-button-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg),
756
- post-floating-button-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg),
757
- post-floating-button-hover-border: var(--post-scheme-color-interactive-button-secondary-hover-stroke),
758
- post-floating-button-size-outer: var(--post-device-sizing-interactive-button-height-2),
759
- post-floating-button-size-icon: var(--post-device-sizing-interactive-button-icon-3),
760
- post-floating-button-border-width: var(--post-device-border-width-default),
761
- post-floating-button-border-radius-round: var(--post-device-border-radius-round),
762
- post-floating-button-elevation: var(--post-device-elevation-300),
763
- );
764
-
765
797
  $post-validation: (
766
798
  post-validation-group-gap-inline: var(--post-device-spacing-gap-inline-10),
767
799
  post-validation-group-padding-block-text: var(--post-device-spacing-padding-12),
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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
@@ -82,12 +82,17 @@
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;
85
87
  --post-core-dimension-48: 48px;
88
+ --post-core-dimension-50: 50px;
86
89
  --post-core-dimension-56: 56px;
87
90
  --post-core-dimension-64: 64px;
88
91
  --post-core-dimension-72: 72px;
89
92
  --post-core-dimension-78: 78px;
90
93
  --post-core-dimension-80: 80px;
94
+ --post-core-dimension-82: 82px;
95
+ --post-core-dimension-88: 88px;
91
96
  --post-core-dimension-96: 96px;
92
97
  --post-core-dimension-100: 100px;
93
98
  --post-core-dimension-112: 112px;
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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  $post-desktop: (
7
7
  post-device-font-size-1: var(--post-core-font-size-40),
@@ -176,8 +176,9 @@ $post-desktop: (
176
176
  post-device-grid-sizing-gutter: var(--post-core-dimension-24),
177
177
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
178
178
  post-device-grid-padding-inline-container: var(--post-core-dimension-40),
179
- post-device-position-1: var(--post-core-dimension-32),
180
- post-device-position-2: var(--post-core-dimension-18),
179
+ post-device-position-1: var(--post-core-dimension-40),
180
+ post-device-position-2: var(--post-core-dimension-14),
181
+ post-device-position-3: var(--post-core-dimension-46),
181
182
  );
182
183
 
183
184
  $post-tablet: (
@@ -353,8 +354,9 @@ $post-tablet: (
353
354
  post-device-grid-sizing-gutter: var(--post-core-dimension-16),
354
355
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
355
356
  post-device-grid-padding-inline-container: var(--post-core-dimension-24),
356
- post-device-position-1: var(--post-core-dimension-24),
357
- post-device-position-2: var(--post-core-dimension-18),
357
+ post-device-position-1: var(--post-core-dimension-40),
358
+ post-device-position-2: var(--post-core-dimension-14),
359
+ post-device-position-3: var(--post-core-dimension-46),
358
360
  );
359
361
 
360
362
  $post-mobile: (
@@ -531,5 +533,6 @@ $post-mobile: (
531
533
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
532
534
  post-device-grid-padding-inline-container: var(--post-core-dimension-16),
533
535
  post-device-position-1: var(--post-core-dimension-16),
534
- post-device-position-2: var(--post-core-dimension-18),
536
+ post-device-position-2: var(--post-core-dimension-14),
537
+ post-device-position-3: var(--post-core-dimension-46),
535
538
  );
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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 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, 11 Nov 2024 15:43:49 GMT
3
+ // Mon, 25 Nov 2024 17:06:09 GMT
4
4
 
5
5
  @use './core';
6
6
  @forward './scheme';
package/_palettes.scss CHANGED
@@ -1,19 +1,19 @@
1
1
 
2
2
  // Do not edit manually
3
3
  // This file was generated by the swisspost/design-system-tokens package
4
- // Mon, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),
8
8
  post-palettes-color-default-fg: var(--post-theme-color-palettes-default-fg),
9
+ post-palettes-color-default-bg-scheme: var(--post-theme-palettes-bg-scheme-default),
9
10
  post-palettes-color-alternate-bg: var(--post-theme-color-palettes-alternate-bg),
10
11
  post-palettes-color-alternate-fg: var(--post-theme-color-palettes-alternate-fg),
12
+ post-palettes-color-alternate-bg-scheme: var(--post-theme-palettes-bg-scheme-alternate),
11
13
  post-palettes-color-brand-bg: var(--post-theme-color-palettes-brand-bg),
12
14
  post-palettes-color-brand-fg: var(--post-theme-color-palettes-brand-fg),
15
+ post-palettes-color-brand-bg-scheme: var(--post-theme-palettes-bg-scheme-brand),
13
16
  post-palettes-color-accent-bg: var(--post-theme-color-palettes-accent-bg),
14
17
  post-palettes-color-accent-fg: var(--post-theme-color-palettes-accent-fg),
15
- post-helper-color-default-bg-scheme: var(--post-theme-palettes-bg-scheme-default),
16
- post-helper-color-alternate-bg-scheme: var(--post-theme-palettes-bg-scheme-alternate),
17
- post-helper-color-brand-bg-scheme: var(--post-theme-palettes-bg-scheme-brand),
18
- post-helper-color-accent-bg-scheme: var(--post-theme-palettes-bg-scheme-emphasis),
18
+ post-palettes-color-accent-bg-scheme: var(--post-theme-palettes-bg-scheme-emphasis),
19
19
  );
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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 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.4",
3
+ "version": "9.0.0-next.6",
4
4
  "description": "Design Tokens for the Swiss Post Design System.",
5
5
  "author": "Swiss Post <design-system@post.ch>",
6
6
  "license": "Apache-2.0",
package/palettes/_cargo-dark.scss ADDED
@@ -0,0 +1,19 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
+
6
+ $post-palettes: (
7
+ post-palettes-color-default-bg: #373632,
8
+ post-palettes-color-default-fg: #ffffff,
9
+ post-palettes-color-default-bg-scheme: dark,
10
+ post-palettes-color-alternate-bg: #050400,
11
+ post-palettes-color-alternate-fg: #ffffff,
12
+ post-palettes-color-alternate-bg-scheme: dark,
13
+ post-palettes-color-brand-bg: #00411c,
14
+ post-palettes-color-brand-fg: #aadcff,
15
+ post-palettes-color-brand-bg-scheme: dark,
16
+ post-palettes-color-accent-bg: #aadcff,
17
+ post-palettes-color-accent-fg: #00411c,
18
+ post-palettes-color-accent-bg-scheme: light,
19
+ );
package/palettes/_cargo-light.scss ADDED
@@ -0,0 +1,19 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
+
6
+ $post-palettes: (
7
+ post-palettes-color-default-bg: #fafafa,
8
+ post-palettes-color-default-fg: #050400,
9
+ post-palettes-color-default-bg-scheme: light,
10
+ post-palettes-color-alternate-bg: #f0efed,
11
+ post-palettes-color-alternate-fg: #050400,
12
+ post-palettes-color-alternate-bg-scheme: light,
13
+ post-palettes-color-brand-bg: #00411c,
14
+ post-palettes-color-brand-fg: #aadcff,
15
+ post-palettes-color-brand-bg-scheme: dark,
16
+ post-palettes-color-accent-bg: #aadcff,
17
+ post-palettes-color-accent-fg: #00411c,
18
+ post-palettes-color-accent-bg-scheme: light,
19
+ );
package/palettes/_post-dark.scss ADDED
@@ -0,0 +1,19 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
+
6
+ $post-palettes: (
7
+ post-palettes-color-default-bg: #373632,
8
+ post-palettes-color-default-fg: #ffffff,
9
+ post-palettes-color-default-bg-scheme: dark,
10
+ post-palettes-color-alternate-bg: #050400,
11
+ post-palettes-color-alternate-fg: #ffffff,
12
+ post-palettes-color-alternate-bg-scheme: dark,
13
+ post-palettes-color-brand-bg: #ffcc00,
14
+ post-palettes-color-brand-fg: #050400,
15
+ post-palettes-color-brand-bg-scheme: light,
16
+ post-palettes-color-accent-bg: #fafafa,
17
+ post-palettes-color-accent-fg: #050400,
18
+ post-palettes-color-accent-bg-scheme: light,
19
+ );
package/palettes/_post-light.scss ADDED
@@ -0,0 +1,19 @@
1
+
2
+ // Do not edit manually
3
+ // This file was generated by the swisspost/design-system-tokens package
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
+
6
+ $post-palettes: (
7
+ post-palettes-color-default-bg: #fafafa,
8
+ post-palettes-color-default-fg: #050400,
9
+ post-palettes-color-default-bg-scheme: light,
10
+ post-palettes-color-alternate-bg: #f0efed,
11
+ post-palettes-color-alternate-fg: #050400,
12
+ post-palettes-color-alternate-bg-scheme: light,
13
+ post-palettes-color-brand-bg: #ffcc00,
14
+ post-palettes-color-brand-fg: #050400,
15
+ post-palettes-color-brand-bg-scheme: light,
16
+ post-palettes-color-accent-bg: #373632,
17
+ post-palettes-color-accent-fg: #ffffff,
18
+ post-palettes-color-accent-bg-scheme: dark,
19
+ );
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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 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, 11 Nov 2024 15:43:49 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  export default {
7
7
  utility: {