Merge branch 'main' into label-stories

primer · Oct 28, 2021 · bb98f73 · bb98f73
2 parents 55d883b + bc50203
commit bb98f73
Show file tree

Hide file tree

Showing 59 changed files with 234 additions and 222 deletions.
diff --git a/.changeset/cyan-birds-help.md b/.changeset/cyan-birds-help.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Updating @primer/stylelint-config to 12.1.0
diff --git a/package.json b/package.json
@@ -42,7 +42,7 @@
     "@changesets/cli": "2.17.0",
     "@github/prettier-config": "0.0.4",
     "@koddsson/postcss-sass": "5.0.0",
-    "@primer/stylelint-config": "12.0.1",
+    "@primer/stylelint-config": "12.1.0",
     "autoprefixer": "10.3.7",
     "cssstats": "4.0.2",
     "eslint": "7.32.0",

diff --git a/src/alerts/index.scss b/src/alerts/index.scss
@@ -1,3 +1,3 @@
 // support files
-@import "../support/index.scss";
-@import "./flash.scss";
+@import '../support/index.scss';
+@import './flash.scss';
diff --git a/src/autocomplete/index.scss b/src/autocomplete/index.scss
@@ -1,4 +1,4 @@
 // support files
-@import "../support/index.scss";
-@import "./autocomplete.scss";
-@import "./suggester.scss";
+@import '../support/index.scss';
+@import './autocomplete.scss';
+@import './suggester.scss';
diff --git a/src/autocomplete/suggester.scss b/src/autocomplete/suggester.scss
@@ -52,7 +52,7 @@
       }
     }
 
-    &[aria-selected="true"],
+    &[aria-selected='true'],
     &.navigation-focus {
       color: var(--color-fg-on-emphasis);
       text-decoration: none;

diff --git a/src/avatars/avatar-stack.scss b/src/avatars/avatar-stack.scss
@@ -89,7 +89,7 @@
     position: absolute;
     display: block;
     height: 20px;
-    content: "";
+    content: '';
     // stylelint-disable-next-line primer/borders
     border-radius: 2px;
     outline: $border-width $border-style var(--color-canvas-default);

diff --git a/src/avatars/circle-badge.scss b/src/avatars/circle-badge.scss
@@ -44,7 +44,7 @@
     top: 50%;
     left: 0;
     width: 100%;
-    content: "";
+    content: '';
     // stylelint-disable-next-line primer/borders
     border-bottom: 2px dashed var(--color-border-default);
   }

diff --git a/src/avatars/index.scss b/src/avatars/index.scss
@@ -1,7 +1,7 @@
-@import "../support/index.scss";
+@import '../support/index.scss';
 
 // Avatars
-@import "./avatar.scss";
-@import "./avatar-parent-child.scss";
-@import "./avatar-stack.scss";
-@import "./circle-badge.scss";
+@import './avatar.scss';
+@import './avatar-parent-child.scss';
+@import './avatar-stack.scss';
+@import './circle-badge.scss';
diff --git a/src/base/index.scss b/src/base/index.scss
@@ -1,7 +1,7 @@
-@import "../support/index.scss";
+@import '../support/index.scss';
 
-@import "./normalize.scss";
-@import "./base.scss";
-@import "./kbd.scss";
-@import "./typography-base.scss";
-@import "./octicons.scss";
+@import './normalize.scss';
+@import './base.scss';
+@import './kbd.scss';
+@import './typography-base.scss';
+@import './octicons.scss';
diff --git a/src/blankslate/index.scss b/src/blankslate/index.scss
@@ -1,3 +1,3 @@
-@import "../support/index.scss";
+@import '../support/index.scss';
 
-@import "./blankslate.scss";
+@import './blankslate.scss';
diff --git a/src/box/index.scss b/src/box/index.scss
@@ -1,2 +1,2 @@
-@import "../support/index.scss";
-@import "./box.scss";
+@import '../support/index.scss';
+@import './box.scss';
diff --git a/src/branch-name/index.scss b/src/branch-name/index.scss
@@ -1,3 +1,3 @@
 // support files
-@import "../support/index.scss";
-@import "./branch-name.scss";
+@import '../support/index.scss';
+@import './branch-name.scss';
diff --git a/src/breadcrumb/index.scss b/src/breadcrumb/index.scss
@@ -1,3 +1,3 @@
 // support files
-@import "../support/index.scss";
-@import "./breadcrumb.scss";
+@import '../support/index.scss';
+@import './breadcrumb.scss';
diff --git a/src/buttons/index.scss b/src/buttons/index.scss
@@ -1,4 +1,4 @@
-@import "../support/index.scss";
-@import "./button.scss";
-@import "./button-group.scss";
-@import "./misc.scss";
+@import '../support/index.scss';
+@import './button.scss';
+@import './button-group.scss';
+@import './misc.scss';
diff --git a/src/color-modes/index.scss b/src/color-modes/index.scss
@@ -1,9 +1,9 @@
 // All themes
 
