@primer/css 18.0.0-rc.f9f1e4a1 → 18.0.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.
Files changed (21) hide show
  1. package/CHANGELOG.md +15 -1
  2. package/color-modes/index.scss +2 -2
  3. package/color-modes/themes/{dark_protanopia.scss → dark_colorblind.scss} +1 -1
  4. package/color-modes/themes/{light_protanopia.scss → light_colorblind.scss} +1 -1
  5. package/deprecations.json +5 -7
  6. package/dist/color-modes.css +1 -1
  7. package/dist/core.css +1 -1
  8. package/dist/core.css.map +1 -1
  9. package/dist/deprecations.json +5 -7
  10. package/dist/meta.json +104 -104
  11. package/dist/primer.css +2 -2
  12. package/dist/primer.css.map +1 -1
  13. package/dist/stats/color-modes.json +1 -1
  14. package/dist/stats/core.json +1 -1
  15. package/dist/stats/primer.json +1 -1
  16. package/dist/stats/utilities.json +1 -1
  17. package/dist/utilities.css +1 -1
  18. package/dist/utilities.css.map +1 -1
  19. package/package.json +3 -3
  20. package/utilities/colors.scss +32 -30
  21. package/utilities/details.scss +1 -1
package/utilities/colors.scss CHANGED
@@ -18,43 +18,32 @@
18
18
 
19
19
  // Background
20
20
 
21
- .color-bg-default { background-color: var(--color-canvas-default) !important; }
22
- .color-bg-overlay { background-color: var(--color-canvas-overlay) !important; }
23
- .color-bg-inset { background-color: var(--color-canvas-inset) !important; }
24
- .color-bg-subtle { background-color: var(--color-canvas-subtle) !important; }
25
-
26
- .color-bg-neutral-emphasis-plus { background-color: var(--color-neutral-emphasis-plus) !important; }
27
- .color-bg-neutral-emphasis { background-color: var(--color-neutral-emphasis) !important; }
28
- .color-bg-neutral-muted { background-color: var(--color-neutral-muted) !important; }
29
- .color-bg-neutral-subtle { background-color: var(--color-neutral-subtle) !important; }
21
+ .color-bg-default { background-color: var(--color-canvas-default) !important; }
22
+ .color-bg-overlay { background-color: var(--color-canvas-overlay) !important; }
23
+ .color-bg-inset { background-color: var(--color-canvas-inset) !important; }
24
+ .color-bg-subtle { background-color: var(--color-canvas-subtle) !important; }
25
+ .color-bg-emphasis { background-color: var(--color-neutral-emphasis-plus) !important; }
30
26
 
27
+ .color-bg-accent { background-color: var(--color-accent-subtle) !important; }
31
28
  .color-bg-accent-emphasis { background-color: var(--color-accent-emphasis) !important; }
32
- .color-bg-accent-muted { background-color: var(--color-accent-muted) !important; }
33
- .color-bg-accent-subtle { background-color: var(--color-accent-subtle) !important; }
34
29
 
30
+ .color-bg-success { background-color: var(--color-success-subtle) !important; }
35
31
  .color-bg-success-emphasis { background-color: var(--color-success-emphasis) !important; }
36
- .color-bg-success-muted { background-color: var(--color-success-muted) !important; }
37
- .color-bg-success-subtle { background-color: var(--color-success-subtle) !important; }
38
32
 
33
+ .color-bg-attention { background-color: var(--color-attention-subtle) !important; }
39
34
  .color-bg-attention-emphasis { background-color: var(--color-attention-emphasis) !important; }
40
- .color-bg-attention-muted { background-color: var(--color-attention-muted) !important; }
41
- .color-bg-attention-subtle { background-color: var(--color-attention-subtle) !important; }
42
35
 
36
+ .color-bg-severe { background-color: var(--color-severe-subtle) !important; }
43
37
  .color-bg-severe-emphasis { background-color: var(--color-severe-emphasis) !important; }
