@swisspost/design-system-tokens 9.0.0-next.5 → 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.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
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
+
3
9
  ## 9.0.0-next.5
4
10
 
5
11
  ## 9.0.0-next.4
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, 18 Nov 2024 17:05:11 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, 18 Nov 2024 17:05:11 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),
@@ -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),
@@ -552,6 +569,8 @@ $post-select: (
552
569
  post-select-color-signal-success: var(--post-scheme-color-signal-success-dark),
553
570
  post-select-gap-inline-icon: var(--post-device-spacing-gap-1),
554
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),
555
574
  post-select-padding-inline-start: var(--post-device-spacing-padding-inline-1),
556
575
  post-select-padding-inline-end: var(--post-core-dimension-48),
557
576
  post-select-padding-inline-assist: var(--post-device-spacing-padding-2),
@@ -561,7 +580,7 @@ $post-select: (
561
580
  post-select-border-width: var(--post-device-border-width-default),
562
581
  post-select-border-style-default: var(--post-core-border-style-solid),
563
582
  post-select-border-style-disabled: var(--post-core-border-style-dash),
564
- post-select-empty-padding-block: var(--post-device-spacing-padding-block-1),
583
+ post-select-standalone-padding-block: var(--post-device-spacing-padding-block-1),
565
584
  post-select-label-empty-padding-block-start: var(--post-device-spacing-padding-block-28),
566
585
  post-select-label-empty-padding-inline-start: var(--post-device-spacing-padding-5),
567
586
  post-select-label-empty-padding-inline-end: var(--post-core-dimension-50),
@@ -569,8 +588,6 @@ $post-select: (
569
588
  post-select-label-filled-padding-block-start: var(--post-device-spacing-padding-block-30),
570
589
  post-select-label-filled-font-size: var(--post-device-font-size-10),
571
590
  post-select-validation-icon-position-inline-end: var(--post-device-position-3),
572
- post-select-filled-padding-block-start: var(--post-device-spacing-padding-block-29),
573
- post-select-filled-padding-block-end: var(--post-device-spacing-padding-block-3),
574
591
  post-select-assist-font-size: var(--post-device-font-size-10),
575
592
  post-select-validated-padding-inline-end: var(--post-core-dimension-80),
576
593
  post-select-icon-position-inline-end: var(--post-device-position-2),
@@ -671,27 +688,34 @@ $post-text-area: (
671
688
  post-textarea-hover-border: var(--post-scheme-color-interactive-primary-hover-stroke),
672
689
  post-textarea-disabled-border: var(--post-scheme-color-interactive-primary-disabled-stroke),
673
690
  post-textarea-gap-inline: var(--post-device-spacing-gap-1),
691
+ post-textarea-gap-assist: var(--post-device-spacing-gap-1),
674
692
  post-textarea-padding-block-assist: var(--post-device-spacing-padding-block-5),
675
- post-textarea-padding-block-textarea-top: var(--post-device-spacing-padding-8),
676
- post-textarea-padding-block-empty: var(--post-device-spacing-padding-3),
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),
677
695
  post-textarea-padding-inline-assist: var(--post-device-spacing-padding-2),
678
696
  post-textarea-padding-inline-start: var(--post-device-spacing-padding-inline-1),
679
697
  post-textarea-padding-inline-end: var(--post-device-spacing-padding-3),
680
- post-textarea-filled-padding-block-start: var(--post-device-spacing-padding-block-26),
681
- post-textarea-filled-padding-block-end: var(--post-device-spacing-padding-3),
698
+ post-textarea-standalone-padding-block: var(--post-device-spacing-padding-3),
682
699
  post-textarea-sizing-icon: var(--post-device-sizing-notification-1),
683
700
  post-textarea-sizing-min-height: var(--post-core-dimension-88),
684
701
  post-textarea-border-radius: var(--post-device-border-radius-1),
685
702
  post-textarea-border-style-enabled: var(--post-core-border-style-solid),
686
703
  post-textarea-border-style-disabled: var(--post-core-border-style-dash),
687
704
  post-textarea-border-width: var(--post-device-border-width-default),
688
- post-textarea-label-empty-padding-inline-start: var(--post-device-spacing-padding-5),
689
- post-textarea-label-empty-padding-inline-end: var(--post-device-spacing-padding-inline-4),
690
- post-textarea-label-empty-padding-block-start: 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),
691
711
  post-textarea-signal-error: var(--post-scheme-color-signal-error-dark),
692
712
  post-textarea-signal-success: var(--post-scheme-color-signal-success-dark),
693
713
  post-textarea-position-inline-end-resize: var(--post-core-dimension-6),
714
+ post-textarea-position-inline-start-validation: var(--post-core-dimension-12),
694
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),
695
719
  );
