@primer/css 0.0.0-20220420184728 → 0.0.0-20220425144354

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/CHANGELOG.md +4 -40
  2. package/DEVELOP.md +21 -26
  3. package/actionlist/action-list-tree.scss +91 -22
  4. package/autocomplete/autocomplete.scss +1 -54
  5. package/branch-name/branch-name.scss +0 -1
  6. package/color-modes/index.scss +0 -2
  7. package/core/index.scss +2 -0
  8. package/dialog/dialog.scss +88 -0
  9. package/dialog/index.scss +2 -0
  10. package/dist/actionlist.css +1 -1
  11. package/dist/actionlist.css.map +1 -1
  12. package/dist/alerts.css +1 -1
  13. package/dist/alerts.css.map +1 -1
  14. package/dist/autocomplete.css +1 -1
  15. package/dist/autocomplete.css.map +1 -1
  16. package/dist/branch-name.css +1 -1
  17. package/dist/branch-name.css.map +1 -1
  18. package/dist/buttons.css +1 -1
  19. package/dist/buttons.css.map +1 -1
  20. package/dist/color-modes.css +1 -1
  21. package/dist/color-modes.css.map +1 -1
  22. package/dist/core.css +1 -1
  23. package/dist/core.css.map +1 -1
  24. package/dist/dialog.css +2 -0
  25. package/dist/dialog.css.map +1 -0
  26. package/dist/dialog.js +1 -0
  27. package/dist/forms.css +1 -1
  28. package/dist/forms.css.map +1 -1
  29. package/dist/marketing-buttons.css +1 -1
  30. package/dist/marketing-buttons.css.map +1 -1
  31. package/dist/marketing.css +1 -1
  32. package/dist/marketing.css.map +1 -1
  33. package/dist/meta.json +84 -62
  34. package/dist/overlay.css +2 -0
  35. package/dist/overlay.css.map +1 -0
  36. package/dist/overlay.js +1 -0
  37. package/dist/pagination.css +1 -1
  38. package/dist/pagination.css.map +1 -1
  39. package/dist/primer.css +4 -4
  40. package/dist/primer.css.map +1 -1
  41. package/dist/product.css +1 -1
  42. package/dist/product.css.map +1 -1
  43. package/dist/stats/actionlist.json +1 -1
  44. package/dist/stats/alerts.json +1 -1
  45. package/dist/stats/autocomplete.json +1 -1
  46. package/dist/stats/branch-name.json +1 -1
  47. package/dist/stats/buttons.json +1 -1
  48. package/dist/stats/color-modes.json +1 -1
  49. package/dist/stats/core.json +1 -1
  50. package/dist/stats/dialog.json +1 -0
  51. package/dist/stats/forms.json +1 -1
  52. package/dist/stats/marketing-buttons.json +1 -1
  53. package/dist/stats/marketing.json +1 -1
  54. package/dist/stats/overlay.json +1 -0
  55. package/dist/stats/pagination.json +1 -1
  56. package/dist/stats/primer.json +1 -1
  57. package/dist/stats/product.json +1 -1
  58. package/dist/stats/tooltips.json +1 -1
  59. package/dist/stats/utilities.json +1 -1
  60. package/dist/tooltips.css +1 -1
  61. package/dist/tooltips.css.map +1 -1
  62. package/dist/utilities.css +1 -1
  63. package/dist/utilities.css.map +1 -1
  64. package/forms/form-group.scss +0 -7
  65. package/forms/input-group.scss +0 -10
  66. package/overlay/README.md +24 -0
  67. package/overlay/index.scss +2 -0
  68. package/overlay/overlay.scss +376 -0
  69. package/package.json +17 -19
  70. package/product/index.scss +1 -1
  71. package/tooltips/tooltips.scss +7 -0
  72. package/utilities/visibility-display.scss +0 -49
  73. package/color-modes/themes/dark_tritanopia.scss +0 -6
  74. package/color-modes/themes/light_tritanopia.scss +0 -6
package/CHANGELOG.md CHANGED
@@ -1,53 +1,17 @@
1
1
  # @primer/css
2
2
 
