@primer/css 19.4.1-rc.b4e7503e → 19.5.0-rc.2b8c3990

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (37) hide show
  1. package/CHANGELOG.md +18 -4
  2. package/actionlist/action-list-item-divider.scss +1 -0
  3. package/actionlist/action-list-item.scss +1 -0
  4. package/actionlist/action-list-tree.scss +1 -0
  5. package/dist/actionlist.css +1 -1
  6. package/dist/actionlist.css.map +1 -1
  7. package/dist/color-modes.css +1 -1
  8. package/dist/color-modes.css.map +1 -1
  9. package/dist/core.css +1 -1
  10. package/dist/core.css.map +1 -1
  11. package/dist/labels.css +1 -1
  12. package/dist/labels.css.map +1 -1
  13. package/dist/layout.css +1 -1
  14. package/dist/layout.css.map +1 -1
  15. package/dist/meta.json +51 -51
  16. package/dist/primer.css +3 -3
  17. package/dist/primer.css.map +1 -1
  18. package/dist/product.css +1 -1
  19. package/dist/product.css.map +1 -1
  20. package/dist/stats/actionlist.json +1 -1
  21. package/dist/stats/color-modes.json +1 -1
  22. package/dist/stats/core.json +1 -1
  23. package/dist/stats/labels.json +1 -1
  24. package/dist/stats/layout.json +1 -1
  25. package/dist/stats/primer.json +1 -1
  26. package/dist/stats/product.json +1 -1
  27. package/dist/stats/utilities.json +1 -1
  28. package/dist/utilities.css +1 -1
  29. package/dist/utilities.css.map +1 -1
  30. package/forms/radio-group.scss +1 -0
  31. package/labels/labels.scss +10 -0
  32. package/labels/mixins.scss +1 -0
  33. package/labels/states.scss +2 -2
  34. package/layout/page-layout.scss +3 -0
  35. package/marketing/utilities/layout.scss +1 -0
  36. package/package.json +5 -5
  37. package/utilities/colors.scss +14 -0
package/layout/page-layout.scss CHANGED
@@ -23,6 +23,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
23
23
  }
24
24
 
25
25
  .PageLayout {
26
+ display: block;
26
27
  // stylelint-disable-next-line primer/spacing
27
28
  margin: var(--Layout-outer-spacing-y) var(--Layout-outer-spacing-x);
28
29
 
@@ -245,6 +246,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
245
246
 
246
247
  .PageLayout-region--dividerNarrow-filled-before {
247
248
  position: relative;
249
+ // stylelint-disable-next-line primer/spacing
248
250
  margin-top: calc(#{$spacer-2} + var(--Layout-row-gap));
249
251
 
250
252
  &::after {
@@ -256,6 +258,7 @@ $Layout-responsive-variant-max-breakpoint: 'md' !default;
256
258
 
257
259
  .PageLayout-region--dividerNarrow-filled-after {
258
260
  position: relative;
261
+ // stylelint-disable-next-line primer/spacing
259
262
  margin-bottom: calc(#{$spacer-2} + var(--Layout-row-gap));
260
263
 
261
264
  &::before {
package/marketing/utilities/layout.scss CHANGED
@@ -27,6 +27,7 @@
27
27
  @each $breakpoint, $variant in $responsive-variants {
28
28
  @include breakpoint($breakpoint) {
29
29
  @for $offset from 1 through 7 {
30
+ // stylelint-disable-next-line primer/spacing
30
31
  .offset#{$variant}-n#{$offset} { margin-left: -($offset * 0.0833333333 * 100%); }
31
32
  }
32
33
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/css",
3
- "version": "19.4.1-rc.b4e7503e",
3
+ "version": "19.5.0-rc.2b8c3990",
4
4
  "description": "The CSS implementation of GitHub's Primer Design System",
5
5
  "homepage": "https://primer.style/css",
6
6
  "author": "GitHub, Inc.",
@@ -39,18 +39,18 @@
39
39
  "storybook": "cd docs && yarn && yarn storybook"
40
40
  },
41
41
  "dependencies": {
42
- "@primer/primitives": "^7.4.0"
42
+ "@primer/primitives": "7.5.0"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@changesets/changelog-github": "0.4.2",
46
46
  "@changesets/cli": "2.20.0",
47
47
  "@github/prettier-config": "0.0.4",
48
48
  "@koddsson/postcss-sass": "5.0.1",
49
- "@primer/stylelint-config": "^12.3.1",
49
+ "@primer/stylelint-config": "^12.3.3",
50
50
  "autoprefixer": "10.4.2",
51
51
  "chokidar-cli": "3.0.0",
52
52
  "cssstats": "4.0.2",
53
- "eslint": "8.8.0",
53
+ "eslint": "8.10.0",
54
54
  "eslint-plugin-github": "4.3.5",
55
55
  "eslint-plugin-jest": "26.0.0",
56
56
  "eslint-plugin-prettier": "4.0.0",
@@ -60,7 +60,7 @@
60
60
  "globby": "13.1.0",
61
61
  "jest": "27.4.7",
62
62
  "js-yaml": "4.1.0",
63
- "postcss": "8.4.6",
63
+ "postcss": "8.4.7",
64
64
  "postcss-calc": "8.2.3",
65
65
  "postcss-import": "14.0.2",
66
66
  "postcss-load-config": "3.1.0",
package/utilities/colors.scss CHANGED
@@ -11,6 +11,8 @@
11
11
  .color-fg-attention { color: var(--color-attention-fg) !important; }
12
12
  .color-fg-severe { color: var(--color-severe-fg) !important; }
13
13
  .color-fg-danger { color: var(--color-danger-fg) !important; }
14
+ .color-fg-open { color: var(--color-open-fg) !important; }
15
+ .color-fg-closed { color: var(--color-closed-fg) !important; }
14
16
  .color-fg-done { color: var(--color-done-fg) !important; }
15
17
  .color-fg-sponsors { color: var(--color-sponsors-fg) !important; }
16
18
 
@@ -39,6 +41,12 @@
39
41
  .color-bg-danger { background-color: var(--color-danger-subtle) !important; }
40
42
  .color-bg-danger-emphasis { background-color: var(--color-danger-emphasis) !important; }
41
43
 
44
+ .color-bg-open { background-color: var(--color-open-subtle) !important; }
45
+ .color-bg-open-emphasis { background-color: var(--color-open-emphasis) !important; }
46
+
47
+ .color-bg-closed { background-color: var(--color-closed-subtle) !important; }
48
+ .color-bg-closed-emphasis { background-color: var(--color-closed-emphasis) !important; }
49
+
42
50
  .color-bg-done { background-color: var(--color-done-subtle) !important; }
43
51
  .color-bg-done-emphasis { background-color: var(--color-done-emphasis) !important; }
44
52
 
@@ -66,6 +74,12 @@
66
74
  .color-border-danger { border-color: var(--color-danger-muted) !important; }
67
75
  .color-border-danger-emphasis { border-color: var(--color-danger-emphasis) !important; }
68
76
 
77
+ .color-border-open { border-color: var(--color-open-muted) !important; }
78
+ .color-border-open-emphasis { border-color: var(--color-open-emphasis) !important; }
79
+
80
+ .color-border-closed { border-color: var(--color-closed-muted) !important; }
81
+ .color-border-closed-emphasis { border-color: var(--color-closed-emphasis) !important; }
82
+
69
83
  .color-border-done { border-color: var(--color-done-muted) !important; }
70
84
  .color-border-done-emphasis { border-color: var(--color-done-emphasis) !important; }
71
85