44
- .color-bg-severe-muted { background-color: var(--color-severe-muted) !important; }
45
- .color-bg-severe-subtle { background-color: var(--color-severe-subtle) !important; }
46
38
 
39
+ .color-bg-danger { background-color: var(--color-danger-subtle) !important; }
47
40
  .color-bg-danger-emphasis { background-color: var(--color-danger-emphasis) !important; }
48
- .color-bg-danger-muted { background-color: var(--color-danger-muted) !important; }
49
- .color-bg-danger-subtle { background-color: var(--color-danger-subtle) !important; }
50
41
 
42
+ .color-bg-done { background-color: var(--color-done-subtle) !important; }
51
43
  .color-bg-done-emphasis { background-color: var(--color-done-emphasis) !important; }
52
- .color-bg-done-muted { background-color: var(--color-done-muted) !important; }
53
- .color-bg-done-subtle { background-color: var(--color-done-subtle) !important; }
54
44
 
45
+ .color-bg-sponsors { background-color: var(--color-sponsors-subtle) !important; }
55
46
  .color-bg-sponsors-emphasis { background-color: var(--color-sponsors-emphasis) !important; }
56
- .color-bg-sponsors-muted { background-color: var(--color-sponsors-muted) !important; }
57
- .color-bg-sponsors-subtle { background-color: var(--color-sponsors-subtle) !important; }
58
47
 
59
48
  // Border
60
49
 
@@ -62,13 +51,26 @@
62
51
  .color-border-muted { border-color: var(--color-border-muted) !important; }
63
52
  .color-border-subtle { border-color: var(--color-border-subtle) !important; }
64
53
 
65
- .color-border-accent { border-color: var(--color-accent-emphasis) !important; }
66
- .color-border-success { border-color: var(--color-success-emphasis) !important; }
67
- .color-border-attention { border-color: var(--color-attention-emphasis) !important; }
68
- .color-border-severe { border-color: var(--color-severe-emphasis) !important; }
69
- .color-border-danger { border-color: var(--color-danger-emphasis) !important; }
70
- .color-border-done { border-color: var(--color-done-emphasis) !important; }
71
- .color-border-sponsors { border-color: var(--color-sponsors-emphasis) !important; }
54
+ .color-border-accent { border-color: var(--color-accent-muted) !important; }
55
+ .color-border-accent-emphasis { border-color: var(--color-accent-emphasis) !important; }
56
+
57
+ .color-border-success { border-color: var(--color-success-muted) !important; }
58
+ .color-border-success-emphasis { border-color: var(--color-success-emphasis) !important; }
59
+
60
+ .color-border-attention { border-color: var(--color-attention-muted) !important; }
61
+ .color-border-attention-emphasis { border-color: var(--color-attention-emphasis) !important; }
62
+
63
+ .color-border-severe { border-color: var(--color-severe-muted) !important; }
64
+ .color-border-severe-emphasis { border-color: var(--color-severe-emphasis) !important; }
65
+
66
+ .color-border-danger { border-color: var(--color-danger-muted) !important; }
67
+ .color-border-danger-emphasis { border-color: var(--color-danger-emphasis) !important; }
68
+
69
+ .color-border-done { border-color: var(--color-done-muted) !important; }
70
+ .color-border-done-emphasis { border-color: var(--color-done-emphasis) !important; }
71
+
72
+ .color-border-sponsors { border-color: var(--color-sponsors-muted) !important; }
73
+ .color-border-sponsors-emphasis { border-color: var(--color-sponsors-emphasis) !important; }
72
74
 
73
75
  // Misc
74
76
 
package/utilities/details.scss CHANGED
@@ -14,7 +14,7 @@
14
14
  }
15
15
 
16
16
  .details-overlay-dark[open] > summary::before {
17
- z-index: 99;
17
+ z-index: 111;
18
18
  background: var(--color-primer-canvas-backdrop);
19
19
  }
20
20