@primer/css 0.0.0-2021897830 → 0.0.0-20219128133

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 (138) hide show
  1. package/CHANGELOG.md +80 -12
  2. package/CONTRIBUTING.md +1 -1
  3. package/breadcrumb/breadcrumb.scss +5 -2
  4. package/buttons/button.scss +5 -5
  5. package/buttons/misc.scss +4 -3
  6. package/color-modes/index.scss +2 -0
  7. package/color-modes/themes/dark_colorblind.scss +7 -0
  8. package/color-modes/themes/light_colorblind.scss +7 -0
  9. package/deprecations.js +17 -742
  10. package/deprecations.json +539 -0
  11. package/dist/alerts.css +1 -2
  12. package/dist/alerts.css.map +1 -1
  13. package/dist/autocomplete.css +1 -2
  14. package/dist/autocomplete.css.map +1 -1
  15. package/dist/avatars.css +1 -2
  16. package/dist/avatars.css.map +1 -1
  17. package/dist/base.css +1 -2
  18. package/dist/base.css.map +1 -1
  19. package/dist/blankslate.css +0 -1
  20. package/dist/blankslate.css.map +1 -1
  21. package/dist/box.css +1 -2
  22. package/dist/box.css.map +1 -1
  23. package/dist/branch-name.css +0 -1
  24. package/dist/branch-name.css.map +1 -1
  25. package/dist/breadcrumb.css +1 -2
  26. package/dist/breadcrumb.css.map +1 -1
  27. package/dist/buttons.css +1 -2
  28. package/dist/buttons.css.map +1 -1
  29. package/dist/color-modes.css +1 -2
  30. package/dist/color-modes.css.map +1 -1
  31. package/dist/core.css +1 -2
  32. package/dist/core.css.map +1 -1
  33. package/dist/deprecations.json +534 -3112
  34. package/dist/dropdown.css +1 -2
  35. package/dist/dropdown.css.map +1 -1
  36. package/dist/forms.css +1 -2
  37. package/dist/forms.css.map +1 -1
  38. package/dist/header.css +1 -2
  39. package/dist/header.css.map +1 -1
  40. package/dist/labels.css +1 -2
  41. package/dist/labels.css.map +1 -1
  42. package/dist/layout.css +1 -2
  43. package/dist/layout.css.map +1 -1
  44. package/dist/links.css +1 -2
  45. package/dist/links.css.map +1 -1
  46. package/dist/loaders.css +0 -1
  47. package/dist/loaders.css.map +1 -1
  48. package/dist/markdown.css +1 -2
  49. package/dist/markdown.css.map +1 -1
  50. package/dist/marketing-buttons.css +1 -2
  51. package/dist/marketing-buttons.css.map +1 -1
  52. package/dist/marketing-support.css +1 -1
  53. package/dist/marketing-type.css +1 -2
  54. package/dist/marketing-type.css.map +1 -1
  55. package/dist/marketing-utilities.css +1 -2
  56. package/dist/marketing-utilities.css.map +1 -1
  57. package/dist/marketing.css +1 -2
  58. package/dist/marketing.css.map +1 -1
  59. package/dist/meta.json +330 -330
  60. package/dist/navigation.css +1 -2
  61. package/dist/navigation.css.map +1 -1
  62. package/dist/pagination.css +1 -2
  63. package/dist/pagination.css.map +1 -1
  64. package/dist/popover.css +1 -2
  65. package/dist/popover.css.map +1 -1
  66. package/dist/primer.css +4 -5
  67. package/dist/primer.css.map +1 -1
  68. package/dist/product.css +1 -2
  69. package/dist/product.css.map +1 -1
  70. package/dist/progress.css +0 -1
  71. package/dist/progress.css.map +1 -1
  72. package/dist/select-menu.css +1 -2
  73. package/dist/select-menu.css.map +1 -1
  74. package/dist/stats/alerts.json +1 -1
  75. package/dist/stats/autocomplete.json +1 -1
  76. package/dist/stats/avatars.json +1 -1
  77. package/dist/stats/base.json +1 -1
  78. package/dist/stats/box.json +1 -1
  79. package/dist/stats/breadcrumb.json +1 -1
  80. package/dist/stats/buttons.json +1 -1
  81. package/dist/stats/color-modes.json +1 -1
  82. package/dist/stats/core.json +1 -1
  83. package/dist/stats/dropdown.json +1 -1
  84. package/dist/stats/forms.json +1 -1
  85. package/dist/stats/header.json +1 -1
  86. package/dist/stats/labels.json +1 -1
  87. package/dist/stats/layout.json +1 -1
  88. package/dist/stats/links.json +1 -1
  89. package/dist/stats/markdown.json +1 -1
  90. package/dist/stats/marketing-buttons.json +1 -1
  91. package/dist/stats/marketing-type.json +1 -1
  92. package/dist/stats/marketing-utilities.json +1 -1
  93. package/dist/stats/marketing.json +1 -1
  94. package/dist/stats/navigation.json +1 -1
  95. package/dist/stats/pagination.json +1 -1
  96. package/dist/stats/popover.json +1 -1
  97. package/dist/stats/primer.json +1 -1
  98. package/dist/stats/product.json +1 -1
  99. package/dist/stats/select-menu.json +1 -1
  100. package/dist/stats/timeline.json +1 -1
  101. package/dist/stats/toasts.json +1 -1
  102. package/dist/stats/tooltips.json +1 -1
  103. package/dist/stats/utilities.json +1 -1
  104. package/dist/subhead.css +0 -1
  105. package/dist/subhead.css.map +1 -1
  106. package/dist/support.css +1 -1
  107. package/dist/table-object.css +0 -1
  108. package/dist/table-object.css.map +1 -1
  109. package/dist/timeline.css +1 -2
  110. package/dist/timeline.css.map +1 -1
  111. package/dist/toasts.css +1 -2
  112. package/dist/toasts.css.map +1 -1
  113. package/dist/tooltips.css +1 -2
  114. package/dist/tooltips.css.map +1 -1
  115. package/dist/truncate.css +0 -1
  116. package/dist/truncate.css.map +1 -1
  117. package/dist/utilities.css +1 -2
  118. package/dist/utilities.css.map +1 -1
  119. package/dist/variables.json +10 -10
  120. package/markdown/footnotes.scss +37 -0
  121. package/markdown/index.scss +1 -0
  122. package/markdown/markdown-body.scss +8 -2
  123. package/marketing/type/typography.scss +1 -1
  124. package/package.json +15 -15
  125. package/pagination/pagination.scss +1 -1
  126. package/postcss.config.cjs +13 -7
  127. package/select-menu/select-menu.scss +1 -1
  128. package/stylelint.config.cjs +2 -5
  129. package/support/mixins/misc.scss +1 -1
  130. package/support/variables/misc.scss +1 -1
  131. package/support/variables/typography.scss +1 -22
  132. package/utilities/box-shadow.scss +25 -0
  133. package/utilities/colors.scss +33 -37
  134. package/utilities/details.scss +1 -1
  135. package/utilities/index.scss +1 -0
  136. package/utilities/margin.scss +3 -0
  137. package/dist/marketing-support.css.map +0 -1
  138. package/dist/support.css.map +0 -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,22 +51,29 @@
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; }
72
68
 
