@primer/css 21.3.6 → 21.4.0-rc.33f462b8

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 (112) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/autocomplete/suggester.scss +9 -0
  3. package/base/base.scss +2 -0
  4. package/base/kbd.scss +2 -0
  5. package/base/typography-base.scss +4 -0
  6. package/box/box-overlay.scss +3 -0
  7. package/branch-name/branch-name.scss +2 -0
  8. package/buttons/button-group.scss +12 -0
  9. package/buttons/button.scss +7 -0
  10. package/buttons/misc.scss +12 -0
  11. package/dist/alerts.css.map +1 -1
  12. package/dist/autocomplete.css +1 -1
  13. package/dist/autocomplete.css.map +1 -1
  14. package/dist/avatars.css +1 -1
  15. package/dist/avatars.css.map +1 -1
  16. package/dist/blankslate.css.map +1 -1
  17. package/dist/box.css +1 -1
  18. package/dist/box.css.map +1 -1
  19. package/dist/branch-name.css.map +1 -1
  20. package/dist/breadcrumb.css +1 -1
  21. package/dist/breadcrumb.css.map +1 -1
  22. package/dist/buttons.css.map +1 -1
  23. package/dist/color-modes.css +1 -1
  24. package/dist/color-modes.css.map +1 -1
  25. package/dist/core.css +1 -1
  26. package/dist/core.css.map +1 -1
  27. package/dist/dropdown.css.map +1 -1
  28. package/dist/forms.css +1 -1
  29. package/dist/forms.css.map +1 -1
  30. package/dist/header.css.map +1 -1
  31. package/dist/labels.css +1 -1
  32. package/dist/labels.css.map +1 -1
  33. package/dist/layout.css +1 -1
  34. package/dist/layout.css.map +1 -1
  35. package/dist/links.css +1 -1
  36. package/dist/links.css.map +1 -1
  37. package/dist/loaders.css.map +1 -1
  38. package/dist/markdown.css +1 -1
  39. package/dist/markdown.css.map +1 -1
  40. package/dist/meta.json +53 -53
  41. package/dist/navigation.css +1 -1
  42. package/dist/navigation.css.map +1 -1
  43. package/dist/overlay.css +1 -1
  44. package/dist/overlay.css.map +1 -1
  45. package/dist/pagination.css.map +1 -1
  46. package/dist/popover.css +1 -1
  47. package/dist/popover.css.map +1 -1
  48. package/dist/primer.css +3 -3
  49. package/dist/primer.css.map +1 -1
  50. package/dist/primitives.css +1 -1
  51. package/dist/primitives.css.map +1 -1
  52. package/dist/product.css +1 -1
  53. package/dist/product.css.map +1 -1
  54. package/dist/progress.css.map +1 -1
  55. package/dist/select-menu.css.map +1 -1
  56. package/dist/stats/autocomplete.json +1 -1
  57. package/dist/stats/avatars.json +1 -1
  58. package/dist/stats/box.json +1 -1
  59. package/dist/stats/breadcrumb.json +1 -1
  60. package/dist/stats/color-modes.json +1 -1
  61. package/dist/stats/core.json +1 -1
  62. package/dist/stats/forms.json +1 -1
  63. package/dist/stats/labels.json +1 -1
  64. package/dist/stats/layout.json +1 -1
  65. package/dist/stats/links.json +1 -1
  66. package/dist/stats/markdown.json +1 -1
  67. package/dist/stats/navigation.json +1 -1
  68. package/dist/stats/overlay.json +1 -1
  69. package/dist/stats/popover.json +1 -1
  70. package/dist/stats/primer.json +1 -1
  71. package/dist/stats/product.json +1 -1
  72. package/dist/stats/toggle-switch.json +1 -1
  73. package/dist/stats/truncate.json +1 -1
  74. package/dist/subhead.css.map +1 -1
  75. package/dist/timeline.css.map +1 -1
  76. package/dist/toasts.css.map +1 -1
  77. package/dist/toggle-switch.css +1 -1
  78. package/dist/toggle-switch.css.map +1 -1
  79. package/dist/tooltips.css.map +1 -1
  80. package/dist/truncate.css +1 -1
  81. package/dist/truncate.css.map +1 -1
  82. package/dist/utilities.css.map +1 -1
  83. package/forms/form-control.scss +18 -0
  84. package/forms/form-group.scss +8 -0
  85. package/forms/form-select.scss +1 -0
  86. package/forms/radio-group.scss +6 -0
  87. package/header/header.scss +4 -0
  88. package/labels/issue-labels.scss +2 -0
  89. package/labels/mixins.scss +7 -0
  90. package/layout/app-frame.scss +0 -1
  91. package/layout/page-layout.scss +1 -0
  92. package/layout/stack.scss +2 -2
  93. package/markdown/blob-csv.scss +3 -0
  94. package/markdown/code.scss +2 -0
  95. package/markdown/footnotes.scss +4 -0
  96. package/markdown/headings.scss +5 -0
  97. package/markdown/images.scss +1 -1
  98. package/markdown/lists.scss +2 -0
  99. package/markdown/markdown-body.scss +4 -0
  100. package/markdown/tables.scss +3 -0
  101. package/marketing/buttons/button.scss +6 -0
  102. package/marketing/type/typography.scss +22 -0
  103. package/navigation/filter-list.scss +4 -0
  104. package/navigation/sidenav.scss +2 -0
  105. package/navigation/subnav.scss +7 -0
  106. package/package.json +4 -4
  107. package/pagination/pagination.scss +2 -0
  108. package/select-menu/select-menu.scss +23 -0
  109. package/support/mixins/misc.scss +3 -0
  110. package/support/mixins/typography.scss +21 -0
  111. package/toasts/toasts.scss +2 -0
  112. package/tooltips/tooltips.scss +1 -1