-@import "./themes/light.scss";
-@import "./themes/light_colorblind.scss";
-@import "./themes/dark.scss";
-@import "./themes/dark_dimmed.scss";
-@import "./themes/dark_high_contrast.scss";
-@import "./themes/dark_colorblind.scss";
-@import "./native.scss";
+@import './themes/light.scss';
+@import './themes/light_colorblind.scss';
+@import './themes/dark.scss';
+@import './themes/dark_dimmed.scss';
+@import './themes/dark_high_contrast.scss';
+@import './themes/dark_colorblind.scss';
+@import './native.scss';
diff --git a/src/core/index.scss b/src/core/index.scss
@@ -6,23 +6,23 @@
  */
 
 // Global requirements
-@import "../support/index.scss";
+@import '../support/index.scss';
 
 // Color modes
 
 // Core modules
-@import "../base/index.scss";
-@import "../box/index.scss";
-@import "../breadcrumb/index.scss";
-@import "../buttons/index.scss";
-@import "../table-object/index.scss";
-@import "../forms/index.scss";
-@import "../layout/index.scss";
-@import "../links/index.scss";
-@import "../navigation/index.scss";
-@import "../pagination/index.scss";
-@import "../tooltips/index.scss";
-@import "../truncate/index.scss";
+@import '../base/index.scss';
+@import '../box/index.scss';
+@import '../breadcrumb/index.scss';
+@import '../buttons/index.scss';
+@import '../table-object/index.scss';
+@import '../forms/index.scss';
+@import '../layout/index.scss';
+@import '../links/index.scss';
+@import '../navigation/index.scss';
+@import '../pagination/index.scss';
+@import '../tooltips/index.scss';
+@import '../truncate/index.scss';
 
 // Utilities always go last so that they can override components
-@import "../utilities/index.scss";
+@import '../utilities/index.scss';
diff --git a/src/dropdown/dropdown.scss b/src/dropdown/dropdown.scss
@@ -7,7 +7,7 @@
   width: 0;
   height: 0;
   vertical-align: middle;
-  content: "";
+  content: '';
   border-style: $border-style;
   // stylelint-disable-next-line primer/borders
   border-width: $spacer-1 $spacer-1 0;
@@ -40,7 +40,7 @@
   &::after {
     position: absolute;
     display: inline-block;
-    content: "";
+    content: '';
   }
 
   // caret border
@@ -94,7 +94,7 @@
       opacity: 1;
     }
 
-    [class*="color-text-"] {
+    [class*='color-text-'] {
       color: inherit !important;
     }
 
@@ -130,7 +130,7 @@
   color: var(--color-fg-muted);
 }
 
-.dropdown-item[aria-checked="false"] .octicon-check {
+.dropdown-item[aria-checked='false'] .octicon-check {
   display: none;
 }
 

diff --git a/src/dropdown/index.scss b/src/dropdown/index.scss
@@ -1,2 +1,2 @@
-@import "../support/index.scss";
-@import "./dropdown.scss";
+@import '../support/index.scss';
+@import './dropdown.scss';
diff --git a/src/forms/form-group.scss b/src/forms/form-group.scss
@@ -102,7 +102,7 @@
       // stylelint-disable-next-line primer/spacing
       padding-left: 5px;
       color: var(--color-danger-fg);
-      content: "*";
+      content: '*';
     }
   }
 
@@ -169,7 +169,7 @@
         width: 0;
         height: 0;
         pointer-events: none;
-        content: " ";
+        content: ' ';
         // stylelint-disable-next-line primer/borders
         border: $border-style transparent;
       }

diff --git a/src/forms/form-select.scss b/src/forms/form-select.scss
@@ -8,7 +8,7 @@
   padding-right: $spacer-4;
   background-color: var(--color-canvas-default);
   // SVG with fill: #586069 (--color-icon-secondary)
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
+  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');
   background-repeat: no-repeat;
   background-position: right 4px center;
   background-size: 16px;
@@ -27,7 +27,7 @@
 @include color-mode(dark) {
   .form-select {
     // SVG with fill: #6e7681 (--color-icon-secondary)
-    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=");
+    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4=');
   }
 }
 

diff --git a/src/forms/form-validation.scss b/src/forms/form-validation.scss
@@ -11,15 +11,15 @@ dl.form-group > dd, // TODO: Deprecate
     }
 
     &.is-autocheck-loading {
-      background-image: url("/images/spinners/octocat-spinner-16px.gif");
+      background-image: url('/images/spinners/octocat-spinner-16px.gif');
     }
 
     &.is-autocheck-successful {
-      background-image: url("/images/modules/ajax/success.png");
+      background-image: url('/images/modules/ajax/success.png');
     }
 
     &.is-autocheck-errored {
-      background-image: url("/images/modules/ajax/error.png");
+      background-image: url('/images/modules/ajax/error.png');
     }
   }
 }
