@swisspost/design-system-tokens 9.0.0-next.7 → 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 +4 -0
  2. package/_channel.scss +1 -1
  3. package/_components.scss +7 -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 -41
package/CHANGELOG.md CHANGED
@@ -1,5 +1,9 @@
1
1
  # @swisspost/design-system-tokens
2
2
 
3
+ ## 9.0.0-next.9
4
+
5
+ ## 9.0.0-next.8
6
+
3
7
  ## 9.0.0-next.7
4
8
 
5
9
  ## 9.0.0-next.6
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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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),
@@ -39,6 +39,7 @@ $post-assist: (
39
39
  post-assist-font-size: var(--post-device-font-size-9),
40
40
  post-assist-enabled-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
41
41
  post-assist-disabled-fg: var(--post-scheme-color-interactive-primary-disabled-fg1),
42
+ post-hint-spacing-block: var(--post-core-dimension-6),
42
43
  );
43
44
 
44
45
  $post-avatar: (
@@ -126,7 +127,7 @@ $post-breadcrumb: (
126
127
  post-breadcrumb-link-enabled-text-decoration: var(--post-core-text-decoration-none),
127
128
  post-breadcrumb-link-hover-text-decoration: var(--post-core-text-decoration-underline),
128
129
  post-breadcrumb-link-selected-text-decoration: var(--post-core-text-decoration-none),
129
- post-breadcrum-icon-size: var(--post-core-dimension-24),
130
+ post-breadcrumb-icon-size: var(--post-core-dimension-24),
130
131
  );
131
132
 
132
133
  $post-button: (
@@ -779,9 +780,10 @@ $post-toast: (
779
780
 
780
781
  $post-validation: (
781
782
  post-validation-group-gap-inline: var(--post-device-spacing-gap-inline-10),
782
- post-validation-group-padding-block-text: var(--post-device-spacing-padding-12),
783
- post-validation-group-icon-size: var(--post-device-sizing-interactive-icon-size),
784
- 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),
785
787
  post-validation-error: var(--post-scheme-color-signal-error-solo),
786
788
  post-validation-success: var(--post-scheme-color-signal-success-solo),
787
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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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.7",
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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 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
- // Wed, 04 Dec 2024 07:43:08 GMT
4
+ // Mon, 16 Dec 2024 16:43:56 GMT
5
5
 
6
6
  export default {
7
7
  utility: {
package/tokens.json CHANGED
@@ -4307,6 +4307,14 @@
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
4319
  }
4312
4320
  },
@@ -4707,9 +4715,7 @@
4707
4715
  "$value": "{post.core.text-decoration.none}"
4708
4716
  }
4709
4717
  }
4710
- }
4711
- },
4712
- "breadcrum": {
4718
+ },
4713
4719
  "icon": {
4714
4720
  "size": {
4715
4721
  "$type": "sizing",
@@ -7735,22 +7741,28 @@
7735
7741
  "$value": "{post.device.spacing.gap.inline.10}"
7736
7742
  }
7737
7743
  },
