@papillonbits/css 0.16.0 → 0.18.0

package/build/primer/base/base.scss

@@ -99,8 +99,6 @@ button,
 [role='button'],
 input[type='radio'],
 input[type='checkbox'] {
-  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
-  transition-property: color, background-color, box-shadow, border-color;
   // fallback :focus state
   &:focus {
     @include focusOutline;

package/build/primer/support/variables/layout.scss

@@ -147,6 +147,13 @@ $breakpoints: (
   xl: $width-xl
 ) !default;
 
+// Viewport ranges
+// Soon to be provided by Primer Primitives directly
+// https://github.com/primer/primitives/blob/main/tokens/functional/size/viewport.json
+$viewport-narrow: 'max-width: #{$width-md - 0.02px}' !default;
+$viewport-regular: 'min-width: #{$width-md}' !default;
+$viewport-wide: 'min-width: 1400px' !default;
+
 // This map in the form (breakpoint: variant) is used to iterate over
 // breakpoints and create both responsive and non-responsive classes in one
 // loop:

package/build/primer/utilities/visibility-display.scss

@@ -117,7 +117,7 @@
   clip: rect(1px, 1px, 1px, 1px);
 
   &:focus {
-    z-index: 20;
+    z-index: 999;
     width: auto;
     height: auto;
     clip: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@papillonbits/css",
-  "version": "0.16.0",
+  "version": "0.18.0",
   "description": "Papillon Bits CSS",
   "homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/css",
   "repository": {
@@ -23,5 +23,5 @@
     "build-acceptance": "npm run build",
     "build-release": "npm run build"
   },
-  "gitHead": "be301ce31cad83c410cc0583a7b4e4c4bfdda5f6"
+  "gitHead": "14c074a7a4673f5e08bd2b818b696b123e92eefa"
 }