73
- // Shadow
69
+ .color-border-done { border-color: var(--color-done-muted) !important; }
70
+ .color-border-done-emphasis { border-color: var(--color-done-emphasis) !important; }
74
71
 
75
- .color-shadow-small { box-shadow: var(--color-shadow-small) !important; }
76
- .color-shadow-medium { box-shadow: var(--color-shadow-medium) !important; }
77
- .color-shadow-large { box-shadow: var(--color-shadow-large) !important; }
78
- .color-shadow-extra-large { box-shadow: var(--color-shadow-extra-large) !important; }
72
+ .color-border-sponsors { border-color: var(--color-sponsors-muted) !important; }
73
+ .color-border-sponsors-emphasis { border-color: var(--color-sponsors-emphasis) !important; }
79
74
 
80
75
  // Misc
81
76
 
82
- .box-shadow-none { box-shadow: none !important; }
83
- .text-inherit { color: inherit !important; }
77
+ .color-fg-inherit {
78
+ color: inherit !important;
79
+ }
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
 
package/utilities/index.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  // utilities
3
3
  @import "./animations.scss";
4
4
  @import "./borders.scss";
5
+ @import "./box-shadow.scss";
5
6
  @import "./colors.scss";
6
7
  @import "./details.scss";
7
8
  @import "./flexbox.scss";
package/utilities/margin.scss CHANGED
@@ -63,3 +63,6 @@
63
63
  .m-auto { margin: auto !important; }
64
64
 
65
65
  .mt-auto { margin-top: auto !important; }
66
+ .mr-auto { margin-right: auto !important; }
67
+ .mb-auto { margin-bottom: auto !important; }
68
+ .ml-auto { margin-left: auto !important; }
package/dist/marketing-support.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"marketing-support.css"}
package/dist/support.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"support.css"}