@swisspost/design-system-tokens 9.0.0-next.29 → 9.0.0-next.31
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 +4 -0
- package/_channel.scss +1 -1
- package/_components.scss +20 -2
- package/_core.scss +1 -1
- package/_device.scss +4 -1
- package/_elements.scss +1 -1
- package/_helpers.scss +1 -1
- package/_index.scss +1 -1
- package/_palettes.scss +1 -1
- package/_scheme.scss +1 -1
- package/_theme.scss +1 -1
- package/_utilities-formatted.scss +1 -1
- package/_utilities.scss +1 -1
- package/package.json +1 -1
- 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 +1 -1
- package/tailwind/helpers.tailwind.js +1 -1
- package/tailwind/utilities.tailwind.js +1 -1
- package/tokens.json +113 -4
package/CHANGELOG.md
CHANGED
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
|
-
//
|
|
4
|
+
// Mon, 17 Mar 2025 13:01:43 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
|
-
//
|
|
4
|
+
// Mon, 17 Mar 2025 13:01:43 GMT
|
|
5
5
|
|
|
6
6
|
$post-accordion: (
|
|
7
7
|
post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
|
|
@@ -295,7 +295,7 @@ $post-dropdown: (
|
|
|
295
295
|
|
|
296
296
|
$post-floating-button: (
|
|
297
297
|
post-floating-button-position-right: var(--post-device-position-1),
|
|
298
|
-
post-floating-button-position-top: var(--post-device-position-
|
|
298
|
+
post-floating-button-position-top: var(--post-device-position-4),
|
|
299
299
|
post-floating-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
|
|
300
300
|
post-floating-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
|
|
301
301
|
post-floating-button-enabled-border: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
|
|
@@ -607,6 +607,24 @@ $post-snackbar: (
|
|
|
607
607
|
post-snackbar-elevation: var(--post-device-elevation-300),
|
|
608
608
|
);
|
|
609
609
|
|
|
610
|
+
$post-spin-button: (
|
|
611
|
+
post-spin-button-large-action-button-icon-size: var(--post-core-dimension-32),
|
|
612
|
+
post-spin-button-large-action-button-padding-block: var(--post-core-dimension-14),
|
|
613
|
+
post-spin-button-large-action-button-padding-inline: var(--post-core-dimension-10),
|
|
614
|
+
post-spin-button-action-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
|
|
615
|
+
post-spin-button-action-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
|
|
616
|
+
post-spin-button-action-button-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg),
|
|
617
|
+
post-spin-button-action-button-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg),
|
|
618
|
+
post-spin-button-action-button-disabled-bg: var(--post-scheme-color-interactive-button-secondary-disabled-bg),
|
|
619
|
+
post-spin-button-action-button-disabled-fg: var(--post-scheme-color-interactive-button-secondary-disabled-fg),
|
|
620
|
+
post-spin-button-action-button-enabled-stroke: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
|
|
621
|
+
post-spin-button-action-button-hover-stroke: var(--post-scheme-color-interactive-button-secondary-hover-stroke),
|
|
622
|
+
post-spin-button-action-button-disabled-stroke: var(--post-scheme-color-interactive-button-secondary-disabled-stroke),
|
|
623
|
+
post-spin-button-action-button-border-radius: var(--post-device-border-radius-round),
|
|
624
|
+
post-spin-button-action-button-border-width: var(--post-device-border-width-default),
|
|
625
|
+
post-spin-button-action-button-elevation: var(--post-device-elevation-100),
|
|
626
|
+
);
|
|
627
|
+
|
|
610
628
|
$post-stepper: (
|
|
611
629
|
post-stepper-text-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
|
|
612
630
|
post-stepper-text-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
|
package/_core.scss
CHANGED
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
|
-
//
|
|
4
|
+
// Mon, 17 Mar 2025 13:01:43 GMT
|
|
5
5
|
|
|
6
6
|
$post-desktop: (
|
|
7
7
|
post-device-font-size-1: var(--post-core-font-size-40),
|
|
@@ -148,6 +148,7 @@ $post-desktop: (
|
|
|
148
148
|
post-device-position-1: var(--post-core-dimension-40),
|
|
149
149
|
post-device-position-2: var(--post-core-dimension-16),
|
|
150
150
|
post-device-position-3: var(--post-core-dimension-48),
|
|
151
|
+
post-device-position-4: var(--post-core-dimension-32),
|
|
151
152
|
);
|
|
152
153
|
|
|
153
154
|
$post-tablet: (
|
|
@@ -295,6 +296,7 @@ $post-tablet: (
|
|
|
295
296
|
post-device-position-1: var(--post-core-dimension-40),
|
|
296
297
|
post-device-position-2: var(--post-core-dimension-16),
|
|
297
298
|
post-device-position-3: var(--post-core-dimension-48),
|
|
299
|
+
post-device-position-4: var(--post-core-dimension-24),
|
|
298
300
|
);
|
|
299
301
|
|
|
300
302
|
$post-mobile: (
|
|
@@ -442,4 +444,5 @@ $post-mobile: (
|
|
|
442
444
|
post-device-position-1: var(--post-core-dimension-16),
|
|
443
445
|
post-device-position-2: var(--post-core-dimension-16),
|
|
444
446
|
post-device-position-3: var(--post-core-dimension-48),
|
|
447
|
+
post-device-position-4: var(--post-core-dimension-16),
|
|
445
448
|
);
|
package/_elements.scss
CHANGED
package/_helpers.scss
CHANGED
package/_index.scss
CHANGED
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
|
-
//
|
|
4
|
+
// Mon, 17 Mar 2025 13:01:43 GMT
|
|
5
5
|
|
|
6
6
|
$post-palettes: (
|
|
7
7
|
post-palettes-color-default-bg: var(--post-theme-color-palettes-default-bg),
|
package/_scheme.scss
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit manually
|
|
3
3
|
// This file was generated by the swisspost/design-system-tokens package
|
|
4
|
-
//
|
|
4
|
+
// Mon, 17 Mar 2025 13:01:43 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
package/_utilities.scss
CHANGED
package/package.json
CHANGED
package/palettes/_post-dark.scss
CHANGED
package/tokens.json
CHANGED
|
@@ -2813,6 +2813,10 @@
|
|
|
2813
2813
|
"3": {
|
|
2814
2814
|
"$type": "dimension",
|
|
2815
2815
|
"$value": "{post.core.dimension.48}"
|
|
2816
|
+
},
|
|
2817
|
+
"4": {
|
|
2818
|
+
"$type": "dimension",
|
|
2819
|
+
"$value": "{post.core.dimension.32}"
|
|
2816
2820
|
}
|
|
2817
2821
|
}
|
|
2818
2822
|
}
|
|
@@ -3263,6 +3267,10 @@
|
|
|
3263
3267
|
"1": {
|
|
3264
3268
|
"$type": "dimension",
|
|
3265
3269
|
"$value": "{post.core.dimension.40}"
|
|
3270
|
+
},
|
|
3271
|
+
"4": {
|
|
3272
|
+
"$type": "dimension",
|
|
3273
|
+
"$value": "{post.core.dimension.24}"
|
|
3266
3274
|
}
|
|
3267
3275
|
}
|
|
3268
3276
|
}
|
|
@@ -3719,6 +3727,10 @@
|
|
|
3719
3727
|
"1": {
|
|
3720
3728
|
"$type": "dimension",
|
|
3721
3729
|
"$value": "{post.core.dimension.16}"
|
|
3730
|
+
},
|
|
3731
|
+
"4": {
|
|
3732
|
+
"$type": "dimension",
|
|
3733
|
+
"$value": "{post.core.dimension.16}"
|
|
3722
3734
|
}
|
|
3723
3735
|
}
|
|
3724
3736
|
}
|
|
@@ -5547,7 +5559,7 @@
|
|
|
5547
5559
|
},
|
|
5548
5560
|
"top": {
|
|
5549
5561
|
"$type": "dimension",
|
|
5550
|
-
"$value": "{post.device.position.
|
|
5562
|
+
"$value": "{post.device.position.4}"
|
|
5551
5563
|
}
|
|
5552
5564
|
},
|
|
5553
5565
|
"enabled-fg": {
|
|
@@ -6989,6 +7001,82 @@
|
|
|
6989
7001
|
}
|
|
6990
7002
|
}
|
|
6991
7003
|
},
|
|
7004
|
+
"Components/Spin button": {
|
|
7005
|
+
"post": {
|
|
7006
|
+
"spin-button": {
|
|
7007
|
+
"large": {
|
|
7008
|
+
"action-button": {
|
|
7009
|
+
"icon": {
|
|
7010
|
+
"size": {
|
|
7011
|
+
"$type": "sizing",
|
|
7012
|
+
"$value": "{post.core.dimension.32}"
|
|
7013
|
+
}
|
|
7014
|
+
},
|
|
7015
|
+
"padding": {
|
|
7016
|
+
"block": {
|
|
7017
|
+
"$type": "spacing",
|
|
7018
|
+
"$value": "{post.core.dimension.14}"
|
|
7019
|
+
},
|
|
7020
|
+
"inline": {
|
|
7021
|
+
"$type": "spacing",
|
|
7022
|
+
"$value": "{post.core.dimension.10}"
|
|
7023
|
+
}
|
|
7024
|
+
}
|
|
7025
|
+
}
|
|
7026
|
+
},
|
|
7027
|
+
"action-button": {
|
|
7028
|
+
"enabled-bg": {
|
|
7029
|
+
"$type": "color",
|
|
7030
|
+
"$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}"
|
|
7031
|
+
},
|
|
7032
|
+
"enabled-fg": {
|
|
7033
|
+
"$type": "color",
|
|
7034
|
+
"$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}"
|
|
7035
|
+
},
|
|
7036
|
+
"hover-bg": {
|
|
7037
|
+
"$type": "color",
|
|
7038
|
+
"$value": "{post.scheme.color.interactive.button.secondary.hover.bg}"
|
|
7039
|
+
},
|
|
7040
|
+
"hover-fg": {
|
|
7041
|
+
"$type": "color",
|
|
7042
|
+
"$value": "{post.scheme.color.interactive.button.secondary.hover.fg}"
|
|
7043
|
+
},
|
|
7044
|
+
"disabled-bg": {
|
|
7045
|
+
"$type": "color",
|
|
7046
|
+
"$value": "{post.scheme.color.interactive.button.secondary.disabled.bg}"
|
|
7047
|
+
},
|
|
7048
|
+
"disabled-fg": {
|
|
7049
|
+
"$type": "color",
|
|
7050
|
+
"$value": "{post.scheme.color.interactive.button.secondary.disabled.fg}"
|
|
7051
|
+
},
|
|
7052
|
+
"enabled-stroke": {
|
|
7053
|
+
"$type": "color",
|
|
7054
|
+
"$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}"
|
|
7055
|
+
},
|
|
7056
|
+
"hover-stroke": {
|
|
7057
|
+
"$type": "color",
|
|
7058
|
+
"$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}"
|
|
7059
|
+
},
|
|
7060
|
+
"disabled-stroke": {
|
|
7061
|
+
"$type": "color",
|
|
7062
|
+
"$value": "{post.scheme.color.interactive.button.secondary.disabled.stroke}"
|
|
7063
|
+
},
|
|
7064
|
+
"border-radius": {
|
|
7065
|
+
"$type": "borderRadius",
|
|
7066
|
+
"$value": "{post.device.border-radius.round}"
|
|
7067
|
+
},
|
|
7068
|
+
"border-width": {
|
|
7069
|
+
"$type": "borderWidth",
|
|
7070
|
+
"$value": "{post.device.border-width.default}"
|
|
7071
|
+
},
|
|
7072
|
+
"elevation": {
|
|
7073
|
+
"$type": "boxShadow",
|
|
7074
|
+
"$value": "{post.device.elevation.100}"
|
|
7075
|
+
}
|
|
7076
|
+
}
|
|
7077
|
+
}
|
|
7078
|
+
}
|
|
7079
|
+
},
|
|
6992
7080
|
"Components/Stepper": {
|
|
6993
7081
|
"post": {
|
|
6994
7082
|
"stepper": {
|
|
@@ -8889,7 +8977,6 @@
|
|
|
8889
8977
|
"post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab",
|
|
8890
8978
|
"post.core.dimension.100": "a6b405b6955da9114e41712fd7f8413e018c81c9",
|
|
8891
8979
|
"post.core.dimension.104": "c083e2e9756c614be6300168b2280da675e6b5e4",
|
|
8892
|
-
"post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf",
|
|
8893
8980
|
"post.core.dimension.164": "d4e897de6a06427c57c11b83961582eb008a5b86",
|
|
8894
8981
|
"post.core.dimension.180": "695dddb74cfb20e35975daeff720ae3c3b7d80a5",
|
|
8895
8982
|
"post.core.dimension.188": "32589adde559f453f65e33b4efc88278897810c4",
|
|
@@ -9976,7 +10063,13 @@
|
|
|
9976
10063
|
"post.icon-button.elevation": "S:e11aee1ee3b8d5b3970b8ec32871bde4871ab2f3,",
|
|
9977
10064
|
"post.button.elevation": "S:e11aee1ee3b8d5b3970b8ec32871bde4871ab2f3,",
|
|
9978
10065
|
"post.button-segmented.elevation": "S:4ac758116e586feda19870f3fb5cfe628a5b5f34,",
|
|
9979
|
-
"post.banner.elevation": "S:7051dc53c8a93517231eee7ffffc3124628e9a71,"
|
|
10066
|
+
"post.banner.elevation": "S:7051dc53c8a93517231eee7ffffc3124628e9a71,",
|
|
10067
|
+
"post.card.interactive.elevation": "S:a7fed0d15af2e4161a62b304a39ab276b89dda73,",
|
|
10068
|
+
"post.floating-button.elevation": "S:e30e4390d08f46ff91c16b142eaad646d7dae11f,",
|
|
10069
|
+
"post.inline.elevation": "S:0da4aff86cc2f6ca97cb39bce79315e31f9f507b,",
|
|
10070
|
+
"post.snackbar.elevation": "S:e1cc87ee773858ab3e8e0954a11a0394f5d22d14,",
|
|
10071
|
+
"post.spin-button.action-button.elevation": "S:fae3c8e89113ff974530b133fc8e218de0f8ca45,",
|
|
10072
|
+
"post.toast.elevation": "S:2acf39ee9d3cf9eaa9a60444e36284fe483369e5,"
|
|
9980
10073
|
},
|
|
9981
10074
|
"selectedTokenSets": {
|
|
9982
10075
|
"core": "source",
|
|
@@ -10034,7 +10127,8 @@
|
|
|
10034
10127
|
"Components/ListCheck": "enabled",
|
|
10035
10128
|
"Components/Assist": "enabled",
|
|
10036
10129
|
"Components/Cards": "enabled",
|
|
10037
|
-
"Components/Teaser": "enabled"
|
|
10130
|
+
"Components/Teaser": "enabled",
|
|
10131
|
+
"Components/Spin button": "enabled"
|
|
10038
10132
|
},
|
|
10039
10133
|
"$figmaCollectionId": "VariableCollectionId:808:5504",
|
|
10040
10134
|
"$figmaModeId": "808:0",
|
|
@@ -10532,6 +10626,20 @@
|
|
|
10532
10626
|
"post.snackbar.color.error-fg": "859c4782edc8ec6cd3569354f42336766ee272c5",
|
|
10533
10627
|
"post.snackbar.color.error-stroke": "74374ac91c484a7d91f7c95779d2d1af98fd7e36",
|
|
10534
10628
|
"post.snackbar.color.error-icon": "fb053dcadabccbdbe12d091934eb678e468af65c",
|
|
10629
|
+
"post.spin-button.large.action-button.icon.size": "10e9a6a2eff63368599f3e920ac547201e0ea874",
|
|
10630
|
+
"post.spin-button.large.action-button.padding.block": "c58590577affeac7486da68c9ef44922b763b7e8",
|
|
10631
|
+
"post.spin-button.large.action-button.padding.inline": "91f4c3c743cd4bb2cd86d564995561fd0d9b7959",
|
|
10632
|
+
"post.spin-button.action-button.enabled-bg": "fc908291dd81a105ac4feb308e3b9d8e4a071466",
|
|
10633
|
+
"post.spin-button.action-button.enabled-fg": "e6e11809f7f1cb2303eaff81da20c7f3c1634062",
|
|
10634
|
+
"post.spin-button.action-button.hover-bg": "5788b790c4c8393dd69371fcfb186382bb3ff6d6",
|
|
10635
|
+
"post.spin-button.action-button.hover-fg": "55cffe3d58753d5a132aafbf37bbef2f83bc3d5c",
|
|
10636
|
+
"post.spin-button.action-button.disabled-bg": "1705c18fcf5c74bb8473216eb0a8ab6b9cd7d935",
|
|
10637
|
+
"post.spin-button.action-button.disabled-fg": "47157d7f7442f4d616b1ce1bd31ace5222d3dd60",
|
|
10638
|
+
"post.spin-button.action-button.enabled-stroke": "886b80238d2474bc3e45ccc050c36876c5e089ad",
|
|
10639
|
+
"post.spin-button.action-button.hover-stroke": "3b723ef49d3e8200c20d633e2ffdc520b911a911",
|
|
10640
|
+
"post.spin-button.action-button.disabled-stroke": "cf3bc0217bc9ef79226f7e36e334721807bb3e3c",
|
|
10641
|
+
"post.spin-button.action-button.border-radius": "ede9c268fc456972470b6c4921ce2297db06250e",
|
|
10642
|
+
"post.spin-button.action-button.border-width": "4ecaf04f63d502eefff8124b8dd0e2b8649afde7",
|
|
10535
10643
|
"post.stepper.text.enabled-fg": "5399579b1d42c8d09bd42d198a75f16d3085001c",
|
|
10536
10644
|
"post.stepper.text.disabled-fg": "1400541fc168af90ab6accaf90b0e6245f36c6c9",
|
|
10537
10645
|
"post.stepper.enabled-bg": "07e6a8499bfe2e8bd72382980b879e62f2d24749",
|
|
@@ -10938,6 +11046,7 @@
|
|
|
10938
11046
|
"Components/Segmented button",
|
|
10939
11047
|
"Components/Select",
|
|
10940
11048
|
"Components/Snackbar",
|
|
11049
|
+
"Components/Spin button",
|
|
10941
11050
|
"Components/Stepper",
|
|
10942
11051
|
"Components/Switch",
|
|
10943
11052
|
"Components/Teaser",
|