@justeattakeaway/pie-css - npm Package Compare versions

Comparing version 1.1.3 to 1.2.0

package.json

 {
   "name": "@justeattakeaway/pie-css",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "description": "A styling library that provides both a shared collection of ready to use CSS styles to be used across JET web front-ends, and SCSS-based style helpers for our PIE Web Component library.",
@@ -5,0 +5,0 @@ "repository": {

scss/mixins/_visuallyHidden.scss

@@ -7,5 +7,15 @@ // Mixin to hide an element yet keep it available for screen readers.
     width: 1px;
+    border: 0;
+    padding: 0;
+    margin: -1px;
     overflow: hidden;
-    padding: 1px;
     white-space: nowrap;
+
+    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
+
+    // Fix to prevent overflowing children to become focusable
+    * {
+        overflow: hidden;
+    }
 }

No alert changes

Improved metrics

Total package byte prevSize

332780

0.06%

No dependency changes