3
- ## 0.0.0-20220420184728
4
-
5
- ### Patch Changes
6
-
7
- - Fake entry to force publishing
8
-
9
- ## 19.8.2
10
-
11
- ### Patch Changes
12
-
13
- - [#2019](https://github.com/primer/css/pull/2019) [`57be2d50`](https://github.com/primer/css/commit/57be2d50212b71f87ce612039375bcd5273eca53) Thanks [@langermank](https://github.com/langermank)! - [Bug] TreeView animation and padding fix
14
-
15
- ## 19.8.1
16
-
17
- ### Patch Changes
18
-
19
- - [#1996](https://github.com/primer/css/pull/1996) [`a4293bf9`](https://github.com/primer/css/commit/a4293bf921ebcb74c6973e3f50f07e470f495bd0) Thanks [@langermank](https://github.com/langermank)! - TreeView: remove bold active items + markup changes
20
-
21
- ## 19.8.0
22
-
23
- ### Minor Changes
24
-
25
- - [#1997](https://github.com/primer/css/pull/1997) [`9806b54b`](https://github.com/primer/css/commit/9806b54b3829219c9ad141efd2fcd99fc5c08751) Thanks [@simurai](https://github.com/simurai)! - Add Tritanopia theme
26
-
27
- ### Patch Changes
28
-
29
- - [#2002](https://github.com/primer/css/pull/2002) [`a3bc51f6`](https://github.com/primer/css/commit/a3bc51f6c4af0d45a9ce39f00c3cf3297b090067) Thanks [@simurai](https://github.com/simurai)! - Always break long `branch-name`s
30
-
31
- ## 19.7.1
32
-
33
- ### Patch Changes
34
-
35
- - [#2001](https://github.com/primer/css/pull/2001) [`47cec404`](https://github.com/primer/css/commit/47cec40472173b412df59e6990c0ac1b1ed43d04) Thanks [@jdanyow](https://github.com/jdanyow)! - Remove IE11 support in tooltip
36
-
37
- * [#1995](https://github.com/primer/css/pull/1995) [`557b100a`](https://github.com/primer/css/commit/557b100a77a4befe6d07fac14cb48b08bed18356) Thanks [@vdepizzol](https://github.com/vdepizzol)! - Add narrow/regular/wide viewport range utilities
38
-
39
- - [#2000](https://github.com/primer/css/pull/2000) [`264a89a5`](https://github.com/primer/css/commit/264a89a51a75eefa6a371e6ad11518519cd98b36) Thanks [@khiga8](https://github.com/khiga8)! - More CSS updates to `Autocomplete`
40
-
41
- ## 19.7.0
3
+ ## 0.0.0-20220425144354
42
4
 
43
5
  ### Minor Changes
44
6
 
45
- - [#1994](https://github.com/primer/css/pull/1994) [`69fe8c65`](https://github.com/primer/css/commit/69fe8c6512a3f0bbdbfdf7080b916a39173c2df9) Thanks [@khiga8](https://github.com/khiga8)! - Add support for inline, stack label in autocomplete
7
+ - [#1998](https://github.com/primer/css/pull/1998) [`a2ac9394`](https://github.com/primer/css/commit/a2ac939475a9b01374b57b251fbd27f7ab71652e) Thanks [@bolonio](https://github.com/bolonio)! - Styles for the new Dialog Component
46
8
 
47
9
  ### Patch Changes
48
10
 
49
11
  - [#1991](https://github.com/primer/css/pull/1991) [`5e87effa`](https://github.com/primer/css/commit/5e87effa671b194e188f699a79b246bdf61bd191) Thanks [@simurai](https://github.com/simurai)! - Fix `btn-primary` in flash alerts
50
12
 
13
+ * Fake entry to force publishing
14
+
51
15
  ## 19.6.0
52
16
 
53
17
  ### Minor Changes
package/DEVELOP.md CHANGED
@@ -3,32 +3,29 @@
3
3
  If you've made it this far, **thank you**! We appreciate your contribution, and hope that this document helps you along the way. If you have any questions or problems, don't hesitate to [file an issue](https://github.com/primer/css/issues/new).
4
4
 
5
5
  ## Structure
6
-
7
6
  Primer CSS is published to [npm] as [@primer/css]. Each of Primer CSS's "modules" lives in a subfolder under `src/` with an `index.scss` in it. Generally speaking, the styles are divided into three primary themes:
8
7
 
9
- - **Core** styles (in `core/`) are common dependencies, which include support variables, native element and typography styles, buttons, navigation, tooltips, etc.
10
- - **Product** styles (in `product/`) are specific to github.com, and include components such as avatars, labels, markdown styles, popovers, and progress indicators.
11
- - **Marketing** styles (in `marketing/`) are specific to GitHub marketing efforts, including international and event-focused sites as well as the more design-heavy feature pages on github.com. Marketing styles include new colors and button styles, and extend the core typography and whitespace scales.
8
+ * **Core** styles (in `core/`) are common dependencies, which include support variables, native element and typography styles, buttons, navigation, tooltips, etc.
9
+ * **Product** styles (in `product/`) are specific to github.com, and include components such as avatars, labels, markdown styles, popovers, and progress indicators.
10
+ * **Marketing** styles (in `marketing/`) are specific to GitHub marketing efforts, including international and event-focused sites as well as the more design-heavy feature pages on github.com. Marketing styles include new colors and button styles, and extend the core typography and whitespace scales.
12
11
 
13
12
  ### Paths
14
-
15
13
  Here's what you need to know about how the files are structured in both git and in the published npm module:
16
14
 
17
- - In git, all of the SCSS source files live in the `src/` directory.
18
- - When published, all of the files in `src/` are "hoisted" to the package root so that you can import, say, utilities with:
15
+ * In git, all of the SCSS source files live in the `src/` directory.
16
+ * When published, all of the files in `src/` are "hoisted" to the package root so that you can import, say, utilities with:
19
17
 
20
- ```scss
21
- @import '@primer/css/utilities/index.scss';
22
- ```
18
+ ```scss
19
+ @import "@primer/css/utilities/index.scss";
20
+ ```
23
21
 
24
- - All bundle interdependencies within Primer CSS are defined as relative imports (e.g. with `../`), so everything should work fine as long as the `@primer/css` directory is in one of your Sass include paths (i.e. `node_modules`).
22
+ * All bundle interdependencies within Primer CSS are defined as relative imports (e.g. with `../`), so everything should work fine as long as the `@primer/css` directory is in one of your Sass include paths (i.e. `node_modules`).
25
23
 
26
- ## Install
27
24
 
25
+ ## Install
28
26
  Run `npm install` to install the npm dependencies.
29
27
 
30
28
  ## Docs site
31
-
32
29
  The Primer CSS docs are built with React using [Doctocat](https://primer.style/doctocat) and automatically deployed on every push to this repo with [Now]. You can run the server locally with:
33
30
 
34
31
  ```sh
@@ -38,43 +35,41 @@ npm start
38
35
  Then visit http://localhost:8000 to view the site.
39
36
 
40
37
  ### The docs directory
41
-
42
38
  The [docs directory](../docs/) contains all of the documentation files in our docs site. Files are nested in the `/content` folder.
43
39
 
44
- ### Code blocks
45
40
 
41
+ ### Code blocks
46
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).
47
43
 
48
44
  ## Storybook
49
45
 
50
- Primer CSS Storybook is used for designing and prototyping components. Stories are written in HTML and leverage the Storybook API for configuring conditional logic.
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.
51
47
 
52
48
  ```sh
53
49
  npm run storybook
54
50
  ```
55
51
 
56
52
  ### The Storybook directory
57
-
58
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)
59
54
 
60
55
  ### Stories
61
-
62
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.
63
57
 
64
58
  ## Scripts
65
-
66
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>`:
67
60
 
68
- - `dist` runs `script/dist`, which creates CSS bundles of all the `index.scss` files in `src/`.
69
- - `check-links` runs a link checker on your local development server (`localhost:3000`, started with `npm start`).
70
- - `stylelint` lints the CSS source files.
71
- - `eslint` lints the JavaScript source files.
72
- - `start` runs the documentation site locally (alias: `dev`).
73
- - `test` runs our test suite.
74
- - `storybook` runs storybook local development server.
61
+ * `dist` runs `script/dist`, which creates CSS bundles of all the `index.scss` files in `src/`.
62
+ * `check-links` runs a link checker on your local development server (`localhost:3000`, started with `npm start`).
63
+ * `stylelint` lints the CSS source files.
64
+ * `eslint` lints the JavaScript source files.
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.
66
+ * `start` runs the documentation site locally (alias: `dev`).
67
+ * `test` runs our test suite.
68
+ * `storybook` runs storybook local development server.
75
69
 
76
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.
77
71
 
72
+
78
73
  [@primer/css]: https://www.npmjs.com/package/@primer/css
79
74
  [run-scripts]: https://docs.npmjs.com/cli/run-script
80
75
  [now]: https://zeit.co/now
@@ -1,10 +1,21 @@
1
- // stylelint-disable max-nesting-depth, selector-max-compound-selectors, selector-max-specificity, selector-max-type, primer/spacing
1
+ // stylelint-disable max-nesting-depth, selector-max-compound-selectors, selector-max-specificity, no-duplicate-selectors, selector-max-type
2
2
  // tree-view variant
3
3
  // renders ActionList with default styling for tree-view
4
4
  // collapse/expand icons presents as leadingActions, rotate 90deg
5
5
  // connecting vertical lines between collapse groups
6
6
  // consistent font-size between nested groups
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
  @mixin treeConnectingLine($left) {
9
20
  position: absolute;
10
21
  left: $left;
@@ -29,25 +40,96 @@
29
40
  }
30
41
  }
31
42
 
32
- // normal font-weight for any active item
33
- &.ActionList-item--navActive {
34
- &:not(.ActionList-item--subItem) {
35
- .ActionList-item-label {
36
- font-weight: $font-weight-normal;
43
+ // start: copy from ActionList proper- backwards compatible for treeview with different markup structure
44
+ &[aria-expanded] {
45
+ .ActionList--subGroup {
46
+ @media screen and (prefers-reduced-motion: no-preference) {
47
+ transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), transform 160ms cubic-bezier(0.25, 1, 0.5, 1);
48
+ }
49
+
50
+ .ActionList-content {
51
+ padding-left: $spacer-4;
52
+ }
53
+ }
54
+
55
+ // has 16px leading visual
56
+ .ActionList-content--visual16 + .ActionList--subGroup {
57
+ .ActionList-content {
58
+ padding-left: $spacer-5;
59
+ }
60
+ }
61
+
62
+ // has 20px leading visual
63
+ .ActionList-content--visual20 + .ActionList--subGroup {
64
+ .ActionList-content {
65
+ padding-left: $spacer-2 * 4.5; // 36px
66
+ }
67
+ }
68
+
69
+ // has 24px leading visual
70
+ .ActionList-content--visual24 + .ActionList--subGroup {
71
+ .ActionList-content {
72
+ padding-left: $spacer-6;
37
73
  }
38
74
  }
39
75
  }
40
- }
41
76
 
42
- .ActionList-content {
77
+ &[aria-expanded='true'] {
78
+ .ActionList-item-collapseIcon {
79
+ transition: transform 120ms linear;
80
+ transform: scaleY(-1);
81
+ }
82
+
83
+ .ActionList--subGroup {
84
+ height: auto;
85
+ overflow: visible;
86
+ visibility: visible;
87
+ opacity: 1;
88
+ transform: translateY(0);
89
+ }
90
+ }
91
+
92
+ &[aria-expanded='false'] {
93
+ .ActionList-item-collapseIcon {
94
+ transition: transform 120ms linear;
95
+ transform: scaleY(1);
96
+ }
97
+
98
+ .ActionList--subGroup {
99
+ height: 0;
100
+ overflow: hidden;
101
+ visibility: hidden;
102
+ opacity: 0;
103
+ transform: translateY(-$spacer-3);
104
+ }
105
+
106
+ // show active indicator on parent collapse if child is active
107
+ // this class changed in ActionList proper
108
+ &.ActionList-item--hasActiveSubItem {
109
+ background: var(--color-action-list-item-default-selected-bg);
110
+
111
+ &::before,
112
+ + .ActionList-item::before {
113
+ visibility: hidden;
114
+ }
115
+
116
+ // blue accent line
117
+ &::after {
118
+ @include activeIndicatorLine;
119
+ }
120
+ }
121
+ }
122
+ // end copy
123
+
43
124
  // nesting (infinite levels)
44
125
  // target items inside expanded subgroup
45
126
  &[aria-expanded] {
46
- + .ActionList--subGroup {
127
+ .ActionList--subGroup {
47
128
  position: relative;
48
129
 
49
130
  // --ActionList-tree-depth is defined as an inline style referencing the aria-level of each item ie: aria-level="2"
50
131
  .ActionList-content {
132
+ // stylelint-disable-next-line primer/spacing
51
133
  padding-left: calc(#{$spacer-2} * var(--ActionList-tree-depth));
52
134
  }
53
135
  }
@@ -59,13 +141,6 @@
59
141
  transition: transform 120ms linear;
60
142
  transform: rotate(0deg);
61
143
  }
62
-
63
- // normal weight for parent folder containing active child
64
- &.ActionList-content--hasActiveSubItem {
65
- > .ActionList-item-label {
66
- font-weight: $font-weight-normal;
67
- }
68
- }
69
144
  }
70
145
 
71
146
  &[aria-expanded='false'] {
@@ -73,12 +148,6 @@
73
148
  transition: transform 120ms linear;
74
149
  transform: rotate(-90deg);
75
150
  }
76
-
77
- &.ActionList-content--hasActiveSubItem {
78
- > .ActionList-item-label {
79
- font-weight: $font-weight-normal;
80
- }
81
- }
82
151
  }
83
152
  }
84
153
 
@@ -1,61 +1,8 @@
1
- // Stacked label (default)
2
- .autocomplete-label-stacked {
3
- display: block;
4
- margin-bottom: $spacer-2 * 0.75;
5
- }
6
-
7
- // Inline label (non-default)
8
- .autocomplete-label-inline {
9
- display: inline;
10
- margin-right: $spacer-2 * 0.75;
11
- }
12
-
13
- // Switch to stacked at smaller viewport
14
- @media (max-width: $width-sm) {
15
- .autocomplete-label-inline {
16
- display: block;
17
- margin-bottom: $spacer-2 * 0.75;
18
- }
19
- }
20
-
21
- // Wrapper for the input and result elements to ensure alignment
22
- .autocomplete-body {
23
- position: relative;
24
- display: inline;
25
- }
26
-
27
- // Wrapper and conditional styles for when an icon is added
28
- .autocomplete-embedded-icon-wrap {
29
- display: inline-flex;
30
- padding: $spacer-1 $spacer-2;
31
- align-items: center;
32
-
33
- &:focus-within {
34
- border-color: var(--color-accent-emphasis);
35
- outline: none;
36
- box-shadow: var(--color-primer-shadow-focus);
37
- }
38
-
39
- .form-control {
40
- padding: 0;
41
- margin-left: $spacer-2;
42
- // stylelint-disable-next-line
43
- border: none;
44
- box-shadow: none;
45
-
46
- &:focus {
47
- box-shadow: none;
48
- }
49
- }
50
- }
51
-
52
1
  // A pop up list of items used to show autocompleted results
53
2
  .autocomplete-results {
54
3
  position: absolute;
55
- left: 0;
56
4
  z-index: 99;
57
- width: max-content;
58
- min-width: 100%;
5
+ width: 100%;
59
6
  max-height: 20em;
60
7
  overflow-y: auto;
61
8
  // stylelint-disable-next-line primer/typography
@@ -8,7 +8,6 @@
8
8
  padding: 2px 6px;
9
9
  font: 12px $mono-font;
10
10
  color: var(--color-fg-muted);
11
- word-break: break-all;
12
11
  background-color: var(--color-accent-subtle);
13
12
  border-radius: $border-radius;
14
13
 
@@ -3,10 +3,8 @@
3
3
  @import './themes/light.scss';
4
4
  @import './themes/light_colorblind.scss';
5
5
  @import './themes/light_high_contrast.scss';
6
- @import './themes/light_tritanopia.scss';
7
6
  @import './themes/dark.scss';
8
7
  @import './themes/dark_dimmed.scss';
9
8
  @import './themes/dark_high_contrast.scss';
10
9
  @import './themes/dark_colorblind.scss';
11
- @import './themes/dark_tritanopia.scss';
12
10
  @import './native.scss';
package/core/index.scss CHANGED
@@ -24,6 +24,8 @@
24
24
  @import '../pagination/index.scss';
25
25
  @import '../tooltips/index.scss';
26
26
  @import '../truncate/index.scss';
27
+ @import '../overlay/index.scss';
28
+ @import '../dialog/index.scss';
27
29
 
28
30
  // Utilities always go last so that they can override components
29
31
  @import '../utilities/index.scss';
@@ -0,0 +1,88 @@
1
+ .Dialog-hidden {
2
+ display: none !important;
3
+ }
4
+
5
+ .Dialog-backdrop {
6
+ position: fixed;
7
+ top: 0;
8
+ right: 0;
9
+ bottom: 0;
10
+ left: 0;
11
+ z-index: 999;
12
+ display: flex;
13
+ background-color: var(--color-neutral-muted);
14
+ animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running dialog-backdrop-appear;
15
+
16
+ @keyframes dialog-backdrop-appear {
17
+ 0% {
18
+ opacity: 0;
19
+ }
20
+
21
+ 100% {
22
+ opacity: 1;
23
+ }
24
+ }
25
+
26
+ &.Dialog-backdrop--positionCenter {
27
+ align-items: center;
28
+ justify-content: center;
29
+ }
30
+
31
+ &.Dialog-backdrop--positionBottom {
32
+ align-items: end;
33
+ justify-content: center;
34
+
35
+ > * {
36
+ border-bottom-right-radius: 0;
37
+ border-bottom-left-radius: 0;
38
+ }
39
+ }
40
+
41
+ // 767px
42
+ @media (max-width: #{map-get($breakpoints, 'md') - 0.02px}) {
43
+ &.Overlay-backdrop-positionWhenNarrow-fullScreen {
44
+ > * {
45
+ width: 100%;
46
+ max-width: 100vw;
47
+ height: 100%;
48
+ max-height: 100vh;
49
+ // stylelint-disable-next-line primer/borders
50
+ border-radius: unset;
51
+ flex-grow: 1;
52
+ }
53
+ }
54
+
55
+ &.Overlay-backdrop-positionWhenNarrow-bottomSheet {
56
+ align-items: end;
57
+ justify-content: center;
58
+
59
+ > * {
60
+ width: 100%;
61
+ max-width: 100vw;
62
+ height: auto;
63
+ max-height: 100vh;
64
+ // stylelint-disable-next-line primer/spacing
65
+ padding-bottom: env(safe-area-inset-bottom);
66
+ border-bottom-right-radius: 0;
67
+ border-bottom-left-radius: 0;
68
+ }
69
+ }
70
+ }
71
+
72
+ @media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
73
+ &.Overlay-backdrop-positionWhenNarrow-bottomSheet {
74
+ align-items: end;
75
+ justify-content: center;
76
+
77
+ > * {
78
+ max-width: 480px;
79
+ height: auto;
80
+ max-height: 100vh;
81
+ // stylelint-disable-next-line primer/spacing
82
+ padding-bottom: env(safe-area-inset-bottom);
83
+ border-bottom-right-radius: 0;
84
+ border-bottom-left-radius: 0;
85
+ }
86
+ }
87
+ }
88
+ }
@@ -0,0 +1,2 @@
1
+ @import '../support/index.scss';
2
+ @import './dialog.scss';
@@ -1,2 +1,2 @@
1
- .ActionList{padding:8px}.ActionList--full{padding:0}.ActionList--subGroup{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-descriptionWrap--inline::before{position:absolute;top:-6px;display:block;width:100%;height:1px;content:"";background:var(--color-action-list-item-inline-divider)}.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before{content:unset}.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:first-of-type .ActionList-item-descriptionWrap--inline::before,.ActionList-sectionDivider+.ActionList-item .ActionList-item-descriptionWrap--inline::before{visibility:hidden}.ActionList--tree{--ActionList-tree-depth: 1}.ActionList--tree .ActionList-item--subItem>.ActionList-content{font-size:14px}.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content{padding-left:32px}.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label{font-weight:400}.ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup{position:relative}.ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content{padding-left:calc(8px * var(--ActionList-tree-depth))}.ActionList--tree .ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:rotate(0deg)}.ActionList--tree .ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label{font-weight:400}.ActionList--tree .ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:rotate(-90deg)}.ActionList--tree .ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem>.ActionList-item-label{font-weight:400}.ActionList--tree .ActionList-item--hasSubItem .ActionList-item--subItem:not(.ActionList-item--hasSubItem) .ActionList-content>span:first-child{padding-left:24px}.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(8px * (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}@media(hover: hover){.ActionList-item:not(.ActionList-item--hasSubItem):hover,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover{cursor:pointer;background-color:var(--color-action-list-item-default-hover-bg)}.ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive){outline:solid 1px transparent;outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--color-action-list-item-default-active-border)}}.ActionList-item:not(.ActionList-item--hasSubItem):active,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active{background:var(--color-action-list-item-default-active-bg)}.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active:not(.ActionList-item--navActive){outline:solid 1px transparent;outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--color-action-list-item-default-active-border)}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item:not(.ActionList-item--hasSubItem):active,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content: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 2px 12px 6px rgba(var(--color-canvas-default), 0.4);transform:scale(1)}100%{transform:scale(0.97)}}@media(hover: hover){.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.ActionList-item--hasSubItem>.ActionList-content:hover .ActionList-item-label::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,.ActionList-item:not(.ActionList-item--hasSubItem):hover+.ActionList-item .ActionList-item-descriptionWrap--inline::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover .ActionList-item-descriptionWrap--inline::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover+.ActionList-item .ActionList-item-descriptionWrap--inline::before{visibility:hidden}}.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):active+.ActionList-item .ActionList-item-label::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active .ActionList-item-label::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item.ActionList-item--hasSubItem>.ActionList-content{z-index:1}@media(hover: hover){.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active{background-color:var(--color-action-list-item-default-active-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)}@media(hover: hover){.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover{background-color:var(--color-action-list-item-default-hover-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-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;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{clip-path:inset(16px 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes checkmarkOut{from{clip-path:inset(0 0 0 0)}to{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){.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 .ActionList-content:active{background:var(--color-action-list-item-danger-active-bg)}.ActionList-item .ActionList{padding:unset}.ActionList-content{position:relative;display:grid;width:100%;padding:6px 8px;font-size:14px;font-weight:400;color:var(--color-fg-default);text-align:left;-webkit-user-select:none;user-select:none;background-color:transparent;border:none;border-radius:6px;transition:background 33.333ms linear;touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;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:hover{text-decoration:none}.ActionList-content:focus-visible{position:relative;z-index:1;outline:none;box-shadow:0 0 0 2px var(--color-accent-fg)}.ActionList-content[aria-disabled=true] .ActionList-item-label,.ActionList-content[aria-disabled=true] .ActionList-item-description{color:var(--color-primer-fg-disabled)}.ActionList-content[aria-disabled=true] .ActionList-item-visual{fill:var(--color-primer-fg-disabled)}@media(hover: hover){.ActionList-content[aria-disabled=true]:hover{cursor:not-allowed;background-color:transparent}}@media screen and (prefers-reduced-motion: no-preference){.ActionList-content[aria-expanded]+.ActionList--subGroup{transition:opacity 160ms cubic-bezier(0.25, 1, 0.5, 1),transform 160ms cubic-bezier(0.25, 1, 0.5, 1)}}.ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content{padding-left:24px}.ActionList-content[aria-expanded].ActionList-content--visual16+.ActionList--subGroup .ActionList-content{padding-left:32px}.ActionList-content[aria-expanded].ActionList-content--visual20+.ActionList--subGroup .ActionList-content{padding-left:36px}.ActionList-content[aria-expanded].ActionList-content--visual24+.ActionList--subGroup .ActionList-content{padding-left:40px}.ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(-1)}.ActionList-content[aria-expanded=true]+.ActionList--subGroup{height:auto;overflow:visible;visibility:visible;opacity:1;transform:translateY(0)}.ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label{font-weight:600}.ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(1)}.ActionList-content[aria-expanded=false]+.ActionList--subGroup{height:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-16px)}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem{background:var(--color-action-list-item-default-selected-bg)}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem .ActionList-item-label{font-weight:600}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::before,.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem+.ActionList-item::before{visibility:hidden}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::after{position:absolute;top:calc(50% - 12px);left:-8px;width:4px;height:24px;content:"";background:var(--color-accent-fg);border-radius:6px}.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{position:relative;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);pointer-events:none;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{display:block;height:1px;padding:0;margin:7px -8px 8px;list-style:none;background:var(--color-action-list-item-inline-divider);border:0}.ActionList-sectionDivider .ActionList-sectionDivider-title{font-size:12px;font-weight:600;color:var(--color-fg-muted)}.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--subGroup{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-descriptionWrap--inline::before{position:absolute;top:-6px;display:block;width:100%;height:1px;content:"";background:var(--color-action-list-item-inline-divider)}.ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before{content:unset}.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:first-of-type .ActionList-item-descriptionWrap--inline::before,.ActionList-sectionDivider+.ActionList-item .ActionList-item-descriptionWrap--inline::before{visibility:hidden}.ActionList--tree{--ActionList-tree-depth: 1}.ActionList--tree .ActionList-item--subItem>.ActionList-content{font-size:14px}.ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content{padding-left:32px}@media screen and (prefers-reduced-motion: no-preference){.ActionList--tree .ActionList-item[aria-expanded] .ActionList--subGroup{transition:opacity 160ms cubic-bezier(0.25, 1, 0.5, 1),transform 160ms cubic-bezier(0.25, 1, 0.5, 1)}}.ActionList--tree .ActionList-item[aria-expanded] .ActionList--subGroup .ActionList-content{padding-left:24px}.ActionList--tree .ActionList-item[aria-expanded] .ActionList-content--visual16+.ActionList--subGroup .ActionList-content{padding-left:32px}.ActionList--tree .ActionList-item[aria-expanded] .ActionList-content--visual20+.ActionList--subGroup .ActionList-content{padding-left:36px}.ActionList--tree .ActionList-item[aria-expanded] .ActionList-content--visual24+.ActionList--subGroup .ActionList-content{padding-left:40px}.ActionList--tree .ActionList-item[aria-expanded=true] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(-1)}.ActionList--tree .ActionList-item[aria-expanded=true] .ActionList--subGroup{height:auto;overflow:visible;visibility:visible;opacity:1;transform:translateY(0)}.ActionList--tree .ActionList-item[aria-expanded=false] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(1)}.ActionList--tree .ActionList-item[aria-expanded=false] .ActionList--subGroup{height:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-16px)}.ActionList--tree .ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem{background:var(--color-action-list-item-default-selected-bg)}.ActionList--tree .ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem::before,.ActionList--tree .ActionList-item[aria-expanded=false].ActionList-item--hasActiveSubItem+.ActionList-item::before{visibility:hidden}.ActionList--tree .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--tree .ActionList-item[aria-expanded] .ActionList--subGroup{position:relative}.ActionList--tree .ActionList-item[aria-expanded] .ActionList--subGroup .ActionList-content{padding-left:calc(8px * 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:24px}.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(8px * (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}@media(hover: hover){.ActionList-item:not(.ActionList-item--hasSubItem):hover,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover{cursor:pointer;background-color:var(--color-action-list-item-default-hover-bg)}.ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive){outline:solid 1px transparent;outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--color-action-list-item-default-active-border)}}.ActionList-item:not(.ActionList-item--hasSubItem):active,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active{background:var(--color-action-list-item-default-active-bg)}.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active:not(.ActionList-item--navActive){outline:solid 1px transparent;outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--color-action-list-item-default-active-border)}@media screen and (prefers-reduced-motion: no-preference){.ActionList-item:not(.ActionList-item--hasSubItem):active,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content: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 2px 12px 6px rgba(var(--color-canvas-default), 0.4);transform:scale(1)}100%{transform:scale(0.97)}}@media(hover: hover){.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.ActionList-item--hasSubItem>.ActionList-content:hover .ActionList-item-label::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item:not(.ActionList-item--hasSubItem):hover .ActionList-item-descriptionWrap--inline::before,.ActionList-item:not(.ActionList-item--hasSubItem):hover+.ActionList-item .ActionList-item-descriptionWrap--inline::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover .ActionList-item-descriptionWrap--inline::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover+.ActionList-item .ActionList-item-descriptionWrap--inline::before{visibility:hidden}}.ActionList-item:not(.ActionList-item--hasSubItem):active .ActionList-item-label::before,.ActionList-item:not(.ActionList-item--hasSubItem):active+.ActionList-item .ActionList-item-label::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active .ActionList-item-label::before,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active+.ActionList-item .ActionList-item-label::before{visibility:hidden}.ActionList-item.ActionList-item--hasSubItem>.ActionList-content{z-index:1}@media(hover: hover){.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active{background-color:var(--color-action-list-item-default-active-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)}@media(hover: hover){.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover{background-color:var(--color-action-list-item-default-hover-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-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){.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 .ActionList-content:active{background:var(--color-action-list-item-danger-active-bg)}.ActionList-item .ActionList{padding:unset}.ActionList-content{position:relative;display:grid;width:100%;padding:6px 8px;font-size:14px;font-weight:400;color:var(--color-fg-default);text-align:left;-webkit-user-select:none;user-select:none;background-color:transparent;border:none;border-radius:6px;transition:background 33.333ms linear;touch-action:manipulation;touch-action:manipulation;-webkit-tap-highlight-color:transparent;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:hover{text-decoration:none}.ActionList-content:focus-visible{position:relative;z-index:1;outline:none;box-shadow:0 0 0 2px var(--color-accent-fg)}.ActionList-content[aria-disabled=true] .ActionList-item-label,.ActionList-content[aria-disabled=true] .ActionList-item-description{color:var(--color-primer-fg-disabled)}.ActionList-content[aria-disabled=true] .ActionList-item-visual{fill:var(--color-primer-fg-disabled)}@media(hover: hover){.ActionList-content[aria-disabled=true]:hover{cursor:not-allowed;background-color:transparent}}@media screen and (prefers-reduced-motion: no-preference){.ActionList-content[aria-expanded]+.ActionList--subGroup{transition:opacity 160ms cubic-bezier(0.25, 1, 0.5, 1),transform 160ms cubic-bezier(0.25, 1, 0.5, 1)}}.ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content{padding-left:24px}.ActionList-content[aria-expanded].ActionList-content--visual16+.ActionList--subGroup .ActionList-content{padding-left:32px}.ActionList-content[aria-expanded].ActionList-content--visual20+.ActionList--subGroup .ActionList-content{padding-left:36px}.ActionList-content[aria-expanded].ActionList-content--visual24+.ActionList--subGroup .ActionList-content{padding-left:40px}.ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(-1)}.ActionList-content[aria-expanded=true]+.ActionList--subGroup{height:auto;overflow:visible;visibility:visible;opacity:1;transform:translateY(0)}.ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label{font-weight:600}.ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon{transition:transform 120ms linear;transform:scaleY(1)}.ActionList-content[aria-expanded=false]+.ActionList--subGroup{height:0;overflow:hidden;visibility:hidden;opacity:0;transform:translateY(-16px)}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem{background:var(--color-action-list-item-default-selected-bg)}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem .ActionList-item-label{font-weight:600}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::before,.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem+.ActionList-item::before{visibility:hidden}.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::after{position:absolute;top:calc(50% - 12px);left:-8px;width:4px;height:24px;content:"";background:var(--color-accent-fg);border-radius:6px}.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{position:relative;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);pointer-events:none;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{display:block;height:1px;padding:0;margin:7px -8px 8px;list-style:none;background:var(--color-action-list-item-inline-divider);border:0}.ActionList-sectionDivider .ActionList-sectionDivider-title{font-size:12px;font-weight:600;color:var(--color-fg-muted)}.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 */
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/actionlist/index.scss%23sass"],"names":[],"mappings":"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","file":"actionlist.css"}
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 CHANGED
@@ -1,2 +1,2 @@
1
- .flash{position:relative;padding:20px 16px;border-style:solid;border-width:1px;border-radius:6px}.flash p:last-child{margin-bottom:0}.flash .octicon{margin-right:12px}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;appearance:none}.flash-close:hover{opacity:.7}.flash-close:active{opacity:.5}.flash-close .octicon{margin-right:0}.flash-action{float:right;margin-top:-3px;margin-left:24px;background-clip:padding-box}.flash-action.btn .octicon{margin-right:4px;color:var(--color-fg-muted)}.flash-action.btn-primary{background-clip:border-box}.flash-action.btn-primary .octicon{color:inherit}.flash{color:var(--color-fg-default);background-image:linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));border-color:var(--color-accent-muted)}.flash .octicon{color:var(--color-accent-fg)}.flash-warn{color:var(--color-fg-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.flash-warn .octicon{color:var(--color-attention-fg)}.flash-error{color:var(--color-fg-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.flash-error .octicon{color:var(--color-danger-fg)}.flash-success{color:var(--color-fg-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.flash-success .octicon{color:var(--color-success-fg)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.flash-banner{position:fixed;top:0;z-index:90;width:100%;border-top:0;border-right:0;border-left:0;border-radius:0}.flash-full,.flash-banner{background-color:var(--color-canvas-default)}.warning{padding:.5em;margin-bottom:.8em;font-weight:600;background-color:var(--color-attention-subtle)}
1
+ .flash{position:relative;padding:20px 16px;border-style:solid;border-width:1px;border-radius:6px}.flash p:last-child{margin-bottom:0}.flash .octicon{margin-right:12px}.flash-messages{margin-bottom:24px}.flash-close{float:right;padding:16px;margin:-16px;text-align:center;cursor:pointer;background:none;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.flash-close:hover{opacity:.7}.flash-close:active{opacity:.5}.flash-close .octicon{margin-right:0}.flash-action{float:right;margin-top:-3px;margin-left:24px;background-clip:padding-box}.flash-action.btn .octicon{margin-right:4px;color:var(--color-fg-muted)}.flash-action.btn-primary{background-clip:border-box}.flash-action.btn-primary .octicon{color:inherit}.flash{color:var(--color-fg-default);background-image:linear-gradient(var(--color-accent-subtle), var(--color-accent-subtle));border-color:var(--color-accent-muted)}.flash .octicon{color:var(--color-accent-fg)}.flash-warn{color:var(--color-fg-default);background-image:linear-gradient(var(--color-attention-subtle), var(--color-attention-subtle));border-color:var(--color-attention-muted)}.flash-warn .octicon{color:var(--color-attention-fg)}.flash-error{color:var(--color-fg-default);background-image:linear-gradient(var(--color-danger-subtle), var(--color-danger-subtle));border-color:var(--color-danger-muted)}.flash-error .octicon{color:var(--color-danger-fg)}.flash-success{color:var(--color-fg-default);background-image:linear-gradient(var(--color-success-subtle), var(--color-success-subtle));border-color:var(--color-success-muted)}.flash-success .octicon{color:var(--color-success-fg)}.flash-full{margin-top:-1px;border-width:1px 0;border-radius:0}.flash-banner{position:fixed;top:0;z-index:90;width:100%;border-top:0;border-right:0;border-left:0;border-radius:0}.flash-full,.flash-banner{background-color:var(--color-canvas-default)}.warning{padding:.5em;margin-bottom:.8em;font-weight:600;background-color:var(--color-attention-subtle)}
2
2
  /*# sourceMappingURL=alerts.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"AAsgBA,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,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,0BAAA,0BAAA,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
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/alerts/index.scss%23sass"],"names":[],"mappings":"AAsgBA,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,0BAAA,0BAAA,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,2 +1,2 @@
1
- .autocomplete-label-stacked{display:block;margin-bottom:6px}.autocomplete-label-inline{display:inline;margin-right:6px}@media(max-width: 544px){.autocomplete-label-inline{display:block;margin-bottom:6px}}.autocomplete-body{position:relative;display:inline}.autocomplete-embedded-icon-wrap{display:inline-flex;padding:4px 8px;align-items:center}.autocomplete-embedded-icon-wrap:focus-within{border-color:var(--color-accent-emphasis);outline:none;box-shadow:var(--color-primer-shadow-focus)}.autocomplete-embedded-icon-wrap .form-control{padding:0;margin-left:8px;border:none;box-shadow:none}.autocomplete-embedded-icon-wrap .form-control:focus{box-shadow:none}.autocomplete-results{position:absolute;left:0;z-index:99;width:max-content;min-width:100%;max-height:20em;overflow-y:auto;font-size:13px;list-style:none;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.autocomplete-item{display:block;width:100%;padding:4px 8px;overflow:hidden;font-weight:600;color:var(--color-fg-default);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--color-canvas-overlay);border:0}.autocomplete-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item:hover *{color:inherit !important}.autocomplete-item.selected,.autocomplete-item[aria-selected=true],.autocomplete-item.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *,.autocomplete-item.navigation-focus *{color:inherit !important}.suggester{position:relative;top:0;left:0;min-width:180px;padding:0;margin:0;margin-top:24px;list-style:none;cursor:pointer;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.suggester li{display:block;padding:4px 8px;font-weight:500;border-bottom:1px solid var(--color-border-muted)}.suggester li small{font-weight:400;color:var(--color-fg-muted)}.suggester li:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.suggester li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.suggester li:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li:hover small{color:var(--color-fg-on-emphasis)}.suggester li:hover .octicon{color:inherit !important}.suggester li[aria-selected=true],.suggester li.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li[aria-selected=true] small,.suggester li.navigation-focus small{color:var(--color-fg-on-emphasis)}.suggester li[aria-selected=true] .octicon,.suggester li.navigation-focus .octicon{color:inherit !important}.suggester-container{position:absolute;top:0;left:0;z-index:30}@media(max-width: 544px){.page-responsive .suggester-container{right:8px !important;left:8px !important}.page-responsive .suggester li{padding:8px 16px}}
1
+ .autocomplete-results{position:absolute;z-index:99;width:100%;max-height:20em;overflow-y:auto;font-size:13px;list-style:none;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.autocomplete-item{display:block;width:100%;padding:4px 8px;overflow:hidden;font-weight:600;color:var(--color-fg-default);text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background-color:var(--color-canvas-overlay);border:0}.autocomplete-item:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item:hover *{color:inherit !important}.autocomplete-item.selected,.autocomplete-item[aria-selected=true],.autocomplete-item.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background-color:var(--color-accent-emphasis)}.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *,.autocomplete-item.navigation-focus *{color:inherit !important}.suggester{position:relative;top:0;left:0;min-width:180px;padding:0;margin:0;margin-top:24px;list-style:none;cursor:pointer;background:var(--color-canvas-overlay);border:1px solid var(--color-border-default);border-radius:6px;box-shadow:var(--color-shadow-medium)}.suggester li{display:block;padding:4px 8px;font-weight:500;border-bottom:1px solid var(--color-border-muted)}.suggester li small{font-weight:400;color:var(--color-fg-muted)}.suggester li:last-child{border-bottom:0;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.suggester li:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.suggester li:hover{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li:hover small{color:var(--color-fg-on-emphasis)}.suggester li:hover .octicon{color:inherit !important}.suggester li[aria-selected=true],.suggester li.navigation-focus{color:var(--color-fg-on-emphasis);text-decoration:none;background:var(--color-accent-emphasis)}.suggester li[aria-selected=true] small,.suggester li.navigation-focus small{color:var(--color-fg-on-emphasis)}.suggester li[aria-selected=true] .octicon,.suggester li.navigation-focus .octicon{color:inherit !important}.suggester-container{position:absolute;top:0;left:0;z-index:30}@media(max-width: 544px){.page-responsive .suggester-container{right:8px !important;left:8px !important}.page-responsive .suggester li{padding:8px 16px}}
2
2
  /*# sourceMappingURL=autocomplete.css.map */
@@ -1 +1 @@
1
- {"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"AAqgBA,4BAAA,aAAA,CAAA,iBAAA,CAAA,2BAAA,cAAA,CAAA,gBAAA,CAAA,yBAAA,2BAAA,aAAA,CAAA,iBAAA,CAAA,CAAA,mBAAA,iBAAA,CAAA,cAAA,CAAA,iCAAA,mBAAA,CAAA,eAAA,CAAA,kBAAA,CAAA,8CAAA,yCAAA,CAAA,YAAA,CAAA,2CAAA,CAAA,+CAAA,SAAA,CAAA,eAAA,CAAA,WAAA,CAAA,eAAA,CAAA,qDAAA,eAAA,CAAA,sBAAA,iBAAA,CAAA,MAAA,CAAA,UAAA,CAAA,iBAAA,CAAA,cAAA,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"}
1
+ {"version":3,"sources":["file:///home/runner/work/css/css/src/autocomplete/index.scss%23sass"],"names":[],"mappings":"AAqgBA,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"}