@@ -36,15 +36,15 @@ dl.form-group > dd, // TODO: Deprecate
       }
 
       &.is-autocheck-loading {
-        background-image: url("/images/spinners/octocat-spinner-32.gif");
+        background-image: url('/images/spinners/octocat-spinner-32.gif');
       }
 
       &.is-autocheck-successful {
-        background-image: url("/images/modules/ajax/success@2x.png");
+        background-image: url('/images/modules/ajax/success@2x.png');
       }
 
       &.is-autocheck-errored {
-        background-image: url("/images/modules/ajax/error@2x.png");
+        background-image: url('/images/modules/ajax/error@2x.png');
       }
     }
   }
@@ -67,7 +67,7 @@ dl.form-group > dd, // TODO: Deprecate
 .status-indicator-success {
   // Override primer
   &::before {
-    content: "";
+    content: '';
   }
 
   .octicon-check {
@@ -84,7 +84,7 @@ dl.form-group > dd, // TODO: Deprecate
 .status-indicator-failed {
   // Override primer
   &::before {
-    content: "";
+    content: '';
   }
 
   .octicon-check {
@@ -100,7 +100,7 @@ dl.form-group > dd, // TODO: Deprecate
 
 .status-indicator-loading {
   width: 16px;
-  background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif");
+  background-image: url('/images/spinners/octocat-spinner-32-EAF2F5.gif');
   background-repeat: no-repeat;
   background-position: 0 0;
   background-size: 16px;

diff --git a/src/forms/index.scss b/src/forms/index.scss
@@ -1,7 +1,7 @@
-@import "../support/index.scss";
-@import "./form-control.scss";
-@import "./form-select.scss";
-@import "./form-group.scss";
-@import "./form-validation.scss";
-@import "./input-group.scss";
-@import "./radio-group.scss";
+@import '../support/index.scss';
+@import './form-control.scss';
+@import './form-select.scss';
+@import './form-group.scss';
+@import './form-validation.scss';
+@import './input-group.scss';
+@import './radio-group.scss';
diff --git a/src/header/index.scss b/src/header/index.scss
@@ -1,2 +1,2 @@
-@import "../support/index.scss";
-@import "./header.scss";
+@import '../support/index.scss';
+@import './header.scss';
diff --git a/src/labels/index.scss b/src/labels/index.scss
@@ -1,8 +1,8 @@
-@import "../support/index.scss";
-@import "./mixins.scss";
+@import '../support/index.scss';
+@import './mixins.scss';
 
-@import "./issue-labels.scss";
-@import "./labels.scss";
-@import "./states.scss";
-@import "./counters.scss";
-@import "./diffstat.scss";
+@import './issue-labels.scss';
+@import './labels.scss';
+@import './states.scss';
+@import './counters.scss';
+@import './diffstat.scss';
diff --git a/src/layout/grid.scss b/src/layout/grid.scss
@@ -37,7 +37,7 @@
   margin-right: -$gutter-width;
   margin-left: -$gutter-width;
 
-  > [class*="col-"] {
+  > [class*='col-'] {
     padding-right: $gutter-width !important;
     padding-left: $gutter-width !important;
   }

diff --git a/src/layout/index.scss b/src/layout/index.scss
@@ -1,7 +1,7 @@
-@import "../support/index.scss";
-@import "./mixins.scss";
+@import '../support/index.scss';
+@import './mixins.scss';
 
-@import "./container.scss";
-@import "./grid.scss";
-@import "./grid-offset.scss";
-@import "./layout.scss";
+@import './container.scss';
+@import './grid.scss';
+@import './grid-offset.scss';
+@import './layout.scss';
diff --git a/src/layout/layout.scss b/src/layout/layout.scss
@@ -2,7 +2,7 @@
 
 .Layout {
   display: grid;
-  --Layout-sidebar-width: #{map-get($sidebar-width, "sm")};
+  --Layout-sidebar-width: #{map-get($sidebar-width, 'sm')};
   --Layout-gutter: 16px;
 
   @media (max-width: calc(#{$width-sm} - 1px)) {

diff --git a/src/links/index.scss b/src/links/index.scss
@@ -1,3 +1,3 @@
 // support files
-@import "../support/index.scss";
-@import "./link.scss";
+@import '../support/index.scss';
+@import './link.scss';
diff --git a/src/links/link.scss b/src/links/link.scss
@@ -49,7 +49,7 @@
 .Link--secondary,
 .Link--primary,
 .Link--muted {
-  &:hover [class*="color-text"] {
+  &:hover [class*='color-text'] {
     color: inherit !important;
   }
 }
diff --git a/src/loaders/index.scss b/src/loaders/index.scss
@@ -1,2 +1,2 @@
-@import "../support/index.scss";
-@import "./loaders.scss";
+@import '../support/index.scss';
+@import './loaders.scss';