696
720
 
697
721
  $post-text-highlighted: (
@@ -770,22 +794,6 @@ $post-toast: (
770
794
  post-toast-color-error-icon: var(--post-scheme-color-interactive-notification-error-icon),
771
795
  );
772
796
 
773
- $post-floating-button: (
774
- post-floating-button-position-right: var(--post-device-grid-padding-inline-container),
775
- post-floating-button-position-top: var(--post-device-position-1),
776
- post-floating-button-enabled-fg: var(--post-scheme-color-interactive-button-secondary-enabled-fg),
777
- post-floating-button-enabled-bg: var(--post-scheme-color-interactive-button-secondary-enabled-bg),
778
- post-floating-button-enabled-border: var(--post-scheme-color-interactive-button-secondary-enabled-stroke),
779
- post-floating-button-hover-fg: var(--post-scheme-color-interactive-button-secondary-hover-fg),
780
- post-floating-button-hover-bg: var(--post-scheme-color-interactive-button-secondary-hover-bg),
781
- post-floating-button-hover-border: var(--post-scheme-color-interactive-button-secondary-hover-stroke),
782
- post-floating-button-size-outer: var(--post-device-sizing-interactive-button-height-2),
783
- post-floating-button-size-icon: var(--post-device-sizing-interactive-button-icon-3),
784
- post-floating-button-border-width: var(--post-device-border-width-default),
785
- post-floating-button-border-radius-round: var(--post-device-border-radius-round),
786
- post-floating-button-elevation: var(--post-device-elevation-300),
787
- );
788
-
789
797
  $post-validation: (
790
798
  post-validation-group-gap-inline: var(--post-device-spacing-gap-inline-10),
791
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, 18 Nov 2024 17:05:11 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  :root {
7
7
  --post-core-color-brand-postyellow: #ffcc00;
@@ -82,6 +82,7 @@
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;
85
86
  --post-core-dimension-46: 46px;
86
87
  --post-core-dimension-48: 48px;
87
88
  --post-core-dimension-50: 50px;
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, 18 Nov 2024 17:05:11 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,7 +176,7 @@ $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),
179
+ post-device-position-1: var(--post-core-dimension-40),
180
180
  post-device-position-2: var(--post-core-dimension-14),
181
181
  post-device-position-3: var(--post-core-dimension-46),
182
182
  );
@@ -354,7 +354,7 @@ $post-tablet: (
354
354
  post-device-grid-sizing-gutter: var(--post-core-dimension-16),
355
355
  post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280),
356
356
  post-device-grid-padding-inline-container: var(--post-core-dimension-24),
357
- post-device-position-1: var(--post-core-dimension-24),
357
+ post-device-position-1: var(--post-core-dimension-40),
358
358
  post-device-position-2: var(--post-core-dimension-14),
359
359
  post-device-position-3: var(--post-core-dimension-46),
360
360
  );
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, 18 Nov 2024 17:05:11 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, 18 Nov 2024 17:05:11 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, 18 Nov 2024 17:05:11 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,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, 18 Nov 2024 17:05:11 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),
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, 18 Nov 2024 17:05:11 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, 18 Nov 2024 17:05:11 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, 18 Nov 2024 17:05:11 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.5",
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",
@@ -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
+ );
@@ -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
+ );
@@ -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
+ );
@@ -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
+ );
@@ -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, 18 Nov 2024 17:05:11 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  export default {
7
7
  focus: {
@@ -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, 18 Nov 2024 17:05:11 GMT
4
+ // Mon, 25 Nov 2024 17:06:09 GMT
5
5
 
6
6
  export default {
7
7
  utility: {
package/tokens.json CHANGED
@@ -331,6 +331,10 @@
331
331
  "$type": "dimension",
332
332
  "$value": "40"
333
333
  },
334
+ "42": {
335
+ "$type": "dimension",
336
+ "$value": "42px"
337
+ },
334
338
  "46": {
335
339
  "$type": "dimension",
336
340
  "$value": "46px"
@@ -3052,7 +3056,7 @@
3052
3056
  "position": {
3053
3057
  "1": {
3054
3058
  "$type": "dimension",
3055
- "$value": "{post.core.dimension.32}"
3059
+ "$value": "{post.core.dimension.40}"
3056
3060
  },
3057
3061
  "2": {
3058
3062
  "$type": "dimension",
@@ -3626,7 +3630,7 @@
3626
3630
  "position": {
3627
3631
  "1": {
3628
3632
  "$type": "dimension",
3629
- "$value": "{post.core.dimension.24}"
3633
+ "$value": "{post.core.dimension.40}"
3630
3634
  }
3631
3635
  }
3632
3636
  }
@@ -5929,6 +5933,76 @@
5929
5933
  }
5930
5934
  }
5931
5935
  },
5936
+ "Components/Floating button": {
5937
+ "post": {
5938
+ "floating-button": {
5939
+ "position": {
5940
+ "right": {
5941
+ "$type": "dimension",
5942
+ "$value": "{post.device.position.1}"
5943
+ },
5944
+ "bottom": {
5945
+ "$type": "dimension",
5946
+ "$value": "{post.device.position.1}"
5947
+ }
5948
+ },
5949
+ "enabled-fg": {
5950
+ "$type": "color",
5951
+ "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}"
5952
+ },
5953
+ "enabled-bg": {
5954
+ "$type": "color",
5955
+ "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}"
5956
+ },
5957
+ "enabled-border": {
5958
+ "$type": "color",
5959
+ "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}"
5960
+ },
5961
+ "hover-fg": {
5962
+ "$type": "color",
5963
+ "$value": "{post.scheme.color.interactive.button.secondary.hover.fg}"
5964
+ },
5965
+ "hover-bg": {
5966
+ "$type": "color",
5967
+ "$value": "{post.scheme.color.interactive.button.secondary.hover.bg}"
5968
+ },
5969
+ "hover-border": {
5970
+ "$type": "color",
5971
+ "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}"
5972
+ },
5973
+ "size": {
5974
+ "outer": {
5975
+ "$type": "sizing",
5976
+ "$value": "{post.device.sizing.interactive.button.height.2}"
5977
+ },
5978
+ "icon": {
5979
+ "$type": "sizing",
5980
+ "$value": "{post.device.sizing.interactive.button.icon.3}"
5981
+ }
5982
+ },
5983
+ "border-width": {
5984
+ "$type": "borderWidth",
5985
+ "$value": "{post.device.border-width.default}"
5986
+ },
5987
+ "border-radius": {
5988
+ "round": {
5989
+ "$type": "borderRadius",
5990
+ "$value": "{post.device.border-radius.round}"
5991
+ }
5992
+ },
5993
+ "elevation": {
5994
+ "$type": "boxShadow",
5995
+ "$value": "{post.device.elevation.300}"
5996
+ },
5997
+ "translate": {
5998
+ "y": {
5999
+ "$type": "dimension",
6000
+ "$value": "{post.core.dimension.96}"
6001
+ }
6002
+ }
6003
+ }
6004
+ }
6005
+ },
5932
6006
  "Components/Form footer": {
5933
6007
  "post": {
5934
6008
  "form-footer": {
@@ -7214,6 +7288,14 @@
7214
7288
  "assist": {
7215
7289
  "$type": "spacing",
7216
7290
  "$value": "{post.device.spacing.padding.block.5}"
7291
+ },
7292
+ "start": {
7293
+ "$type": "spacing",
7294
+ "$value": "{post.device.spacing.padding.block.29}"
7295
+ },
7296
+ "end": {
7297
+ "$type": "spacing",
7298
+ "$value": "{post.device.spacing.padding.block.3}"
7217
7299
  }
7218
7300
  },
7219
7301
  "inline": {
@@ -7259,7 +7341,7 @@
7259
7341
  "$value": "{post.core.border-style.dash}"
7260
7342
  }
7261
7343
  },
7262
- "empty": {
7344
+ "standalone": {
7263
7345
  "padding": {
7264
7346
  "block": {
7265
7347
  "$type": "spacing",
@@ -7325,20 +7407,6 @@
7325
7407
  }
7326
7408
  }
7327
7409
  },
7328
- "filled": {
7329
- "padding": {
7330
- "block": {
7331
- "start": {
7332
- "$type": "spacing",
7333
- "$value": "{post.device.spacing.padding.block.29}"
7334
- },
7335
- "end": {
7336
- "$type": "spacing",
7337
- "$value": "{post.device.spacing.padding.block.3}"
7338
- }
7339
- }
7340
- }
7341
- },
7342
7410
  "assist": {
7343
7411
  "font-size": {
7344
7412
  "$type": "fontSizes",
@@ -7775,6 +7843,10 @@
7775
7843
  "inline": {
7776
7844
  "$type": "spacing",
7777
7845
  "$value": "{post.device.spacing.gap.1}"
7846
+ },
7847
+ "assist": {
7848
+ "$type": "spacing",
7849
+ "$value": "{post.device.spacing.gap.1}"
7778
7850
  }
7779
7851
  },
7780
7852
  "padding": {
@@ -7783,11 +7855,11 @@
7783
7855
  "$type": "spacing",
7784
7856
  "$value": "{post.device.spacing.padding.block.5}"
7785
7857
  },
7786
- "textarea-top": {
7858
+ "start": {
7787
7859
  "$type": "spacing",
7788
- "$value": "{post.device.spacing.padding.8}"
7860
+ "$value": "{post.device.spacing.padding.block.29}"
7789
7861
  },
7790
- "empty": {
7862
+ "end": {
7791
7863
  "$type": "spacing",
7792
7864
  "$value": "{post.device.spacing.padding.3}"
7793
7865
  }
@@ -7807,17 +7879,11 @@
7807
7879
  }
7808
7880
  }
7809
7881
  },
7810
- "filled": {
7882
+ "standalone": {
7811
7883
  "padding": {
7812
7884
  "block": {
7813
- "start": {
7814
- "$type": "spacing",
7815
- "$value": "{post.device.spacing.padding.block.26}"
7816
- },
7817
- "end": {
7818
- "$type": "spacing",
7819
- "$value": "{post.device.spacing.padding.3}"
7820
- }
7885
+ "$type": "spacing",
7886
+ "$value": "{post.device.spacing.padding.3}"
7821
7887
  }
7822
7888
  }
7823
7889
  },
@@ -7850,22 +7916,44 @@
7850
7916
  "$value": "{post.device.border-width.default}"
7851
7917
  },
7852
7918
  "label": {
7853
- "empty": {
7919
+ "padding": {
7920
+ "inline": {
7921
+ "start": {
7922
+ "$type": "spacing",
7923
+ "$value": "{post.device.spacing.padding.5}"
7924
+ },
7925
+ "end": {
7926
+ "$type": "spacing",
7927
+ "$value": "{post.device.spacing.padding.inline.4}"
7928
+ }
7929
+ },
7930
+ "block": {
7931
+ "start": {
7932
+ "$type": "spacing",
7933
+ "$value": "{post.device.spacing.padding.block.27}"
7934
+ }
7935
+ }
7936
+ },
7937
+ "validated": {
7854
7938
  "padding": {
7855
7939
  "inline": {
7856
- "start": {
7857
- "$type": "spacing",
7858
- "$value": "{post.device.spacing.padding.5}"
7859
- },
7860
7940
  "end": {
7861
7941
  "$type": "spacing",
7862
- "$value": "{post.device.spacing.padding.inline.4}"
7942
+ "$value": "{post.core.dimension.42}"
7863
7943
  }
7864
- },
7944
+ }
7945
+ }
7946
+ },
7947
+ "filled": {
7948
+ "font-size": {
7949
+ "$type": "fontSizes",
7950
+ "$value": "{post.device.font-size.10}"
7951
+ },
7952
+ "padding": {
7865
7953
  "block": {
7866
7954
  "start": {
7867
7955
  "$type": "spacing",
7868
- "$value": "{post.device.spacing.padding.block.27}"
7956
+ "$value": "{post.device.spacing.padding.block.30}"
7869
7957
  }
7870
7958
  }
7871
7959
  }
@@ -7888,6 +7976,12 @@
7888
7976
  "$type": "dimension",
7889
7977
  "$value": "{post.core.dimension.6}"
7890
7978
  }
7979
+ },
7980
+ "start": {
7981
+ "validation": {
7982
+ "$type": "dimension",
7983
+ "$value": "{post.core.dimension.12}"
7984
+ }
7891
7985
  }
7892
7986
  },
7893
7987
  "block": {
@@ -7896,6 +7990,28 @@
7896
7990
  "$type": "dimension",
7897
7991
  "$value": "{post.core.dimension.6}"
7898
7992
  }
7993
+ },
7994
+ "start": {
7995
+ "validation": {
7996
+ "$type": "dimension",
7997
+ "$value": "{post.core.dimension.12}"
7998
+ }
7999
+ }
8000
+ }
8001
+ },
8002
+ "assist": {
8003
+ "font-size": {
8004
+ "$type": "fontSizes",
8005
+ "$value": "{post.device.font-size.10}"
8006
+ }
8007
+ },
8008
+ "validated": {
8009
+ "padding": {
8010
+ "inline": {
8011
+ "end": {
8012
+ "$type": "spacing",
8013
+ "$value": "{post.core.dimension.40}"
8014
+ }
7899
8015
  }
7900
8016
  }
7901
8017
  }
