@primer/css 0.0.0-2021986475 → 0.0.0-20220107003629
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.
- package/CHANGELOG.md +129 -8
- package/DEVELOP.md +15 -0
- package/actionlist/action-list-item-divider.scss +42 -0
- package/actionlist/action-list-item.scss +535 -0
- package/actionlist/action-list-tree.scss +92 -0
- package/actionlist/action-list-variables.scss +8 -0
- package/actionlist/action-list.scss +38 -0
- package/actionlist/index.scss +6 -0
- package/alerts/flash.scss +9 -0
- package/alerts/index.scss +2 -2
- package/autocomplete/autocomplete.scss +1 -1
- package/autocomplete/index.scss +3 -3
- package/autocomplete/suggester.scss +9 -1
- package/avatars/avatar-stack.scss +2 -1
- package/avatars/circle-badge.scss +1 -1
- package/avatars/index.scss +5 -5
- package/base/base.scss +1 -0
- package/base/index.scss +6 -7
- package/base/normalize.scss +1 -1
- package/blankslate/index.scss +2 -3
- package/box/box-overlay.scss +40 -0
- package/box/index.scss +3 -2
- package/branch-name/index.scss +2 -2
- package/breadcrumb/breadcrumb.scss +1 -1
- package/breadcrumb/index.scss +2 -2
- package/buttons/button-group.scss +3 -2
- package/buttons/button.scss +14 -14
- package/buttons/index.scss +4 -4
- package/buttons/misc.scss +14 -10
- package/color-modes/index.scss +8 -7
- package/color-modes/native.scss +1 -0
- package/color-modes/themes/dark.scss +2 -3
- package/color-modes/themes/dark_colorblind.scss +3 -4
- package/color-modes/themes/dark_dimmed.scss +2 -3
- package/color-modes/themes/dark_high_contrast.scss +2 -3
- package/color-modes/themes/light.scss +2 -3
- package/color-modes/themes/light_colorblind.scss +3 -4
- package/color-modes/themes/light_high_contrast.scss +6 -0
- package/core/index.scss +15 -14
- package/deprecations.json +6 -4
- package/dist/actionlist.css +2 -0
- package/dist/actionlist.css.map +1 -0
- package/dist/actionlist.js +1 -0
- package/dist/alerts.css +1 -1
- package/dist/alerts.css.map +1 -1
- package/dist/autocomplete.css +1 -1
- package/dist/autocomplete.css.map +1 -1
- package/dist/avatars.css +1 -1
- package/dist/avatars.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/blankslate.css.map +1 -1
- package/dist/box.css +1 -1
- package/dist/box.css.map +1 -1
- package/dist/branch-name.css.map +1 -1
- package/dist/breadcrumb.css.map +1 -1
- package/dist/buttons.css +1 -1
- package/dist/buttons.css.map +1 -1
- package/dist/color-modes.css +1 -1
- package/dist/color-modes.css.map +1 -1
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/deprecations.json +6 -4
- package/dist/dropdown.css.map +1 -1
- package/dist/forms.css +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/header.css.map +1 -1
- package/dist/labels.css +1 -1
- package/dist/labels.css.map +1 -1
- package/dist/layout.css +1 -1
- package/dist/layout.css.map +1 -1
- package/dist/links.css.map +1 -1
- package/dist/loaders.css.map +1 -1
- package/dist/markdown.css.map +1 -1
- package/dist/marketing-buttons.css +1 -1
- package/dist/marketing-buttons.css.map +1 -1
- package/dist/marketing-links.css +2 -0
- package/dist/marketing-links.css.map +1 -0
- package/dist/marketing-links.js +1 -0
- package/dist/marketing-type.css.map +1 -1
- package/dist/marketing-utilities.css +1 -1
- package/dist/marketing-utilities.css.map +1 -1
- package/dist/marketing.css +1 -1
- package/dist/marketing.css.map +1 -1
- package/dist/meta.json +172 -256
- package/dist/navigation.css.map +1 -1
- package/dist/pagination.css +1 -1
- package/dist/pagination.css.map +1 -1
- package/dist/popover.css +1 -1
- package/dist/popover.css.map +1 -1
- package/dist/primer.css +4 -4
- package/dist/primer.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/progress.css.map +1 -1
- package/dist/select-menu.css +1 -1
- package/dist/select-menu.css.map +1 -1
- package/dist/stats/actionlist.json +1 -0
- package/dist/stats/alerts.json +1 -1
- package/dist/stats/autocomplete.json +1 -1
- package/dist/stats/avatars.json +1 -1
- package/dist/stats/base.json +1 -1
- package/dist/stats/box.json +1 -1
- package/dist/stats/buttons.json +1 -1
- package/dist/stats/color-modes.json +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/forms.json +1 -1
- package/dist/stats/labels.json +1 -1
- package/dist/stats/layout.json +1 -1
- package/dist/stats/marketing-buttons.json +1 -1
- package/dist/stats/marketing-links.json +1 -0
- package/dist/stats/marketing-utilities.json +1 -1
- package/dist/stats/marketing.json +1 -1
- package/dist/stats/pagination.json +1 -1
- package/dist/stats/popover.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/dist/stats/select-menu.json +1 -1
- package/dist/stats/subhead.json +1 -1
- package/dist/stats/toasts.json +1 -1
- package/dist/stats/utilities.json +1 -1
- package/dist/subhead.css +1 -1
- package/dist/subhead.css.map +1 -1
- package/dist/timeline.css.map +1 -1
- package/dist/toasts.css +1 -1
- package/dist/toasts.css.map +1 -1
- package/dist/tooltips.css.map +1 -1
- package/dist/truncate.css.map +1 -1
- package/dist/utilities.css +1 -1
- package/dist/utilities.css.map +1 -1
- package/dist/variables.json +62 -62
- package/dropdown/dropdown.scss +4 -4
- package/dropdown/index.scss +2 -2
- package/forms/form-control.scss +22 -8
- package/forms/form-group.scss +2 -2
- package/forms/form-select.scss +2 -2
- package/forms/form-validation.scss +9 -9
- package/forms/index.scss +7 -7
- package/forms/radio-group.scss +19 -0
- package/header/index.scss +2 -2
- package/index.scss +4 -4
- package/labels/counters.scss +1 -1
- package/labels/index.scss +7 -8
- package/labels/labels.scss +23 -4
- package/layout/grid.scss +1 -1
- package/layout/index.scss +7 -7
- package/layout/layout.scss +7 -11
- package/layout/mixins.scss +30 -4
- package/layout/page-layout.scss +380 -0
- package/links/index.scss +2 -2
- package/links/link.scss +1 -1
- package/loaders/index.scss +2 -2
- package/loaders/loaders.scss +1 -1
- package/markdown/footnotes.scss +1 -1
- package/markdown/images.scss +2 -2
- package/markdown/index.scss +9 -9
- package/markdown/lists.scss +3 -3
- package/markdown/markdown-body.scss +4 -4
- package/marketing/buttons/button.scss +102 -52
- package/marketing/buttons/index.scss +2 -2
- package/marketing/index.scss +5 -4
- package/marketing/links/index.scss +3 -0
- package/marketing/links/link.scss +50 -0
- package/marketing/support/index.scss +2 -3
- package/marketing/support/variables.scss +4 -5
- package/marketing/type/index.scss +2 -2
- package/marketing/type/typography.scss +26 -23
- package/marketing/utilities/animations.scss +42 -0
- package/marketing/utilities/index.scss +5 -5
- package/marketing/utilities/layout.scss +1 -1
- package/navigation/filter-list.scss +2 -2
- package/navigation/index.scss +7 -7
- package/navigation/menu.scss +3 -3
- package/navigation/sidenav.scss +5 -5
- package/navigation/subnav.scss +2 -2
- package/navigation/tabnav.scss +2 -2
- package/navigation/underline-nav.scss +2 -2
- package/package.json +19 -19
- package/pagination/index.scss +2 -2
- package/pagination/pagination.scss +5 -5
- package/popover/index.scss +2 -2
- package/popover/popover.scss +43 -5
- package/postcss.config.cjs +1 -1
- package/product/index.scss +17 -17
- package/progress/index.scss +2 -2
- package/select-menu/index.scss +2 -2
- package/select-menu/select-menu.scss +6 -6
- package/stylelint.config.cjs +2 -11
- package/subhead/index.scss +2 -2
- package/subhead/subhead.scss +6 -0
- package/support/index.scss +7 -7
- package/support/mixins/color-modes.scss +3 -0
- package/support/mixins/layout.scss +5 -5
- package/support/mixins/misc.scss +1 -1
- package/support/mixins/typography.scss +3 -2
- package/support/variables/layout.scss +8 -19
- package/support/variables/typography.scss +1 -1
- package/table-object/index.scss +1 -1
- package/timeline/index.scss +2 -2
- package/timeline/timeline-item.scss +1 -1
- package/toasts/index.scss +2 -2
- package/toasts/toasts.scss +0 -4
- package/tooltips/index.scss +2 -2
- package/tooltips/tooltips.scss +1 -1
- package/truncate/index.scss +2 -2
- package/utilities/details.scss +1 -1
- package/utilities/index.scss +12 -12
- package/utilities/visibility-display.scss +3 -3
- package/marketing/support/mixins.scss +0 -66
|
@@ -14,19 +14,19 @@
|
|
|
14
14
|
|
|
15
15
|
// Hide utilities for each breakpoint
|
|
16
16
|
// Each hide utility only applies to one breakpoint range.
|
|
17
|
-
@media (max-width: $width-sm -
|
|
17
|
+
@media (max-width: $width-sm - 0.02px) {
|
|
18
18
|
.hide-sm {
|
|
19
19
|
display: none !important;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
@media (min-width: $width-sm) and (max-width: $width-md -
|
|
23
|
+
@media (min-width: $width-sm) and (max-width: $width-md - 0.02px) {
|
|
24
24
|
.hide-md {
|
|
25
25
|
display: none !important;
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
@media (min-width: $width-md) and (max-width: $width-lg -
|
|
29
|
+
@media (min-width: $width-md) and (max-width: $width-lg - 0.02px) {
|
|
30
30
|
.hide-lg {
|
|
31
31
|
display: none !important;
|
|
32
32
|
}
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
@mixin btn-solid-mktg($color, $bg, $bg2, $bg3, $bg4) {
|
|
2
|
-
color: $color;
|
|
3
|
-
background-color: $bg2;
|
|
4
|
-
background-image: linear-gradient(-180deg, $bg 0%, $bg2 100%);
|
|
5
|
-
|
|
6
|
-
&::before {
|
|
7
|
-
background-image: linear-gradient(-180deg, $bg3 0%, $bg4 100%);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
&:hover,
|
|
11
|
-
&.hover,
|
|
12
|
-
&:active,
|
|
13
|
-
&.selected,
|
|
14
|
-
&[aria-selected=true],
|
|
15
|
-
[open] > & {
|
|
16
|
-
background-color: $bg2;
|
|
17
|
-
background-image: linear-gradient(-180deg, $bg 0%, $bg2 100%);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&:focus,
|
|
21
|
-
&.focus {
|
|
22
|
-
outline: 0;
|
|
23
|
-
box-shadow: 0 0 0 0.2em rgba($bg2, 0.4);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&:disabled,
|
|
27
|
-
&.disabled,
|
|
28
|
-
&[aria-disabled=true] {
|
|
29
|
-
pointer-events: none;
|
|
30
|
-
cursor: default;
|
|
31
|
-
opacity: 0.5;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
@mixin btn-outline-mktg($color, $color2, $border, $borderHover, $borderFocus, $borderFocusInset) {
|
|
36
|
-
color: $color;
|
|
37
|
-
background: none;
|
|
38
|
-
box-shadow: 0 0 0 1px $border inset;
|
|
39
|
-
|
|
40
|
-
&::before {
|
|
41
|
-
display: none;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
&:hover,
|
|
45
|
-
&.hover,
|
|
46
|
-
&:active,
|
|
47
|
-
&.selected,
|
|
48
|
-
&[aria-selected=true],
|
|
49
|
-
[open] > & {
|
|
50
|
-
color: $color2;
|
|
51
|
-
background: none;
|
|
52
|
-
box-shadow: 0 0 0 2px $borderHover inset;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
&:focus,
|
|
56
|
-
&.focus {
|
|
57
|
-
outline: 0;
|
|
58
|
-
box-shadow: 0 0 0 2px $borderFocus inset, 0 0 0 4px $borderFocusInset;
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
&:disabled,
|
|
62
|
-
&.disabled,
|
|
63
|
-
&[aria-disabled=true] {
|
|
64
|
-
opacity: 0.5;
|
|
65
|
-
}
|
|
66
|
-
}
|