primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-22 10:49:41 +03:00
Code Issues Projects Releases Wiki Activity

Bump the all group across 1 directory with 4 updates (#2721)

Browse Source 
* Bump the all group across 1 directory with 4 updates

Bumps the all group with 4 updates in the / directory: [@changesets/cli](https://github.com/changesets/changesets), [@primer/stylelint-config](https://github.com/primer/stylelint-config), [eslint](https://github.com/eslint/eslint) and [stylelint](https://github.com/stylelint/stylelint).


Updates `@changesets/cli` from 2.27.8 to 2.27.9
- [Release notes](https://github.com/changesets/changesets/releases)
- [Changelog](https://github.com/changesets/changesets/blob/main/docs/modifying-changelog-format.md)
- [Commits](https://github.com/changesets/changesets/compare/@changesets/cli@2.27.8...@changesets/cli@2.27.9)

Updates `@primer/stylelint-config` from 13.0.1 to 13.1.1
- [Release notes](https://github.com/primer/stylelint-config/releases)
- [Changelog](https://github.com/primer/stylelint-config/blob/main/CHANGELOG.md)
- [Commits](https://github.com/primer/stylelint-config/compare/v13.0.1...v13.1.1)

Updates `eslint` from 9.11.1 to 9.12.0
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/eslint/eslint/compare/v9.11.1...v9.12.0)

Updates `stylelint` from 16.9.0 to 16.10.0
- [Release notes](https://github.com/stylelint/stylelint/releases)
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md)
- [Commits](https://github.com/stylelint/stylelint/compare/16.9.0...16.10.0)

---
updated-dependencies:
- dependency-name: "@changesets/cli"
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all
- dependency-name: "@primer/stylelint-config"
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all
- dependency-name: eslint
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all
- dependency-name: stylelint
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all
...

Signed-off-by: dependabot[bot] <support@github.com>

* Disable stylelint errors

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Jon Rohan <yes@jonrohan.codes>
This commit is contained in:
dependabot[bot] 2024-10-14 10:20:32 -07:00 committed by GitHub
parent f3593edb0a
commit 1ec7313fe7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
27 changed files with 602 additions and 640 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1144
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
src/autocomplete/suggester.scss
View File

@ -12,7 +12,7 @@
list-style: none; list-style: none;
cursor: pointer; cursor: pointer;
background: var(--overlay-bgColor, var(--color-canvas-overlay)); background: var(--overlay-bgColor, var(--color-canvas-overlay));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--borderColor-default, var(--color-border-default)); border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius; border-radius: $border-radius;
@ -23,7 +23,7 @@
padding: var(--base-size-4) var(--base-size-8); padding: var(--base-size-4) var(--base-size-8);
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography
font-weight: $font-weight-semibold; font-weight: $font-weight-semibold;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
small { small {

2
src/base/base.scss
View File

@ -61,7 +61,7 @@ hr,
overflow: hidden; overflow: hidden;
background: transparent; background: transparent;
border: 0; border: 0;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
@include clearfix(); @include clearfix();

2
src/base/kbd.scss
View File

@ -11,7 +11,7 @@ kbd {
color: var(--fgColor-default, var(--color-fg-default)); color: var(--fgColor-default, var(--color-fg-default));
vertical-align: middle; vertical-align: middle;
background-color: var(--bgColor-muted, var(--color-canvas-subtle)); background-color: var(--bgColor-muted, var(--color-canvas-subtle));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-style $border-width var(--borderColor-neutral-muted, var(--color-neutral-muted)); border: $border-style $border-width var(--borderColor-neutral-muted, var(--color-neutral-muted));
border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted)); border-bottom-color: var(--borderColor-neutral-muted, var(--color-neutral-muted));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders

2
src/buttons/button.scss
View File

@ -16,7 +16,7 @@
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style; border: $border-width $border-style;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius; border-radius: $border-radius;

2
src/buttons/misc.scss
View File

@ -223,7 +223,7 @@
color: var(--fgColor-default, var(--color-fg-default)); color: var(--fgColor-default, var(--color-fg-default));
vertical-align: middle; vertical-align: middle;
background-color: var(--bgColor-default, var(--color-canvas-default)); background-color: var(--bgColor-default, var(--color-canvas-default));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--button-default-borderColor-rest, var(--color-btn-border)); border: $border-width $border-style var(--button-default-borderColor-rest, var(--color-btn-border));
border-left: 0; border-left: 0;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders

6
src/forms/form-control.scss
View File

@ -18,7 +18,7 @@
background-color: var(--bgColor-default, var(--color-canvas-default)); background-color: var(--bgColor-default, var(--color-canvas-default));
background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc) background-repeat: no-repeat; // Repeat and position set for form states (success, error, etc)
background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically. background-position: right 8px center; // For form validation. This keeps images 8px from right and centered vertically.
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default)); border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius; border-radius: $border-radius;
@ -46,7 +46,7 @@
&.border-0 { &.border-0 {
&:focus, &:focus,
&:focus-visible { &:focus-visible {
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important; border: $border-width $border-style var(--borderColor-accent-emphasis, var(--color-accent-fg)) !important;
} }
} }
@ -268,7 +268,7 @@ input::-webkit-inner-spin-button {
font-size: $h5-size; font-size: $h5-size;
color: var(--fgColor-attention, var(--color-attention-fg)); color: var(--fgColor-attention, var(--color-attention-fg));
background: var(--bgColor-attention-muted, var(--color-attention-subtle)); background: var(--bgColor-attention-muted, var(--color-attention-subtle));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--borderColor-attention-emphasis, var(--color-attention-emphasis)); border: $border-width $border-style var(--borderColor-attention-emphasis, var(--color-attention-emphasis));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius; border-radius: $border-radius;

2
src/forms/form-group.scss
View File

@ -198,7 +198,7 @@
height: 0; height: 0;
pointer-events: none; pointer-events: none;
content: ' '; content: ' ';
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-style transparent; border: $border-style transparent;
} }

2
src/forms/radio-group.scss
View File

@ -16,7 +16,7 @@
line-height: 20px; // Specifically not inherit our `<body>` default line-height: 20px; // Specifically not inherit our `<body>` default
color: var(--fgColor-default, var(--color-fg-default)); color: var(--fgColor-default, var(--color-fg-default));
cursor: pointer; cursor: pointer;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--borderColor-default, var(--color-border-default)); border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
:checked + & { :checked + & {

2
src/header/header.scss
View File

@ -40,7 +40,7 @@
.Header-input { .Header-input {
color: var(--header-fgColor-default, var(--color-header-text)); color: var(--header-fgColor-default, var(--color-header-text));
background-color: var(--headerSearch-bgColor, var(--color-header-search-bg)); background-color: var(--headerSearch-bgColor, var(--color-header-search-bg));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--headerSearch-borderColor, var(--color-header-search-border)); border: $border-width $border-style var(--headerSearch-borderColor, var(--color-header-search-border));
box-shadow: none; box-shadow: none;

2
src/labels/mixins.scss
View File

@ -15,7 +15,7 @@
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography
line-height: 18px; line-height: 18px;
white-space: nowrap; white-space: nowrap;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style transparent; border: $border-width $border-style transparent;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: 2em; border-radius: 2em;

1
src/layout/app-frame.scss
View File

@ -65,6 +65,7 @@
overflow: hidden; overflow: hidden;
text-indent: var(--base-size-128, 128px); text-indent: var(--base-size-128, 128px);
pointer-events: none; pointer-events: none;
// stylelint-disable-next-line primer/colors
background: var(--borderColor-default, var(--color-border-default)); background: var(--borderColor-default, var(--color-border-default));
border-radius: var(--borderRadius-full, 100vh); border-radius: var(--borderRadius-full, 100vh);
} }

9
src/layout/page-layout.scss
View File

@ -32,6 +32,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
width: calc(100% + (var(--Layout-outer-spacing-x) * 2)); width: calc(100% + (var(--Layout-outer-spacing-x) * 2));
height: 1px; height: 1px;
content: ''; content: '';
// stylelint-disable-next-line primer/colors
background-color: $Layout-divider-color; background-color: $Layout-divider-color;
} }
@ -77,7 +78,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
.PageLayout-header--hasDivider { .PageLayout-header--hasDivider {
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min)); padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width solid $Layout-divider-color; border-bottom: $border-width solid $Layout-divider-color;
} }
@ -86,7 +87,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
.PageLayout-footer--hasDivider { .PageLayout-footer--hasDivider {
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min)); padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-top: $border-width solid $Layout-divider-color; border-top: $border-width solid $Layout-divider-color;
} }
@ -95,7 +96,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
&.PageLayout--hasPaneDivider { &.PageLayout--hasPaneDivider {
&.PageLayout--panePos-start { &.PageLayout--panePos-start {
.PageLayout-pane { .PageLayout-pane {
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-right: $border-width solid $Layout-divider-color; border-right: $border-width solid $Layout-divider-color;
} }
@ -116,7 +117,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
&.PageLayout--panePos-end { &.PageLayout--panePos-end {
.PageLayout-pane { .PageLayout-pane {
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-left: $border-width solid $Layout-divider-color; border-left: $border-width solid $Layout-divider-color;
} }

4
src/markdown/footnotes.scss
View File

@ -16,7 +16,7 @@
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography
font-size: $h6-size; font-size: $h6-size;
color: var(--fgColor-muted, var(--color-fg-muted)); color: var(--fgColor-muted, var(--color-fg-muted));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-top: $border; border-top: $border;
ol { ol {
@ -41,7 +41,7 @@
left: calc(var(--base-size-24) * -1); left: calc(var(--base-size-24) * -1);
pointer-events: none; pointer-events: none;
content: ''; content: '';
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: 2px $border-style var(--borderColor-accent-emphasis, var(--color-accent-emphasis)); border: 2px $border-style var(--borderColor-accent-emphasis, var(--color-accent-emphasis));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius; border-radius: $border-radius;

4
src/markdown/headings.scss
View File

@ -43,7 +43,7 @@
padding-bottom: 0.3em; padding-bottom: 0.3em;
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography
font-size: 2em; font-size: 2em;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
} }
@ -52,7 +52,7 @@
padding-bottom: 0.3em; padding-bottom: 0.3em;
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography
font-size: 1.5em; font-size: 1.5em;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
} }

2
src/markdown/images.scss
View File

@ -43,7 +43,7 @@
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
margin: 13px 0 0; margin: 13px 0 0;
overflow: hidden; overflow: hidden;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--borderColor-default, var(--color-border-default)); border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
} }

3
src/markdown/markdown-body.scss
View File

@ -78,6 +78,7 @@
height: $em-spacer-3; height: $em-spacer-3;
padding: 0; padding: 0;
margin: var(--base-size-24) 0; margin: var(--base-size-24) 0;
// stylelint-disable-next-line primer/colors
background-color: var(--borderColor-default, var(--color-border-default)); background-color: var(--borderColor-default, var(--color-border-default));
border: 0; border: 0;
} }
@ -86,7 +87,7 @@
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
padding: 0 1em; padding: 0 1em;
color: var(--fgColor-muted, var(--color-fg-muted)); color: var(--fgColor-muted, var(--color-fg-muted));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-left: 0.25em $border-style var(--borderColor-default, var(--color-border-default)); border-left: 0.25em $border-style var(--borderColor-default, var(--color-border-default));
> :first-child { > :first-child {

4
src/markdown/tables.scss
View File

@ -18,7 +18,7 @@
td { td {
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
padding: 6px 13px; padding: 6px 13px;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--borderColor-default, var(--color-border-default)); border: $border-width $border-style var(--borderColor-default, var(--color-border-default));
} }
@ -30,7 +30,7 @@
tr { tr {
background-color: var(--bgColor-default, var(--color-canvas-default)); background-color: var(--bgColor-default, var(--color-canvas-default));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
&:nth-child(2n) { &:nth-child(2n) {

3
src/marketing/buttons/button.scss
View File

@ -10,13 +10,14 @@
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography
line-height: 1; line-height: 1;
// stylelint-disable-next-line primer/colors
color: var(--bgColor-default, var(--color-canvas-default)); color: var(--bgColor-default, var(--color-canvas-default));
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
user-select: none; user-select: none;
background: background:
linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%), // stylelint-disable-line primer/colors
var(--color-mktg-btn-bg) !important; var(--color-mktg-btn-bg) !important;
border: 0; border: 0;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders

1
src/marketing/links/link.scss
View File

@ -16,7 +16,6 @@
height: 2px; height: 2px;
pointer-events: none; pointer-events: none;
content: ''; content: '';
// stylelint-disable-next-line primer/colors
background-color: currentColor; background-color: currentColor;
transform: scaleX(0); transform: scaleX(0);
transform-origin: 0 0; transform-origin: 0 0;

3
src/navigation/sidenav.scss
View File

@ -16,7 +16,7 @@
text-align: left; text-align: left;
background-color: transparent; background-color: transparent;
border: 0; border: 0;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
&:first-child { &:first-child {
@ -59,6 +59,7 @@
// Bar on the left // Bar on the left
&::before { &::before {
// stylelint-disable-next-line primer/colors
background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active)); background-color: var(--underlineNav-borderColor-active, var(--color-primer-border-active));
} }
} }

4
src/navigation/subnav.scss
View File

@ -12,7 +12,7 @@
.subnav-bordered { .subnav-bordered {
// stylelint-disable-next-line primer/spacing // stylelint-disable-next-line primer/spacing
padding-bottom: 20px; padding-bottom: 20px;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
} }
@ -30,7 +30,7 @@
// stylelint-disable-next-line primer/typography // stylelint-disable-next-line primer/typography
line-height: 20px; line-height: 20px;
color: var(--fgColor-default, var(--color-fg-default)); color: var(--fgColor-default, var(--color-fg-default));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default)); border: $border-width $border-style var(--control-borderColor-rest, var(--color-border-default));
+ .subnav-item { + .subnav-item {

3
src/pagination/pagination.scss
View File

@ -16,7 +16,7 @@
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style transparent; border: $border-width $border-style transparent;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius; border-radius: $border-radius;
@ -68,7 +68,6 @@
height: 16px; height: 16px;
vertical-align: text-bottom; vertical-align: text-bottom;
content: ''; content: '';
// stylelint-disable-next-line primer/colors
background-color: currentColor; background-color: currentColor;
} }

