@primer/css 0.0.0-202111119461 → 0.0.0-202111142516
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 +21 -1
- package/DEVELOP.md +1 -1
- package/actionlist/action-list-item.scss +99 -50
- package/actionlist/action-list-tree.scss +97 -0
- package/actionlist/action-list.scss +5 -0
- package/actionlist/index.scss +1 -0
- package/buttons/misc.scss +7 -3
- package/dist/actionlist.css +1 -1
- package/dist/actionlist.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/labels.css +1 -1
- package/dist/labels.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-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 +77 -66
- package/dist/navigation.css +1 -1
- package/dist/navigation.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/stats/actionlist.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/labels.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/navigation.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/labels/counters.scss +1 -1
- package/marketing/buttons/button.scss +10 -2
- package/marketing/index.scss +1 -0
- package/marketing/links/index.scss +3 -0
- package/marketing/links/link.scss +50 -0
- package/marketing/utilities/animations.scss +42 -0
- package/navigation/underline-nav.scss +26 -14
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,15 +1,35 @@
|
|
|
1
1
|
# @primer/css
|
|
2
2
|
|
|
3
|
-
## 0.0.0-
|
|
3
|
+
## 0.0.0-202111142516
|
|
4
4
|
|
|
5
5
|
### Minor Changes
|
|
6
6
|
|
|
7
7
|
- [#1759](https://github.com/primer/css/pull/1759) [`74724ce7`](https://github.com/primer/css/commit/74724ce7c72b1cb540a9ef3d845169f1df17b55e) Thanks [@langermank](https://github.com/langermank)! - Remove `popover` responsive hack
|
|
8
8
|
|
|
9
|
+
* [#1764](https://github.com/primer/css/pull/1764) [`cdd9728c`](https://github.com/primer/css/commit/cdd9728c7e1d8cb2f8475d79a2d7c106b7ad9014) Thanks [@langermank](https://github.com/langermank)! - UnderlineNav `:focus` styles
|
|
10
|
+
Refactor selected state and spacing
|
|
11
|
+
Add selected bold state override from github/github
|
|
12
|
+
|
|
13
|
+
- [#1807](https://github.com/primer/css/pull/1807) [`13a4654f`](https://github.com/primer/css/commit/13a4654fa0854accfaabbbd2f21d2e0a1c90442d) Thanks [@enstyled](https://github.com/enstyled)! - Marketing: Add link components
|
|
14
|
+
Marketing: Add animated arrow utility
|
|
15
|
+
Marketing: Document button components with arrows
|
|
16
|
+
|
|
9
17
|
### Patch Changes
|
|
10
18
|
|
|
11
19
|
- Fake entry to force publishing
|
|
12
20
|
|
|
21
|
+
* [#1780](https://github.com/primer/css/pull/1780) [`8e9ba62d`](https://github.com/primer/css/commit/8e9ba62d30ed10c012b99dd998751df01ad6aa99) Thanks [@langermank](https://github.com/langermank)! - ActionList followup
|
|
22
|
+
|
|
23
|
+
- [#1805](https://github.com/primer/css/pull/1805) [`99537d31`](https://github.com/primer/css/commit/99537d317f04ff5474a076ab96d3ea315b2181e2) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Fix local dev (revert webpack 5.5.0 → 6.0.0)
|
|
24
|
+
|
|
25
|
+
* [#1781](https://github.com/primer/css/pull/1781) [`4d8dcf24`](https://github.com/primer/css/commit/4d8dcf24bc9e0732a9a2f34c94f6bcad7d3382dd) Thanks [@simurai](https://github.com/simurai)! - Reformat `rgba()` colors for `.btn-mktg`
|
|
26
|
+
|
|
27
|
+
- [#1768](https://github.com/primer/css/pull/1768) [`4abb1af9`](https://github.com/primer/css/commit/4abb1af95b9b3c8c38512fa5e1e4fae9e7d01f4f) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Marketing: Add disabled states for buttons (and tweak hover)
|
|
28
|
+
|
|
29
|
+
* [#1792](https://github.com/primer/css/pull/1792) [`b1c43f1f`](https://github.com/primer/css/commit/b1c43f1f8d9b07b58b275665ca69abd5d4f7a5fc) Thanks [@simurai](https://github.com/simurai)! - Use `counter-border` for LHC
|
|
30
|
+
|
|
31
|
+
- [#1808](https://github.com/primer/css/pull/1808) [`ee27583f`](https://github.com/primer/css/commit/ee27583f594248bd44122ea5dc81b12382c02b09) Thanks [@manuelpuyol](https://github.com/manuelpuyol)! - Add hover and active states to btn-invisible
|
|
32
|
+
|
|
13
33
|
## 19.0.0
|
|
14
34
|
|
|
15
35
|
### Major Changes
|
package/DEVELOP.md
CHANGED
|
@@ -46,7 +46,7 @@ All `html` fenced code blocks in `src/**/*.md` will be rendered as stories and l
|
|
|
46
46
|
Primer CSS Storybook is used for designing and prototyping components. Stories are written in HTML and leverage the Storybook API for configuring conditional logic.
|
|
47
47
|
|
|
48
48
|
```sh
|
|
49
|
-
npm storybook
|
|
49
|
+
npm run storybook
|
|
50
50
|
```
|
|
51
51
|
|
|
52
52
|
### The Storybook directory
|
|
@@ -5,6 +5,17 @@
|
|
|
5
5
|
box-shadow: 0 0 0 2px var(--color-accent-fg); // this color breaks convention
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
+
@mixin activeIndicatorLine {
|
|
9
|
+
position: absolute;
|
|
10
|
+
top: calc(50% - 12px);
|
|
11
|
+
left: -$actionList-item-padding-horizontal;
|
|
12
|
+
width: $spacer-1;
|
|
13
|
+
height: $spacer-4;
|
|
14
|
+
content: '';
|
|
15
|
+
background: var(--color-accent-fg);
|
|
16
|
+
border-radius: $border-radius;
|
|
17
|
+
}
|
|
18
|
+
|
|
8
19
|
// <li>
|
|
9
20
|
.ActionList-item {
|
|
10
21
|
position: relative;
|
|
@@ -77,30 +88,65 @@
|
|
|
77
88
|
|
|
78
89
|
// active state [aria-current]
|
|
79
90
|
|
|
80
|
-
&.ActionList-item--navActive
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
+ .ActionList-item::before {
|
|
86
|
-
visibility: hidden;
|
|
91
|
+
&.ActionList-item--navActive {
|
|
92
|
+
&:not(.ActionList-item--subItem) {
|
|
93
|
+
.ActionList-item-label {
|
|
94
|
+
font-weight: $font-weight-bold;
|
|
95
|
+
}
|
|
87
96
|
}
|
|
88
97
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
98
|
+
&:not(.ActionList-item--danger) {
|
|
99
|
+
background: var(--color-action-list-item-default-selected-bg);
|
|
100
|
+
|
|
101
|
+
// stylelint-disable-next-line selector-max-specificity
|
|
102
|
+
&::before,
|
|
103
|
+
+ .ActionList-item::before {
|
|
104
|
+
visibility: hidden;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// blue accent line
|
|
108
|
+
&::after {
|
|
109
|
+
@include activeIndicatorLine;
|
|
110
|
+
}
|
|
99
111
|
}
|
|
100
112
|
}
|
|
101
113
|
|
|
102
114
|
// collapsible item [aria-expanded]
|
|
103
115
|
|
|
116
|
+
// nesting (single level)
|
|
117
|
+
// target items inside expanded subgroups
|
|
118
|
+
&[aria-expanded] {
|
|
119
|
+
.ActionList--subGroup {
|
|
120
|
+
.ActionList-content {
|
|
121
|
+
padding-left: $spacer-4;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
// has 16px leading visual
|
|
126
|
+
.ActionList-content--visual16 + .ActionList--subGroup {
|
|
127
|
+
// stylelint-disable-next-line selector-max-compound-selectors, selector-max-specificity
|
|
128
|
+
.ActionList-content {
|
|
129
|
+
padding-left: $spacer-5;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
// has 20px leading visual
|
|
134
|
+
.ActionList-content--visual20 + .ActionList--subGroup {
|
|
135
|
+
// stylelint-disable-next-line selector-max-compound-selectors, selector-max-specificity
|
|
136
|
+
.ActionList-content {
|
|
137
|
+
padding-left: $spacer-2 * 4.5; // 36px
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
// has 24px leading visual
|
|
142
|
+
.ActionList-content--visual24 + .ActionList--subGroup {
|
|
143
|
+
// stylelint-disable-next-line selector-max-compound-selectors, selector-max-specificity
|
|
144
|
+
.ActionList-content {
|
|
145
|
+
padding-left: $spacer-6;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
|
|
104
150
|
&[aria-expanded='true'] {
|
|
105
151
|
.ActionList-item-collapseIcon {
|
|
106
152
|
transition: transform 120ms linear;
|
|
@@ -111,7 +157,7 @@
|
|
|
111
157
|
display: block;
|
|
112
158
|
}
|
|
113
159
|
|
|
114
|
-
&.ActionList-item--
|
|
160
|
+
&.ActionList-item--hasActiveSubItem {
|
|
115
161
|
// stylelint-disable-next-line selector-max-specificity
|
|
116
162
|
> .ActionList-content > .ActionList-item-label {
|
|
117
163
|
font-weight: $font-weight-bold;
|
|
@@ -128,6 +174,26 @@
|
|
|
128
174
|
.ActionList--subGroup {
|
|
129
175
|
display: none;
|
|
130
176
|
}
|
|
177
|
+
|
|
178
|
+
// show active indicator on parent collapse if child is active
|
|
179
|
+
&.ActionList-item--hasActiveSubItem {
|
|
180
|
+
background: var(--color-action-list-item-default-selected-bg);
|
|
181
|
+
|
|
182
|
+
.ActionList-item-label {
|
|
183
|
+
font-weight: $font-weight-bold;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
// stylelint-disable-next-line selector-max-specificity
|
|
187
|
+
&::before,
|
|
188
|
+
+ .ActionList-item::before {
|
|
189
|
+
visibility: hidden;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
// blue accent line
|
|
193
|
+
&::after {
|
|
194
|
+
@include activeIndicatorLine;
|
|
195
|
+
}
|
|
196
|
+
}
|
|
131
197
|
}
|
|
132
198
|
|
|
133
199
|
// checkbox item [aria-checked]
|
|
@@ -171,8 +237,7 @@
|
|
|
171
237
|
.ActionList-item-multiSelectCheckmark {
|
|
172
238
|
visibility: hidden;
|
|
173
239
|
opacity: 0;
|
|
174
|
-
transition:
|
|
175
|
-
visibility 0 linear $actionList-item-checkmark-transition-timing,
|
|
240
|
+
transition: visibility 0 linear $actionList-item-checkmark-transition-timing,
|
|
176
241
|
opacity $actionList-item-checkmark-transition-timing;
|
|
177
242
|
}
|
|
178
243
|
|
|
@@ -282,6 +347,7 @@
|
|
|
282
347
|
display: grid;
|
|
283
348
|
// stylelint-disable-next-line primer/spacing
|
|
284
349
|
padding: $actionList-item-padding-vertical $actionList-item-padding-horizontal;
|
|
350
|
+
font-size: $body-font-size;
|
|
285
351
|
font-weight: $font-weight-normal;
|
|
286
352
|
color: var(--color-fg-default);
|
|
287
353
|
user-select: none;
|
|
@@ -289,8 +355,8 @@
|
|
|
289
355
|
transition: $actionList-item-bg-transition;
|
|
290
356
|
grid-template-rows: min-content;
|
|
291
357
|
grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';
|
|
292
|
-
grid-template-columns: min-content min-content minmax(
|
|
293
|
-
align-items:
|
|
358
|
+
grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
|
|
359
|
+
align-items: start;
|
|
294
360
|
|
|
295
361
|
// column-gap persists with empty grid-areas, margin applies only when children exist
|
|
296
362
|
> :not(:last-child) {
|
|
@@ -315,6 +381,10 @@
|
|
|
315
381
|
padding: $actionList-item-padding-vertical-lg $actionList-item-padding-horizontal;
|
|
316
382
|
}
|
|
317
383
|
|
|
384
|
+
&.ActionList-content--fontSmall {
|
|
385
|
+
font-size: $font-size-small;
|
|
386
|
+
}
|
|
387
|
+
|
|
318
388
|
// On pointer:coarse (mobile), all list items are large
|
|
319
389
|
@media (pointer: coarse) {
|
|
320
390
|
// stylelint-disable-next-line primer/spacing
|
|
@@ -408,37 +478,16 @@
|
|
|
408
478
|
color: var(--color-fg-default);
|
|
409
479
|
}
|
|
410
480
|
|
|
481
|
+
.ActionList-item-label--truncate {
|
|
482
|
+
overflow: hidden;
|
|
483
|
+
text-overflow: ellipsis;
|
|
484
|
+
white-space: nowrap;
|
|
485
|
+
}
|
|
486
|
+
|
|
411
487
|
// nested lists (only supports 1 level currently)
|
|
412
488
|
// target ActionList-item--subItem for padding-left to maintain :active :after state
|
|
413
489
|
|
|
490
|
+
// TODO: remove with PVC implementation
|
|
414
491
|
.ActionList-item--subItem > .ActionList-content {
|
|
415
492
|
font-size: $font-size-small;
|
|
416
493
|
}
|
|
417
|
-
|
|
418
|
-
// no leading visual
|
|
419
|
-
.ActionList--subGroup {
|
|
420
|
-
.ActionList-item--subItem {
|
|
421
|
-
padding-left: $spacer-3;
|
|
422
|
-
}
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
// has 16px leading visual
|
|
426
|
-
.ActionList-content--visual16 + .ActionList--subGroup {
|
|
427
|
-
.ActionList-item--subItem {
|
|
428
|
-
padding-left: $spacer-4;
|
|
429
|
-
}
|
|
430
|
-
}
|
|
431
|
-
|
|
432
|
-
// has 20px leading visual
|
|
433
|
-
.ActionList-content--visual20 + .ActionList--subGroup {
|
|
434
|
-
.ActionList-item--subItem {
|
|
435
|
-
padding-left: $spacer-3 * 1.75;
|
|
436
|
-
}
|
|
437
|
-
}
|
|
438
|
-
|
|
439
|
-
// has 24px leading visual
|
|
440
|
-
.ActionList-content--visual24 + .ActionList--subGroup {
|
|
441
|
-
.ActionList-item--subItem {
|
|
442
|
-
padding-left: $spacer-5;
|
|
443
|
-
}
|
|
444
|
-
}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
// <ul>
|
|
2
|
+
// tree-view variant
|
|
3
|
+
// renders ActionList with default styling for tree-view
|
|
4
|
+
// collapse/expand icons presents as leadingActions, rotate 90deg
|
|
5
|
+
// connecting vertical lines between collapse groups
|
|
6
|
+
// consistent font-size between nested groups
|
|
7
|
+
|
|
8
|
+
@mixin treeConnectingLine($left) {
|
|
9
|
+
position: absolute;
|
|
10
|
+
left: $left;
|
|
11
|
+
width: 1px;
|
|
12
|
+
height: 100%;
|
|
13
|
+
content: '';
|
|
14
|
+
background: var(--color-action-list-item-inline-divider);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:root {
|
|
18
|
+
--ActionList-tree-depth: 1;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.ActionList--tree {
|
|
22
|
+
// TODO: remove with PVC implementation
|
|
23
|
+
.ActionList-item--subItem > .ActionList-content {
|
|
24
|
+
font-size: $body-font-size;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.ActionList-item {
|
|
28
|
+
// nesting (infinate levels)
|
|
29
|
+
// target items inside expanded subgroup
|
|
30
|
+
&[aria-expanded] {
|
|
31
|
+
.ActionList--subGroup {
|
|
32
|
+
position: relative;
|
|
33
|
+
|
|
34
|
+
// --ActionList-tree-depth is defined as an inline style referencing the aria-level of each item ie: aria-level="2"
|
|
35
|
+
// stylelint-disable-next-line selector-max-specificity, max-nesting-depth, selector-max-compound-selectors
|
|
36
|
+
.ActionList-content {
|
|
37
|
+
// stylelint-disable-next-line primer/spacing
|
|
38
|
+
padding-left: calc(10px * var(--ActionList-tree-depth));
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// tree-view specific collapse icon positioning/animation
|
|
44
|
+
&[aria-expanded='true'] {
|
|
45
|
+
.ActionList-item-collapseIcon {
|
|
46
|
+
transition: transform 120ms linear;
|
|
47
|
+
transform: rotate(0deg);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
&[aria-expanded='false'] {
|
|
52
|
+
.ActionList-item-collapseIcon {
|
|
53
|
+
transition: transform 120ms linear;
|
|
54
|
+
transform: rotate(-90deg);
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// expand/collapse group
|
|
60
|
+
.ActionList-item--hasSubItem {
|
|
61
|
+
.ActionList-item--subItem:not(.ActionList-item--hasSubItem) {
|
|
62
|
+
// stylelint-disable-next-line selector-max-specificity, selector-max-compound-selectors
|
|
63
|
+
.ActionList-content {
|
|
64
|
+
// increase child padding by targeting content first child span (add to ActionList-content padding, not replace)
|
|
65
|
+
// creates a slight indent of child items
|
|
66
|
+
// stylelint-disable-next-line selector-max-specificity, selector-max-type, max-nesting-depth, selector-max-compound-selectors
|
|
67
|
+
> span:first-child {
|
|
68
|
+
// stylelint-disable-next-line primer/spacing, max-nesting-depth, selector-max-compound-selectors
|
|
69
|
+
padding-left: 20px;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
// first subitem
|
|
76
|
+
// stylelint-disable-next-line selector-max-specificity
|
|
77
|
+
> [aria-level='1'].ActionList-item--hasSubItem {
|
|
78
|
+
> .ActionList--subGroup {
|
|
79
|
+
// stylelint-disable-next-line selector-max-specificity
|
|
80
|
+
&::before {
|
|
81
|
+
@include treeConnectingLine($left: $spacer-3);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// all other subitems
|
|
87
|
+
// center connecting line with parent (line is 1px (8px - 1px)
|
|
88
|
+
// stylelint-disable-next-line selector-max-specificity
|
|
89
|
+
.ActionList-item--hasSubItem:not([aria-level='1']) {
|
|
90
|
+
> .ActionList--subGroup {
|
|
91
|
+
// stylelint-disable-next-line selector-max-specificity
|
|
92
|
+
&::before {
|
|
93
|
+
@include treeConnectingLine($left: calc(10px * (var(--ActionList-tree-depth)) + 7px));
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
package/actionlist/index.scss
CHANGED
package/buttons/misc.scss
CHANGED
|
@@ -37,13 +37,12 @@
|
|
|
37
37
|
color: var(--color-accent-fg);
|
|
38
38
|
background-color: transparent; // Reset default gradient backgrounds and colors
|
|
39
39
|
border: 0;
|
|
40
|
-
border-radius: 0;
|
|
41
40
|
box-shadow: none;
|
|
42
41
|
|
|
43
42
|
&:hover,
|
|
44
43
|
&.zeroclipboard-is-hover {
|
|
45
44
|
color: var(--color-accent-fg);
|
|
46
|
-
background:
|
|
45
|
+
background-color: var(--color-btn-hover-bg);
|
|
47
46
|
outline: none;
|
|
48
47
|
box-shadow: none;
|
|
49
48
|
}
|
|
@@ -54,12 +53,17 @@
|
|
|
54
53
|
&[aria-selected=true],
|
|
55
54
|
&.zeroclipboard-is-active {
|
|
56
55
|
color: var(--color-accent-fg);
|
|
57
|
-
background: none;
|
|
56
|
+
background-color: none;
|
|
58
57
|
border-color: var(--color-btn-active-border);
|
|
59
58
|
outline: none;
|
|
60
59
|
box-shadow: var(--color-btn-focus-shadow);
|
|
61
60
|
}
|
|
62
61
|
|
|
62
|
+
&:active
|
|
63
|
+
&.zeroclipboard-is-active {
|
|
64
|
+
background-color: var(--color-btn-selected-bg);
|
|
65
|
+
}
|
|
66
|
+
|
|
63
67
|
&:disabled,
|
|
64
68
|
&.disabled,
|
|
65
69
|
&[aria-disabled=true] {
|
package/dist/actionlist.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.ActionList{padding:8px}.ActionList--divided .ActionList-item-label::before{position:absolute;top:-6px;display:block;width:100%;height:1px;content:"";background:var(--color-action-list-item-inline-divider)}.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,.ActionList--divided .ActionList-item--navActive+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item:first-of-type .ActionList-item-label::before,.ActionList-sectionDivider+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item{position:relative;list-style:none;background-color:transparent;border-radius:6px}.ActionList-item:hover,.ActionList-item:active{cursor:pointer}.ActionList-item:hover .ActionList-content,.ActionList-item:active .ActionList-content{text-decoration:none}.ActionList-item:not(.ActionList-item--hasSubItem):hover{cursor:pointer;background-color:var(--color-action-list-item-default-hover-bg)}.ActionList-item:not(.ActionList-item--hasSubItem):active{background:var(--color-action-list-item-default-active-bg)}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item:not(.ActionList-item--hasSubItem):active{animation:ActionList-item-active-bg 4s forwards cubic-bezier(0.33, 1, 0.68, 1)}}@keyframes ActionList-item-active-bg{50%{box-shadow:inset 0 0 0 rgba(0,0,0,.04);transform:scale(1)}100%{box-shadow:inset 0 3px 9px rgba(0,0,0,.04);transform:scale(0.97)}}.ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):hover+.ActionList-item .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):active+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover{background-color:var(--color-action-list-item-default-hover-bg)}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger){background:var(--color-action-list-item-default-selected-bg)}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)+.ActionList-item::before{visibility:hidden}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after{position:absolute;top:calc(50% - 12px);left:-8px;width:4px;height:24px;content:"";background:var(--color-accent-fg);border-radius:6px}.ActionList-item[aria-expanded=true] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(-1)}.ActionList-item[aria-expanded=true] .ActionList--subGroup{display:block}.ActionList-item[aria-expanded=true].ActionList-item--hasSubItem>.ActionList-content>.ActionList-item-label{font-weight:600}.ActionList-item[aria-expanded=false] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(1)}.ActionList-item[aria-expanded=false] .ActionList--subGroup{display:none}.ActionList-item[aria-checked=true] .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectCheckmark{visibility:visible;opacity:1;transition:visibility 0 linear 0,opacity 50ms}.ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark{visibility:visible}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark{animation:checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards}}.ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect{fill:var(--color-accent-fg);stroke:var(--color-accent-fg);stroke-width:1px}.ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark{fill:var(--color-fg-on-emphasis)}.ActionList-item[aria-checked=false] .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectCheckmark{visibility:hidden;opacity:0;transition:visibility 0 linear 50ms,opacity 50ms}.ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark{visibility:hidden;transition:visibility 0s linear 200ms;-webkit-clip-path:inset(16px 0 0 0);clip-path:inset(16px 0 0 0)}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark{animation:checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards}}.ActionList-item[aria-checked=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect{fill:var(--color-canvas-default);stroke:var(--color-border-default);stroke-width:1px}.ActionList-item[aria-checked=false] .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIconRect{fill:var(--color-canvas-default);border:1px solid var(--color-border-default)}@keyframes checkmarkIn{from{-webkit-clip-path:inset(16px 0 0 0);clip-path:inset(16px 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes checkmarkOut{from{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(16px 0 0 0);clip-path:inset(16px 0 0 0)}}.ActionList-item.ActionList-item--danger .ActionList-item-label{color:var(--color-danger-fg)}.ActionList-item.ActionList-item--danger .ActionList-item-visual{color:var(--color-danger-fg)}@media(hover: hover)and (pointer: fine){.ActionList-item.ActionList-item--danger:hover{background:var(--color-action-list-item-danger-hover-bg)}.ActionList-item.ActionList-item--danger:hover .ActionList-item-label{color:var(--color-action-list-item-danger-hover-text)}}.ActionList-item.ActionList-item--danger:active{background:var(--color-action-list-item-danger-active-bg)}.ActionList-item[aria-disabled=true] .ActionList-item-label,.ActionList-item[aria-disabled=true] .ActionList-item-description{color:var(--color-primer-fg-disabled)}.ActionList-item[aria-disabled=true] .ActionList-item-visual{fill:var(--color-primer-fg-disabled)}@media(hover: hover)and (pointer: fine){.ActionList-item[aria-disabled=true]:hover{cursor:not-allowed;background-color:transparent}}.ActionList-item .ActionList{padding:unset}.ActionList-content{position:relative;display:grid;padding:6px 8px;font-weight:400;color:var(--color-fg-default);-webkit-user-select:none;user-select:none;border-radius:6px;transition:background 33.333ms linear;grid-template-rows:min-content;grid-template-areas:"leadingAction leadingVisual label trailingVisual trailingAction";grid-template-columns:min-content min-content minmax(min-content, auto) min-content min-content;align-items:center}.ActionList-content>:not(:last-child){margin-right:8px}.ActionList-content:focus-visible{position:relative;z-index:1;outline:none;box-shadow:0 0 0 2px var(--color-accent-fg)}.ActionList-content.ActionList-content--sizeMedium{padding:10px 8px}.ActionList-content.ActionList-content--sizeLarge{padding:14px 8px}@media(pointer: coarse){.ActionList-content{padding:14px 8px}}.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual{place-self:start}.ActionList-item-action--leading{grid-area:leadingAction}.ActionList-item-visual--leading{grid-area:leadingVisual}.ActionList-item-label{grid-area:label}.ActionList-item-visual--trailing{grid-area:trailingVisual}.ActionList-item-action--trailing{grid-area:trailingAction}.ActionList-item-descriptionWrap{grid-area:label;display:flex;flex-direction:column}.ActionList-item-descriptionWrap .ActionList-item-description{margin-top:4px}.ActionList-item-descriptionWrap .ActionList-item-label{font-weight:600}.ActionList-item-descriptionWrap--inline{flex-direction:row;align-items:baseline}.ActionList-item-descriptionWrap--inline .ActionList-item-description{margin-left:8px}.ActionList-item-description{font-size:12px;font-weight:400;line-height:1.5;color:var(--color-fg-muted)}.ActionList-item-visual,.ActionList-item-action{display:flex;min-height:20px;color:var(--color-fg-muted);fill:var(--color-fg-muted);align-items:center}.ActionList-item-label{position:relative;font-weight:400;line-height:20px;color:var(--color-fg-default)}.ActionList-item--subItem>.ActionList-content{font-size:12px}.ActionList--subGroup .ActionList-item--subItem{padding-left:16px}.ActionList-content--visual16+.ActionList--subGroup .ActionList-item--subItem{padding-left:24px}.ActionList-content--visual20+.ActionList--subGroup .ActionList-item--subItem{padding-left:28px}.ActionList-content--visual24+.ActionList--subGroup .ActionList-item--subItem{padding-left:32px}.ActionList-sectionDivider:not(:empty){display:flex;padding:6px 8px;font-size:12px;font-weight:600;color:var(--color-fg-muted);flex-direction:column}.ActionList-sectionDivider:empty{height:1px;padding:0;margin:7px -8px 8px;list-style:none;background:var(--color-action-list-item-inline-divider);border:0}.ActionList-sectionDivider--filled{margin:8px -8px;background:var(--color-canvas-subtle);border-top:1px solid var(--color-action-list-item-inline-divider);border-bottom:1px solid var(--color-action-list-item-inline-divider)}.ActionList-sectionDivider--filled:empty{height:8px;box-sizing:border-box}.ActionList-sectionDivider--filled:first-child{margin-top:0}
|
|
1
|
+
.ActionList{padding:8px}.ActionList--full{padding:0}.ActionList--divided .ActionList-item-label::before{position:absolute;top:-6px;display:block;width:100%;height:1px;content:"";background:var(--color-action-list-item-inline-divider)}.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,.ActionList--divided .ActionList-item--navActive+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item:first-of-type .ActionList-item-label::before,.ActionList-sectionDivider+.ActionList-item .ActionList-item-label::before{visibility:hidden}:root{--ActionList-tree-depth: 1}.ActionList--tree .ActionList-item--subItem>.ActionList-content{font-size:14px}.ActionList--tree .ActionList-item[aria-expanded] .ActionList--subGroup{position:relative}.ActionList--tree .ActionList-item[aria-expanded] .ActionList--subGroup .ActionList-content{padding-left:calc(10px*var(--ActionList-tree-depth))}.ActionList--tree .ActionList-item[aria-expanded=true] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:rotate(0deg)}.ActionList--tree .ActionList-item[aria-expanded=false] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:rotate(-90deg)}.ActionList--tree .ActionList-item--hasSubItem .ActionList-item--subItem:not(.ActionList-item--hasSubItem) .ActionList-content>span:first-child{padding-left:20px}.ActionList--tree>[aria-level="1"].ActionList-item--hasSubItem>.ActionList--subGroup::before{position:absolute;left:16px;width:1px;height:100%;content:"";background:var(--color-action-list-item-inline-divider)}.ActionList--tree .ActionList-item--hasSubItem:not([aria-level="1"])>.ActionList--subGroup::before{position:absolute;left:calc(10px*(var(--ActionList-tree-depth)) + 7px);width:1px;height:100%;content:"";background:var(--color-action-list-item-inline-divider)}.ActionList-item{position:relative;list-style:none;background-color:transparent;border-radius:6px}.ActionList-item:hover,.ActionList-item:active{cursor:pointer}.ActionList-item:hover .ActionList-content,.ActionList-item:active .ActionList-content{text-decoration:none}.ActionList-item:not(.ActionList-item--hasSubItem):hover{cursor:pointer;background-color:var(--color-action-list-item-default-hover-bg)}.ActionList-item:not(.ActionList-item--hasSubItem):active{background:var(--color-action-list-item-default-active-bg)}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item:not(.ActionList-item--hasSubItem):active{animation:ActionList-item-active-bg 4s forwards cubic-bezier(0.33, 1, 0.68, 1)}}@keyframes ActionList-item-active-bg{50%{box-shadow:inset 0 0 0 rgba(0,0,0,.04);transform:scale(1)}100%{box-shadow:inset 0 3px 9px rgba(0,0,0,.04);transform:scale(0.97)}}.ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):hover+.ActionList-item .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):active+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover{background-color:var(--color-action-list-item-default-hover-bg)}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label{font-weight:600}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger){background:var(--color-action-list-item-default-selected-bg)}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)+.ActionList-item::before{visibility:hidden}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after{position:absolute;top:calc(50% - 12px);left:-8px;width:4px;height:24px;content:"";background:var(--color-accent-fg);border-radius:6px}.ActionList-item[aria-expanded] .ActionList--subGroup .ActionList-content{padding-left:24px}.ActionList-item[aria-expanded] .ActionList-content--visual16+.ActionList--subGroup .ActionList-content{padding-left:32px}.ActionList-item[aria-expanded] .ActionList-content--visual20+.ActionList--subGroup .ActionList-content{padding-left:36px}.ActionList-item[aria-expanded] .ActionList-content--visual24+.ActionList--subGroup .ActionList-content{padding-left:40px}.ActionList-item[aria-expanded=true] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(-1)}.ActionList-item[aria-expanded=true] .ActionList--subGroup{display:block}.ActionList-item[aria-expanded=true].ActionList-item--hasActiveSubItem>.ActionList-content>.ActionList-item-label{font-weight:600}.ActionList-item[aria-expanded=false] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(1)}.ActionList-item[aria-expanded=false] .ActionList--subGroup{display:none}.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem{background:var(--color-action-list-item-default-selected-bg)}.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem .ActionList-item-label{font-weight:600}.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem::before,.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem+.ActionList-item::before{visibility:hidden}.ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem::after{position:absolute;top:calc(50% - 12px);left:-8px;width:4px;height:24px;content:"";background:var(--color-accent-fg);border-radius:6px}.ActionList-item[aria-checked=true] .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectCheckmark{visibility:visible;opacity:1;transition:visibility 0 linear 0,opacity 50ms}.ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark{visibility:visible}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark{animation:checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards}}.ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect{fill:var(--color-accent-fg);stroke:var(--color-accent-fg);stroke-width:1px}.ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark{fill:var(--color-fg-on-emphasis)}.ActionList-item[aria-checked=false] .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectCheckmark{visibility:hidden;opacity:0;transition:visibility 0 linear 50ms,opacity 50ms}.ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark{visibility:hidden;transition:visibility 0s linear 200ms;-webkit-clip-path:inset(16px 0 0 0);clip-path:inset(16px 0 0 0)}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark{animation:checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards}}.ActionList-item[aria-checked=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect{fill:var(--color-canvas-default);stroke:var(--color-border-default);stroke-width:1px}.ActionList-item[aria-checked=false] .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIconRect{fill:var(--color-canvas-default);border:1px solid var(--color-border-default)}@keyframes checkmarkIn{from{-webkit-clip-path:inset(16px 0 0 0);clip-path:inset(16px 0 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes checkmarkOut{from{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{-webkit-clip-path:inset(16px 0 0 0);clip-path:inset(16px 0 0 0)}}.ActionList-item.ActionList-item--danger .ActionList-item-label{color:var(--color-danger-fg)}.ActionList-item.ActionList-item--danger .ActionList-item-visual{color:var(--color-danger-fg)}@media(hover: hover)and (pointer: fine){.ActionList-item.ActionList-item--danger:hover{background:var(--color-action-list-item-danger-hover-bg)}.ActionList-item.ActionList-item--danger:hover .ActionList-item-label{color:var(--color-action-list-item-danger-hover-text)}}.ActionList-item.ActionList-item--danger:active{background:var(--color-action-list-item-danger-active-bg)}.ActionList-item[aria-disabled=true] .ActionList-item-label,.ActionList-item[aria-disabled=true] .ActionList-item-description{color:var(--color-primer-fg-disabled)}.ActionList-item[aria-disabled=true] .ActionList-item-visual{fill:var(--color-primer-fg-disabled)}@media(hover: hover)and (pointer: fine){.ActionList-item[aria-disabled=true]:hover{cursor:not-allowed;background-color:transparent}}.ActionList-item .ActionList{padding:unset}.ActionList-content{position:relative;display:grid;padding:6px 8px;font-size:14px;font-weight:400;color:var(--color-fg-default);-webkit-user-select:none;user-select:none;border-radius:6px;transition:background 33.333ms linear;grid-template-rows:min-content;grid-template-areas:"leadingAction leadingVisual label trailingVisual trailingAction";grid-template-columns:min-content min-content minmax(0, auto) min-content min-content;align-items:start}.ActionList-content>:not(:last-child){margin-right:8px}.ActionList-content:focus-visible{position:relative;z-index:1;outline:none;box-shadow:0 0 0 2px var(--color-accent-fg)}.ActionList-content.ActionList-content--sizeMedium{padding:10px 8px}.ActionList-content.ActionList-content--sizeLarge{padding:14px 8px}.ActionList-content.ActionList-content--fontSmall{font-size:12px}@media(pointer: coarse){.ActionList-content{padding:14px 8px}}.ActionList-content.ActionList-content--blockDescription .ActionList-item-visual{place-self:start}.ActionList-item-action--leading{grid-area:leadingAction}.ActionList-item-visual--leading{grid-area:leadingVisual}.ActionList-item-label{grid-area:label}.ActionList-item-visual--trailing{grid-area:trailingVisual}.ActionList-item-action--trailing{grid-area:trailingAction}.ActionList-item-descriptionWrap{grid-area:label;display:flex;flex-direction:column}.ActionList-item-descriptionWrap .ActionList-item-description{margin-top:4px}.ActionList-item-descriptionWrap .ActionList-item-label{font-weight:600}.ActionList-item-descriptionWrap--inline{flex-direction:row;align-items:baseline}.ActionList-item-descriptionWrap--inline .ActionList-item-description{margin-left:8px}.ActionList-item-description{font-size:12px;font-weight:400;line-height:1.5;color:var(--color-fg-muted)}.ActionList-item-visual,.ActionList-item-action{display:flex;min-height:20px;color:var(--color-fg-muted);fill:var(--color-fg-muted);align-items:center}.ActionList-item-label{position:relative;font-weight:400;line-height:20px;color:var(--color-fg-default)}.ActionList-item-label--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ActionList-item--subItem>.ActionList-content{font-size:12px}.ActionList-sectionDivider:not(:empty){display:flex;padding:6px 8px;font-size:12px;font-weight:600;color:var(--color-fg-muted);flex-direction:column}.ActionList-sectionDivider:empty{height:1px;padding:0;margin:7px -8px 8px;list-style:none;background:var(--color-action-list-item-inline-divider);border:0}.ActionList-sectionDivider--filled{margin:8px -8px;background:var(--color-canvas-subtle);border-top:1px solid var(--color-action-list-item-inline-divider);border-bottom:1px solid var(--color-action-list-item-inline-divider)}.ActionList-sectionDivider--filled:empty{height:8px;box-sizing:border-box}.ActionList-sectionDivider--filled:first-child{margin-top:0}
|
|
2
2
|
/*# sourceMappingURL=actionlist.css.map */
|
package/dist/actionlist.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/actionlist/index.scss%23sass"],"names":[],"mappings":"AA8hBA,YAAA,WAAA,CAAA,oDAAA,iBAAA,CAAA,QAAA,CAAA,aAAA,CAAA,UAAA,CAAA,UAAA,CAAA,UAAA,CAAA,uDAAA,CAAA,iLAAA,iBAAA,CAAA,yIAAA,iBAAA,CAAA,iBAAA,iBAAA,CAAA,eAAA,CAAA,4BAAA,CAAA,iBAAA,CAAA,+CAAA,cAAA,CAAA,uFAAA,oBAAA,CAAA,yDAAA,cAAA,CAAA,+DAAA,CAAA,0DAAA,0DAAA,CAAA,0DAAA,0DAAA,8EAAA,CAAA,CAAA,qCAAA,IAAA,sCAAA,CAAA,kBAAA,CAAA,KAAA,0CAAA,CAAA,qBAAA,CAAA,CAAA,oYAAA,iBAAA,CAAA,uEAAA,+DAAA,CAAA,0EAAA,4DAAA,CAAA,qLAAA,iBAAA,CAAA,iFAAA,iBAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,SAAA,CAAA,WAAA,CAAA,UAAA,CAAA,iCAAA,CAAA,iBAAA,CAAA,mEAAA,iCAAA,CAAA,oBAAA,CAAA,2DAAA,aAAA,CAAA,
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/actionlist/index.scss%23sass"],"names":[],"mappings":"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","file":"actionlist.css"}
|
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 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)}
|
|
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;box-shadow:none}.btn-invisible:hover,.btn-invisible.zeroclipboard-is-hover{color:var(--color-accent-fg);background-color:var(--color-btn-hover-bg);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-color:none;border-color:var(--color-btn-active-border);outline:none;box-shadow:var(--color-btn-focus-shadow)}.btn-invisible:active .btn-invisible.zeroclipboard-is-active{background-color:var(--color-btn-selected-bg)}.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":"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
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/buttons/index.scss%23sass"],"names":[],"mappings":"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","file":"buttons.css"}
|