@primer/css 0.0.0-202110984749 → 0.0.0-20211110231632
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 +41 -3
- package/DEVELOP.md +15 -0
- package/actionlist/action-list-item.scss +65 -22
- package/actionlist/action-list-tree.scss +98 -0
- package/actionlist/action-list.scss +5 -0
- package/actionlist/index.scss +1 -0
- package/base/normalize.scss +1 -1
- package/box/box-overlay.scss +40 -0
- package/box/index.scss +1 -0
- package/buttons/misc.scss +7 -3
- package/color-modes/index.scss +1 -0
- package/color-modes/themes/dark.scss +2 -2
- package/color-modes/themes/dark_colorblind.scss +2 -2
- package/color-modes/themes/dark_dimmed.scss +2 -2
- package/color-modes/themes/dark_high_contrast.scss +2 -2
- package/color-modes/themes/light.scss +2 -2
- package/color-modes/themes/light_colorblind.scss +2 -2
- package/color-modes/themes/light_high_contrast.scss +7 -0
- package/deprecations.json +2 -2
- package/dist/actionlist.css +1 -1
- package/dist/actionlist.css.map +1 -1
- package/dist/alerts.css.map +1 -1
- package/dist/autocomplete.css.map +1 -1
- package/dist/avatars.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/blankslate.css.map +1 -1
- package/dist/box.css +1 -1
- package/dist/box.css.map +1 -1
- package/dist/branch-name.css.map +1 -1
- package/dist/breadcrumb.css.map +1 -1
- package/dist/buttons.css +1 -1
- package/dist/buttons.css.map +1 -1
- package/dist/color-modes.css +1 -1
- package/dist/color-modes.css.map +1 -1
- package/dist/core.css +1 -1
- package/dist/core.css.map +1 -1
- package/dist/deprecations.json +2 -2
- package/dist/dropdown.css.map +1 -1
- package/dist/forms.css.map +1 -1
- package/dist/header.css.map +1 -1
- package/dist/labels.css +1 -1
- package/dist/labels.css.map +1 -1
- package/dist/layout.css.map +1 -1
- package/dist/links.css.map +1 -1
- package/dist/loaders.css.map +1 -1
- package/dist/markdown.css.map +1 -1
- package/dist/marketing-buttons.css +1 -1
- package/dist/marketing-buttons.css.map +1 -1
- package/dist/marketing-links.css +2 -0
- package/dist/marketing-links.css.map +1 -0
- package/dist/marketing-links.js +1 -0
- package/dist/marketing-type.css.map +1 -1
- package/dist/marketing-utilities.css +1 -1
- package/dist/marketing-utilities.css.map +1 -1
- package/dist/marketing.css +1 -1
- package/dist/marketing.css.map +1 -1
- package/dist/meta.json +60 -62
- package/dist/navigation.css +1 -1
- package/dist/navigation.css.map +1 -1
- package/dist/pagination.css.map +1 -1
- package/dist/popover.css +1 -1
- package/dist/popover.css.map +1 -1
- package/dist/primer.css +4 -4
- package/dist/primer.css.map +1 -1
- package/dist/product.css +1 -1
- package/dist/product.css.map +1 -1
- package/dist/progress.css.map +1 -1
- package/dist/select-menu.css.map +1 -1
- package/dist/stats/actionlist.json +1 -1
- package/dist/stats/base.json +1 -1
- package/dist/stats/box.json +1 -1
- package/dist/stats/buttons.json +1 -1
- package/dist/stats/color-modes.json +1 -1
- package/dist/stats/core.json +1 -1
- package/dist/stats/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/popover.json +1 -1
- package/dist/stats/primer.json +1 -1
- package/dist/stats/product.json +1 -1
- package/dist/subhead.css.map +1 -1
- package/dist/timeline.css.map +1 -1
- package/dist/toasts.css.map +1 -1
- package/dist/tooltips.css.map +1 -1
- package/dist/truncate.css.map +1 -1
- package/dist/utilities.css.map +1 -1
- package/dist/variables.json +62 -62
- package/index.scss +4 -4
- package/labels/counters.scss +1 -1
- package/labels/labels.scss +0 -1
- package/marketing/buttons/button.scss +22 -8
- package/marketing/buttons/index.scss +2 -2
- package/marketing/index.scss +1 -0
- package/marketing/links/index.scss +3 -0
- package/marketing/links/link.scss +50 -0
- package/marketing/support/index.scss +2 -2
- package/marketing/support/variables.scss +4 -5
- package/marketing/type/index.scss +2 -2
- package/marketing/type/typography.scss +23 -23
- package/marketing/utilities/animations.scss +42 -0
- package/marketing/utilities/index.scss +5 -5
- package/marketing/utilities/layout.scss +1 -1
- package/navigation/underline-nav.scss +76 -31
- package/package.json +14 -14
- package/popover/popover.scss +42 -4
- package/support/mixins/layout.scss +5 -5
- package/support/mixins/misc.scss +25 -1
- package/support/variables/layout.scss +5 -5
- package/support/variables/typography.scss +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,15 +1,53 @@
|
|
|
1
1
|
# @primer/css
|
|
2
2
|
|
|
3
|
-
## 0.0.0-
|
|
3
|
+
## 0.0.0-20211110231632
|
|
4
4
|
|
|
5
|
-
###
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
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
|
|
6
8
|
|
|
7
|
-
|
|
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
|
|
8
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
|
+
|
|
33
|
+
## 19.0.0
|
|
34
|
+
|
|
35
|
+
### Major Changes
|
|
36
|
+
|
|
37
|
+
- [#1716](https://github.com/primer/css/pull/1716) [`9b97dc8f`](https://github.com/primer/css/commit/9b97dc8fec28e44d8619aff6da636ecd8e48daf9) Thanks [@tobiasahlin](https://github.com/tobiasahlin)! - Update marketing buttons (including color mode support)
|
|
38
|
+
|
|
39
|
+
### Minor Changes
|
|
40
|
+
|
|
41
|
+
- [#1756](https://github.com/primer/css/pull/1756) [`ece7a3e6`](https://github.com/primer/css/commit/ece7a3e68c65252960b41d6df1b8ff64cb33c93f) Thanks [@heiskr](https://github.com/heiskr)! - Update mark tag to use background-color: var(--color-attention-subtle);
|
|
42
|
+
|
|
43
|
+
* [#1754](https://github.com/primer/css/pull/1754) [`3838e174`](https://github.com/primer/css/commit/3838e1743aa63bacf0ca241c2a3c4983ba92c5e6) Thanks [@simurai](https://github.com/simurai)! - Add `Box--overlay` styles
|
|
44
|
+
|
|
45
|
+
- [#1755](https://github.com/primer/css/pull/1755) [`1714778a`](https://github.com/primer/css/commit/1714778af72f5647894fca9561c56dfbccac62df) Thanks [@jonrohan](https://github.com/jonrohan)! - Updating primer/primitives@7.1.0 and adding Light High Contrast theme
|
|
46
|
+
|
|
47
|
+
### Patch Changes
|
|
48
|
+
|
|
49
|
+
- [#1746](https://github.com/primer/css/pull/1746) [`9e6b5f56`](https://github.com/primer/css/commit/9e6b5f5671ab60e3a9d452f516fb7b38173f0135) Thanks [@simurai](https://github.com/simurai)! - Remove `Label` bg hack
|
|
50
|
+
|
|
13
51
|
## 18.2.0
|
|
14
52
|
|
|
15
53
|
### Minor Changes
|
package/DEVELOP.md
CHANGED
|
@@ -41,6 +41,20 @@ The [docs directory](../docs/) contains all of the documentation files in our do
|
|
|
41
41
|
### Code blocks
|
|
42
42
|
All `html` fenced code blocks in `src/**/*.md` will be rendered as stories and listed under the relevant module's name in the left-hand nav. File changes should trigger a live reload automatically (after a brief delay).
|
|
43
43
|
|
|
44
|
+
## Storybook
|
|
45
|
+
|
|
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
|
+
|
|
48
|
+
```sh
|
|
49
|
+
npm run storybook
|
|
50
|
+
```
|
|
51
|
+
|
|
52
|
+
### The Storybook directory
|
|
53
|
+
Storybook configuration files live in [.storybook](../docs/.storybook). Addons and additional global config can be added to [main.js](../docs/.storybook/main.js) or [preview.js](../docs/.storybook/preview.js)
|
|
54
|
+
|
|
55
|
+
### Stories
|
|
56
|
+
Stories are individual `.jsx` or `.mdx` files that contain component HTML for prototyping, typically showcasing all possible variations of a component. Stories can be found in the [stories directory](../docs/src/stories/components) and are organized by component. Storybook will build and deploy a preview on any open Pull Request.
|
|
57
|
+
|
|
44
58
|
## Scripts
|
|
45
59
|
Our [`package.json`](package.json) houses a collection of [run-scripts] that we use to maintain, test, build, and publish Primer CSS. Run `npm run <script>` with any of the following values for `<script>`:
|
|
46
60
|
|
|
@@ -51,6 +65,7 @@ Our [`package.json`](package.json) houses a collection of [run-scripts] that we
|
|
|
51
65
|
* `now-build` and `now-start` are run on [Now] to build and start the docs site server. `now-test` runs them both in order.
|
|
52
66
|
* `start` runs the documentation site locally (alias: `dev`).
|
|
53
67
|
* `test` runs our test suite.
|
|
68
|
+
* `storybook` runs storybook local development server.
|
|
54
69
|
|
|
55
70
|
The above list may not always be up-to-date. You can list all of the available scripts by calling `npm run` with no other arguments.
|
|
56
71
|
|
|
@@ -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,25 +88,26 @@
|
|
|
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
|
|
|
@@ -111,7 +123,7 @@
|
|
|
111
123
|
display: block;
|
|
112
124
|
}
|
|
113
125
|
|
|
114
|
-
&.ActionList-item--
|
|
126
|
+
&.ActionList-item--hasActiveSubItem {
|
|
115
127
|
// stylelint-disable-next-line selector-max-specificity
|
|
116
128
|
> .ActionList-content > .ActionList-item-label {
|
|
117
129
|
font-weight: $font-weight-bold;
|
|
@@ -128,6 +140,26 @@
|
|
|
128
140
|
.ActionList--subGroup {
|
|
129
141
|
display: none;
|
|
130
142
|
}
|
|
143
|
+
|
|
144
|
+
// show active indicator on parent collapse if child is active
|
|
145
|
+
&.ActionList-item--hasActiveSubItem {
|
|
146
|
+
background: var(--color-action-list-item-default-selected-bg);
|
|
147
|
+
|
|
148
|
+
.ActionList-item-label {
|
|
149
|
+
font-weight: $font-weight-bold;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
// stylelint-disable-next-line selector-max-specificity
|
|
153
|
+
&::before,
|
|
154
|
+
+ .ActionList-item::before {
|
|
155
|
+
visibility: hidden;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
// blue accent line
|
|
159
|
+
&::after {
|
|
160
|
+
@include activeIndicatorLine;
|
|
161
|
+
}
|
|
162
|
+
}
|
|
131
163
|
}
|
|
132
164
|
|
|
133
165
|
// checkbox item [aria-checked]
|
|
@@ -171,8 +203,7 @@
|
|
|
171
203
|
.ActionList-item-multiSelectCheckmark {
|
|
172
204
|
visibility: hidden;
|
|
173
205
|
opacity: 0;
|
|
174
|
-
transition:
|
|
175
|
-
visibility 0 linear $actionList-item-checkmark-transition-timing,
|
|
206
|
+
transition: visibility 0 linear $actionList-item-checkmark-transition-timing,
|
|
176
207
|
opacity $actionList-item-checkmark-transition-timing;
|
|
177
208
|
}
|
|
178
209
|
|
|
@@ -283,14 +314,15 @@
|
|
|
283
314
|
// stylelint-disable-next-line primer/spacing
|
|
284
315
|
padding: $actionList-item-padding-vertical $actionList-item-padding-horizontal;
|
|
285
316
|
font-weight: $font-weight-normal;
|
|
317
|
+
font-size: $body-font-size;
|
|
286
318
|
color: var(--color-fg-default);
|
|
287
319
|
user-select: none;
|
|
288
320
|
border-radius: $border-radius;
|
|
289
321
|
transition: $actionList-item-bg-transition;
|
|
290
322
|
grid-template-rows: min-content;
|
|
291
323
|
grid-template-areas: 'leadingAction leadingVisual label trailingVisual trailingAction';
|
|
292
|
-
grid-template-columns: min-content min-content minmax(
|
|
293
|
-
align-items:
|
|
324
|
+
grid-template-columns: min-content min-content minmax(0, auto) min-content min-content;
|
|
325
|
+
align-items: start;
|
|
294
326
|
|
|
295
327
|
// column-gap persists with empty grid-areas, margin applies only when children exist
|
|
296
328
|
> :not(:last-child) {
|
|
@@ -315,6 +347,10 @@
|
|
|
315
347
|
padding: $actionList-item-padding-vertical-lg $actionList-item-padding-horizontal;
|
|
316
348
|
}
|
|
317
349
|
|
|
350
|
+
&.ActionList-content--fontSmall {
|
|
351
|
+
font-size: $font-size-small;
|
|
352
|
+
}
|
|
353
|
+
|
|
318
354
|
// On pointer:coarse (mobile), all list items are large
|
|
319
355
|
@media (pointer: coarse) {
|
|
320
356
|
// stylelint-disable-next-line primer/spacing
|
|
@@ -408,9 +444,16 @@
|
|
|
408
444
|
color: var(--color-fg-default);
|
|
409
445
|
}
|
|
410
446
|
|
|
447
|
+
.ActionList-item-label--truncate {
|
|
448
|
+
white-space: nowrap;
|
|
449
|
+
text-overflow: ellipsis;
|
|
450
|
+
overflow: hidden;
|
|
451
|
+
}
|
|
452
|
+
|
|
411
453
|
// nested lists (only supports 1 level currently)
|
|
412
454
|
// target ActionList-item--subItem for padding-left to maintain :active :after state
|
|
413
455
|
|
|
456
|
+
// TODO: remove with PVC implementation
|
|
414
457
|
.ActionList-item--subItem > .ActionList-content {
|
|
415
458
|
font-size: $font-size-small;
|
|
416
459
|
}
|
|
@@ -0,0 +1,98 @@
|
|
|
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
|
+
// consisten font-size between nested groups
|
|
7
|
+
|
|
8
|
+
@mixin treeConnectingLine($left) {
|
|
9
|
+
position: absolute;
|
|
10
|
+
content: '';
|
|
11
|
+
width: 1px;
|
|
12
|
+
background: var(--color-action-list-item-inline-divider);
|
|
13
|
+
left: $left;
|
|
14
|
+
height: 100%;
|
|
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--subGroup {
|
|
28
|
+
position: relative;
|
|
29
|
+
|
|
30
|
+
.ActionList-content {
|
|
31
|
+
padding-left: calc(10px * var(--ActionList-tree-depth)) !important;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.ActionList-item--hasSubItem {
|
|
36
|
+
padding-left: 0 !important;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.ActionList-item--subItem {
|
|
40
|
+
padding-left: 0 !important;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// expand/collapse group
|
|
44
|
+
.ActionList-item--hasSubItem {
|
|
45
|
+
.ActionList-item--subItem:not(.ActionList-item--hasSubItem) {
|
|
46
|
+
.ActionList-content {
|
|
47
|
+
// increase child padding by targeting content first child span (add to ActionList-content padding, not replace)
|
|
48
|
+
> span:first-child {
|
|
49
|
+
padding-left: 16px !important;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
// padding left
|
|
56
|
+
// no visuals
|
|
57
|
+
// 16px visual
|
|
58
|
+
// 20px visual
|
|
59
|
+
// 24px visual
|
|
60
|
+
// action 16px visual
|
|
61
|
+
// action 20px visual
|
|
62
|
+
// action 24px visual
|
|
63
|
+
|
|
64
|
+
// first subitem
|
|
65
|
+
> [aria-level='1'].ActionList-item--hasSubItem {
|
|
66
|
+
> .ActionList--subGroup {
|
|
67
|
+
&::before {
|
|
68
|
+
@include treeConnectingLine($left: 16px);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
// all other subitems
|
|
74
|
+
.ActionList-item--hasSubItem:not([aria-level='1']) {
|
|
75
|
+
> .ActionList--subGroup {
|
|
76
|
+
&::before {
|
|
77
|
+
@include treeConnectingLine($left: calc(10px * (var(--ActionList-tree-depth)) + 7px));
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
// tree-view specific collapse icon positioning/animation
|
|
83
|
+
.ActionList-item {
|
|
84
|
+
&[aria-expanded='true'] {
|
|
85
|
+
.ActionList-item-collapseIcon {
|
|
86
|
+
transition: transform 120ms linear;
|
|
87
|
+
transform: rotate(0deg);
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
&[aria-expanded='false'] {
|
|
92
|
+
.ActionList-item-collapseIcon {
|
|
93
|
+
transition: transform 120ms linear;
|
|
94
|
+
transform: rotate(-90deg);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
}
|
package/actionlist/index.scss
CHANGED
package/base/normalize.scss
CHANGED
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
.Box--overlay {
|
|
2
|
+
width: 448px;
|
|
3
|
+
margin-right: auto;
|
|
4
|
+
margin-left: auto;
|
|
5
|
+
background-color: var(--color-canvas-default);
|
|
6
|
+
background-clip: padding-box;
|
|
7
|
+
border-color: var(--color-border-default);
|
|
8
|
+
// stylelint-disable-next-line primer/box-shadow
|
|
9
|
+
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
|
|
10
|
+
|
|
11
|
+
.Box-header {
|
|
12
|
+
margin: 0;
|
|
13
|
+
border-width: 0;
|
|
14
|
+
border-bottom-width: $border-width;
|
|
15
|
+
border-top-left-radius: $border-radius;
|
|
16
|
+
border-top-right-radius: $border-radius;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.Box-overlay--narrow {
|
|
21
|
+
width: 320px;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.Box-overlay--wide {
|
|
25
|
+
width: 640px;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.Box-body {
|
|
29
|
+
&.scrollable-overlay {
|
|
30
|
+
max-height: 400px;
|
|
31
|
+
overflow-y: scroll;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.help {
|
|
35
|
+
padding-top: $spacer-2;
|
|
36
|
+
margin: 0;
|
|
37
|
+
color: var(--color-fg-muted);
|
|
38
|
+
text-align: center;
|
|
39
|
+
}
|
|
40
|
+
}
|
package/box/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/color-modes/index.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '../../support/index.scss';
|
|
2
2
|
|
|
3
|
-
@import
|
|
3
|
+
@import '@primer/primitives/dist/scss/colors/_dark_colorblind.scss';
|
|
4
4
|
|
|
5
5
|
@include color-mode-theme(dark_colorblind) {
|
|
6
6
|
@include primer-colors-dark_colorblind;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '../../support/index.scss';
|
|
2
2
|
|
|
3
|
-
@import
|
|
3
|
+
@import '@primer/primitives/dist/scss/colors/_dark_dimmed.scss';
|
|
4
4
|
|
|
5
5
|
@include color-mode-theme(dark_dimmed) {
|
|
6
6
|
@include primer-colors-dark_dimmed;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '../../support/index.scss';
|
|
2
2
|
|
|
3
|
-
@import
|
|
3
|
+
@import '@primer/primitives/dist/scss/colors/_dark_high_contrast.scss';
|
|
4
4
|
|
|
5
5
|
@include color-mode-theme(dark_high_contrast) {
|
|
6
6
|
@include primer-colors-dark_high_contrast;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '../../support/index.scss';
|
|
2
2
|
|
|
3
|
-
@import
|
|
3
|
+
@import '@primer/primitives/dist/scss/colors/_light.scss';
|
|
4
4
|
|
|
5
5
|
@include color-mode-theme(light, true) {
|
|
6
6
|
@include primer-colors-light;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@import
|
|
1
|
+
@import '../../support/index.scss';
|
|
2
2
|
|
|
3
|
-
@import
|
|
3
|
+
@import '@primer/primitives/dist/scss/colors/_light_colorblind.scss';
|
|
4
4
|
|
|
5
5
|
@include color-mode-theme(light_colorblind) {
|
|
6
6
|
@include primer-colors-light_colorblind;
|
package/deprecations.json
CHANGED
|
@@ -336,9 +336,9 @@
|
|
|
336
336
|
"flex-xl-item-equal": "flex-xl-1",
|
|
337
337
|
"btn-purple": null,
|
|
338
338
|
"btn-primary-mktg": "btn-signup-mktg",
|
|
339
|
-
"btn-enterprise-mktg":
|
|
339
|
+
"btn-enterprise-mktg": "btn-mktg",
|
|
340
340
|
"btn-outline-mktg": "btn-muted-mktg",
|
|
341
|
-
"btn-transparent": "btn-
|
|
341
|
+
"btn-transparent": "btn-subtle-mktg",
|
|
342
342
|
"text-pending": "text-yellow",
|
|
343
343
|
"bg-pending": "bg-yellow-dark",
|
|
344
344
|
"container": null,
|
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--subGroup{position:relative}.ActionList--tree .ActionList--subGroup .ActionList-content{padding-left:calc(10px*var(--ActionList-tree-depth)) !important}.ActionList--tree .ActionList-item--hasSubItem{padding-left:0 !important}.ActionList--tree .ActionList-item--subItem{padding-left:0 !important}.ActionList--tree .ActionList-item--hasSubItem .ActionList-item--subItem:not(.ActionList-item--hasSubItem) .ActionList-content>span:first-child{padding-left:16px !important}.ActionList--tree>[aria-level="1"].ActionList-item--hasSubItem>.ActionList--subGroup::before{position:absolute;content:"";width:1px;background:var(--color-action-list-item-inline-divider);left:16px;height:100%}.ActionList--tree .ActionList-item--hasSubItem:not([aria-level="1"])>.ActionList--subGroup::before{position:absolute;content:"";width:1px;background:var(--color-action-list-item-inline-divider);left:calc(10px*(var(--ActionList-tree-depth)) + 7px);height:100%}.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-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=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-weight:400;font-size:14px;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{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.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}
|
|
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":"
|
|
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/alerts.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"AAuhBA,OAAA,iBACE,CAAA,iBAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,iBAAA,CAAA,oBAAA,eAAA,CAAA,gBAAA,iBAAA,CAAA,gBAAA,kBAAA,CAAA,aAAA,WAAA,CAAA,YAAA,CAAA,YAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,eAAA,CAAA,QAAA,CAAA,uBAAA,CAAA,oBAAA,CAAA,eAAA,CAAA,mBAAA,UAAA,CAAA,oBAAA,UAAA,CAAA,sBAAA,cAAA,CAAA,cAAA,WAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,2BAAA,CAAA,2BAAA,gBAAA,CAAA,2BAAA,CAAA,mCAAA,aAAA,CAAA,OAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,gBAAA,4BAAA,CAAA,YAAA,6BAAA,CAAA,8FAAA,CAAA,yCAAA,CAAA,qBAAA,+BAAA,CAAA,aAAA,6BAAA,CAAA,wFAAA,CAAA,sCAAA,CAAA,sBAAA,4BAAA,CAAA,eAAA,6BAAA,CAAA,0FAAA,CAAA,uCAAA,CAAA,wBAAA,6BAAA,CAAA,YAAA,eAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,cAAA,cAAA,CAAA,KAAA,CAAA,UAAA,CAAA,UAAA,CAAA,YAAA,CAAA,cAAA,CAAA,aAAA,CAAA,eAAA,CAAA,0BAAA,4CAAA,CAAA,SAAA,YAAA,CAAA,kBAAA,CAAA,eAAA,CAAA,8CAAA","file":"alerts.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"AAshBA,sBAAA,iBAAA,CAAA,UAAA,CAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,eAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,mBAAA,aAAA,CAAA,UAAA,CAAA,eAAA,CAAA,eAAA,CAAA,eAAA,CAAA,6BAAA,CAAA,eAAA,CAAA,oBAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,cAAA,CAAA,4CAAA,CAAA,QAAA,CAAA,yBAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,2BAAA,wBAAA,CAAA,uGAAA,iCAAA,CAAA,oBAAA,CAAA,6CAAA,CAAA,6GAAA,wBAAA,CAAA,WAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,eAAA,CAAA,SAAA,CAAA,QAAA,CAAA,eAAA,CAAA,eAAA,CAAA,cAAA,CAAA,sCAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,cAAA,aAAA,CAAA,eAAA,CAAA,eAAA,CAAA,iDAAA,CAAA,oBAAA,eAAA,CAAA,2BAAA,CAAA,yBAAA,eAAA,CAAA,8BAAA,CAAA,6BAAA,CAAA,0BAAA,0BAAA,CAAA,2BAAA,CAAA,oBAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,0BAAA,iCAAA,CAAA,6BAAA,wBAAA,CAAA,iEAAA,iCAAA,CAAA,oBAAA,CAAA,uCAAA,CAAA,6EAAA,iCAAA,CAAA,mFAAA,wBAAA,CAAA,qBAAA,iBAAA,CAAA,KAAA,CAAA,MAAA,CAAA,UAAA,CAAA,yBAAA,sCAAA,oBAAA,CAAA,mBAAA,CAAA,+BAAA,gBAAA,CAAA","file":"autocomplete.css"}
|
package/dist/avatars.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["file:///home/runner/work/css/css/src/avatars/index.scss%23sass"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["file:///home/runner/work/css/css/src/avatars/index.scss%23sass"],"names":[],"mappings":"AAqhBA,QAAA,oBACE,CAAA,eAAA,CAAA,aAAA,CAAA,qBAAA,CAAA,uCAAA,CAAA,iBAAA,CAAA,aAAA,CAAA,+CAAA,CAAA,aAAA,UAAA,CAAA,aAAA,CAAA,mBAAA,oBAAA,CAAA,iBAAA,CAAA,kCAAA,iBAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,UAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,iBAAA,CAAA,cAAA,iBAAA,CAAA,UAAA,CAAA,UAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,2CAAA,CAAA,aAAA,iBAAA,CAAA,cAAA,CAAA,WAAA,CAAA,+BAAA,iBAAA,CAAA,8BAAA,cAAA,CAAA,qCAAA,cAAA,CAAA,kBAAA,YAAA,CAAA,sCAAA,CAAA,0BAAA,iBAAA,CAAA,SAAA,CAAA,YAAA,CAAA,UAAA,CAAA,WAAA,CAAA,sBAAA,CAAA,kBAAA,CAAA,4CAAA,CAAA,kDAAA,CAAA,iBAAA,CAAA,iCAAA,CAAA,sCAAA,SAAA,CAAA,qCAAA,SAAA,CAAA,cAAA,CAAA,8BAAA,iBAAA,CAAA,yCAAA,YAAA,CAAA,SAAA,CAAA,gCAAA,gBAAA,CAAA,+CAAA,YAAA,CAAA,SAAA,CAAA,qCAAA,uBAAA,CAAA,oBAAA,SAAA,CAAA,cAAA,CAAA,qCAAA,CAAA,uDAAA,iBAAA,CAAA,aAAA,CAAA,WAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,6CAAA,CAAA,4BAAA,UAAA,CAAA,8CAAA,CAAA,2BAAA,UAAA,CAAA,yCAAA,CAAA,sCAAA,OAAA,CAAA,0BAAA,CAAA,oDAAA,cAAA,CAAA,eAAA,CAAA,wCAAA,yCAAA,CAAA,gDAAA,SAAA,CAAA,+CAAA,SAAA,CAAA,qCAAA,CAAA,4BAAA,cAAA,CAAA,iBAAA,CAAA,cAAA,CAAA,iDAAA,CAAA,aAAA,YAAA,CAAA,kBAAA,CAAA,sBAAA,CAAA,4CAAA,CAAA,iBAAA,CAAA,qCAAA,CAAA,kBAAA,wBAAA,CAAA,sBAAA,CAAA,yBAAA,CAAA,oBAAA,UAAA,CAAA,WAAA,CAAA,qBAAA,UAAA,CAAA,WAAA,CAAA,oBAAA,WAAA,CAAA,YAAA,CAAA,kBAAA,iBAAA,CAAA,0BAAA,iBAAA,CAAA,OAAA,CAAA,MAAA,CAAA,UAAA,CAAA,UAAA,CAAA,oDAAA,CAAA,+BAAA,iBAAA","file":"avatars.css"}
|