@primer/css 18.0.1 → 18.0.3-rc.bb1611b0
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 +16 -0
- package/buttons/button.scss +5 -5
- package/buttons/misc.scss +4 -3
- 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/forms.css +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/meta.json +100 -100
- package/dist/pagination.css +1 -1
- package/dist/pagination.css.map +1 -1
- package/dist/primer.css +3 -3
- package/dist/primer.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/select-menu.css +1 -1
- package/dist/select-menu.css.map +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/pagination.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/toasts.json +1 -1
- package/dist/toasts.css +1 -1
- package/dist/toasts.css.map +1 -1
- package/forms/form-control.scss +5 -1
- package/package.json +9 -8
- package/pagination/pagination.scss +1 -1
- package/select-menu/select-menu.scss +1 -1
- package/toasts/toasts.scss +0 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @primer/css
|
|
2
2
|
|
|
3
|
+
## 18.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#1689](https://github.com/primer/css/pull/1689) [`257f68f6`](https://github.com/primer/css/commit/257f68f6539539ab809fbdb4351aefa57173e044) Thanks [@adityatheoctocatdev](https://github.com/adityatheoctocatdev)! - Update all Toast variant icons to use `var(--color-fg-on-emphasis)`
|
|
8
|
+
|
|
9
|
+
The only visible change is in the `warning` variant, previously using `var(--color-fg-default)`
|
|
10
|
+
|
|
11
|
+
## 18.0.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [#1680](https://github.com/primer/css/pull/1680) [`f013be66`](https://github.com/primer/css/commit/f013be66db59d21d7e2315303b5582169c59c479) Thanks [@privatenumber](https://github.com/privatenumber)! - Fixing broken close span tag in the docs.
|
|
16
|
+
|
|
17
|
+
* [#1677](https://github.com/primer/css/pull/1677) [`cdb0faa6`](https://github.com/primer/css/commit/cdb0faa606e6fb35ea4a85dd3866bbb33131b76c) Thanks [@simurai](https://github.com/simurai)! - Lower contrast for disabled text
|
|
18
|
+
|
|
3
19
|
## 18.0.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/buttons/button.scss
CHANGED
|
@@ -26,10 +26,6 @@
|
|
|
26
26
|
&.disabled,
|
|
27
27
|
&[aria-disabled=true] {
|
|
28
28
|
cursor: default;
|
|
29
|
-
|
|
30
|
-
.octicon {
|
|
31
|
-
color: var(--color-fg-muted);
|
|
32
|
-
}
|
|
33
29
|
}
|
|
34
30
|
|
|
35
31
|
i {
|
|
@@ -96,9 +92,13 @@
|
|
|
96
92
|
&:disabled,
|
|
97
93
|
&.disabled,
|
|
98
94
|
&[aria-disabled=true] {
|
|
99
|
-
color: var(--color-fg-
|
|
95
|
+
color: var(--color-primer-fg-disabled);
|
|
100
96
|
background-color: var(--color-btn-bg);
|
|
101
97
|
border-color: var(--color-btn-border);
|
|
98
|
+
|
|
99
|
+
.octicon {
|
|
100
|
+
color: var(--color-primer-fg-disabled);
|
|
101
|
+
}
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
// Keep :focus after :disabled. Allows to see the focus ring even on disabled buttons
|
package/buttons/misc.scss
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
&[aria-disabled=true] {
|
|
25
25
|
&,
|
|
26
26
|
&:hover {
|
|
27
|
-
color: var(--color-fg-
|
|
27
|
+
color: var(--color-primer-fg-disabled);
|
|
28
28
|
cursor: default;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
&:disabled,
|
|
64
64
|
&.disabled,
|
|
65
65
|
&[aria-disabled=true] {
|
|
66
|
+
color: var(--color-primer-fg-disabled);
|
|
66
67
|
background-color: transparent;
|
|
67
68
|
}
|
|
68
69
|
}
|
|
@@ -89,10 +90,10 @@
|
|
|
89
90
|
|
|
90
91
|
&.disabled,
|
|
91
92
|
&[aria-disabled=true] {
|
|
92
|
-
color: var(--color-fg-
|
|
93
|
+
color: var(--color-primer-fg-disabled);
|
|
93
94
|
cursor: default;
|
|
94
95
|
|
|
95
|
-
&:hover { color: var(--color-fg-
|
|
96
|
+
&:hover { color: var(--color-primer-fg-disabled); }
|
|
96
97
|
}
|
|
97
98
|
}
|
|
98
99
|
|
package/dist/buttons.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:hover{text-decoration:none}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{cursor:default}.btn:disabled .octicon,.btn.disabled .octicon,.btn[aria-disabled=true] .octicon{color:var(--color-fg-muted)}.btn i{font-style:normal;font-weight:500;opacity:.75}.btn .octicon{margin-right:4px;color:var(--color-fg-muted);vertical-align:text-bottom}.btn .octicon:only-child{margin-right:0}.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:var(--color-btn-counter-bg)}.btn .dropdown-caret{margin-left:4px;opacity:.8}.btn{color:var(--color-btn-text);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color}.btn:hover,.btn.hover,[open]>.btn{background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border);transition-duration:.1s}.btn:active{background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border);transition:none}.btn.selected,.btn[aria-selected=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{color:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border)}.btn:focus,.btn.focus{border-color:var(--color-btn-focus-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-primary{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow)}.btn-primary:hover,.btn-primary.hover,[open]>.btn-primary{background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.btn-primary:active,.btn-primary.selected,.btn-primary[aria-selected=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.btn-primary:disabled,.btn-primary.disabled,.btn-primary[aria-disabled=true]{color:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border)}.btn-primary:disabled .octicon,.btn-primary.disabled .octicon,.btn-primary[aria-disabled=true] .octicon{color:var(--color-btn-primary-disabled-text)}.btn-primary:focus,.btn-primary.focus{background-color:var(--color-btn-primary-focus-bg);border-color:var(--color-btn-primary-focus-border);box-shadow:var(--color-btn-primary-focus-shadow)}.btn-primary .Counter{color:inherit;background-color:var(--color-btn-primary-counter-bg)}.btn-primary .octicon{color:var(--color-btn-primary-icon)}.btn-outline{color:var(--color-btn-outline-text)}.btn-outline:hover,[open]>.btn-outline{color:var(--color-btn-outline-hover-text);background-color:var(--color-btn-outline-hover-bg);border-color:var(--color-btn-outline-hover-border);box-shadow:var(--color-btn-outline-hover-shadow),var(--color-btn-outline-hover-inset-shadow)}.btn-outline:hover .Counter,[open]>.btn-outline .Counter{background-color:var(--color-btn-outline-hover-counter-bg)}.btn-outline:hover .octicon,[open]>.btn-outline .octicon{color:inherit}.btn-outline:active,.btn-outline.selected,.btn-outline[aria-selected=true]{color:var(--color-btn-outline-selected-text);background-color:var(--color-btn-outline-selected-bg);border-color:var(--color-btn-outline-selected-border);box-shadow:var(--color-btn-outline-selected-shadow)}.btn-outline:disabled,.btn-outline.disabled,.btn-outline[aria-disabled=true]{color:var(--color-btn-outline-disabled-text);background-color:var(--color-btn-outline-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-outline:disabled .Counter,.btn-outline.disabled .Counter,.btn-outline[aria-disabled=true] .Counter{background-color:var(--color-btn-outline-disabled-counter-bg)}.btn-outline:focus{border-color:var(--color-btn-outline-focus-border);box-shadow:var(--color-btn-outline-focus-shadow)}.btn-outline .Counter{color:inherit;background-color:var(--color-btn-outline-counter-bg)}.btn-danger{color:var(--color-btn-danger-text)}.btn-danger .octicon{color:var(--color-btn-danger-icon)}.btn-danger:hover,[open]>.btn-danger{color:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow)}.btn-danger:hover .Counter,[open]>.btn-danger .Counter{background-color:var(--color-btn-danger-hover-counter-bg)}.btn-danger:hover .octicon,[open]>.btn-danger .octicon{color:var(--color-btn-danger-hover-icon)}.btn-danger:active,.btn-danger.selected,.btn-danger[aria-selected=true]{color:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow)}.btn-danger:disabled,.btn-danger.disabled,.btn-danger[aria-disabled=true]{color:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-danger:disabled .Counter,.btn-danger.disabled .Counter,.btn-danger[aria-disabled=true] .Counter{background-color:var(--color-btn-danger-disabled-counter-bg)}.btn-danger:disabled .octicon,.btn-danger.disabled .octicon,.btn-danger[aria-disabled=true] .octicon{color:var(--color-btn-danger-disabled-text)}.btn-danger:focus{border-color:var(--color-btn-danger-focus-border);box-shadow:var(--color-btn-danger-focus-shadow)}.btn-danger .Counter{color:inherit;background-color:var(--color-btn-danger-counter-bg)}.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.btn-sm .octicon{vertical-align:text-top}.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.btn-block{display:block;width:100%;text-align:center}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:4px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-item.selected,.BtnGroup-item[aria-selected=true],.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-parent{float:left}.BtnGroup-parent:first-child .BtnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-parent:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-parent .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-parent:focus,.BtnGroup-parent:active{z-index:1}.btn-link{display:inline-block;padding:0;font-size:inherit;color:var(--color-accent-fg);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover,.btn-link[aria-disabled=true],.btn-link[aria-disabled=true]:hover{color:var(--color-fg-muted);cursor:default}.btn-invisible{color:var(--color-accent-fg);background-color:transparent;border:0;border-radius:0;box-shadow:none}.btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover{color:var(--color-accent-fg);background:none;outline:none;box-shadow:none}.btn-invisible:active,.btn-invisible:focus,.btn-invisible.selected,.btn-invisible[aria-selected=true],.btn-invisible.zeroclipboard-is-active{color:var(--color-accent-fg);background:none;border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-invisible:disabled,.btn-invisible.disabled,.btn-invisible[aria-disabled=true]{background-color:transparent}.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:var(--color-fg-muted);vertical-align:middle;background:transparent;border:0;box-shadow:none}.btn-octicon:hover{color:var(--color-accent-fg)}.btn-octicon.disabled,.btn-octicon[aria-disabled=true]{color:var(--color-fg-muted);cursor:default}.btn-octicon.disabled:hover,.btn-octicon[aria-disabled=true]:hover{color:var(--color-fg-muted)}.btn-octicon-danger:hover{color:var(--color-danger-fg)}.close-button{padding:0;color:var(--color-fg-muted);background:transparent;border:0;outline:none}.close-button:hover{color:var(--color-fg-default)}.close-button:active,.close-button:focus{color:var(--color-fg-muted);border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:var(--color-fg-default);text-decoration:none;vertical-align:middle;background:var(--color-neutral-muted);border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:var(--color-accent-muted)}.hidden-text-expander a:active,.ellipsis-expander:active{color:var(--color-fg-on-emphasis);background-color:var(--color-accent-emphasis)}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-with-count:focus{z-index:1}.social-count{position:relative;float:left;padding:3px 12px;font-size:12px;font-weight:600;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);border:1px solid var(--color-btn-border);border-left:0;border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:var(--color-shadow-small),var(--color-primer-shadow-highlight)}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:var(--color-accent-fg);cursor:pointer}.social-count:focus{z-index:1;outline:0;box-shadow:var(--color-primer-shadow-focus)}
|
|
1
|
+
.btn{position:relative;display:inline-block;padding:5px 16px;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:hover{text-decoration:none}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{cursor:default}.btn i{font-style:normal;font-weight:500;opacity:.75}.btn .octicon{margin-right:4px;color:var(--color-fg-muted);vertical-align:text-bottom}.btn .octicon:only-child{margin-right:0}.btn .Counter{margin-left:2px;color:inherit;text-shadow:none;vertical-align:top;background-color:var(--color-btn-counter-bg)}.btn .dropdown-caret{margin-left:4px;opacity:.8}.btn{color:var(--color-btn-text);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);transition:.2s cubic-bezier(0.3, 0, 0.5, 1);transition-property:color,background-color,border-color}.btn:hover,.btn.hover,[open]>.btn{background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border);transition-duration:.1s}.btn:active{background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border);transition:none}.btn.selected,.btn[aria-selected=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{color:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border)}.btn:disabled .octicon,.btn.disabled .octicon,.btn[aria-disabled=true] .octicon{color:var(--color-primer-fg-disabled)}.btn:focus,.btn.focus{border-color:var(--color-btn-focus-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-primary{color:var(--color-btn-primary-text);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow)}.btn-primary:hover,.btn-primary.hover,[open]>.btn-primary{background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.btn-primary:active,.btn-primary.selected,.btn-primary[aria-selected=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.btn-primary:disabled,.btn-primary.disabled,.btn-primary[aria-disabled=true]{color:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border)}.btn-primary:disabled .octicon,.btn-primary.disabled .octicon,.btn-primary[aria-disabled=true] .octicon{color:var(--color-btn-primary-disabled-text)}.btn-primary:focus,.btn-primary.focus{background-color:var(--color-btn-primary-focus-bg);border-color:var(--color-btn-primary-focus-border);box-shadow:var(--color-btn-primary-focus-shadow)}.btn-primary .Counter{color:inherit;background-color:var(--color-btn-primary-counter-bg)}.btn-primary .octicon{color:var(--color-btn-primary-icon)}.btn-outline{color:var(--color-btn-outline-text)}.btn-outline:hover,[open]>.btn-outline{color:var(--color-btn-outline-hover-text);background-color:var(--color-btn-outline-hover-bg);border-color:var(--color-btn-outline-hover-border);box-shadow:var(--color-btn-outline-hover-shadow),var(--color-btn-outline-hover-inset-shadow)}.btn-outline:hover .Counter,[open]>.btn-outline .Counter{background-color:var(--color-btn-outline-hover-counter-bg)}.btn-outline:hover .octicon,[open]>.btn-outline .octicon{color:inherit}.btn-outline:active,.btn-outline.selected,.btn-outline[aria-selected=true]{color:var(--color-btn-outline-selected-text);background-color:var(--color-btn-outline-selected-bg);border-color:var(--color-btn-outline-selected-border);box-shadow:var(--color-btn-outline-selected-shadow)}.btn-outline:disabled,.btn-outline.disabled,.btn-outline[aria-disabled=true]{color:var(--color-btn-outline-disabled-text);background-color:var(--color-btn-outline-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-outline:disabled .Counter,.btn-outline.disabled .Counter,.btn-outline[aria-disabled=true] .Counter{background-color:var(--color-btn-outline-disabled-counter-bg)}.btn-outline:focus{border-color:var(--color-btn-outline-focus-border);box-shadow:var(--color-btn-outline-focus-shadow)}.btn-outline .Counter{color:inherit;background-color:var(--color-btn-outline-counter-bg)}.btn-danger{color:var(--color-btn-danger-text)}.btn-danger .octicon{color:var(--color-btn-danger-icon)}.btn-danger:hover,[open]>.btn-danger{color:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow)}.btn-danger:hover .Counter,[open]>.btn-danger .Counter{background-color:var(--color-btn-danger-hover-counter-bg)}.btn-danger:hover .octicon,[open]>.btn-danger .octicon{color:var(--color-btn-danger-hover-icon)}.btn-danger:active,.btn-danger.selected,.btn-danger[aria-selected=true]{color:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow)}.btn-danger:disabled,.btn-danger.disabled,.btn-danger[aria-disabled=true]{color:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);box-shadow:none}.btn-danger:disabled .Counter,.btn-danger.disabled .Counter,.btn-danger[aria-disabled=true] .Counter{background-color:var(--color-btn-danger-disabled-counter-bg)}.btn-danger:disabled .octicon,.btn-danger.disabled .octicon,.btn-danger[aria-disabled=true] .octicon{color:var(--color-btn-danger-disabled-text)}.btn-danger:focus{border-color:var(--color-btn-danger-focus-border);box-shadow:var(--color-btn-danger-focus-shadow)}.btn-danger .Counter{color:inherit;background-color:var(--color-btn-danger-counter-bg)}.btn-sm{padding:3px 12px;font-size:12px;line-height:20px}.btn-sm .octicon{vertical-align:text-top}.btn-large{padding:.75em 1.5em;font-size:inherit;line-height:1.5;border-radius:.5em}.btn-block{display:block;width:100%;text-align:center}.BtnGroup{display:inline-block;vertical-align:middle}.BtnGroup::before{display:table;content:""}.BtnGroup::after{display:table;clear:both;content:""}.BtnGroup+.BtnGroup,.BtnGroup+.btn{margin-left:4px}.BtnGroup-item{position:relative;float:left;border-right-width:0;border-radius:0}.BtnGroup-item:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-item:last-child{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-item.selected,.BtnGroup-item[aria-selected=true],.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-item:hover{border-right-width:1px}.BtnGroup-item.selected+.BtnGroup-item,.BtnGroup-item.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-item,.BtnGroup-item[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-item,.BtnGroup-item:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:active+.BtnGroup-item,.BtnGroup-item:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-item,.BtnGroup-item:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-parent{float:left}.BtnGroup-parent:first-child .BtnGroup-item{border-top-left-radius:6px;border-bottom-left-radius:6px}.BtnGroup-parent:last-child .BtnGroup-item{border-right-width:1px;border-top-right-radius:6px;border-bottom-right-radius:6px}.BtnGroup-parent .BtnGroup-item{border-right-width:0;border-radius:0}.BtnGroup-parent.selected .BtnGroup-item,.BtnGroup-parent[aria-selected=true] .BtnGroup-item,.BtnGroup-parent:focus .BtnGroup-item,.BtnGroup-parent:active .BtnGroup-item,.BtnGroup-parent:hover .BtnGroup-item{border-right-width:1px}.BtnGroup-parent.selected+.BtnGroup-item,.BtnGroup-parent.selected+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-item,.BtnGroup-parent[aria-selected=true]+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-item,.BtnGroup-parent:focus+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-item,.BtnGroup-parent:active+.BtnGroup-parent .BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-item,.BtnGroup-parent:hover+.BtnGroup-parent .BtnGroup-item{border-left-width:0}.BtnGroup-item:focus,.BtnGroup-item:active,.BtnGroup-parent:focus,.BtnGroup-parent:active{z-index:1}.btn-link{display:inline-block;padding:0;font-size:inherit;color:var(--color-accent-fg);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-link:hover{text-decoration:underline}.btn-link:disabled,.btn-link:disabled:hover,.btn-link[aria-disabled=true],.btn-link[aria-disabled=true]:hover{color:var(--color-primer-fg-disabled);cursor:default}.btn-invisible{color:var(--color-accent-fg);background-color:transparent;border:0;border-radius:0;box-shadow:none}.btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover{color:var(--color-accent-fg);background:none;outline:none;box-shadow:none}.btn-invisible:active,.btn-invisible:focus,.btn-invisible.selected,.btn-invisible[aria-selected=true],.btn-invisible.zeroclipboard-is-active{color:var(--color-accent-fg);background:none;border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-invisible:disabled,.btn-invisible.disabled,.btn-invisible[aria-disabled=true]{color:var(--color-primer-fg-disabled);background-color:transparent}.btn-octicon{display:inline-block;padding:5px;margin-left:5px;line-height:1;color:var(--color-fg-muted);vertical-align:middle;background:transparent;border:0;box-shadow:none}.btn-octicon:hover{color:var(--color-accent-fg)}.btn-octicon.disabled,.btn-octicon[aria-disabled=true]{color:var(--color-primer-fg-disabled);cursor:default}.btn-octicon.disabled:hover,.btn-octicon[aria-disabled=true]:hover{color:var(--color-primer-fg-disabled)}.btn-octicon-danger:hover{color:var(--color-danger-fg)}.close-button{padding:0;color:var(--color-fg-muted);background:transparent;border:0;outline:none}.close-button:hover{color:var(--color-fg-default)}.close-button:active,.close-button:focus{color:var(--color-fg-muted);border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.hidden-text-expander{display:block}.hidden-text-expander.inline{position:relative;top:-1px;display:inline-block;margin-left:5px;line-height:0}.hidden-text-expander a,.ellipsis-expander{display:inline-block;height:12px;padding:0 5px 5px;font-size:12px;font-weight:600;line-height:6px;color:var(--color-fg-default);text-decoration:none;vertical-align:middle;background:var(--color-neutral-muted);border:0;border-radius:1px}.hidden-text-expander a:hover,.ellipsis-expander:hover{text-decoration:none;background-color:var(--color-accent-muted)}.hidden-text-expander a:active,.ellipsis-expander:active{color:var(--color-fg-on-emphasis);background-color:var(--color-accent-emphasis)}.btn-with-count{float:left;border-top-right-radius:0;border-bottom-right-radius:0}.btn-with-count:focus{z-index:1}.social-count{position:relative;float:left;padding:3px 12px;font-size:12px;font-weight:600;line-height:20px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-default);border:1px solid var(--color-btn-border);border-left:0;border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:var(--color-shadow-small),var(--color-primer-shadow-highlight)}.social-count:hover,.social-count:active{text-decoration:none}.social-count:hover{color:var(--color-accent-fg);cursor:pointer}.social-count:focus{z-index:1;outline:0;box-shadow:var(--color-primer-shadow-focus)}
|
|
2
2
|
/*# sourceMappingURL=buttons.css.map */
|
package/dist/buttons.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/buttons/index.scss%23sass"],"names":[],"mappings":"AA2gBA,KAAA,iBACE,CAAA,oBAAA,CAAA,gBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,kBAAA,CAAA,qBAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,gBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,WAAA,oBAAA,CAAA,qDAAA,cAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/buttons/index.scss%23sass"],"names":[],"mappings":"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","file":"buttons.css"}
|