@swisspost/design-system-styles 10.7.0 → 10.8.0

package/tokens/_appearance-condensed.scss

@@ -0,0 +1,11 @@
+@use '@swisspost/design-system-tokens/appearance';
+
+@use './core';
+@use './../mixins/tokens';
+
+:root,
+[data-color-scheme] {
+  // todo: there is no condensed appearance yet; replace after tokens are updated
+  @include tokens.from(appearance.$post-compact);
+  --_post-initial-global-header-height: 2rem;
+}

package/tokens/_device-condensed.scss

@@ -0,0 +1,10 @@
+@use '@swisspost/design-system-tokens/device' as device;
+
+@use './core';
+@use './../mixins/tokens';
+@use './../mixins/media';
+
+:root,
+[data-color-scheme] {
+  @include tokens.from(device.$post-mobile);
+}

package/tokens/_schemes.scss

@@ -2,11 +2,8 @@
 @use './core';
 @use '@swisspost/design-system-tokens/scheme';
 
-/**
- * Check for light-dark support was added so we don't use CSS functions that don't work anyway.
- * This check becomes obsolete when the fallback is removed.
- */
 @use '../mixins/supports';
+@use '../mixins/color-scheme';
 
 @include supports.light-dark(true) {
   :root {
@@ -19,9 +16,6 @@
 @include supports.light-dark(false) {
   :root,
   [data-color-scheme] {
-    @each $key, $light-value in scheme.$post-light {
-      --#{$key}-light: var(--post-fallback-prefers-light) #{$light-value};
-      --#{$key}: var(--#{$key}-light, #{map.get(scheme.$post-dark, $key)});
-    }
+    @extend %color-scheme-fallback-variables;
   }
 }

package/utilities/_env-variables.scss

@@ -1 +1 @@
-$post-icon-version: '10.7.0';
+$post-icon-version: '10.8.0';