@swisspost/design-system-styles 10.0.0-next.75 → 10.0.0

package/tokens/temp/_appearance.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-default: (
   keep: undefined,

package/tokens/temp/_components.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-accordion: (
   post-accordion-header-padding-block-closed: var(--post-device-spacing-padding-19),
@@ -67,7 +67,7 @@ $post-badge: (
   post-badge-fg: var(--post-scheme-color-badge-fg),
   post-badge-stroke: var(--post-scheme-color-badge-stroke),
   post-badge-large-height: var(--post-device-sizing-notification-1),
-  post-badge-large-padding-inline: var(--post-device-spacing-padding-44),
+  post-badge-large-padding-inline: var(--post-device-spacing-padding-inline-12),
   post-badge-large-border-width: var(--post-device-border-width-default),
   post-badge-small-height: var(--post-device-sizing-notification-2),
   post-badge-small-padding-inline: var(--post-device-spacing-padding-32),
@@ -537,9 +537,9 @@ $post-floating-button: (
 $post-form-footer: (
   post-form-footer-border-block-start-width: var(--post-device-border-width-default),
   post-form-footer-border-block-start-style: var(--post-core-border-style-solid),
-  post-form-footer-border-start-color: var(--post-scheme-color-surface-default-stroke),
+  post-form-footer-border-start-color: var(--post-scheme-color-divider-border),
   post-form-footer-padding-block-start: var(--post-device-spacing-padding-block-21),
-  post-form-footer-gap: var(--post-device-spacing-gap-4),
+  post-form-footer-gap: var(--post-device-spacing-gap-1),
 );
 
 $post-grid: (
@@ -831,7 +831,7 @@ $post-radio-button: (
   post-radio-button-icon-border-radius-round: var(--post-device-border-radius-round),
   post-radio-button-icon-border-style-disabled: var(--post-core-border-style-dash),
   post-radio-button-icon-border-style-default: var(--post-core-border-style-solid),
-  post-radio-button-icon-dot: var(--post-device-sizing-icon-3),
+  post-radio-button-icon-dot: var(--post-device-sizing-icon-4),
   post-radio-button-icon-ring: var(--post-device-sizing-interactive-icon-size),
   post-radio-button-padding-block-single: var(--post-device-spacing-padding-block-19),
   post-radio-button-padding-block-group: var(--post-device-spacing-padding-block-8),
@@ -1251,7 +1251,7 @@ $post-text-area: (
 
 $post-text-highlighted: (
   post-text-highlighted-bg: var(--post-scheme-color-signal-information-light),
-  post-text-highlighted-fg: var(--post-scheme-color-interactive-primary-enabled-fg1),
+  post-text-highlighted-fg: var(--post-scheme-color-interactive-primary-enabled-fg5),
   post-text-highlighted-padding-text: var(--post-device-spacing-padding-5),
   post-text-highlighted-height-space-bottom: var(--post-core-dimension-24),
   post-text-highlighted-border-radius: var(--post-device-border-radius-1),

package/tokens/temp/_core.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 :root {
   --post-core-color-brand-postyellow: #ffcc00;

package/tokens/temp/_device.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-desktop: (
   post-device-font-size-1: var(--post-core-font-size-40),
@@ -95,7 +95,6 @@ $post-desktop: (
   post-device-spacing-padding-41: var(--post-core-dimension-4),
   post-device-spacing-padding-42: var(--post-core-dimension-11),
   post-device-spacing-padding-43: var(--post-core-dimension-13),
-  post-device-spacing-padding-44: var(--post-core-dimension-7-5),
   post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
   post-device-spacing-padding-inline-3: var(--post-core-dimension-16),
   post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -195,6 +194,7 @@ $post-desktop: (
   post-device-sizing-icon-1: var(--post-core-dimension-24),
   post-device-sizing-icon-2: var(--post-core-dimension-30),
   post-device-sizing-icon-3: var(--post-core-dimension-16),
+  post-device-sizing-icon-4: var(--post-core-dimension-12),
   post-device-sizing-icon-8: var(--post-core-dimension-8),
   post-device-sizing-logo-1: var(--post-core-dimension-72),
   post-device-sizing-content-height-1: var(--post-core-dimension-164),
@@ -325,7 +325,6 @@ $post-tablet: (
   post-device-spacing-padding-41: var(--post-core-dimension-4),
   post-device-spacing-padding-42: var(--post-core-dimension-11),
   post-device-spacing-padding-43: var(--post-core-dimension-13),
-  post-device-spacing-padding-44: var(--post-core-dimension-7-5),
   post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
   post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
   post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -425,6 +424,7 @@ $post-tablet: (
   post-device-sizing-icon-1: var(--post-core-dimension-16),
   post-device-sizing-icon-2: var(--post-core-dimension-24),
   post-device-sizing-icon-3: var(--post-core-dimension-14),
+  post-device-sizing-icon-4: var(--post-core-dimension-11),
   post-device-sizing-icon-8: var(--post-core-dimension-8),
   post-device-sizing-logo-1: var(--post-core-dimension-64),
   post-device-sizing-content-height-1: var(--post-core-dimension-180),
@@ -555,7 +555,6 @@ $post-mobile: (
   post-device-spacing-padding-41: var(--post-core-dimension-2-5),
   post-device-spacing-padding-42: var(--post-core-dimension-11),
   post-device-spacing-padding-43: var(--post-core-dimension-13),
-  post-device-spacing-padding-44: var(--post-core-dimension-7-5),
   post-device-spacing-padding-inline-1: var(--post-core-dimension-14),
   post-device-spacing-padding-inline-3: var(--post-core-dimension-12),
   post-device-spacing-padding-inline-4: var(--post-core-dimension-12),
@@ -655,6 +654,7 @@ $post-mobile: (
   post-device-sizing-icon-1: var(--post-core-dimension-12),
   post-device-sizing-icon-2: var(--post-core-dimension-24),
   post-device-sizing-icon-3: var(--post-core-dimension-12),
+  post-device-sizing-icon-4: var(--post-core-dimension-10),
   post-device-sizing-icon-8: var(--post-core-dimension-8),
   post-device-sizing-logo-1: var(--post-core-dimension-56),
   post-device-sizing-content-height-1: var(--post-core-dimension-180),

package/tokens/temp/_elements.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-body: (
   post-body-color-bg: var(--post-theme-color-body-bg),

package/tokens/temp/_helpers.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-focus: (
   post-focus-outline-offset: var(--post-device-spacing-padding-2),

package/tokens/temp/_index.scss

@@ -1,6 +1,6 @@
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 @use './core';
 @forward './schemestatic';

package/tokens/temp/_palette.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-default: (
   post-palette-color-scheme: var(--post-theme-color-palettes-default-scheme),

package/tokens/temp/_scheme.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-light: (
   post-scheme-color-body-bg: var(--post-core-color-sandgrey-002),

package/tokens/temp/_schemestatic.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-light: (
   post-scheme-even: var(--post-core-bg-scheme-light),

package/tokens/temp/_theme.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-post: (
   post-theme-color-body-bg: var(--post-scheme-color-body-bg),

package/tokens/temp/_utilities-formatted.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $margin: (
   0: var(--post-core-dimension-0),

package/tokens/temp/_utilities.scss

@@ -1,7 +1,7 @@
 
 // Do not edit manually
 // This file was generated by the swisspost/design-system-tokens package
-// Wed, 24 Jun 2026 14:40:13 GMT
+// Tue, 30 Jun 2026 11:49:09 GMT
 
 $post-spacing: (
   post-utility-margin-0: var(--post-core-dimension-0),

package/utilities/_env-variables.scss

@@ -1 +1 @@
-$post-icon-version: '10.0.0-next.75';
+$post-icon-version: '10.0.0';

package/components/tabs/_tabs-wrapper.scss

@@ -1,61 +0,0 @@
-@use './../../mixins/utilities' as utilities-mx;
-@use './../../variables/color';
-@use './../../variables/spacing';
-@use './../../variables/components/nav';
-
-.tabs-wrapper {
-  position: relative;
-  padding-top: spacing.$spacer;
-  border: 0;
-  background-color: rgba(
-    color.$black,
-    0.02
-  ); // 0.02 gets as close as possible to color.$light on white background
-
-  // Create a line that lies below the active but above the passive elements
-  // This way hover works smoothly with the background color
-  &::after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    height: 1px;
-    background-color: nav.$nav-tabs-border-color;
-  }
-
-  // Small hack to save a lot of code and provide a lot of flexibility to tabs coloring
-  .tabs {
-    background-color: transparent !important;
-  }
-
-  @include utilities-mx.high-contrast-mode() {
-    &::after {
-      background-color: ButtonBorder;
-    }
-  }
-}
-
-.tabs {
-  display: flex;
-  flex-wrap: nowrap;
-  overflow-x: auto;
-
-  /* prevent scroll chaining on x scroll */
-  overscroll-behavior-x: contain;
-  white-space: nowrap;
-
-  @include utilities-mx.reset-list;
-
-  // Scrolling fix to make the tabs scroll a little more so the right most tab is not
-  // flush with the window border
-  &::after {
-    content: '';
-    display: block;
-    flex: 1 0 auto;
-    width: nav.$nav-link-padding-x;
-  }
-}
-
-.tab-content {
-  padding-top: spacing.$spacer;
-}