@primer/css 21.4.0 → 21.5.0

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 (59) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/autocomplete/suggester.scss +2 -2
  3. package/base/base.scss +1 -1
  4. package/base/kbd.scss +1 -1
  5. package/buttons/button.scss +1 -1
  6. package/buttons/misc.scss +1 -1
  7. package/dist/alerts.css.map +1 -1
  8. package/dist/autocomplete.css.map +1 -1
  9. package/dist/avatars.css.map +1 -1
  10. package/dist/blankslate.css.map +1 -1
  11. package/dist/box.css.map +1 -1
  12. package/dist/branch-name.css.map +1 -1
  13. package/dist/breadcrumb.css.map +1 -1
  14. package/dist/buttons.css.map +1 -1
  15. package/dist/dropdown.css.map +1 -1
  16. package/dist/forms.css.map +1 -1
  17. package/dist/header.css.map +1 -1
  18. package/dist/labels.css.map +1 -1
  19. package/dist/layout.css.map +1 -1
  20. package/dist/links.css.map +1 -1
  21. package/dist/loaders.css.map +1 -1
  22. package/dist/markdown.css.map +1 -1
  23. package/dist/meta.json +75 -75
  24. package/dist/navigation.css.map +1 -1
  25. package/dist/overlay.css.map +1 -1
  26. package/dist/pagination.css.map +1 -1
  27. package/dist/popover.css.map +1 -1
  28. package/dist/primer.css.map +1 -1
  29. package/dist/progress.css.map +1 -1
  30. package/dist/select-menu.css.map +1 -1
  31. package/dist/subhead.css.map +1 -1
  32. package/dist/timeline.css.map +1 -1
  33. package/dist/toasts.css.map +1 -1
  34. package/dist/toggle-switch.css.map +1 -1
  35. package/dist/tooltips.css.map +1 -1
  36. package/dist/truncate.css.map +1 -1
  37. package/dist/utilities.css.map +1 -1
  38. package/forms/form-control.scss +3 -3
  39. package/forms/form-group.scss +1 -1
  40. package/forms/radio-group.scss +1 -1
  41. package/header/header.scss +1 -1
  42. package/labels/mixins.scss +1 -1
  43. package/layout/app-frame.scss +1 -0
  44. package/layout/page-layout.scss +5 -4
  45. package/markdown/footnotes.scss +2 -2
  46. package/markdown/headings.scss +2 -2
  47. package/markdown/images.scss +1 -1
  48. package/markdown/markdown-body.scss +2 -1
  49. package/markdown/tables.scss +2 -2
  50. package/marketing/buttons/button.scss +2 -1
  51. package/marketing/links/link.scss +0 -1
  52. package/navigation/sidenav.scss +2 -1
  53. package/navigation/subnav.scss +2 -2
  54. package/package.json +6 -5
  55. package/pagination/pagination.scss +1 -2
  56. package/select-menu/select-menu.scss +9 -9
  57. package/support/mixins/misc.scss +2 -0
  58. package/toasts/toasts.scss +1 -1
  59. package/utilities/borders.scss +9 -0
package/support/mixins/misc.scss CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
 
25
25
  &::before {
26
+ // stylelint-disable-next-line primer/colors
26
27
  background-color: $border;
27
28
  }
28
29
  }
@@ -31,6 +32,7 @@
31
32
 
32
33
  // inset box-shadow for form controls
33
34
  @mixin focusBoxShadowInset($outlineWidth: 1px, $outlineColor: var(--focus-outlineColor, var(--color-accent-fg))) {
35
+ // stylelint-disable-next-line primer/colors
34
36
  border-color: var(--focus-outlineColor, var(--color-accent-fg));
35
37
  outline: none;
36
38
  // stylelint-disable-next-line primer/box-shadow
package/toasts/toasts.scss CHANGED
@@ -24,7 +24,7 @@
24
24
  flex-shrink: 0;
25
25
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
26
26
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
27
- // stylelint-disable-next-line primer/borders
27
+ // stylelint-disable-next-line primer/borders, primer/colors
28
28
  border: $border-width $border-style transparent;
29
29
  border-right: 0;
30
30
  border-top-left-radius: inherit;
package/utilities/borders.scss CHANGED
@@ -3,13 +3,17 @@
3
3
 
4
4
  /* Add a gray border to the left and right */
5
5
  .border-x {
6
+ // stylelint-disable-next-line primer/colors
6
7
  border-right: $border-rem !important;
8
+ // stylelint-disable-next-line primer/colors
7
9
  border-left: $border-rem !important;
8
10
  }
9
11
 
10
12
  /* Add a gray border to the top and bottom */
11
13
  .border-y {
14
+ // stylelint-disable-next-line primer/colors
12
15
  border-top: $border-rem !important;
16
+ // stylelint-disable-next-line primer/colors
13
17
  border-bottom: $border-rem !important;
14
18
  }
15
19
 
@@ -17,12 +21,17 @@
17
21
  @each $breakpoint, $variant in $responsive-variants {
18
22
  @include breakpoint($breakpoint) {
19
23
  /* Add a gray border on all sides at/above this breakpoint */
24
+ // stylelint-disable-next-line primer/colors
20
25
  .border#{$variant} { border: $border-rem !important; }
21
26
  .border#{$variant}-0 { border: 0 !important; }
22
27
 
28
+ // stylelint-disable-next-line primer/colors
23
29
  .border#{$variant}-top { border-top: $border-rem !important; }
30
+ // stylelint-disable-next-line primer/colors
24
31
  .border#{$variant}-right { border-right: $border-rem !important; }
32
+ // stylelint-disable-next-line primer/colors
25
33
  .border#{$variant}-bottom { border-bottom: $border-rem !important; }
34
+ // stylelint-disable-next-line primer/colors
26
35
  .border#{$variant}-left { border-left: $border-rem !important; }
27
36
 
28
37
  .border#{$variant}-top-0 { border-top: 0 !important; }