@primer/css 19.5.0-rc.e5c3ce13 → 19.5.1

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.
@@ -24,7 +24,7 @@
24
24
  .emoji {
25
25
  max-width: none;
26
26
  vertical-align: text-top;
27
- // Override `<img>` styles so Emjois don't clash with zebra striping in our tables
27
+ // Override `<img>` styles so Emojis don't clash with zebra striping in our tables
28
28
  background-color: transparent;
29
29
  }
30
30
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/css",
3
- "version": "19.5.0-rc.e5c3ce13",
3
+ "version": "19.5.1",
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,7 +39,7 @@
39
39
  "storybook": "cd docs && yarn && yarn storybook"
40
40
  },
41
41
  "dependencies": {
42
- "@primer/primitives": "^7.4.0"
42
+ "@primer/primitives": "^7.5.1"
43
43
  },
44
44
  "devDependencies": {
45
45
  "@changesets/changelog-github": "0.4.2",
@@ -50,7 +50,7 @@
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",
@@ -31,7 +31,7 @@ $SelectMenu-max-height: 480px !default;
31
31
 
32
32
  // Backdrop
33
33
  //
34
- // Adds a dark, semi transparent "cover" underneat the modal. Only visible for xs.
34
+ // Adds a dark, semi transparent "cover" underneath the modal. Only visible for xs.
35
35
 
36
36
  .SelectMenu::before {
37
37
  position: absolute;
@@ -157,7 +157,7 @@ $responsive-variants: (
157
157
  xl: '-xl',
158
158
  ) !default;
159
159
 
160
- // responive utility position values
160
+ // responsive utility position values
161
161
  $responsive-positions: (
162
162
  static,
163
163
  relative,
@@ -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
 
@@ -85,7 +85,7 @@
85
85
  @each $breakpoint, $variant in $responsive-variants {
86
86
  @include breakpoint($breakpoint) {
87
87
 
88
- // Auto varients
88
+ // Auto variants
89
89
  .width#{$variant}-auto { width: auto !important; }
90
90
 
91
91
  /* Set the direction to rtl */