@swisspost/design-system-styles 6.4.3 → 6.4.4

package/mixins/_button.scss

@@ -4,7 +4,6 @@
 @use './../variables/components/button';
 @use './../variables/type';
 @use './../variables/color' as color-var;
-@use './../placeholders/color' as color-ph;
 @use './../functions/contrast' as contrast-fn;
 @use 'utilities';
 

package/mixins/_notification.scss

@@ -111,7 +111,12 @@
     @include icons-mx.icon($icon);
   }
 
-  // icon override (post-icon)
+  // Prevent flashing when using post-icon
+  &:has(> post-icon)::before {
+    content: none;
+  }
+
+  // icon override (post-icon), needed when :has is not supported
   > post-icon {
     background-color: $color;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-styles",
-  "version": "6.4.3",
+  "version": "6.4.4",
   "description": "Design System Styles for the Swiss Post web platform.",
   "author": "Swiss Post <oss@post.ch>",
   "license": "Apache-2.0",
@@ -27,13 +27,13 @@
   },
   "devDependencies": {
     "@angular/compiler": "=15.0.4",
-    "@percy/cli": "1.27.3",
+    "@percy/cli": "1.27.4",
     "@percy/cypress": "3.1.2",
-    "@swisspost/design-system-icons": "1.0.13",
-    "@types/node": "18.18.0",
+    "@swisspost/design-system-icons": "1.0.14",
+    "@types/node": "18.18.8",
     "autoprefixer": "10.4.16",
     "copyfiles": "2.4.1",
-    "cypress": "13.3.3",
+    "cypress": "13.4.0",
     "cypress-storybook": "0.5.1",
     "glob": "10.3.10",
     "gulp": "4.0.2",
@@ -50,7 +50,7 @@
     "stylelint-config-prettier": "9.0.5",
     "stylelint-config-sass-guidelines": "10.0.0",
     "stylelint-prettier": "4.0.2",
-    "stylelint-scss": "5.2.1",
+    "stylelint-scss": "5.3.0",
     "typescript": "4.9.5"
   },
   "sass": {

package/placeholders/_index.scss

@@ -1,2 +1,6 @@
+@use './badge';
+@use './button';
+@use './close';
+@use './color';
 @use './dropdown';
 @use './text';

package/variables/components/_forms.scss

@@ -121,6 +121,10 @@ $form-floating-label-scale: math.div(
   $form-floating-label-font-size
 );
 $form-floating-label-upscale: math.div(1, $form-floating-label-scale);
+$form-floating-label-padding-t: calc(
+  #{$input-border-width} + #{$form-floating-label-height * 0.5} - #{$form-floating-label-font-size *
+    type.$line-height-copy * 0.5}
+);
 $form-floating-label-translate-x: $form-floating-padding-x * (1 - $form-floating-label-scale);
 $form-floating-label-transform: scale($form-floating-label-scale);
 $form-floating-transition: animation.$transition-base;