@swisspost/design-system-tokens 9.0.0-next.9 → 10.0.0-next.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +71 -0
- package/_channel.scss +3 -3
- package/_components.scss +88 -20
- package/_core.scss +21 -18
- package/_device.scss +25 -1
- package/_elements.scss +1 -1
- package/_helpers.scss +1 -1
- package/_index.scss +2 -1
- package/_palette.scss +56 -0
- package/_palettes.scss +3 -3
- package/_scheme.scss +37 -15
- package/_theme.scss +17 -3
- package/_utilities-formatted.scss +136 -0
- package/_utilities.scss +41 -58
- package/package.json +20 -14
- package/palettes/_cargo-dark.scss +1 -1
- package/palettes/_cargo-light.scss +1 -1
- package/palettes/_post-dark.scss +1 -1
- package/palettes/_post-light.scss +2 -2
- package/tailwind/helpers.tailwind.js +1 -1
- package/tailwind/utilities.tailwind.js +44 -59
- package/tokens.json +1540 -971
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,76 @@
|
|
|
1
1
|
# @swisspost/design-system-tokens
|
|
2
2
|
|
|
3
|
+
## 10.0.0-next.38
|
|
4
|
+
|
|
5
|
+
## 10.0.0-next.37
|
|
6
|
+
|
|
7
|
+
### Patch Changes
|
|
8
|
+
|
|
9
|
+
- Added a function to transform font sizes from px to rem. (by [@leagrdv](https://github.com/leagrdv) with [#5321](https://github.com/swisspost/design-system/pull/5321))
|
|
10
|
+
|
|
11
|
+
## 9.0.0-next.36
|
|
12
|
+
|
|
13
|
+
## 9.0.0-next.35
|
|
14
|
+
|
|
15
|
+
## 9.0.0-next.34
|
|
16
|
+
|
|
17
|
+
## 9.0.0-next.33
|
|
18
|
+
|
|
19
|
+
## 9.0.0-next.32
|
|
20
|
+
|
|
21
|
+
## 9.0.0-next.31
|
|
22
|
+
|
|
23
|
+
## 9.0.0-next.30
|
|
24
|
+
|
|
25
|
+
## 9.0.0-next.29
|
|
26
|
+
|
|
27
|
+
## 9.0.0-next.28
|
|
28
|
+
|
|
29
|
+
## 9.0.0-next.27
|
|
30
|
+
|
|
31
|
+
## 9.0.0-next.26
|
|
32
|
+
|
|
33
|
+
## 9.0.0-next.25
|
|
34
|
+
|
|
35
|
+
## 9.0.0-next.24
|
|
36
|
+
|
|
37
|
+
## 9.0.0-next.23
|
|
38
|
+
|
|
39
|
+
## 9.0.0-next.22
|
|
40
|
+
|
|
41
|
+
## 9.0.0-next.21
|
|
42
|
+
|
|
43
|
+
## 9.0.0-next.20
|
|
44
|
+
|
|
45
|
+
## 9.0.0-next.19
|
|
46
|
+
|
|
47
|
+
### Minor Changes
|
|
48
|
+
|
|
49
|
+
- Added a new output that includes utility tokens as Sass maps, enabling direct iteration to generate utility classes. (by [@alizedebray](https://github.com/alizedebray) with [#4613](https://github.com/swisspost/design-system/pull/4613))
|
|
50
|
+
|
|
51
|
+
## 9.0.0-next.18
|
|
52
|
+
|
|
53
|
+
## 9.0.0-next.17
|
|
54
|
+
|
|
55
|
+
## 9.0.0-next.16
|
|
56
|
+
|
|
57
|
+
## 9.0.0-next.15
|
|
58
|
+
|
|
59
|
+
## 9.0.0-next.14
|
|
60
|
+
|
|
61
|
+
### Patch Changes
|
|
62
|
+
|
|
63
|
+
- Added a transform function to avoid unitless zero values for specific token types (like `dimension`, etc.), which allows us to use these tokens also in css `calc()` functions. Because `<number-token>`s are always interpreted as `<number>`s or `<integer>`s, "unitless 0" `<length>`s aren’t supported in calc().
|
|
64
|
+
Source: https://drafts.csswg.org/css-values-3/#calc-type-checking (by [@oliverschuerch](https://github.com/oliverschuerch) with [#4534](https://github.com/swisspost/design-system/pull/4534))
|
|
65
|
+
|
|
66
|
+
## 9.0.0-next.13
|
|
67
|
+
|
|
68
|
+
## 9.0.0-next.12
|
|
69
|
+
|
|
70
|
+
## 9.0.0-next.11
|
|
71
|
+
|
|
72
|
+
## 9.0.0-next.10
|
|
73
|
+
|
|
3
74
|
## 9.0.0-next.9
|
|
4
75
|
|
|
5
76
|
## 9.0.0-next.8
|
package/_channel.scss
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit manually
|
|
3
3
|
// This file was generated by the swisspost/design-system-tokens package
|
|
4
|
-
// Mon,
|
|
4
|
+
// Mon, 19 May 2025 11:16:33 GMT
|
|
5
5
|
|
|
6
6
|
$post-edk: (
|
|
7
|
-
|
|
7
|
+
keep: undefined,
|
|
8
8
|
);
|
|
9
9
|
|
|
10
10
|
$post-idk: (
|
|
11
|
-
|
|
11
|
+
keep: undefined,
|
|
12
12
|
);
|
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,
|
|
4
|
+
// Mon, 19 May 2025 11:16:33 GMT
|
|
5
5
|
|
|
6
6
|
$post-accordion: (
|
|
7
7
|
post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
|
|
@@ -56,9 +56,9 @@ $post-avatar: (
|
|
|
56
56
|
);
|
|
57
57
|
|
|
58
58
|
$post-badge: (
|
|
59
|
-
post-badge-bg: var(--post-scheme-color-
|
|
60
|
-
post-badge-fg: var(--post-scheme-color-
|
|
61
|
-
post-badge-stroke: var(--post-scheme-color-
|
|
59
|
+
post-badge-bg: var(--post-scheme-color-badge-bg),
|
|
60
|
+
post-badge-fg: var(--post-scheme-color-badge-fg),
|
|
61
|
+
post-badge-stroke: var(--post-scheme-color-badge-stroke),
|
|
62
62
|
post-badge-height-l: var(--post-device-sizing-notification-1),
|
|
63
63
|
post-badge-height-m: var(--post-device-sizing-notification-2),
|
|
64
64
|
post-badge-height-s: var(--post-device-sizing-notification-3),
|
|
@@ -209,6 +209,16 @@ $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
|
+
post-card-enabled-bg1: var(--post-theme-color-palettes-alternate-bg),
|
|
217
|
+
post-card-enabled-bg2: var(--post-theme-color-palettes-default-bg),
|
|
218
|
+
post-card-hover-bg: var(--post-scheme-color-interactive-card-hover-bg),
|
|
219
|
+
post-card-hover-fg: var(--post-scheme-color-interactive-card-hover-fg),
|
|
220
|
+
);
|
|
221
|
+
|
|
212
222
|
$post-checkbox: (
|
|
213
223
|
post-checkbox-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg3),
|
|
214
224
|
post-checkbox-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
|
|
@@ -281,11 +291,34 @@ $post-dropdown: (
|
|
|
281
291
|
post-dropdown-multi-select-menu-padding-block: var(--post-device-spacing-padding-block-8),
|
|
282
292
|
post-dropdown-multi-select-menu-border-radius: var(--post-device-border-radius-1),
|
|
283
293
|
post-dropdown-multi-select-menu-elevation: var(--post-device-elevation-300),
|
|
294
|
+
post-dropdown-single-select-menu-list-item-icon-spacing-height-outer: var(--post-device-sizing-icon-2),
|
|
295
|
+
post-dropdown-single-select-menu-list-item-icon-size: var(--post-device-sizing-interactive-icon-size),
|
|
296
|
+
post-dropdown-single-select-menu-list-item-padding-inline-start: var(--post-device-spacing-padding-5),
|
|
297
|
+
post-dropdown-single-select-menu-list-item-padding-inline-end: var(--post-device-spacing-padding-inline-4),
|
|
298
|
+
post-dropdown-single-select-menu-list-item-padding-block-start: var(--post-device-spacing-padding-block-16),
|
|
299
|
+
post-dropdown-single-select-menu-list-item-padding-block-end: var(--post-device-spacing-padding-block-17),
|
|
300
|
+
post-dropdown-single-select-menu-list-item-gap-inline-text-start: var(--post-device-spacing-gap-4),
|
|
301
|
+
post-dropdown-single-select-menu-list-item-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
|
|
302
|
+
post-dropdown-single-select-menu-list-item-hover-fg: var(--post-scheme-color-interactive-primary-hover-fg1),
|
|
303
|
+
post-dropdown-single-select-menu-list-item-enabled-bg: var(--post-scheme-color-interactive-primary-enabled-bg1),
|
|
304
|
+
post-dropdown-single-select-menu-list-item-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
|
|
305
|
+
post-dropdown-single-select-menu-list-item-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke),
|
|
306
|
+
post-dropdown-single-select-menu-list-item-enabled-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke3),
|
|
307
|
+
post-dropdown-single-select-menu-list-item-border-width-bottom: var(--post-device-border-width-alternative2),
|
|
308
|
+
post-dropdown-single-select-menu-category-title-padding-block-outer: var(--post-device-spacing-padding-block-14),
|
|
309
|
+
post-dropdown-single-select-menu-category-title-padding-block-inner: var(--post-device-spacing-padding-block-15),
|
|
310
|
+
post-dropdown-single-select-menu-category-title-padding-inline-inner: var(--post-device-spacing-padding-inline-3),
|
|
311
|
+
post-dropdown-single-select-menu-category-title-stroke: var(--post-scheme-color-interactive-primary-enabled-stroke),
|
|
312
|
+
post-dropdown-single-select-menu-category-title-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
|
|
313
|
+
post-dropdown-single-select-menu-category-title-font-weight: var(--post-device-font-weight-bold),
|
|
314
|
+
post-dropdown-single-select-menu-padding-block: var(--post-device-spacing-padding-block-8),
|
|
315
|
+
post-dropdown-single-select-menu-border-radius: var(--post-device-border-radius-1),
|
|
316
|
+
post-dropdown-single-select-menu-elevation: var(--post-device-elevation-300),
|
|
284
317
|
);
|
|
285
318
|
|
|
286
319
|
$post-floating-button: (
|
|
287
320
|
post-floating-button-position-right: var(--post-device-position-1),
|
|
288
|
-
post-floating-button-position-top: var(--post-device-position-
|
|
321
|
+
post-floating-button-position-top: var(--post-device-position-4),
|
|
289
322
|
post-floating-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
|
|
290
323
|
post-floating-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
|
|
291
324
|
post-floating-button-enabled-border: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
|
|
@@ -453,7 +486,7 @@ $post-popover: (
|
|
|
453
486
|
post-popover-link-padding-block: var(--post-device-spacing-padding-block-9),
|
|
454
487
|
post-popover-link-enabled-fg: var(--post-scheme-color-surface-accent-fg),
|
|
455
488
|
post-popover-link-selected-fg: var(--post-scheme-color-surface-accent-fg),
|
|
456
|
-
post-popover-link-hover-fg: var(--post-scheme-color-
|
|
489
|
+
post-popover-link-hover-fg: var(--post-scheme-color-popover-hover),
|
|
457
490
|
post-popover-link-font-weight: var(--post-device-font-weight-bold),
|
|
458
491
|
post-popover-link-font-size: var(--post-device-font-size-7),
|
|
459
492
|
post-popover-icon-enabled-fg: var(--post-scheme-color-surface-accent1-fg),
|
|
@@ -464,7 +497,7 @@ $post-popover: (
|
|
|
464
497
|
post-popover-surface-border-radius: var(--post-device-border-radius-1),
|
|
465
498
|
post-popover-surface-padding-block: var(--post-device-spacing-padding-5),
|
|
466
499
|
post-popover-surface-padding-inline-start: var(--post-device-spacing-padding-5),
|
|
467
|
-
post-popover-surface-padding-inline-end: var(--post-
|
|
500
|
+
post-popover-surface-padding-inline-end: var(--post-core-dimension-4),
|
|
468
501
|
post-popover-surface-gap-inline: var(--post-device-spacing-gap-inline-4),
|
|
469
502
|
post-popover-text-selected-fg: var(--post-scheme-color-surface-accent-fg),
|
|
470
503
|
post-popover-elevation: var(--post-device-elevation-300),
|
|
@@ -521,8 +554,9 @@ $post-segmented-button: (
|
|
|
521
554
|
post-button-segmented-hover-bg: var(--post-scheme-color-interactive-primary-hover-bg),
|
|
522
555
|
post-button-segmented-hover-border: var(--post-scheme-color-interactive-primary-hover-stroke),
|
|
523
556
|
post-button-segmented-border-width: var(--post-device-border-width-default),
|
|
524
|
-
post-button-segmented-elements-height: var(--post-device-sizing-interactive-button-height-
|
|
557
|
+
post-button-segmented-elements-height: var(--post-device-sizing-interactive-button-height-3),
|
|
525
558
|
post-button-segmented-elements-enabled-border: var(--post-scheme-color-interactive-primary-enabled-stroke3),
|
|
559
|
+
post-button-segmented-elements-gap-inline: var(--post-device-spacing-gap-inline-8),
|
|
526
560
|
post-button-segmented-padding-inline: var(--post-device-spacing-padding-11),
|
|
527
561
|
post-button-segmented-gap-inline: var(--post-device-spacing-gap-inline-13),
|
|
528
562
|
post-button-segmented-margin: var(--post-device-spacing-gap-6),
|
|
@@ -532,19 +566,19 @@ $post-segmented-button: (
|
|
|
532
566
|
);
|
|
533
567
|
|
|
534
568
|
$post-select: (
|
|
535
|
-
post-select-color-enabled-bg: var(--post-scheme-color-interactive-
|
|
536
|
-
post-select-color-enabled-fg: var(--post-scheme-color-interactive-
|
|
537
|
-
post-select-color-hover-bg: var(--post-scheme-color-interactive-
|
|
538
|
-
post-select-color-hover-fg: var(--post-scheme-color-interactive-
|
|
539
|
-
post-select-color-disabled-bg: var(--post-scheme-color-interactive-
|
|
540
|
-
post-select-color-disabled-fg: var(--post-scheme-color-interactive-
|
|
541
|
-
post-select-color-selected-bg: var(--post-scheme-color-interactive-
|
|
542
|
-
post-select-color-selected-fg: var(--post-scheme-color-interactive-
|
|
569
|
+
post-select-color-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
|
|
570
|
+
post-select-color-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
|
|
571
|
+
post-select-color-hover-bg: var(--post-scheme-color-interactive-input-hover-bg),
|
|
572
|
+
post-select-color-hover-fg: var(--post-scheme-color-interactive-input-hover-fg),
|
|
573
|
+
post-select-color-disabled-bg: var(--post-scheme-color-interactive-input-disabled-bg),
|
|
574
|
+
post-select-color-disabled-fg: var(--post-scheme-color-interactive-input-disabled-fg),
|
|
575
|
+
post-select-color-selected-bg: var(--post-scheme-color-interactive-input-enabled-bg),
|
|
576
|
+
post-select-color-selected-fg: var(--post-scheme-color-interactive-input-enabled-fg),
|
|
543
577
|
post-select-color-helptext-fg: var(--post-scheme-color-interactive-primary-enabled-fg2),
|
|
544
|
-
post-select-color-enabled-border: var(--post-scheme-color-interactive-
|
|
545
|
-
post-select-color-hover-border: var(--post-scheme-color-interactive-
|
|
546
|
-
post-select-color-disabled-border: var(--post-scheme-color-interactive-
|
|
547
|
-
post-select-color-selected-border: var(--post-scheme-color-interactive-
|
|
578
|
+
post-select-color-enabled-border: var(--post-scheme-color-interactive-input-enabled-border),
|
|
579
|
+
post-select-color-hover-border: var(--post-scheme-color-interactive-input-hover-border),
|
|
580
|
+
post-select-color-disabled-border: var(--post-scheme-color-interactive-input-disabled-border),
|
|
581
|
+
post-select-color-selected-border: var(--post-scheme-color-interactive-input-enabled-border),
|
|
548
582
|
post-select-color-signal-error: var(--post-scheme-color-signal-error-dark),
|
|
549
583
|
post-select-color-signal-success: var(--post-scheme-color-signal-success-dark),
|
|
550
584
|
post-select-gap-inline-icon: var(--post-device-spacing-gap-1),
|
|
@@ -597,6 +631,24 @@ $post-snackbar: (
|
|
|
597
631
|
post-snackbar-elevation: var(--post-device-elevation-300),
|
|
598
632
|
);
|
|
599
633
|
|
|
634
|
+
$post-spin-button: (
|
|
635
|
+
post-spin-button-large-action-button-icon-size: var(--post-core-dimension-32),
|
|
636
|
+
post-spin-button-large-action-button-padding-block: var(--post-core-dimension-14),
|
|
637
|
+
post-spin-button-large-action-button-padding-inline: var(--post-core-dimension-10),
|
|
638
|
+
post-spin-button-action-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
|
|
639
|
+
post-spin-button-action-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
|
|
640
|
+
post-spin-button-action-button-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg),
|
|
641
|
+
post-spin-button-action-button-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg),
|
|
642
|
+
post-spin-button-action-button-disabled-bg: var(--post-scheme-color-interactive-button-secondary-disabled-bg),
|
|
643
|
+
post-spin-button-action-button-disabled-fg: var(--post-scheme-color-interactive-button-secondary-disabled-fg),
|
|
644
|
+
post-spin-button-action-button-enabled-stroke: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
|
|
645
|
+
post-spin-button-action-button-hover-stroke: var(--post-scheme-color-interactive-button-secondary-hover-stroke),
|
|
646
|
+
post-spin-button-action-button-disabled-stroke: var(--post-scheme-color-interactive-button-secondary-disabled-stroke),
|
|
647
|
+
post-spin-button-action-button-border-radius: var(--post-device-border-radius-round),
|
|
648
|
+
post-spin-button-action-button-border-width: var(--post-device-border-width-default),
|
|
649
|
+
post-spin-button-action-button-elevation: var(--post-device-elevation-100),
|
|
650
|
+
);
|
|
651
|
+
|
|
600
652
|
$post-stepper: (
|
|
601
653
|
post-stepper-text-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
|
|
602
654
|
post-stepper-text-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
|
|
@@ -615,6 +667,7 @@ $post-stepper: (
|
|
|
615
667
|
post-stepper-hover-stroke: var(--post-scheme-color-interactive-primary-hover-stroke3),
|
|
616
668
|
post-stepper-disabled-stroke: var(--post-scheme-color-interactive-primary-disabled-stroke3),
|
|
617
669
|
post-stepper-gap-text-start: var(--post-device-spacing-gap-1),
|
|
670
|
+
post-stepper-gap-labels: var(--post-device-spacing-gap-5),
|
|
618
671
|
post-stepper-padding-connector: var(--post-device-spacing-padding-9),
|
|
619
672
|
post-stepper-border-radius-round: var(--post-device-border-radius-round),
|
|
620
673
|
post-stepper-indicator: var(--post-device-sizing-interactive-stepper-indicator),
|
|
@@ -652,6 +705,7 @@ $post-switch: (
|
|
|
652
705
|
post-switch-element-handle: var(--post-core-dimension-18),
|
|
653
706
|
post-switch-gap-inline-text: var(--post-device-spacing-gap-inline-3),
|
|
654
707
|
post-switch-padding-block-text: var(--post-device-spacing-padding-block-7),
|
|
708
|
+
post-switch-padding-block-container-text: var(--post-device-spacing-padding-block-9),
|
|
655
709
|
post-switch-padding-inline-handle: var(--post-core-dimension-4),
|
|
656
710
|
post-switch-border-radius-round: var(--post-device-border-radius-round),
|
|
657
711
|
post-switch-border-style-disabled: var(--post-core-border-style-dash),
|
|
@@ -659,6 +713,20 @@ $post-switch: (
|
|
|
659
713
|
post-switch-border-width: var(--post-device-border-width-alternative1),
|
|
660
714
|
);
|
|
661
715
|
|
|
716
|
+
$post-teaser: (
|
|
717
|
+
post-teaser-card-sm-image-height: var(--post-device-sizing-content-height-1),
|
|
718
|
+
post-teaser-card-sm-section-content-padding: var(--post-device-spacing-padding-5),
|
|
719
|
+
post-teaser-card-sm-section-content-gap: var(--post-device-spacing-gap-7),
|
|
720
|
+
post-teaser-card-sm-heading-font-size: var(--post-device-font-size-5),
|
|
721
|
+
post-teaser-card-sm-content-gap: var(--post-core-dimension-6),
|
|
722
|
+
post-teaser-card-lg-image-height: var(--post-device-sizing-content-height-2),
|
|
723
|
+
post-teaser-card-lg-section-content-padding: var(--post-device-spacing-padding-20),
|
|
724
|
+
post-teaser-card-lg-section-content-gap: var(--post-core-dimension-24),
|
|
725
|
+
post-teaser-card-lg-heading-font-size: var(--post-device-font-size-4),
|
|
726
|
+
post-teaser-card-lg-content-gap: var(--post-device-spacing-gap-block-3),
|
|
727
|
+
post-teaser-card-content-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
|
|
728
|
+
);
|
|
729
|
+
|
|
662
730
|
$post-text-area: (
|
|
663
731
|
post-textarea-enabled-bg: var(--post-scheme-color-interactive-input-enabled-bg),
|
|
664
732
|
post-textarea-enabled-fg: var(--post-scheme-color-interactive-input-enabled-fg),
|
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,
|
|
4
|
+
// Mon, 19 May 2025 11:16:33 GMT
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
7
|
--post-core-color-brand-postyellow: #ffcc00;
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
--post-core-color-colorless: rgba(255, 255, 255, 0);
|
|
52
52
|
--post-core-color-cargo-green: #00411c;
|
|
53
53
|
--post-core-color-cargo-blue: #aadcff;
|
|
54
|
-
--post-core-dimension-0:
|
|
54
|
+
--post-core-dimension-0: 0px;
|
|
55
55
|
--post-core-dimension-1: 1px;
|
|
56
56
|
--post-core-dimension-2: 2px;
|
|
57
57
|
--post-core-dimension-3: 3px;
|
|
@@ -94,7 +94,13 @@
|
|
|
94
94
|
--post-core-dimension-88: 88px;
|
|
95
95
|
--post-core-dimension-96: 96px;
|
|
96
96
|
--post-core-dimension-100: 100px;
|
|
97
|
+
--post-core-dimension-104: 104px;
|
|
97
98
|
--post-core-dimension-112: 112px;
|
|
99
|
+
--post-core-dimension-164: 164px;
|
|
100
|
+
--post-core-dimension-180: 180px;
|
|
101
|
+
--post-core-dimension-188: 188px;
|
|
102
|
+
--post-core-dimension-240: 240px;
|
|
103
|
+
--post-core-dimension-312: 312px;
|
|
98
104
|
--post-core-dimension-1280: 1280px;
|
|
99
105
|
--post-core-dimension-5-5: 5.5px;
|
|
100
106
|
--post-core-dimension-6-5: 6.5px;
|
|
@@ -111,28 +117,25 @@
|
|
|
111
117
|
--post-core-dimension-25-5: 25.5px;
|
|
112
118
|
--post-core-dimension-24-5: 24.5px;
|
|
113
119
|
--post-core-font-weight-400: 400;
|
|
114
|
-
--post-core-font-weight-500: 500;
|
|
115
120
|
--post-core-font-weight-700: 700;
|
|
116
121
|
--post-core-font-weight-900: 900;
|
|
117
|
-
--post-core-font-size-10:
|
|
118
|
-
--post-core-font-size-12:
|
|
119
|
-
--post-core-font-size-14:
|
|
120
|
-
--post-core-font-size-16:
|
|
121
|
-
--post-core-font-size-18:
|
|
122
|
-
--post-core-font-size-20:
|
|
123
|
-
--post-core-font-size-24:
|
|
124
|
-
--post-core-font-size-28:
|
|
125
|
-
--post-core-font-size-32:
|
|
126
|
-
--post-core-font-size-36:
|
|
127
|
-
--post-core-font-size-40:
|
|
122
|
+
--post-core-font-size-10: 0.625rem;
|
|
123
|
+
--post-core-font-size-12: 0.75rem;
|
|
124
|
+
--post-core-font-size-14: 0.875rem;
|
|
125
|
+
--post-core-font-size-16: 1rem;
|
|
126
|
+
--post-core-font-size-18: 1.125rem;
|
|
127
|
+
--post-core-font-size-20: 1.25rem;
|
|
128
|
+
--post-core-font-size-24: 1.5rem;
|
|
129
|
+
--post-core-font-size-28: 1.75rem;
|
|
130
|
+
--post-core-font-size-32: 2rem;
|
|
131
|
+
--post-core-font-size-36: 2.25rem;
|
|
132
|
+
--post-core-font-size-40: 2.5rem;
|
|
128
133
|
--post-core-line-height-100: 1;
|
|
129
134
|
--post-core-line-height-120: 1.2;
|
|
130
135
|
--post-core-line-height-150: 1.5;
|
|
131
136
|
--post-core-letter-spacing-default: 0.0012em;
|
|
132
|
-
--post-core-letter-spacing-none:
|
|
133
|
-
--post-core-font-family-
|
|
134
|
-
--post-core-font-family-swiss-post: 'Swiss Post Sans v005';
|
|
135
|
-
--post-core-font-family-caveat: Caveat;
|
|
137
|
+
--post-core-letter-spacing-none: 0px;
|
|
138
|
+
--post-core-font-family-swiss-post: 'Swiss Post Sans';
|
|
136
139
|
--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
|
|
137
140
|
--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
|
|
138
141
|
--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);
|
package/_device.scss
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit manually
|
|
3
3
|
// This file was generated by the swisspost/design-system-tokens package
|
|
4
|
-
// Mon,
|
|
4
|
+
// Mon, 19 May 2025 11:16:33 GMT
|
|
5
5
|
|
|
6
6
|
$post-desktop: (
|
|
7
7
|
post-device-font-size-1: var(--post-core-font-size-40),
|
|
@@ -24,6 +24,7 @@ $post-desktop: (
|
|
|
24
24
|
post-device-spacing-gap-1: var(--post-core-dimension-8),
|
|
25
25
|
post-device-spacing-gap-2: var(--post-core-dimension-2),
|
|
26
26
|
post-device-spacing-gap-4: var(--post-core-dimension-16),
|
|
27
|
+
post-device-spacing-gap-5: var(--post-core-dimension-24),
|
|
27
28
|
post-device-spacing-gap-6: var(--post-core-dimension-0),
|
|
28
29
|
post-device-spacing-gap-7: var(--post-core-dimension-16),
|
|
29
30
|
post-device-spacing-gap-block-1: var(--post-core-dimension-8),
|
|
@@ -36,6 +37,7 @@ $post-desktop: (
|
|
|
36
37
|
post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
|
|
37
38
|
post-device-spacing-gap-inline-6: var(--post-core-dimension-24),
|
|
38
39
|
post-device-spacing-gap-inline-7: var(--post-core-dimension-18),
|
|
40
|
+
post-device-spacing-gap-inline-8: var(--post-core-dimension-8),
|
|
39
41
|
post-device-spacing-gap-inline-10: var(--post-core-dimension-8),
|
|
40
42
|
post-device-spacing-gap-inline-11: var(--post-core-dimension-6),
|
|
41
43
|
post-device-spacing-gap-inline-12: var(--post-core-dimension-8),
|
|
@@ -57,6 +59,7 @@ $post-desktop: (
|
|
|
57
59
|
post-device-spacing-padding-17: var(--post-core-dimension-16),
|
|
58
60
|
post-device-spacing-padding-18: var(--post-core-dimension-0),
|
|
59
61
|
post-device-spacing-padding-19: var(--post-core-dimension-16-5),
|
|
62
|
+
post-device-spacing-padding-20: var(--post-core-dimension-24),
|
|
60
63
|
post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
|
|
61
64
|
post-device-spacing-padding-inline-3: var(--post-core-dimension-16),
|
|
62
65
|
post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
|
|
@@ -103,6 +106,7 @@ $post-desktop: (
|
|
|
103
106
|
post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-40),
|
|
104
107
|
post-device-sizing-interactive-button-height-1: var(--post-core-dimension-48),
|
|
105
108
|
post-device-sizing-interactive-button-height-2: var(--post-core-dimension-56),
|
|
109
|
+
post-device-sizing-interactive-button-height-3: var(--post-core-dimension-56),
|
|
106
110
|
post-device-sizing-interactive-button-height-4: var(--post-core-dimension-40),
|
|
107
111
|
post-device-sizing-interactive-button-height-5: var(--post-core-dimension-48),
|
|
108
112
|
post-device-sizing-interactive-button-height-6: var(--post-core-dimension-64),
|
|
@@ -122,8 +126,11 @@ $post-desktop: (
|
|
|
122
126
|
post-device-sizing-icon-2: var(--post-core-dimension-30),
|
|
123
127
|
post-device-sizing-icon-3: var(--post-core-dimension-16),
|
|
124
128
|
post-device-sizing-logo-1: var(--post-core-dimension-72),
|
|
129
|
+
post-device-sizing-content-height-1: var(--post-core-dimension-164),
|
|
130
|
+
post-device-sizing-content-height-2: var(--post-core-dimension-312),
|
|
125
131
|
post-device-border-radius-1: var(--post-core-dimension-4),
|
|
126
132
|
post-device-border-radius-2: var(--post-core-dimension-8),
|
|
133
|
+
post-device-border-radius-3: var(--post-core-dimension-16),
|
|
127
134
|
post-device-border-radius-round: var(--post-core-dimension-100),
|
|
128
135
|
post-device-border-radius-focus: var(--post-core-dimension-4),
|
|
129
136
|
post-device-font-weight-bold: var(--post-core-font-weight-700),
|
|
@@ -144,6 +151,7 @@ $post-desktop: (
|
|
|
144
151
|
post-device-position-1: var(--post-core-dimension-40),
|
|
145
152
|
post-device-position-2: var(--post-core-dimension-16),
|
|
146
153
|
post-device-position-3: var(--post-core-dimension-48),
|
|
154
|
+
post-device-position-4: var(--post-core-dimension-32),
|
|
147
155
|
);
|
|
148
156
|
|
|
149
157
|
$post-tablet: (
|
|
@@ -167,6 +175,7 @@ $post-tablet: (
|
|
|
167
175
|
post-device-spacing-gap-1: var(--post-core-dimension-8),
|
|
168
176
|
post-device-spacing-gap-2: var(--post-core-dimension-2),
|
|
169
177
|
post-device-spacing-gap-4: var(--post-core-dimension-16),
|
|
178
|
+
post-device-spacing-gap-5: var(--post-core-dimension-24),
|
|
170
179
|
post-device-spacing-gap-6: var(--post-core-dimension-0),
|
|
171
180
|
post-device-spacing-gap-7: var(--post-core-dimension-16),
|
|
172
181
|
post-device-spacing-gap-block-1: var(--post-core-dimension-4),
|
|
@@ -179,6 +188,7 @@ $post-tablet: (
|
|
|
179
188
|
post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
|
|
180
189
|
post-device-spacing-gap-inline-6: var(--post-core-dimension-16),
|
|
181
190
|
post-device-spacing-gap-inline-7: var(--post-core-dimension-16),
|
|
191
|
+
post-device-spacing-gap-inline-8: var(--post-core-dimension-8),
|
|
182
192
|
post-device-spacing-gap-inline-10: var(--post-core-dimension-6),
|
|
183
193
|
post-device-spacing-gap-inline-11: var(--post-core-dimension-6),
|
|
184
194
|
post-device-spacing-gap-inline-12: var(--post-core-dimension-6),
|
|
@@ -200,6 +210,7 @@ $post-tablet: (
|
|
|
200
210
|
post-device-spacing-padding-17: var(--post-core-dimension-16),
|
|
201
211
|
post-device-spacing-padding-18: var(--post-core-dimension-0),
|
|
202
212
|
post-device-spacing-padding-19: var(--post-core-dimension-15),
|
|
213
|
+
post-device-spacing-padding-20: var(--post-core-dimension-24),
|
|
203
214
|
post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
|
|
204
215
|
post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
|
|
205
216
|
post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
|
|
@@ -246,6 +257,7 @@ $post-tablet: (
|
|
|
246
257
|
post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32),
|
|
247
258
|
post-device-sizing-interactive-button-height-1: var(--post-core-dimension-40),
|
|
248
259
|
post-device-sizing-interactive-button-height-2: var(--post-core-dimension-48),
|
|
260
|
+
post-device-sizing-interactive-button-height-3: var(--post-core-dimension-48),
|
|
249
261
|
post-device-sizing-interactive-button-height-4: var(--post-core-dimension-34),
|
|
250
262
|
post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40),
|
|
251
263
|
post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56),
|
|
@@ -265,8 +277,11 @@ $post-tablet: (
|
|
|
265
277
|
post-device-sizing-icon-2: var(--post-core-dimension-24),
|
|
266
278
|
post-device-sizing-icon-3: var(--post-core-dimension-14),
|
|
267
279
|
post-device-sizing-logo-1: var(--post-core-dimension-64),
|
|
280
|
+
post-device-sizing-content-height-1: var(--post-core-dimension-180),
|
|
281
|
+
post-device-sizing-content-height-2: var(--post-core-dimension-240),
|
|
268
282
|
post-device-border-radius-1: var(--post-core-dimension-4),
|
|
269
283
|
post-device-border-radius-2: var(--post-core-dimension-8),
|
|
284
|
+
post-device-border-radius-3: var(--post-core-dimension-16),
|
|
270
285
|
post-device-border-radius-round: var(--post-core-dimension-100),
|
|
271
286
|
post-device-border-radius-focus: var(--post-core-dimension-4),
|
|
272
287
|
post-device-font-weight-bold: var(--post-core-font-weight-700),
|
|
@@ -287,6 +302,7 @@ $post-tablet: (
|
|
|
287
302
|
post-device-position-1: var(--post-core-dimension-40),
|
|
288
303
|
post-device-position-2: var(--post-core-dimension-16),
|
|
289
304
|
post-device-position-3: var(--post-core-dimension-48),
|
|
305
|
+
post-device-position-4: var(--post-core-dimension-24),
|
|
290
306
|
);
|
|
291
307
|
|
|
292
308
|
$post-mobile: (
|
|
@@ -310,6 +326,7 @@ $post-mobile: (
|
|
|
310
326
|
post-device-spacing-gap-1: var(--post-core-dimension-8),
|
|
311
327
|
post-device-spacing-gap-2: var(--post-core-dimension-2),
|
|
312
328
|
post-device-spacing-gap-4: var(--post-core-dimension-8),
|
|
329
|
+
post-device-spacing-gap-5: var(--post-core-dimension-8),
|
|
313
330
|
post-device-spacing-gap-6: var(--post-core-dimension-n2),
|
|
314
331
|
post-device-spacing-gap-7: var(--post-core-dimension-16),
|
|
315
332
|
post-device-spacing-gap-block-1: var(--post-core-dimension-4),
|
|
@@ -322,6 +339,7 @@ $post-mobile: (
|
|
|
322
339
|
post-device-spacing-gap-inline-5: var(--post-core-dimension-2),
|
|
323
340
|
post-device-spacing-gap-inline-6: var(--post-core-dimension-16),
|
|
324
341
|
post-device-spacing-gap-inline-7: var(--post-core-dimension-12),
|
|
342
|
+
post-device-spacing-gap-inline-8: var(--post-core-dimension-8),
|
|
325
343
|
post-device-spacing-gap-inline-10: var(--post-core-dimension-4),
|
|
326
344
|
post-device-spacing-gap-inline-11: var(--post-core-dimension-4),
|
|
327
345
|
post-device-spacing-gap-inline-12: var(--post-core-dimension-4),
|
|
@@ -343,6 +361,7 @@ $post-mobile: (
|
|
|
343
361
|
post-device-spacing-padding-17: var(--post-core-dimension-8),
|
|
344
362
|
post-device-spacing-padding-18: var(--post-core-dimension-4),
|
|
345
363
|
post-device-spacing-padding-19: var(--post-core-dimension-11),
|
|
364
|
+
post-device-spacing-padding-20: var(--post-core-dimension-16),
|
|
346
365
|
post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
|
|
347
366
|
post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
|
|
348
367
|
post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
|
|
@@ -389,6 +408,7 @@ $post-mobile: (
|
|
|
389
408
|
post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32),
|
|
390
409
|
post-device-sizing-interactive-button-height-1: var(--post-core-dimension-32),
|
|
391
410
|
post-device-sizing-interactive-button-height-2: var(--post-core-dimension-40),
|
|
411
|
+
post-device-sizing-interactive-button-height-3: var(--post-core-dimension-48),
|
|
392
412
|
post-device-sizing-interactive-button-height-4: var(--post-core-dimension-28),
|
|
393
413
|
post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40),
|
|
394
414
|
post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56),
|
|
@@ -408,8 +428,11 @@ $post-mobile: (
|
|
|
408
428
|
post-device-sizing-icon-2: var(--post-core-dimension-24),
|
|
409
429
|
post-device-sizing-icon-3: var(--post-core-dimension-12),
|
|
410
430
|
post-device-sizing-logo-1: var(--post-core-dimension-56),
|
|
431
|
+
post-device-sizing-content-height-1: var(--post-core-dimension-180),
|
|
432
|
+
post-device-sizing-content-height-2: var(--post-core-dimension-188),
|
|
411
433
|
post-device-border-radius-1: var(--post-core-dimension-4),
|
|
412
434
|
post-device-border-radius-2: var(--post-core-dimension-8),
|
|
435
|
+
post-device-border-radius-3: var(--post-core-dimension-16),
|
|
413
436
|
post-device-border-radius-round: var(--post-core-dimension-100),
|
|
414
437
|
post-device-border-radius-focus: var(--post-core-dimension-4),
|
|
415
438
|
post-device-font-weight-bold: var(--post-core-font-weight-700),
|
|
@@ -430,4 +453,5 @@ $post-mobile: (
|
|
|
430
453
|
post-device-position-1: var(--post-core-dimension-16),
|
|
431
454
|
post-device-position-2: var(--post-core-dimension-16),
|
|
432
455
|
post-device-position-3: var(--post-core-dimension-48),
|
|
456
|
+
post-device-position-4: var(--post-core-dimension-16),
|
|
433
457
|
);
|
package/_elements.scss
CHANGED
package/_helpers.scss
CHANGED
package/_index.scss
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
// Do not edit manually
|
|
2
2
|
// This file was generated by the swisspost/design-system-tokens package
|
|
3
|
-
// Mon,
|
|
3
|
+
// Mon, 19 May 2025 11:16:33 GMT
|
|
4
4
|
|
|
5
5
|
@use './core';
|
|
6
6
|
@forward './scheme';
|
|
7
7
|
@forward './device';
|
|
8
8
|
@forward './channel';
|
|
9
|
+
@forward './palette';
|
|
9
10
|
@forward './theme';
|
|
10
11
|
@forward './elements';
|
|
11
12
|
@forward './components';
|
package/_palette.scss
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit manually
|
|
3
|
+
// This file was generated by the swisspost/design-system-tokens package
|
|
4
|
+
// Mon, 19 May 2025 11:16:33 GMT
|
|
5
|
+
|
|
6
|
+
$post-default: (
|
|
7
|
+
post-palette-color-post-bg: var(--post-scheme-color-surface-default-bg),
|
|
8
|
+
post-palette-color-post-fg: var(--post-scheme-color-surface-default-fg),
|
|
9
|
+
post-palette-color-post-secondary: var(--post-scheme-color-surface-default-fg),
|
|
10
|
+
post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-alternate-bg),
|
|
11
|
+
post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
|
|
12
|
+
post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-default-bg),
|
|
13
|
+
post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-default-fg),
|
|
14
|
+
post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-default-fg),
|
|
15
|
+
post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-alternate-bg),
|
|
16
|
+
post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
$post-alternate: (
|
|
20
|
+
post-palette-color-post-bg: var(--post-scheme-color-surface-alternate-bg),
|
|
21
|
+
post-palette-color-post-fg: var(--post-scheme-color-surface-alternate-fg),
|
|
22
|
+
post-palette-color-post-secondary: var(--post-scheme-color-surface-alternate-fg),
|
|
23
|
+
post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-default-bg),
|
|
24
|
+
post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
|
|
25
|
+
post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-alternate-bg),
|
|
26
|
+
post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-alternate-fg),
|
|
27
|
+
post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-alternate-fg),
|
|
28
|
+
post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-default-bg),
|
|
29
|
+
post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-1),
|
|
30
|
+
);
|
|
31
|
+
|
|
32
|
+
$post-accent: (
|
|
33
|
+
post-palette-color-post-bg: var(--post-scheme-color-surface-accent-bg),
|
|
34
|
+
post-palette-color-post-fg: var(--post-scheme-color-surface-accent-fg),
|
|
35
|
+
post-palette-color-post-secondary: var(--post-scheme-color-surface-accent-fg-accent),
|
|
36
|
+
post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-accent-secondary-bg),
|
|
37
|
+
post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-3),
|
|
38
|
+
post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-accent-bg),
|
|
39
|
+
post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-accent-fg),
|
|
40
|
+
post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-accent-fg-accent),
|
|
41
|
+
post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-accent-secondary-bg),
|
|
42
|
+
post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-4),
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
$post-brand: (
|
|
46
|
+
post-palette-color-post-bg: var(--post-scheme-color-surface-brand-bg),
|
|
47
|
+
post-palette-color-post-fg: var(--post-scheme-color-surface-brand-fg),
|
|
48
|
+
post-palette-color-post-secondary: var(--post-scheme-color-surface-brand-fg-accent),
|
|
49
|
+
post-palette-color-post-secondary-bg: var(--post-scheme-color-surface-brand-secondary-bg),
|
|
50
|
+
post-palette-color-post-bg-scheme: var(--post-scheme-accent-bg-scheme-4),
|
|
51
|
+
post-palette-color-cargo-bg: var(--post-cargo-scheme-color-surface-brand-bg),
|
|
52
|
+
post-palette-color-cargo-fg: var(--post-cargo-scheme-color-surface-brand-fg),
|
|
53
|
+
post-palette-color-cargo-secondary: var(--post-cargo-scheme-color-surface-brand-fg-accent),
|
|
54
|
+
post-palette-color-cargo-secondary-bg: var(--post-cargo-scheme-color-surface-brand-secondary-bg),
|
|
55
|
+
post-palette-color-cargo-bg-scheme: var(--post-scheme-accent-bg-scheme-3),
|
|
56
|
+
);
|
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,
|
|
4
|
+
// Mon, 19 May 2025 11:16:33 GMT
|
|
5
5
|
|
|
6
6
|
$post-palettes: (
|
|
7
7
|
post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),
|
|
@@ -11,9 +11,9 @@ $post-palettes: (
|
|
|
11
11
|
post-palettes-color-alternate-fg: var(--post-theme-color-palettes-alternate-fg),
|
|
12
12
|
post-palettes-color-alternate-bg-scheme: var(--post-theme-palettes-bg-scheme-alternate),
|
|
13
13
|
post-palettes-color-brand-bg: var(--post-theme-color-palettes-brand-bg),
|
|
14
|
-
post-palettes-color-brand-fg: var(--post-theme-color-palettes-brand-fg),
|
|
14
|
+
post-palettes-color-brand-fg: var(--post-theme-color-palettes-brand-fg-accent),
|
|
15
15
|
post-palettes-color-brand-bg-scheme: var(--post-theme-palettes-bg-scheme-brand),
|
|
16
16
|
post-palettes-color-accent-bg: var(--post-theme-color-palettes-accent-bg),
|
|
17
|
-
post-palettes-color-accent-fg: var(--post-theme-color-palettes-accent-fg),
|
|
17
|
+
post-palettes-color-accent-fg: var(--post-theme-color-palettes-accent-fg-accent),
|
|
18
18
|
post-palettes-color-accent-bg-scheme: var(--post-theme-palettes-bg-scheme-emphasis),
|
|
19
19
|
);
|