@@ -8264,70 +8380,6 @@
8264
8380
  }
8265
8381
  }
8266
8382
  },
8267
- "Components/Floating button": {
8268
- "post": {
8269
- "floating-button": {
8270
- "position": {
8271
- "right": {
8272
- "$type": "dimension",
8273
- "$value": "{post.device.grid.padding.inline.container}"
8274
- },
8275
- "top": {
8276
- "$type": "dimension",
8277
- "$value": "{post.device.position.1}"
8278
- }
8279
- },
8280
- "enabled-fg": {
8281
- "$type": "color",
8282
- "$value": "{post.scheme.color.interactive.button.secondary.enabled.fg}"
8283
- },
8284
- "enabled-bg": {
8285
- "$type": "color",
8286
- "$value": "{post.scheme.color.interactive.button.secondary.enabled.bg}"
8287
- },
8288
- "enabled-border": {
8289
- "$type": "color",
8290
- "$value": "{post.scheme.color.interactive.button.secondary.enabled.stroke}"
8291
- },
8292
- "hover-fg": {
8293
- "$type": "color",
8294
- "$value": "{post.scheme.color.interactive.button.secondary.hover.fg}"
8295
- },
8296
- "hover-bg": {
8297
- "$type": "color",
8298
- "$value": "{post.scheme.color.interactive.button.secondary.hover.bg}"
8299
- },
8300
- "hover-border": {
8301
- "$type": "color",
8302
- "$value": "{post.scheme.color.interactive.button.secondary.hover.stroke}"
8303
- },
8304
- "size": {
8305
- "outer": {
8306
- "$type": "sizing",
8307
- "$value": "{post.device.sizing.interactive.button.height.2}"
8308
- },
8309
- "icon": {
8310
- "$type": "sizing",
8311
- "$value": "{post.device.sizing.interactive.button.icon.3}"
8312
- }
8313
- },
8314
- "border-width": {
8315
- "$type": "borderWidth",
8316
- "$value": "{post.device.border-width.default}"
8317
- },
8318
- "border-radius": {
8319
- "round": {
8320
- "$type": "borderRadius",
8321
- "$value": "{post.device.border-radius.round}"
8322
- }
8323
- },
8324
- "elevation": {
8325
- "$type": "boxShadow",
8326
- "$value": "{post.device.elevation.300}"
8327
- }
8328
- }
8329
- }
8330
- },
8331
8383
  "Components/Validation": {
8332
8384
  "post": {
8333
8385
  "validation": {
@@ -9421,7 +9473,9 @@
9421
9473
  "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea",
9422
9474
  "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20",
9423
9475
  "post.core.bg-scheme.light": "680b1c2afef596d40c46720eec03880fce677f54",
9424
- "post.core.bg-scheme.dark": "e8c0b33a001cad7d205a2164de934d28333fc7c4"
9476
+ "post.core.bg-scheme.dark": "e8c0b33a001cad7d205a2164de934d28333fc7c4",
9477
+ "post.core.dimension.88": "25523ad55ba87cf27dc208a3bff2bf2cc511d68f",
9478
+ "post.core.dimension.42": "abb7af0aece18502839f02612bffaf3872ec5517"
9425
9479
  }
9426
9480
  },
9427
9481
  {
@@ -11112,7 +11166,7 @@
11112
11166
  "post.select.sizing.height": "bcd5eb01743436062caf7933c222b2f6926f3d1c",
11113
11167
  "post.select.border-radius": "930859c17344e36a2cbf9d7065cf452012c5a9a0",
11114
11168
  "post.select.border-width": "bbab438460b94dab122e2ac90839a702ccf6c13d",
11115
- "post.select.empty.padding.block": "304bcb24db24b967485cbf71296de06f6b7341f8",
11169
+ "post.select.standalone.padding.block": "304bcb24db24b967485cbf71296de06f6b7341f8",
11116
11170
  "post.select.label.empty.padding.block.start": "06d604e204b8c63731949f9c5fd7397386dce384",
11117
11171
  "post.select.label.empty.padding.inline.start": "350e9964e6c92ebab939f8a5d0b7dbcc0e49bf46",
11118
11172
  "post.select.label.empty.padding.inline.end": "9f0ae7f522f3aaf15578fa8bdf46dda00466d7e1",
@@ -11120,8 +11174,8 @@
11120
11174
  "post.select.label.filled.padding.block.start": "c8703e31d8d31ec91dc9497e110b99cc28c1258c",
11121
11175
  "post.select.label.filled.font-size": "1041da45c259c220bfec519b08f013b300c1f895",
11122
11176
  "post.select.validation.icon.position.inline.end": "9dec705e5a6d9230a48fda0043be9f9dca656da0",
11123
- "post.select.filled.padding.block.start": "0d09d05449a76483db2bf6d18a0a0c820862cc5c",
11124
- "post.select.filled.padding.block.end": "67180c3f212782a048ca51641391f348cf0f4a4e",
11177
+ "post.select.padding.block.start": "0d09d05449a76483db2bf6d18a0a0c820862cc5c",
11178
+ "post.select.padding.block.end": "67180c3f212782a048ca51641391f348cf0f4a4e",
11125
11179
  "post.select.assist.font-size": "a4d8972a26c2d337c07dc81210a16b599d6805bb",
11126
11180
  "post.select.validated.padding.inline.end": "48f6ba30b74b980ac4d25c7c36185a2e637ccdcc",
11127
11181
  "post.select.icon.position.inline.end": "64418774bec0b29d2b36ffc65da2afc3848d4a8a",
@@ -11207,12 +11261,33 @@
11207
11261
  "post.textarea.enabled-border": "976a32251ad1d4b6d678e1c7f7ea81a5e91622a5",
11208
11262
  "post.textarea.hover-border": "5d946ceaa0e2efbcab19124583ece0f60ec852d6",
11209
11263
  "post.textarea.disabled-border": "28993c9b0c485cf60e450e52b82c4339b42d6284",
11210
- "post.textarea.padding.block.empty": "865d08d100de52d4423d06ee3bb82937b4d4e8ca",
11264
+ "post.textarea.gap.inline": "9a27c39a9cbf50dd75969f891f6b5bb6f057c8ab",
11265
+ "post.textarea.padding.block.assist": "fd897dc4473aaf02dcb64a89eea49eac6b57b5e1",
11266
+ "post.textarea.padding.inline.assist": "604885a8bec38c3de5690356837dbd20d0901a25",
11267
+ "post.textarea.standalone.padding.block": "865d08d100de52d4423d06ee3bb82937b4d4e8ca",
11268
+ "post.textarea.padding.block.start": "7abacc6bc83879ca6b9c3788825a690300645ca5",
11269
+ "post.textarea.padding.block.end": "79be2587ab4bc6dee6f4b7efa90bcc90d88a7859",
11211
11270
  "post.textarea.padding.inline.start": "2a877a58bc4473993bedc28d4173c8a24aaedd85",
11212
11271
  "post.textarea.padding.inline.end": "9dbc4fc8ea6184a3eeba4f71c5d6d333c689fc19",
11213
11272
  "post.textarea.sizing.icon": "f1321b62580dd4cab2df1e4ef5fe5c3384a4e68e",
11214
11273
  "post.textarea.border-radius": "820ccb86ff7bca1eb9bef3fb4b560347bf7b34b4",
11215
11274
  "post.textarea.border-width": "450b1ae1cc109be2ba668995841c9baef51da390",
11275
+ "post.textarea.label.padding.inline.start": "47e25f74cfd469a7a00dc1c5533a516c714cacc6",
11276
+ "post.textarea.label.padding.inline.end": "91abca78cb4068628010f830f5a937f9a06d3e42",
11277
+ "post.textarea.label.padding.block.start": "9549b3c9ee69c1bb1f40c39f54dceb6c75556347",
11278
+ "post.textarea.signal.error": "a18efce3d87124d0c761a901e681d836d13b61a8",
11279
+ "post.textarea.signal.success": "cb87cd3fe7dfbd21d0be540a812560c712c212de",
11280
+ "post.textarea.sizing.min-height": "41eefd8c32be6adb8cbc4ccb07dbfaeb53332b5f",
11281
+ "post.textarea.position.inline.end.resize": "904aaf2715095ac103aecbf621cdbeb5b551d35c",
11282
+ "post.textarea.position.block.end.resize": "d10f66ecc25d5e4576ee7f3d665cc9afa4ee0f67",
11283
+ "post.textarea.label.validated.padding.inline.end": "8142f57c63433262f4348ad3eff57aca0d30d550",
11284
+ "post.textarea.assist.font-size": "8fb89a9effda2d25fe148de62b52eb6ddc9a280b",
11285
+ "post.textarea.validated.padding.inline.end": "82e187d41e38dad89946c46aa1d8875e096accfd",
11286
+ "post.textarea.label.filled.font-size": "8d76e738441757ff8dfc53ab1601f218c1095f32",
11287
+ "post.textarea.position.inline.start.validation": "a62582eea53edacc67dd06ee55a6a9b3c9787934",
11288
+ "post.textarea.position.block.start.validation": "7d3d68f9b92e710e7441d84c31b27639e13e301a",
11289
+ "post.textarea.label.filled.padding.block.start": "25bb881879bcfa6f8fc16fbda7cd5164a5083252",
11290
+ "post.textarea.gap.assist": "0c2e9bed1aba39f47403c147c27e5d05d1a242f9",
11216
11291
  "post.text-highlighted.bg": "27774fb04cb78f58f13895b833a4851be7e3486b",
11217
11292
  "post.text-highlighted.fg": "8416d4e5337654acf592f5345f7c151d3cd63a4d",
11218
11293
  "post.text-highlighted.padding.text": "e5e01d5010f1a45ce796d305a526ce01fa5d7a7b",
@@ -11243,13 +11318,16 @@
11243
11318
  "post.input.sizing.height": "82cf75a7b82a124c9b1d42cdbc0e9e84e3b11b9b",
11244
11319
  "post.input.border-radius.surface": "d06c0dd30f742b0d6cd4cbddcf2ee20dc059be64",
11245
11320
  "post.input.border-width": "1ade7245040a677b64153d2cdf6651fcea38bf0e",
11321
+ "post.input.standalone.padding.block": "5e8222cbe4c364dc01d3f3a4bdc58faa38f2056c",
11246
11322
  "post.input.label.empty.padding.block.start": "d62b407bf1b5948a054a4f578b2cddaeb4c37c34",
11247
11323
  "post.input.label.empty.padding.inline.start": "b51731dc964c610165cf1ae964d243ad78df81e5",
11248
11324
  "post.input.label.empty.padding.inline.end": "3717013c982ae87b4a055205377945bfd6f49e68",
11249
11325
  "post.input.label.validated.padding.inline.end": "e48ddec27eff926626a3b10a7861ec56e487e335",
11250
- "post.input.label.filled.padding.block.start": "25bb881879bcfa6f8fc16fbda7cd5164a5083252",
11326
+ "post.input.label.filled.padding.block.start": "d6735bb3647bf72161c41ac02265dcfb185adc0b",
11251
11327
  "post.input.label.filled.font-size": "a12f8c5b97bd1f6bf59bf7da851dba7386e1396e",
11252
11328
  "post.input.validation.icon.position.inline.end": "b57f1666c23edfb6f677c04e41bc20ebaae726cc",
11329
+ "post.input.padding.block.start": "2924bedf122ccb4ab278a3ce28e06a8337c84059",
11330
+ "post.input.padding.block.end": "66ffd33591a7dcb8d7d81b4a9ceb90cb563652d2",
11253
11331
  "post.input.assist.font-size": "69317593d3b185baf0fb132ac414e643e3c95ae1",
11254
11332
  "post.input.validated.padding.inline.end": "a892b10633064c89193e455bb6d5c8b853b195b1",
11255
11333
  "post.toast.spacing.padding.action": "7b789908238cacf3f7c6b327401296ec0a1da28c",
@@ -11276,7 +11354,6 @@
11276
11354
  "post.toast.color.error-stroke": "3432663173b4389104a12a668043e3681e2faa69",
11277
11355
  "post.toast.color.error-icon": "3096bb0553257be18a766df213ba83685ab63040",
11278
11356
  "post.floating-button.position.right": "5f5f7a00e0660158923bd57ee08d5f10c4074526",
11279
- "post.floating-button.position.top": "ff8db193bebd896a1c226be5aa69b28b3729c785",
11280
11357
  "post.floating-button.enabled-fg": "77f009565576cc049046b990ef2b0688a43becd7",
11281
11358
  "post.floating-button.enabled-bg": "491d5f34dd817b87c813955d6aa84eae900a5f5a",
11282
11359
  "post.floating-button.enabled-border": "fced80ecb14d12d7a312fb54984a6af601983225",
@@ -11296,18 +11373,7 @@
11296
11373
  "post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
11297
11374
  "post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
11298
11375
  "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
11299
- "post.textarea.padding.block.assist": "fd897dc4473aaf02dcb64a89eea49eac6b57b5e1",
11300
- "post.textarea.padding.inline.assist": "604885a8bec38c3de5690356837dbd20d0901a25",
11301
- "post.textarea.padding.block.textarea-top": "0ac5923f6f932a23a804931b91fe1b9f1826654f",
11302
- "post.textarea.gap.inline": "9a27c39a9cbf50dd75969f891f6b5bb6f057c8ab",
11303
- "post.textarea.label.empty.padding.inline.start": "47e25f74cfd469a7a00dc1c5533a516c714cacc6",
11304
- "post.textarea.label.empty.padding.block.start": "9549b3c9ee69c1bb1f40c39f54dceb6c75556347",
11305
- "post.textarea.label.empty.padding.inline.end": "91abca78cb4068628010f830f5a937f9a06d3e42",
11306
- "post.textarea.filled.padding.block.start": "7abacc6bc83879ca6b9c3788825a690300645ca5",
11307
- "post.textarea.filled.padding.block.end": "79be2587ab4bc6dee6f4b7efa90bcc90d88a7859",
11308
- "post.input.standalone.padding.block": "5e8222cbe4c364dc01d3f3a4bdc58faa38f2056c",
11309
- "post.input.padding.block.start": "2924bedf122ccb4ab278a3ce28e06a8337c84059",
11310
- "post.input.padding.block.end": "66ffd33591a7dcb8d7d81b4a9ceb90cb563652d2"
11376
+ "post.floating-button.position.bottom": "ff8db193bebd896a1c226be5aa69b28b3729c785"
11311
11377
  }
11312
11378
  },
11313
11379
  {
@@ -11519,6 +11585,7 @@
11519
11585
  "Components/Close",
11520
11586
  "Components/Container",
11521
11587
  "Components/Dropdown",
11588
+ "Components/Floating button",
11522
11589
  "Components/Form footer",
11523
11590
  "Components/Grid",
11524
11591
  "Components/Icon button",
@@ -11539,7 +11606,6 @@
11539
11606
  "Components/Text highlighted",
11540
11607
  "Components/Text input",
11541
11608
  "Components/Toast",
11542
- "Components/Floating button",
11543
11609
  "Components/Validation",
11544
11610
  "FigmaOnly",
11545
11611
  "Utilities/Spacing",