package/support/mixins/typography.scss CHANGED
@@ -10,32 +10,44 @@
10
10
  // Heading mixins for use within components
11
11
  // These match heading utilities in utilities/typography
12
12
  @mixin h1 {
13
+ // stylelint-disable-next-line primer/typography
13
14
  font-size: var(--h1-size, $h1-size);
15
+ // stylelint-disable-next-line primer/typography
14
16
  font-weight: $font-weight-bold;
15
17
  }
16
18
 
17
19
  @mixin h2 {
20
+ // stylelint-disable-next-line primer/typography
18
21
  font-size: var(--h2-size, $h2-size);
22
+ // stylelint-disable-next-line primer/typography
19
23
  font-weight: $font-weight-bold;
20
24
  }
21
25
 
22
26
  @mixin h3 {
27
+ // stylelint-disable-next-line primer/typography
23
28
  font-size: var(--h3-size, $h3-size);
29
+ // stylelint-disable-next-line primer/typography
24
30
  font-weight: $font-weight-bold;
25
31
  }
26
32
 
27
33
  @mixin h4 {
34
+ // stylelint-disable-next-line primer/typography
28
35
  font-size: var(--h4-size, $h4-size);
36
+ // stylelint-disable-next-line primer/typography
29
37
  font-weight: $font-weight-bold;
30
38
  }
31
39
 
32
40
  @mixin h5 {
41
+ // stylelint-disable-next-line primer/typography
33
42
  font-size: var(--h5-size, $h5-size);
43
+ // stylelint-disable-next-line primer/typography
34
44
  font-weight: $font-weight-bold;
35
45
  }
36
46
 
37
47
  @mixin h6 {
48
+ // stylelint-disable-next-line primer/typography
38
49
  font-size: var(--h6-size, $h6-size);
50
+ // stylelint-disable-next-line primer/typography
39
51
  font-weight: $font-weight-bold;
40
52
  }
41
53
 
