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

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 +6 -5
  4. package/_core.scss +1 -1
  5. package/_device.scss +1 -1
  6. package/_elements.scss +1 -1
  7. package/_helpers.scss +1 -1
  8. package/_index.scss +1 -1
  9. package/_palettes.scss +1 -1
  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 +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 +34 -24
package/CHANGELOG.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.9
4
+
3
5
  ## 9.0.0-next.8
4
6
 
5
7
  ## 9.0.0-next.7
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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  $post-accordion: (
7
7
  post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
@@ -127,7 +127,7 @@ $post-breadcrumb: (
127
127
  post-breadcrumb-link-enabled-text-decoration: var(--post-core-text-decoration-none),
128
128
  post-breadcrumb-link-hover-text-decoration: var(--post-core-text-decoration-underline),
129
129
  post-breadcrumb-link-selected-text-decoration: var(--post-core-text-decoration-none),
130
- post-breadcrum-icon-size: var(--post-core-dimension-24),
130
+ post-breadcrumb-icon-size: var(--post-core-dimension-24),
131
131
  );
132
132
 
133
133
  $post-button: (
@@ -780,9 +780,10 @@ $post-toast: (
780
780
 
781
781
  $post-validation: (
782
782
  post-validation-group-gap-inline: var(--post-device-spacing-gap-inline-10),
783
- post-validation-group-padding-block-text: var(--post-device-spacing-padding-12),
784
- post-validation-group-icon-size: var(--post-device-sizing-interactive-icon-size),
785
- post-validation-group-icon-padding: var(--post-device-spacing-padding-1),
783
+ post-validation-group-icon-size: var(--post-device-sizing-interactive-icon-size4),
784
+ post-validation-group-icon-block-start: var(--post-core-dimension-2),
785
+ post-validation-group-icon-block-end: var(--post-core-dimension-3),
786
+ post-validation-group-padding-inline-start: var(--post-core-dimension-4),
786
787
  post-validation-error: var(--post-scheme-color-signal-error-solo),
787
788
  post-validation-success: var(--post-scheme-color-signal-success-solo),
788
789
  post-validation-input-padding-block: var(--post-device-spacing-padding-block-5),
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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  $post-desktop: (
7
7
  post-device-font-size-1: var(--post-core-font-size-40),
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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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, 09 Dec 2024 15:51:03 GMT
3
+ // Mon, 16 Dec 2024 16:43:56 GMT
4
4
 
5
5
  @use './core';
6
6
  @forward './scheme';
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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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
- // Mon, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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.8",
3
+ "version": "9.0.0-next.9",
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 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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
package/palettes/_cargo-light.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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
package/palettes/_post-dark.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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #373632,
package/palettes/_post-light.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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  $post-palettes: (
7
7
  post-palettes-color-default-bg: #fafafa,
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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 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, 09 Dec 2024 15:51:03 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  export default {
7
7
  utility: {
package/tokens.json CHANGED
@@ -4307,11 +4307,15 @@
4307
4307
  "$type": "color",
4308
4308
  "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
4309
4309
  }
4310
+ },
4311
+ "hint": {
4312
+ "spacing": {
4313
+ "block": {
4314
+ "$type": "spacing",
4315
+ "$value": "{post.core.dimension.6}"
4316
+ }
4317
+ }
4310
4318
  }
4311
- },
4312
- "post-hint-spacing-block": {
4313
- "$type": "spacing",
4314
- "$value": "{post.core.dimension.6}"
4315
4319
  }
4316
4320
  },
4317
4321
  "Components/Avatar": {
@@ -4711,9 +4715,7 @@
4711
4715
  "$value": "{post.core.text-decoration.none}"
4712
4716
  }
4713
4717
  }
4714
- }
4715
- },
4716
- "breadcrum": {
4718
+ },
4717
4719
  "icon": {
4718
4720
  "size": {
4719
4721
  "$type": "sizing",
@@ -7739,22 +7741,28 @@
7739
7741
  "$value": "{post.device.spacing.gap.inline.10}"
7740
7742
  }
7741
7743
  },
7742
- "padding": {
7744
+ "icon": {
7745
+ "size": {
7746
+ "$type": "sizing",
7747
+ "$value": "{post.device.sizing.interactive.icon.size4}"
7748
+ },
7743
7749
  "block": {
7744
- "text": {
7750
+ "start": {
7745
7751
  "$type": "spacing",
7746
- "$value": "{post.device.spacing.padding.12}"
7752
+ "$value": "{post.core.dimension.2}"
7753
+ },
7754
+ "end": {
7755
+ "$type": "spacing",
7756
+ "$value": "{post.core.dimension.3}"
7747
7757
  }
7748
7758
  }
7749
7759
  },
7750
- "icon": {
7751
- "size": {
7752
- "$type": "sizing",
7753
- "$value": "{post.device.sizing.interactive.icon.size}"
7754
- },
7755
- "padding": {
7756
- "$type": "spacing",
7757
- "$value": "{post.device.spacing.padding.1}"
7760
+ "padding": {
7761
+ "inline": {
7762
+ "start": {
7763
+ "$type": "spacing",
7764
+ "$value": "{post.core.dimension.4}"
7765
+ }
7758
7766
  }
7759
7767
  }
7760
7768
  },
@@ -9971,7 +9979,7 @@
9971
9979
  "post.assist.font-size": "c42fdefaa61b7c5d6916a6b6768599b19da3fd4d",
9972
9980
  "post.assist.enabled-fg": "72f5b4238dee1bf68e93e9731b4fd8f2e5e38fd5",
9973
9981
  "post.assist.disabled-fg": "511343125c5a9ce9901570e967e37962ab1eca6d",
9974
- "post-hint-spacing-block": "a991d75103776c3686418a2e6004246f2d0a9000",
9982
+ "post.hint.spacing.block": "3165d98279644e157898945596f89c99ca404b5c",
9975
9983
  "post.avatar.size": "fdc1484ed63e645974c9a435ca62dd46b26a84e0",
9976
9984
  "post.avatar.enabled-bg": "1863e011a6589c655c1f6ce1b3fa63e4153719e2",
9977
9985
  "post.avatar.enabled-fg": "9fbe58313d6bf87fab98be4e81191e79f1a038b0",
@@ -10038,7 +10046,7 @@
10038
10046
  "post.breadcrumb.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052",
10039
10047
  "post.breadcrumb.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd",
10040
10048
  "post.breadcrumb.selected.font-weight": "c26e16ce48b87d25d173a722ccbc4f7c3c438841",
10041
- "post.breadcrum.icon.size": "72338131139ad3c76c52523326371d15f5284ac5",
10049
+ "post.breadcrumb.icon.size": "72338131139ad3c76c52523326371d15f5284ac5",
10042
10050
  "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9",
10043
10051
  "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5",
10044
10052
  "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62",
@@ -10355,7 +10363,7 @@
10355
10363
  "post.input.search.label.empty.padding.inline.end": "86ee6eb34d947957e558ec6f2eff1c74e350412e",
10356
10364
  "post.input.search.label.filled.padding.inline.end": "374f2471e81aba44b09a6f6f31f51b47ce87d9a8",
10357
10365
  "post.input.search.icon.border-radius": "cd54dafcf43f1524a4759289263baffa23699e17",
10358
- "post.search.position.inline.end.icon": "c9cb98cb13f74d863fc6c426b34a9182866eb17f",
10366
+ "post.search.position.inline.end.icon": "7dec1a6368f3f33341da9c53c8af35b4f649702d",
10359
10367
  "post.button-segmented.horizontal.border-radius": "fd01f5b8308c2c2826717c59169509fa33da4431",
10360
10368
  "post.button-segmented.vertical.border-radius": "bb62d30e7b32d7c62d6a825888a8248af47f3532",
10361
10369
  "post.button-segmented.selected-fg": "23623d928ead25f0bcf0b42baed2bfdf8345daad",
@@ -10521,6 +10529,7 @@
10521
10529
  "post.textarea.position.block.start.validation": "7d3d68f9b92e710e7441d84c31b27639e13e301a",
10522
10530
  "post.textarea.assist.font-size": "8fb89a9effda2d25fe148de62b52eb6ddc9a280b",
10523
10531
  "post.textarea.validated.padding.inline.end": "82e187d41e38dad89946c46aa1d8875e096accfd",
10532
+ "post.textarea.placeholder-fg": "b77a1c8e294ec724d8298a7c4c6c965d2c763610",
10524
10533
  "post.text-highlighted.bg": "27774fb04cb78f58f13895b833a4851be7e3486b",
10525
10534
  "post.text-highlighted.fg": "8416d4e5337654acf592f5345f7c151d3cd63a4d",
10526
10535
  "post.text-highlighted.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b",
@@ -10587,14 +10596,15 @@
10587
10596
  "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69",
10588
10597
  "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040",
10589
10598
  "post.validation.group.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2",
10590
- "post.validation.group.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee",
10591
10599
  "post.validation.group.icon.size": "ce5d0ae47c1f80a7ea39a6e5b25a00055c450e7d",
10592
- "post.validation.group.icon.padding": "4c33e15ce67a9e7398af3f45682774c919629a17",
10593
10600
  "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795",
10594
10601
  "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
10595
10602
  "post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
10596
10603
  "post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
10597
- "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f"
10604
+ "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
10605
+ "post.validation.group.padding.inline.start": "37c8364dbc202912a5a557a5f8cc026e1f84a3bf",
10606
+ "post.validation.group.icon.block.start": "e52e3d301a820f000d2cd339f1fab72a5f09ce81",
10607
+ "post.validation.group.icon.block.end": "f30710c36d79b96b33c33ad8e67524cc1ae3cd7a"
10598
10608
  }
10599
10609
  },
10600
10610
  {