7738
- "padding": {
7744
+ "icon": {
7745
+ "size": {
7746
+ "$type": "sizing",
7747
+ "$value": "{post.device.sizing.interactive.icon.size4}"
7748
+ },
7739
7749
  "block": {
7740
- "text": {
7750
+ "start": {
7751
+ "$type": "spacing",
7752
+ "$value": "{post.core.dimension.2}"
7753
+ },
7754
+ "end": {
7741
7755
  "$type": "spacing",
7742
- "$value": "{post.device.spacing.padding.12}"
7756
+ "$value": "{post.core.dimension.3}"
7743
7757
  }
7744
7758
  }
7745
7759
  },
7746
- "icon": {
7747
- "size": {
7748
- "$type": "sizing",
7749
- "$value": "{post.device.sizing.interactive.icon.size}"
7750
- },
7751
- "padding": {
7752
- "$type": "spacing",
7753
- "$value": "{post.device.spacing.padding.1}"
7760
+ "padding": {
7761
+ "inline": {
7762
+ "start": {
7763
+ "$type": "spacing",
7764
+ "$value": "{post.core.dimension.4}"
7765
+ }
7754
7766
  }
7755
7767
  }
7756
7768
  },
@@ -9967,6 +9979,7 @@
9967
9979
  "post.assist.font-size": "c42fdefaa61b7c5d6916a6b6768599b19da3fd4d",
9968
9980
  "post.assist.enabled-fg": "72f5b4238dee1bf68e93e9731b4fd8f2e5e38fd5",
9969
9981
  "post.assist.disabled-fg": "511343125c5a9ce9901570e967e37962ab1eca6d",
9982
+ "post.hint.spacing.block": "3165d98279644e157898945596f89c99ca404b5c",
9970
9983
  "post.avatar.size": "fdc1484ed63e645974c9a435ca62dd46b26a84e0",
9971
9984
  "post.avatar.enabled-bg": "1863e011a6589c655c1f6ce1b3fa63e4153719e2",
9972
9985
  "post.avatar.enabled-fg": "9fbe58313d6bf87fab98be4e81191e79f1a038b0",
@@ -10033,7 +10046,7 @@
10033
10046
  "post.breadcrumb.gap.inline.outer": "a27d40f4b9b6ff82fb67a17af041b2fa748f8052",
10034
10047
  "post.breadcrumb.gap.inline.inner": "395509fba5bd7e8b56a54b41135824ef83aa3ebd",
10035
10048
  "post.breadcrumb.selected.font-weight": "c26e16ce48b87d25d173a722ccbc4f7c3c438841",
10036
- "post.breadcrum.icon.size": "72338131139ad3c76c52523326371d15f5284ac5",
10049
+ "post.breadcrumb.icon.size": "72338131139ad3c76c52523326371d15f5284ac5",
10037
10050
  "post.button.gap.block.1": "3e82d61efc18438a6b93f41164d21274625669f9",
10038
10051
  "post.button.gap.block.2": "8a0326da592650c30bcb20142232098e0ad98fa5",
10039
10052
  "post.button.gap.inline.switch": "17e19389cbcf9f145dcbbe0f663f31df65206e62",
@@ -10298,27 +10311,6 @@
10298
10311
  "post.list.check.color.icon-bg": "fae4fd2c5bc7dec515b82a34ae4279361d3aad86",
10299
10312
  "post.list.check.color.icon-fg": "16cd2459165982f548ff3971fba0746e6be362a1",
10300
10313
  "post.list.check.color.text-fg": "570728a610b063ec0e5c8abb631f23173079187d",
10301
- "post.infobox.sizing.icon": "2388fc56fa9568791f8a0ff76c2ab0344c203398",
10302
- "post.infobox.spacing.gap.inline": "d9d9f5b08ea1306b681dd4fb624198085f078dbe",
10303
- "post.clickable.spacing.padding.icon": "70eea4229b2acd600ce285838e1b61659e92dd2c",
10304
- "post.interactive.spacing.gap.inline.icon-end": "df18c61c993b46d73776736868aac7128afad646",
10305
- "post.interactive.spacing.gap.inline.error": "5e18cb4d2d2fe1211b71bbd50dbb67d59de6f675",
10306
- "post.notification.color.info-bg": "dd58fcaffc293f7c3476f7c9ff3587e03d1f2c08",
10307
- "post.notification.color.info-fg": "960070db1b1acfd602244a22812b2b5e13aeab75",
10308
- "post.notification.color.info-stroke": "b566109ca058a5fcfe880153d6cdf4aed9357d7f",
10309
- "post.notification.color.info-icon": "3e029a222012f7c58224a05a99505ef4e37cda3b",
10310
- "post.notification.color.success-bg": "1f7dbb05ce30307503cb58439f4aa018764e2add",
10311
- "post.notification.color.success-fg": "20819a2f21c40674201678ac211d04302ac593e0",
10312
- "post.notification.color.success-stroke": "3dcd7b0cc3d3c7b286cd4a44a8cc7bba926e5e5e",
10313
- "post.notification.color.success-icon": "6418e0a8d309c1d585f075ccf7bab39428e321e8",
10314
- "post.notification.color.warning-bg": "7a07a1a5fcee218b771bfa3d26d84954481866e2",
10315
- "post.notification.color.warning-fg": "a343b35dde32227ffba2bf31def40f5acf0816d9",
10316
- "post.notification.color.warning-stroke": "3a9d01de383121778fae9c04626ccb3a2fe78f50",
10317
- "post.notification.color.warning-icon": "a630bacbb34313d0849b408d7e2c7f4e7deed4db",
10318
- "post.notification.color.error-bg": "899730364dfce27bb18aca0be2f2102fef9fb852",
10319
- "post.notification.color.error-fg": "c2811af63e8358e87b441bc6fc243138b2edd4cd",
10320
- "post.notification.color.error-stroke": "fef00cabbd22faa3cf3461f6252956d8285db09c",
10321
- "post.notification.color.error-icon": "7cd01907ee9074fde59dca90cdc81b9328e09752",
10322
10314
  "post.popover.close-button.enabled-fg": "eb710d3b00b49f690dcf344e0d364d75cfe150d5",
10323
10315
  "post.popover.close-button.selected-fg": "090659f39fb6cbfb161bb6cd086a837563c142b2",
10324
10316
  "post.popover.close-button.hover-fg": "54c2584f67f1cdfb3028b9154a204de949b9975c",
@@ -10371,7 +10363,7 @@
10371
10363
  "post.input.search.label.empty.padding.inline.end": "86ee6eb34d947957e558ec6f2eff1c74e350412e",
10372
10364
  "post.input.search.label.filled.padding.inline.end": "374f2471e81aba44b09a6f6f31f51b47ce87d9a8",
10373
10365
  "post.input.search.icon.border-radius": "cd54dafcf43f1524a4759289263baffa23699e17",
10374
- "post.search.position.inline.end.icon": "c9cb98cb13f74d863fc6c426b34a9182866eb17f",
10366
+ "post.search.position.inline.end.icon": "7dec1a6368f3f33341da9c53c8af35b4f649702d",
10375
10367
  "post.button-segmented.horizontal.border-radius": "fd01f5b8308c2c2826717c59169509fa33da4431",
10376
10368
  "post.button-segmented.vertical.border-radius": "bb62d30e7b32d7c62d6a825888a8248af47f3532",
10377
10369
  "post.button-segmented.selected-fg": "23623d928ead25f0bcf0b42baed2bfdf8345daad",
@@ -10537,7 +10529,7 @@
10537
10529
  "post.textarea.position.block.start.validation": "7d3d68f9b92e710e7441d84c31b27639e13e301a",
10538
10530
  "post.textarea.assist.font-size": "8fb89a9effda2d25fe148de62b52eb6ddc9a280b",
10539
10531
  "post.textarea.validated.padding.inline.end": "82e187d41e38dad89946c46aa1d8875e096accfd",
10540
- "post.textarea.placeholder-fg": "2eb0774493703d5cb36de7d667ca584be15c63bb",
10532
+ "post.textarea.placeholder-fg": "b77a1c8e294ec724d8298a7c4c6c965d2c763610",
10541
10533
  "post.text-highlighted.bg": "27774fb04cb78f58f13895b833a4851be7e3486b",
10542
10534
  "post.text-highlighted.fg": "8416d4e5337654acf592f5345f7c151d3cd63a4d",
10543
10535
  "post.text-highlighted.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b",
@@ -10604,14 +10596,15 @@
10604
10596
  "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69",
10605
10597
  "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040",
10606
10598
  "post.validation.group.gap.inline": "a76607434c393d743d38b71824d9d76e533acca2",
10607
- "post.validation.group.padding.block.text": "37b3685608b0a7ee4bdc297d80ea55c77856c2ee",
10608
10599
  "post.validation.group.icon.size": "ce5d0ae47c1f80a7ea39a6e5b25a00055c450e7d",
10609
- "post.validation.group.icon.padding": "4c33e15ce67a9e7398af3f45682774c919629a17",
10610
10600
  "post.validation.error": "796bdb2fc917b5948438070371ae60d214216795",
10611
10601
  "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
10612
10602
  "post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
10613
10603
  "post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
10614
- "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"
10615
10608
  }
10616
10609
  },
10617
10610
  {