18
src/select-menu/select-menu.scss
View File

@ -62,7 +62,7 @@ $SelectMenu-max-height: 480px !default;
pointer-events: auto; pointer-events: auto;
flex-direction: column; flex-direction: column;
background-color: var(--overlay-bgColor, var(--color-canvas-overlay)); background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border)); border: $border-width $border-style var(--selectMenu-borderColor, var(--color-select-menu-backdrop-border));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
border-radius: $border-radius * 2; border-radius: $border-radius * 2;
@ -107,7 +107,7 @@ $SelectMenu-max-height: 480px !default;
padding: var(--base-size-16); padding: var(--base-size-16);
flex: none; // fixes header from getting squeezed in Safari iOS flex: none; // fixes header from getting squeezed in Safari iOS
align-items: center; align-items: center;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
@include breakpoint(sm) { @include breakpoint(sm) {
@ -151,7 +151,7 @@ $SelectMenu-max-height: 480px !default;
.SelectMenu-filter { .SelectMenu-filter {
padding: var(--base-size-16); padding: var(--base-size-16);
margin: 0; margin: 0;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
@include breakpoint(sm) { @include breakpoint(sm) {
@ -201,7 +201,7 @@ $SelectMenu-max-height: 480px !default;
cursor: pointer; cursor: pointer;
background-color: var(--overlay-bgColor, var(--color-canvas-overlay)); background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
border: 0; border: 0;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
@include breakpoint(sm) { @include breakpoint(sm) {
@ -274,7 +274,7 @@ $SelectMenu-max-height: 480px !default;
@include breakpoint(sm) { @include breakpoint(sm) {
flex: none; flex: none;
padding: var(--base-size-4) var(--base-size-16); padding: var(--base-size-4) var(--base-size-16);
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style transparent; border: $border-width $border-style transparent;
border-bottom-width: 0; border-bottom-width: 0;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders
@ -307,7 +307,7 @@ $SelectMenu-max-height: 480px !default;
padding: 7px var(--base-size-16); padding: 7px var(--base-size-16);
text-align: center; text-align: center;
background-color: var(--overlay-bgColor, var(--color-canvas-overlay)); background-color: var(--overlay-bgColor, var(--color-canvas-overlay));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
} }
@ -335,12 +335,12 @@ $SelectMenu-max-height: 480px !default;
font-weight: $font-weight-semibold; font-weight: $font-weight-semibold;
color: var(--fgColor-muted, var(--color-fg-muted)); color: var(--fgColor-muted, var(--color-fg-muted));
background-color: var(--bgColor-muted, var(--color-canvas-subtle)); background-color: var(--bgColor-muted, var(--color-canvas-subtle));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-bottom: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
// Borderless // Borderless
.SelectMenu-list--borderless & { .SelectMenu-list--borderless & {
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
&:empty { &:empty {
@ -361,7 +361,7 @@ $SelectMenu-max-height: 480px !default;
font-size: $font-size-small; font-size: $font-size-small;
color: var(--fgColor-muted, var(--color-fg-muted)); color: var(--fgColor-muted, var(--color-fg-muted));
text-align: center; text-align: center;
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted)); border-top: $border-width $border-style var(--borderColor-muted, var(--color-border-muted));
@include breakpoint(sm) { @include breakpoint(sm) {

2
src/support/mixins/misc.scss
View File

@ -23,6 +23,7 @@
} }
&::before { &::before {
// stylelint-disable-next-line primer/colors
background-color: $border; background-color: $border;
} }
} }
@ -31,6 +32,7 @@
// inset box-shadow for form controls // inset box-shadow for form controls
@mixin focusBoxShadowInset($outlineWidth: 1px, $outlineColor: var(--focus-outlineColor, var(--color-accent-fg))) { @mixin focusBoxShadowInset($outlineWidth: 1px, $outlineColor: var(--focus-outlineColor, var(--color-accent-fg))) {
// stylelint-disable-next-line primer/colors
border-color: var(--focus-outlineColor, var(--color-accent-fg)); border-color: var(--focus-outlineColor, var(--color-accent-fg));
outline: none; outline: none;
// stylelint-disable-next-line primer/box-shadow // stylelint-disable-next-line primer/box-shadow

2
src/toasts/toasts.scss
View File

@ -24,7 +24,7 @@
flex-shrink: 0; flex-shrink: 0;
color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis)); color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis)); background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
// stylelint-disable-next-line primer/borders // stylelint-disable-next-line primer/borders, primer/colors
border: $border-width $border-style transparent; border: $border-width $border-style transparent;
border-right: 0; border-right: 0;
border-top-left-radius: inherit; border-top-left-radius: inherit;

9
src/utilities/borders.scss
View File

@ -3,13 +3,17 @@
/* Add a gray border to the left and right */ /* Add a gray border to the left and right */
.border-x { .border-x {
// stylelint-disable-next-line primer/colors
border-right: $border-rem !important; border-right: $border-rem !important;
// stylelint-disable-next-line primer/colors
border-left: $border-rem !important; border-left: $border-rem !important;
} }
/* Add a gray border to the top and bottom */ /* Add a gray border to the top and bottom */
.border-y { .border-y {
// stylelint-disable-next-line primer/colors
border-top: $border-rem !important; border-top: $border-rem !important;
// stylelint-disable-next-line primer/colors
border-bottom: $border-rem !important; border-bottom: $border-rem !important;
} }
@ -17,12 +21,17 @@
@each $breakpoint, $variant in $responsive-variants { @each $breakpoint, $variant in $responsive-variants {
@include breakpoint($breakpoint) { @include breakpoint($breakpoint) {
/* Add a gray border on all sides at/above this breakpoint */ /* Add a gray border on all sides at/above this breakpoint */
// stylelint-disable-next-line primer/colors
.border#{$variant} { border: $border-rem !important; } .border#{$variant} { border: $border-rem !important; }
.border#{$variant}-0 { border: 0 !important; } .border#{$variant}-0 { border: 0 !important; }
// stylelint-disable-next-line primer/colors
.border#{$variant}-top { border-top: $border-rem !important; } .border#{$variant}-top { border-top: $border-rem !important; }
// stylelint-disable-next-line primer/colors
.border#{$variant}-right { border-right: $border-rem !important; } .border#{$variant}-right { border-right: $border-rem !important; }
// stylelint-disable-next-line primer/colors
.border#{$variant}-bottom { border-bottom: $border-rem !important; } .border#{$variant}-bottom { border-bottom: $border-rem !important; }
// stylelint-disable-next-line primer/colors
.border#{$variant}-left { border-left: $border-rem !important; } .border#{$variant}-left { border-left: $border-rem !important; }
.border#{$variant}-top-0 { border-top: 0 !important; } .border#{$variant}-top-0 { border-top: 0 !important; }