@@ -43,28 +55,34 @@
43
55
  // There are no responsive mixins for h4-h6 because they are small
44
56
  // and don't need to be smaller on mobile.
45
57
  @mixin f1-responsive {
58
+ // stylelint-disable-next-line primer/typography
46
59
  font-size: var(--h1-size-mobile, $h1-size-mobile);
47
60
 
48
61
  // 32px on desktop
49
62
  @include breakpoint(md) {
63
+ // stylelint-disable-next-line primer/typography
50
64
  font-size: var(--h1-size, $h1-size);
51
65
  }
52
66
  }
53
67
 
54
68
  @mixin f2-responsive {
69
+ // stylelint-disable-next-line primer/typography
55
70
  font-size: var(--h2-size-mobile, $h2-size-mobile);
56
71
 
57
72
  // 24px on desktop
58
73
  @include breakpoint(md) {
74
+ // stylelint-disable-next-line primer/typography
59
75
  font-size: var(--h2-size, $h2-size);
60
76
  }
61
77
  }
62
78
 
63
79
  @mixin f3-responsive {
80
+ // stylelint-disable-next-line primer/typography
64
81
  font-size: var(--h3-size-mobile, $h3-size-mobile);
65
82
 
66
83
  // 20px on desktop
67
84
  @include breakpoint(md) {
85
+ // stylelint-disable-next-line primer/typography
68
86
  font-size: var(--h3-size, $h3-size);
69
87
  }
70
88
  }
@@ -75,17 +93,20 @@
75
93
  @mixin h1-responsive {
76
94
  @include f1-responsive;
77
95
 
96
+ // stylelint-disable-next-line primer/typography
78
97
  font-weight: $font-weight-bold;
79
98
  }
80
99
 
81
100
  @mixin h2-responsive {
82
101
  @include f2-responsive;
83
102
 
103
+ // stylelint-disable-next-line primer/typography
84
104
  font-weight: $font-weight-bold;
85
105
  }
86
106
 
87
107
  @mixin h3-responsive {
88
108
  @include f3-responsive;
89
109
 
110
+ // stylelint-disable-next-line primer/typography
90
111
  font-weight: $font-weight-bold;
91
112
  }
package/toasts/toasts.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  margin: var(--base-size-8);
6
6
  color: var(--fgColor-default, var(--color-fg-default));
7
7
  background-color: var(--bgColor-default, var(--color-canvas-default));
8
+ // stylelint-disable-next-line primer/borders
8
9
  border-radius: $border-radius;
9
10
  box-shadow: inset 0 0 0 1px var(--borderColor-default, var(--color-border-default)), var(--shadow-floating-legacy, var(--color-overlay-shadow));
10
11
 
@@ -23,6 +24,7 @@
23
24
  flex-shrink: 0;
24
25
  color: var(--fgColor-onEmphasis, var(--color-fg-on-emphasis));
25
26
  background-color: var(--bgColor-accent-emphasis, var(--color-accent-emphasis));
27
+ // stylelint-disable-next-line primer/borders
26
28
  border: $border-width $border-style transparent;
27
29
  border-right: 0;
28
30
  border-top-left-radius: inherit;
package/tooltips/tooltips.scss CHANGED
@@ -23,7 +23,6 @@
23
23
  pointer-events: none;
24
24
  content: attr(aria-label);
25
25
  background: var(--bgColor-emphasis, var(--color-neutral-emphasis-plus));
26
- // stylelint-disable-next-line primer/borders
27
26
  border-radius: var(--borderRadius-medium);
28
27
  opacity: 0;
29
28
  }
@@ -195,6 +194,7 @@
195
194
  max-width: var(--overlay-width-small, 20rem);
196
195
  word-wrap: break-word;
197
196
  white-space: pre-line;
197
+ // stylelint-disable-next-line primer/borders
198
198
  border-collapse: separate;
199
199
  }
200
200