primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-08-17 04:00:28 +03:00
Code Issues Projects Releases Wiki Activity

Bump Primitives v7.12.0 (#2508)

Browse Source 
* bump + bring back inset

* Create lemon-cups-flow.md

* bump stylelint
This commit is contained in:
Katie Langerman 2023-08-22 09:19:49 -07:00 committed by GitHub
parent 49e81506a9
commit a8b1bed2ea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
12 changed files with 540 additions and 555 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/lemon-cups-flow.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Bump Primitive v7.12.0

1066
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

4
package.json
View File

@ -42,7 +42,7 @@
"build:storybook": "cd docs && npm i && npm run build:storybook"
},
"dependencies": {
"@primer/primitives": "^7.11.12",
"@primer/primitives": "^7.12.0",
"@primer/view-components": "^0.5.1"
},
"devDependencies": {
@ -50,7 +50,7 @@
"@changesets/cli": "^2.26.1",
"@csstools/postcss-sass": "^5.0.1",
"@github/prettier-config": "^0.0.6",
"@primer/stylelint-config": "^12.7.1",
"@primer/stylelint-config": "^12.8.0",
"autoprefixer": "^10.4.13",
"chokidar-cli": "^3.0.0",
"cssstats": "^4.0.5",

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

@ -29,7 +29,7 @@
display: flex;
width: 100%;
padding: var(--base-size-16, 16px);
background: var(--bgColor-muted, var(--color-canvas-inset));
background: var(--bgColor-inset, var(--color-canvas-inset));
padding-block-end: calc(var(--base-size-16, 16px) - var(--borderWidth-thin, 1px));
isolation: isolate;
align-items: center;

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

@ -14,12 +14,10 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
--Layout-row-gap: #{$spacer-3};
// the `px` unit is mandatory for `calc()` execution. See https://stackoverflow.com/a/32518348
// stylelint-disable length-zero-no-unit
--Layout-outer-spacing-x: 0px; // wrapper margin x
--Layout-outer-spacing-y: 0px; // wrapper margin y
--Layout-inner-spacing-min: 0px; // default region padding
--Layout-inner-spacing-max: 0px; // relaxed content horizontal padding
// stylelint-enable length-zero-no-unit
}
// Layout beta mixins
@ -44,7 +42,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
width: calc(100% + (var(--Layout-outer-spacing-x) * 2));
height: #{$spacer-2}; // 8px
content: '';
background-color: var(--bgColor-muted, var(--color-canvas-inset));
background-color: var(--bgColor-inset, var(--color-canvas-inset));
box-shadow: inset 0 1px $Layout-divider-color, inset 0 -1px $Layout-divider-color;
}
@ -378,7 +376,6 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
.PageLayout--columnGap-none {
// the `px` unit is mandatory for `calc()` execution. See https://stackoverflow.com/a/32518348
// stylelint-disable-next-line length-zero-no-unit
--Layout-column-gap: 0px;
}
@ -394,7 +391,6 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
.PageLayout--rowGap-none {
// the `px` unit is mandatory for `calc()` execution. See https://stackoverflow.com/a/32518348
// stylelint-disable length-zero-no-unit
--Layout-row-gap: 0px;
}

1
src/marketing/utilities/layout.scss
View File

@ -1,5 +1,4 @@
// Layout utilities
// stylelint-disable block-opening-brace-space-before
// Responsive utilities to position content
// No utilities for sm and xl breakpoints

2
src/utilities/borders.scss
View File

@ -1,5 +1,5 @@
// Core border utilities
// stylelint-disable block-opening-brace-space-before, primer/borders
// stylelint-disable primer/borders
/* Add a gray border to the left and right */
.border-x {

3
src/utilities/colors.scss
View File

@ -1,4 +1,3 @@
// stylelint-disable block-opening-brace-space-before
// Foreground
@ -22,7 +21,7 @@
.color-bg-default { background-color: var(--bgColor-default, var(--color-canvas-default)) !important; }
.color-bg-overlay { background-color: var(--overlay-bgColor, var(--color-canvas-overlay)) !important; }
.color-bg-inset { background-color: var(--bgColor-muted, var(--color-canvas-inset)) !important; }
.color-bg-inset { background-color: var(--bgColor-inset, var(--color-canvas-inset)) !important; }
.color-bg-subtle { background-color: var(--bgColor-muted, var(--color-canvas-subtle)) !important; }
.color-bg-emphasis { background-color: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus)) !important; }

1
src/utilities/flexbox.scss
View File

@ -1,5 +1,4 @@
// Flex utility classes
// stylelint-disable block-opening-brace-space-before
@each $breakpoint, $variant in $responsive-variants {
@include breakpoint($breakpoint) {
// Flexbox classes

2
src/utilities/layout.scss
View File

@ -1,5 +1,5 @@
// Layout
// stylelint-disable block-opening-brace-space-before, comment-empty-line-before
// stylelint-disable comment-empty-line-before
/* Position */
@each $breakpoint, $variant in $responsive-variants {

2
src/utilities/margin.scss
View File

@ -1,6 +1,4 @@
// Margin spacer utilities
// stylelint-disable block-opening-brace-space-before
// stylelint-disable declaration-colon-space-before
// stylelint-disable comment-empty-line-before
// stylelint-disable primer/spacing

1
src/utilities/padding.scss
View File

@ -1,5 +1,4 @@
// Padding spacer utilities
// stylelint-disable block-opening-brace-space-before
// stylelint-disable comment-empty-line-before
// stylelint-disable primer/spacing