@primer/css 21.0.0-rc.641fcfda → 21.0.0-rc.f7d00272

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 (26) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/core/index.scss +0 -1
  3. package/dist/core.css +1 -1
  4. package/dist/core.css.map +1 -1
  5. package/dist/forms.css +1 -1
  6. package/dist/forms.css.map +1 -1
  7. package/dist/meta.json +11 -22
  8. package/dist/primer.css +1 -1
  9. package/dist/primer.css.map +1 -1
  10. package/dist/stats/core.json +1 -1
  11. package/dist/stats/forms.json +1 -1
  12. package/dist/stats/primer.json +1 -1
  13. package/forms/form-group.scss +2 -1
  14. package/forms/index.scss +0 -1
  15. package/package.json +1 -1
  16. package/actionlist/action-list-item-divider.scss +0 -48
  17. package/actionlist/action-list-item.scss +0 -593
  18. package/actionlist/action-list-tree.scss +0 -118
  19. package/actionlist/action-list-variables.scss +0 -8
  20. package/actionlist/action-list.scss +0 -67
  21. package/actionlist/index.scss +0 -6
  22. package/dist/actionlist.css +0 -2
  23. package/dist/actionlist.css.map +0 -1
  24. package/dist/actionlist.js +0 -1
  25. package/dist/stats/actionlist.json +0 -1
  26. package/forms/form-validation.scss +0 -265
package/actionlist/action-list-tree.scss DELETED
@@ -1,118 +0,0 @@
1
- // stylelint-disable max-nesting-depth, selector-max-compound-selectors, selector-max-specificity, selector-max-type, primer/spacing
2
- // tree-view variant
3
- // renders ActionList with default styling for tree-view
4
- // collapse/expand icons presents as leadingActions, rotate 90deg
5
- // connecting vertical lines between collapse groups
6
- // consistent font-size between nested groups
7
-
8
- @mixin treeConnectingLine($left) {
9
- position: absolute;
10
- left: $left;
11
- width: 1px;
12
- height: 100%;
13
- content: '';
14
- background: var(--color-action-list-item-inline-divider);
15
- }
16
-
17
- .ActionList--tree {
18
- --ActionList-tree-depth: 1;
19
- // TODO: remove with PVC implementation
20
- .ActionList-item--subItem > .ActionList-content {
21
- font-size: $body-font-size;
22
- }
23
-
24
- .ActionList-item {
25
- // class for single tree items not within a group
26
- &.ActionList-item--singleton {
27
- .ActionList-content {
28
- padding-left: $spacer-5;
29
- }
30
- }
31
-
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;
37
- }
38
- }
39
- }
40
- }
41
-
42
- .ActionList-content {
43
- // nesting (infinite levels)
44
- // target items inside expanded subgroup
45
- &[aria-expanded] {
46
- + .ActionList--subGroup {
47
- position: relative;
48
-
49
- // --ActionList-tree-depth is defined as an inline style referencing the aria-level of each item ie: aria-level="2"
50
- .ActionList-content {
51
- padding-left: calc(#{$spacer-2} * var(--ActionList-tree-depth));
52
- }
53
- }
54
- }
55
-
56
- // tree-view specific collapse icon positioning/animation
57
- &[aria-expanded='true'] {
58
- .ActionList-item-collapseIcon {
59
- transition: transform 120ms linear;
60
- transform: rotate(0deg);
61
- }
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
- }
70
-
71
- &[aria-expanded='false'] {
72
- .ActionList-item-collapseIcon {
73
- transition: transform 120ms linear;
74
- transform: rotate(-90deg);
75
- }
76
-
77
- &.ActionList-content--hasActiveSubItem {
78
- > .ActionList-item-label {
79
- font-weight: $font-weight-normal;
80
- }
81
- }
82
- }
83
- }
84
-
85
- // expand/collapse group
86
- .ActionList-item--hasSubItem {
87
- .ActionList-item--subItem:not(.ActionList-item--hasSubItem) {
88
- .ActionList-content {
89
- // increase child padding by targeting content first child span (add to ActionList-content padding, not replace)
90
- // creates a slight indent of child items
91
- > span:first-child {
92
- padding-left: $spacer-4;
93
- }
94
- }
95
- }
96
- }
97
-
98
- // first subitem
99
- > [aria-level='1'].ActionList-item--hasSubItem {
100
- > .ActionList--subGroup {
101
- &::before {
102
- @include treeConnectingLine($left: $spacer-3);
103
- }
104
- }
105
- }
106
-
107
- // all other subitems
108
- // center connecting line with parent (line is 1px (8px - 1px)
109
- .ActionList-item--hasSubItem:not([aria-level='1']) {
110
- > .ActionList--subGroup {
111
- &::before {
112
- @include treeConnectingLine(
113
- $left: calc(#{$spacer-2} * (var(--ActionList-tree-depth)) + #{$spacer-2 - $border-width})
114
- );
115
- }
116
- }
117
- }
118
- }
package/actionlist/action-list-variables.scss DELETED
@@ -1,8 +0,0 @@
1
- $actionList-item-height-sm: $spacer-2 * 2.5 !default;
2
- $actionList-item-label-line-height: $spacer-2 * 2.5 !default;
3
- $actionList-item-padding-vertical-md: $spacer-2 * 1.25 !default;
4
- $actionList-item-padding-vertical-lg: $spacer-2 * 1.75 !default;
5
- $actionList-item-padding-vertical: $spacer-1 * 1.5 !default;
6
- $actionList-item-padding-horizontal: $spacer-2 !default;
7
- $actionList-item-bg-transition: background 33.333ms linear !default; // 2 frames on a 60hz monitor
8
- $actionList-item-checkmark-transition-timing: 50ms !default;
package/actionlist/action-list.scss DELETED
@@ -1,67 +0,0 @@
1
- // <ul>
2
- .ActionList {
3
- padding: $spacer-2;
4
- }
5
-
6
- // full bleed
7
- .ActionList--full {
8
- padding: 0;
9
- }
10
-
11
- // nested list within main ActionList
12
- .ActionList--subGroup {
13
- padding: 0;
14
- }
15
-
16
- // dividers
17
-
18
- .ActionList--divided {
19
- .ActionList-item-label::before {
20
- position: absolute;
21
- top: -$actionList-item-padding-vertical;
22
- display: block;
23
- width: 100%;
24
- height: 1px;
25
- content: '';
26
- background: var(--color-action-list-item-inline-divider);
27
- }
28
-
29
- // if descriptionWrap--inline exists, move pseudo divider to wrapper
30
- .ActionList-item-descriptionWrap--inline {
31
- &::before {
32
- position: absolute;
33
- top: -$actionList-item-padding-vertical;
34
- display: block;
35
- width: 100%;
36
- height: $border-width;
37
- content: '';
38
- background: var(--color-action-list-item-inline-divider);
39
- }
40
-
41
- // unset the default label pseudo
42
- .ActionList-item-label::before {
43
- content: unset;
44
- }
45
- }
46
-
47
- // hide divider if item is active
48
- .ActionList-item--navActive {
49
- // stylelint-disable-next-line selector-max-specificity, selector-max-compound-selectors
50
- .ActionList-item-label::before,
51
- + .ActionList-item .ActionList-item-label::before {
52
- visibility: hidden;
53
- }
54
- }
55
- }
56
-
57
- // hide if item is first of type with label::before, or is the first item after a sectionDivider
58
- .ActionList-item:first-of-type .ActionList-item-label::before,
59
- .ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
60
- visibility: hidden;
61
- }
62
-
63
- // hide if item is first of type with label::before, or is the first item after a sectionDivider
64
- .ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
65
- .ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
66
- visibility: hidden;
67
- }
package/actionlist/index.scss DELETED
@@ -1,6 +0,0 @@
1
- @import '../support/index.scss';
2
- @import './action-list-variables.scss';
3
- @import './action-list.scss';
4
- @import './action-list-tree.scss';
5
- @import './action-list-item.scss';
6
- @import './action-list-item-divider.scss';
package/dist/actionlist.css DELETED
@@ -1,2 +0,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}.ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label{font-weight:var(--base-text-weight-normal, 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:var(--base-text-weight-normal, 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:var(--base-text-weight-normal, 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):not(:focus-visible),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible){outline:solid 1px transparent;outline-offset:-1px;box-shadow:inset 0 0 0 1px 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 1px var(--color-action-list-item-default-active-border)}@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[hidden]+.ActionList-sectionDivider{display:none}.ActionList-item[aria-selected=true]{font-weight:var(--base-text-weight-normal, 400);background:var(--color-action-list-item-default-selected-bg)}@media(hover: hover){.ActionList-item[aria-selected=true]:hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionList-item[aria-selected=true]::before,.ActionList-item[aria-selected=true]+.ActionList-item::before{visibility:hidden}.ActionList-item[aria-selected=true]::after{position:absolute;top:calc(50% - 12px);left:-4px;width:4px;height:24px;content:"";background:var(--color-accent-fg);border-radius:6px}.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label{font-weight:var(--base-text-weight-semibold, 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[aria-disabled=true] .ActionList-content .ActionList-item-label,.ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-description{color:var(--color-primer-fg-disabled)}.ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-visual{fill:var(--color-primer-fg-disabled)}@media(hover: hover){.ActionList-item[aria-disabled=true]:hover{cursor:not-allowed;background-color:transparent}}.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:var(--base-text-weight-normal, 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{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.ActionList-content:focus:not(:focus-visible){outline:solid 1px transparent}.ActionList-content:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.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:var(--base-text-weight-semibold, 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:var(--base-text-weight-semibold, 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:var(--base-text-weight-semibold, 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:var(--base-text-weight-normal, 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:var(--base-text-weight-normal, 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:var(--base-text-weight-semibold, 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:var(--base-text-weight-semibold, 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
- /*# sourceMappingURL=actionlist.css.map */
package/dist/actionlist.css.map DELETED
@@ -1 +0,0 @@
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/actionlist.js DELETED
@@ -1 +0,0 @@
1
- export {cssstats: require('./stats/actionlist.json')}
package/dist/stats/actionlist.json DELETED
@@ -1 +0,0 @@
1
- {"size":16847,"gzipSize":2448,"humanizedSize":"16KB","humanizedGzipSize":"2KB","rules":{"total":116,"size":{"graph":[1,1,1,7,7,1,1,1,1,1,1,1,1,1,1,2,1,2,1,1,6,6,4,1,2,3,1,3,1,1,1,1,1,1,1,2,1,1,8,1,1,1,1,8,3,1,1,3,1,3,3,1,3,2,1,1,1,1,1,1,2,1,1,1,1,1,1,21,1,1,3,1,3,1,1,2,1,1,1,1,1,2,5,1,2,5,1,1,1,8,1,1,1,1,1,1,1,1,1,1,3,1,1,3,1,4,6,4,3,1,6,7,3,4,2,1],"max":21,"average":2.163793103448276},"selectorByRuleSizes":[{"selector":".ActionList-content","declarations":21},{"selector":".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::after","declarations":8},{"selector":".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after","declarations":8},{"selector":".ActionList-item[aria-selected=true]::after","declarations":8},{"selector":".ActionList-sectionDivider:empty","declarations":7},{"selector":".ActionList--divided .ActionList-item-descriptionWrap--inline::before","declarations":7},{"selector":".ActionList--divided .ActionList-item-label::before","declarations":7},{"selector":".ActionList-sectionDivider:not(:empty)","declarations":6},{"selector":".ActionList-item-visual,.ActionList-item-action","declarations":6},{"selector":".ActionList--tree .ActionList-item--hasSubItem:not([aria-level=\"1\"])>.ActionList--subGroup::before","declarations":6},{"selector":".ActionList--tree>[aria-level=\"1\"].ActionList-item--hasSubItem>.ActionList--subGroup::before","declarations":6},{"selector":".ActionList-content[aria-expanded=false]+.ActionList--subGroup","declarations":5},{"selector":".ActionList-content[aria-expanded=true]+.ActionList--subGroup","declarations":5},{"selector":".ActionList-sectionDivider--filled","declarations":4},{"selector":".ActionList-item-label","declarations":4},{"selector":".ActionList-item-description","declarations":4},{"selector":".ActionList-item","declarations":4},{"selector":".ActionList-sectionDivider .ActionList-sectionDivider-title","declarations":3},{"selector":".ActionList-item-label--truncate","declarations":3},{"selector":".ActionList-item-descriptionWrap--inline","declarations":3},{"selector":".ActionList-item-descriptionWrap","declarations":3},{"selector":".ActionList-content:focus-visible","declarations":3},{"selector":".ActionList-content:focus","declarations":3},{"selector":".ActionList-item[aria-checked=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect","declarations":3},{"selector":".ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark","declarations":3},{"selector":".ActionList-item[aria-checked=false] .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectCheckmark","declarations":3},{"selector":".ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect","declarations":3},{"selector":".ActionList-item[aria-checked=true] .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectCheckmark","declarations":3},{"selector":".ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active:not(.ActionList-item--navActive)","declarations":3},{"selector":".ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible)","declarations":3},{"selector":".ActionList-sectionDivider--filled:empty","declarations":2},{"selector":".ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon","declarations":2},{"selector":".ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon","declarations":2},{"selector":".ActionList-content[aria-disabled=true]:hover","declarations":2},{"selector":".ActionList-item[aria-disabled=true]:hover","declarations":2},{"selector":".ActionList-item[aria-checked=false] .ActionList-item-multiSelectIconRect,.ActionList-item[aria-selected=false] .ActionList-item-multiSelectIconRect","declarations":2},{"selector":".ActionList-item[aria-selected=true]","declarations":2},{"selector":".ActionList-item:not(.ActionList-item--hasSubItem):hover,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover","declarations":2},{"selector":".ActionList--tree .ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon","declarations":2},{"selector":".ActionList--tree .ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon","declarations":2},{"selector":".ActionList-sectionDivider--filled:first-child","declarations":1},{"selector":".ActionList-item--subItem>.ActionList-content","declarations":1},{"selector":".ActionList-item-descriptionWrap--inline .ActionList-item-description","declarations":1},{"selector":".ActionList-item-descriptionWrap .ActionList-item-label","declarations":1},{"selector":".ActionList-item-descriptionWrap .ActionList-item-description","declarations":1},{"selector":".ActionList-item-action--trailing","declarations":1},{"selector":".ActionList-item-visual--trailing","declarations":1},{"selector":".ActionList-item-label","declarations":1},{"selector":".ActionList-item-visual--leading","declarations":1},{"selector":".ActionList-item-action--leading","declarations":1},{"selector":".ActionList-content.ActionList-content--blockDescription .ActionList-item-visual","declarations":1},{"selector":".ActionList-content","declarations":1},{"selector":".ActionList-content.ActionList-content--fontSmall","declarations":1},{"selector":".ActionList-content.ActionList-content--sizeLarge","declarations":1},{"selector":".ActionList-content.ActionList-content--sizeMedium","declarations":1},{"selector":".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::before,.ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem+.ActionList-item::before","declarations":1},{"selector":".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem .ActionList-item-label","declarations":1},{"selector":".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem","declarations":1},{"selector":".ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label","declarations":1},{"selector":".ActionList-content[aria-expanded].ActionList-content--visual24+.ActionList--subGroup .ActionList-content","declarations":1},{"selector":".ActionList-content[aria-expanded].ActionList-content--visual20+.ActionList--subGroup .ActionList-content","declarations":1},{"selector":".ActionList-content[aria-expanded].ActionList-content--visual16+.ActionList--subGroup .ActionList-content","declarations":1},{"selector":".ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content","declarations":1},{"selector":".ActionList-content[aria-expanded]+.ActionList--subGroup","declarations":1},{"selector":".ActionList-content[aria-disabled=true] .ActionList-item-visual","declarations":1},{"selector":".ActionList-content[aria-disabled=true] .ActionList-item-label,.ActionList-content[aria-disabled=true] .ActionList-item-description","declarations":1},{"selector":".ActionList-content:focus:not(:focus-visible)","declarations":1},{"selector":".ActionList-content:hover","declarations":1},{"selector":".ActionList-content>:not(:last-child)","declarations":1},{"selector":".ActionList-item .ActionList","declarations":1},{"selector":".ActionList-item.ActionList-item--danger .ActionList-content:active","declarations":1},{"selector":".ActionList-item.ActionList-item--danger:hover .ActionList-item-label","declarations":1},{"selector":".ActionList-item.ActionList-item--danger:hover","declarations":1},{"selector":".ActionList-item.ActionList-item--danger .ActionList-item-visual","declarations":1},{"selector":".ActionList-item.ActionList-item--danger .ActionList-item-label","declarations":1},{"selector":".ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-visual","declarations":1},{"selector":".ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-label,.ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-description","declarations":1},{"selector":"to","declarations":1},{"selector":"from","declarations":1},{"selector":"to","declarations":1},{"selector":"from","declarations":1},{"selector":".ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark","declarations":1},{"selector":".ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark","declarations":1},{"selector":".ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark","declarations":1},{"selector":".ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark","declarations":1},{"selector":".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before,.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)+.ActionList-item::before","declarations":1},{"selector":".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover","declarations":1},{"selector":".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)","declarations":1},{"selector":".ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label","declarations":1},{"selector":".ActionList-item[aria-selected=true]::before,.ActionList-item[aria-selected=true]+.ActionList-item::before","declarations":1},{"selector":".ActionList-item[aria-selected=true]:hover","declarations":1},{"selector":".ActionList-item[hidden]+.ActionList-sectionDivider","declarations":1},{"selector":".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active","declarations":1},{"selector":".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover","declarations":1},{"selector":".ActionList-item.ActionList-item--hasSubItem>.ActionList-content","declarations":1},{"selector":".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","declarations":1},{"selector":".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","declarations":1},{"selector":".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","declarations":1},{"selector":".ActionList-item:not(.ActionList-item--hasSubItem):active,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active","declarations":1},{"selector":".ActionList-item:hover,.ActionList-item:active","declarations":1},{"selector":".ActionList--tree .ActionList-item--hasSubItem .ActionList-item--subItem:not(.ActionList-item--hasSubItem) .ActionList-content>span:first-child","declarations":1},{"selector":".ActionList--tree .ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem>.ActionList-item-label","declarations":1},{"selector":".ActionList--tree .ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label","declarations":1},{"selector":".ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content","declarations":1},{"selector":".ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup","declarations":1},{"selector":".ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label","declarations":1},{"selector":".ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content","declarations":1},{"selector":".ActionList--tree .ActionList-item--subItem>.ActionList-content","declarations":1},{"selector":".ActionList--tree","declarations":1},{"selector":".ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,.ActionList-sectionDivider+.ActionList-item .ActionList-item-descriptionWrap--inline::before","declarations":1},{"selector":".ActionList-item:first-of-type .ActionList-item-label::before,.ActionList-sectionDivider+.ActionList-item .ActionList-item-label::before","declarations":1},{"selector":".ActionList--divided .ActionList-item--navActive .ActionList-item-label::before,.ActionList--divided .ActionList-item--navActive+.ActionList-item .ActionList-item-label::before","declarations":1},{"selector":".ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before","declarations":1},{"selector":".ActionList--subGroup","declarations":1},{"selector":".ActionList--full","declarations":1},{"selector":".ActionList","declarations":1}]},"selectors":{"total":145,"type":1,"class":145,"id":0,"pseudoClass":50,"pseudoElement":32,"values":[".ActionList",".ActionList--full",".ActionList--subGroup",".ActionList--divided .ActionList-item-label::before",".ActionList--divided .ActionList-item-descriptionWrap--inline::before",".ActionList--divided .ActionList-item-descriptionWrap--inline .ActionList-item-label::before",".ActionList--divided .ActionList-item--navActive .ActionList-item-label::before",".ActionList--divided .ActionList-item--navActive+.ActionList-item .ActionList-item-label::before",".ActionList-item:first-of-type .ActionList-item-label::before",".ActionList-sectionDivider+.ActionList-item .ActionList-item-label::before",".ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before",".ActionList-sectionDivider+.ActionList-item .ActionList-item-descriptionWrap--inline::before",".ActionList--tree",".ActionList--tree .ActionList-item--subItem>.ActionList-content",".ActionList--tree .ActionList-item.ActionList-item--singleton .ActionList-content",".ActionList--tree .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label",".ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup",".ActionList--tree .ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content",".ActionList--tree .ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon",".ActionList--tree .ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label",".ActionList--tree .ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon",".ActionList--tree .ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem>.ActionList-item-label",".ActionList--tree .ActionList-item--hasSubItem .ActionList-item--subItem:not(.ActionList-item--hasSubItem) .ActionList-content>span:first-child",".ActionList--tree>[aria-level=\"1\"].ActionList-item--hasSubItem>.ActionList--subGroup::before",".ActionList--tree .ActionList-item--hasSubItem:not([aria-level=\"1\"])>.ActionList--subGroup::before",".ActionList-item",".ActionList-item:hover",".ActionList-item:active",".ActionList-item:not(.ActionList-item--hasSubItem):hover",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover",".ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible)",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible)",".ActionList-item:not(.ActionList-item--hasSubItem):active",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active",".ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive)",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active:not(.ActionList-item--navActive)",".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",".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",".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",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:active",".ActionList-item[hidden]+.ActionList-sectionDivider",".ActionList-item[aria-selected=true]",".ActionList-item[aria-selected=true]:hover",".ActionList-item[aria-selected=true]::before",".ActionList-item[aria-selected=true]+.ActionList-item::before",".ActionList-item[aria-selected=true]::after",".ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) .ActionList-item-label",".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)",".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover",".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before",".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)+.ActionList-item::before",".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after",".ActionList-item[aria-checked=true] .ActionList-item-multiSelectCheckmark",".ActionList-item[aria-selected=true] .ActionList-item-multiSelectCheckmark",".ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect",".ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect",".ActionList-item[aria-checked=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark",".ActionList-item[aria-selected=true] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectCheckmark",".ActionList-item[aria-checked=false] .ActionList-item-multiSelectCheckmark",".ActionList-item[aria-selected=false] .ActionList-item-multiSelectCheckmark",".ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-checked=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect",".ActionList-item[aria-selected=false] .ActionList-item-multiSelectIcon .ActionList-item-multiSelectIconRect",".ActionList-item[aria-checked=false] .ActionList-item-multiSelectIconRect",".ActionList-item[aria-selected=false] .ActionList-item-multiSelectIconRect",".ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-label",".ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-description",".ActionList-item[aria-disabled=true] .ActionList-content .ActionList-item-visual",".ActionList-item[aria-disabled=true]:hover",".ActionList-item.ActionList-item--danger .ActionList-item-label",".ActionList-item.ActionList-item--danger .ActionList-item-visual",".ActionList-item.ActionList-item--danger:hover",".ActionList-item.ActionList-item--danger:hover .ActionList-item-label",".ActionList-item.ActionList-item--danger .ActionList-content:active",".ActionList-item .ActionList",".ActionList-content",".ActionList-content>:not(:last-child)",".ActionList-content:hover",".ActionList-content:focus",".ActionList-content:focus:not(:focus-visible)",".ActionList-content:focus-visible",".ActionList-content[aria-disabled=true] .ActionList-item-label",".ActionList-content[aria-disabled=true] .ActionList-item-description",".ActionList-content[aria-disabled=true] .ActionList-item-visual",".ActionList-content[aria-disabled=true]:hover",".ActionList-content[aria-expanded]+.ActionList--subGroup",".ActionList-content[aria-expanded]+.ActionList--subGroup .ActionList-content",".ActionList-content[aria-expanded].ActionList-content--visual16+.ActionList--subGroup .ActionList-content",".ActionList-content[aria-expanded].ActionList-content--visual20+.ActionList--subGroup .ActionList-content",".ActionList-content[aria-expanded].ActionList-content--visual24+.ActionList--subGroup .ActionList-content",".ActionList-content[aria-expanded=true] .ActionList-item-collapseIcon",".ActionList-content[aria-expanded=true]+.ActionList--subGroup",".ActionList-content[aria-expanded=true].ActionList-content--hasActiveSubItem>.ActionList-item-label",".ActionList-content[aria-expanded=false] .ActionList-item-collapseIcon",".ActionList-content[aria-expanded=false]+.ActionList--subGroup",".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem",".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem .ActionList-item-label",".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::before",".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem+.ActionList-item::before",".ActionList-content[aria-expanded=false].ActionList-content--hasActiveSubItem::after",".ActionList-content.ActionList-content--sizeMedium",".ActionList-content.ActionList-content--sizeLarge",".ActionList-content.ActionList-content--fontSmall",".ActionList-content",".ActionList-content.ActionList-content--blockDescription .ActionList-item-visual",".ActionList-item-action--leading",".ActionList-item-visual--leading",".ActionList-item-label",".ActionList-item-visual--trailing",".ActionList-item-action--trailing",".ActionList-item-descriptionWrap",".ActionList-item-descriptionWrap .ActionList-item-description",".ActionList-item-descriptionWrap .ActionList-item-label",".ActionList-item-descriptionWrap--inline",".ActionList-item-descriptionWrap--inline .ActionList-item-description",".ActionList-item-description",".ActionList-item-visual",".ActionList-item-action",".ActionList-item-label",".ActionList-item-label--truncate",".ActionList-item--subItem>.ActionList-content",".ActionList-sectionDivider:not(:empty)",".ActionList-sectionDivider:empty",".ActionList-sectionDivider .ActionList-sectionDivider-title",".ActionList-sectionDivider--filled",".ActionList-sectionDivider--filled:empty",".ActionList-sectionDivider--filled:first-child"],"specificity":{"max":61,"average":31.193103448275863}},"declarations":{"total":251,"unique":133,"uniqueToTotalRatio":0.5298804780876494,"properties":{"padding":["8px","0","0","unset","6px 8px","10px 8px","14px 8px","14px 8px","6px 8px","0"],"position":["absolute","absolute","relative","absolute","absolute","relative","absolute","absolute","relative","absolute","relative","relative"],"top":["-6px","-6px","calc(50% - 12px)","calc(50% - 12px)","calc(50% - 12px)"],"display":["block","block","none","grid","flex","flex","flex","block"],"width":["100%","100%","1px","1px","4px","4px","100%","4px"],"height":["1px","1px","100%","100%","24px","24px","auto","0","24px","1px","8px"],"content":["\"\"","\"\"","unset","\"\"","\"\"","\"\"","\"\"","\"\""],"background":["var(--color-action-list-item-inline-divider)","var(--color-action-list-item-inline-divider)","var(--color-action-list-item-inline-divider)","var(--color-action-list-item-inline-divider)","var(--color-action-list-item-default-active-bg)","var(--color-action-list-item-default-selected-bg)","var(--color-accent-fg)","var(--color-action-list-item-default-selected-bg)","var(--color-accent-fg)","var(--color-action-list-item-danger-hover-bg)","var(--color-action-list-item-danger-active-bg)","var(--color-action-list-item-default-selected-bg)","var(--color-accent-fg)","var(--color-action-list-item-inline-divider)","var(--color-canvas-subtle)"],"visibility":["hidden","hidden","hidden","hidden","hidden","hidden","hidden","hidden","visible","visible","hidden","hidden","visible","hidden","hidden"],"--ActionList-tree-depth":["1"],"font-size":["14px","14px","12px","12px","12px","12px","12px"],"padding-left":["32px","calc(8px * var(--ActionList-tree-depth))","24px","24px","32px","36px","40px"],"font-weight":["400","400","400","400","600","400","600","600","600","400","400","600","600"],"transition":["transform 120ms linear","transform 120ms linear","visibility 0 linear 0,opacity 50ms","visibility 0 linear 50ms,opacity 50ms","visibility 0s linear 200ms","background 33.333ms linear","opacity 160ms cubic-bezier(0.25, 1, 0.5, 1),transform 160ms cubic-bezier(0.25, 1, 0.5, 1)","transform 120ms linear","transform 120ms linear"],"transform":["rotate(0deg)","rotate(-90deg)","scaleY(-1)","translateY(0)","scaleY(1)","translateY(-16px)"],"left":["16px","calc(8px * (var(--ActionList-tree-depth)) + 7px)","-4px","-8px","-8px"],"list-style":["none","none"],"background-color":["transparent","var(--color-action-list-item-default-hover-bg)","var(--color-action-list-item-default-hover-bg)","var(--color-action-list-item-default-active-bg)","var(--color-action-list-item-default-hover-bg)","var(--color-action-list-item-default-hover-bg)","transparent","transparent","transparent"],"border-radius":["6px","6px","6px","6px","6px"],"cursor":["pointer","pointer","not-allowed","not-allowed"],"outline":["solid 1px transparent","solid 1px transparent","2px solid var(--color-accent-fg)","solid 1px transparent","2px solid var(--color-accent-fg)"],"outline-offset":["-1px","-1px","-2px","-2px"],"box-shadow":["inset 0 0 0 1px var(--color-action-list-item-default-active-border)","inset 0 0 0 1px var(--color-action-list-item-default-active-border)","none","none"],"z-index":["1"],"opacity":["1","0","1","0"],"animation":["checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards","checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards"],"fill":["var(--color-accent-fg)","var(--color-fg-on-emphasis)","var(--color-canvas-default)","var(--color-canvas-default)","var(--color-primer-fg-disabled)","var(--color-primer-fg-disabled)","var(--color-fg-muted)"],"stroke":["var(--color-accent-fg)","var(--color-border-default)"],"stroke-width":["1px","1px"],"clip-path":["inset(16px 0 0 0)","inset(16px 0 0 0)","inset(0 0 0 0)","inset(0 0 0 0)","inset(16px 0 0 0)"],"border":["1px solid var(--color-border-default)","none","0"],"color":["var(--color-primer-fg-disabled)","var(--color-danger-fg)","var(--color-danger-fg)","var(--color-action-list-item-danger-hover-text)","var(--color-fg-default)","var(--color-primer-fg-disabled)","var(--color-fg-muted)","var(--color-fg-muted)","var(--color-fg-default)","var(--color-fg-muted)","var(--color-fg-muted)"],"text-align":["left"],"-webkit-user-select":["none"],"user-select":["none"],"touch-action":["manipulation","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","baseline","center"],"margin-right":["8px"],"text-decoration":["none"],"overflow":["visible","hidden","hidden"],"place-self":["start"],"grid-area":["leadingAction","leadingVisual","label","trailingVisual","trailingAction","label"],"flex-direction":["column","row","column"],"margin-top":["4px","0"],"margin-left":["8px"],"line-height":["1.5","20px"],"min-height":["20px"],"pointer-events":["none"],"text-overflow":["ellipsis"],"white-space":["nowrap"],"margin":["7px -8px 8px","8px -8px"],"border-top":["1px solid var(--color-action-list-item-inline-divider)"],"border-bottom":["1px solid var(--color-action-list-item-inline-divider)"],"box-sizing":["border-box"]}},"mediaQueries":{"total":12,"unique":3,"values":["(hover: hover)","(hover: hover)","(hover: hover)","(hover: hover)","(hover: hover)","screen and (prefers-reduced-motion: no-preference)","screen and (prefers-reduced-motion: no-preference)","(hover: hover)","(hover: hover)","(hover: hover)","screen and (prefers-reduced-motion: no-preference)","(pointer: coarse)"],"contents":[{"value":"(hover: hover)","rules":{"total":2,"size":{"graph":[2,3],"max":3,"average":2.5},"selectorByRuleSizes":[{"selector":",.ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible),.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible)","declarations":3},{"selector":".ActionList-item:not(.ActionList-item--hasSubItem):hover,.ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover","declarations":2}]},"selectors":{"total":4,"type":0,"class":4,"id":0,"pseudoClass":4,"pseudoElement":0,"values":[".ActionList-item:not(.ActionList-item--hasSubItem):hover",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover",".ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive):not(:focus-visible)",".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover:not(.ActionList-item--navActive):not(:focus-visible)"],"specificity":{"max":60,"average":45}},"declarations":{"total":5,"unique":5,"uniqueToTotalRatio":1,"properties":{"cursor":["pointer"],"background-color":["var(--color-action-list-item-default-hover-bg)"],"outline":["solid 1px transparent"],"outline-offset":["-1px"],"box-shadow":["inset 0 0 0 1px var(--color-action-list-item-default-active-border)"]}}},{"value":"(hover: hover)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":",.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","declarations":1},{"selector":".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","declarations":1}]},"selectors":{"total":8,"type":0,"class":8,"id":0,"pseudoClass":8,"pseudoElement":8,"values":[".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",".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"],"specificity":{"max":61,"average":51}},"declarations":{"total":2,"unique":1,"uniqueToTotalRatio":0.5,"properties":{"visibility":["hidden","hidden"]}}},{"value":"(hover: hover)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".ActionList-item.ActionList-item--hasSubItem>.ActionList-content:hover"],"specificity":{"max":40,"average":40}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"background-color":["var(--color-action-list-item-default-hover-bg)"]}}},{"value":"(hover: hover)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ActionList-item[aria-selected=true]:hover","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".ActionList-item[aria-selected=true]:hover"],"specificity":{"max":30,"average":30}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"background-color":["var(--color-action-list-item-default-hover-bg)"]}}},{"value":"(hover: hover)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover"],"specificity":{"max":40,"average":40}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"background-color":["var(--color-action-list-item-default-hover-bg)"]}}},{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ActionList-item[aria-checked=true] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-selected=true] .ActionList-item-singleSelectCheckmark"],"specificity":{"max":30,"average":30}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"animation":["checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards"]}}},{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark,.ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ActionList-item[aria-checked=false] .ActionList-item-singleSelectCheckmark",".ActionList-item[aria-selected=false] .ActionList-item-singleSelectCheckmark"],"specificity":{"max":30,"average":30}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"animation":["checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards"]}}},{"value":"(hover: hover)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".ActionList-item[aria-disabled=true]:hover","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".ActionList-item[aria-disabled=true]:hover"],"specificity":{"max":30,"average":30}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"cursor":["not-allowed"],"background-color":["transparent"]}}},{"value":"(hover: hover)","rules":{"total":2,"size":{"graph":[1,1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":",.ActionList-item.ActionList-item--danger:hover .ActionList-item-label","declarations":1},{"selector":".ActionList-item.ActionList-item--danger:hover","declarations":1}]},"selectors":{"total":2,"type":0,"class":2,"id":0,"pseudoClass":2,"pseudoElement":0,"values":[".ActionList-item.ActionList-item--danger:hover",".ActionList-item.ActionList-item--danger:hover .ActionList-item-label"],"specificity":{"max":40,"average":35}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"background":["var(--color-action-list-item-danger-hover-bg)"],"color":["var(--color-action-list-item-danger-hover-text)"]}}},{"value":"(hover: hover)","rules":{"total":1,"size":{"graph":[2],"max":2,"average":2},"selectorByRuleSizes":[{"selector":".ActionList-content[aria-disabled=true]:hover","declarations":2}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":1,"pseudoElement":0,"values":[".ActionList-content[aria-disabled=true]:hover"],"specificity":{"max":30,"average":30}},"declarations":{"total":2,"unique":2,"uniqueToTotalRatio":1,"properties":{"cursor":["not-allowed"],"background-color":["transparent"]}}},{"value":"screen and (prefers-reduced-motion: no-preference)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ActionList-content[aria-expanded]+.ActionList--subGroup","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ActionList-content[aria-expanded]+.ActionList--subGroup"],"specificity":{"max":30,"average":30}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"transition":["opacity 160ms cubic-bezier(0.25, 1, 0.5, 1),transform 160ms cubic-bezier(0.25, 1, 0.5, 1)"]}}},{"value":"(pointer: coarse)","rules":{"total":1,"size":{"graph":[1],"max":1,"average":1},"selectorByRuleSizes":[{"selector":".ActionList-content","declarations":1}]},"selectors":{"total":1,"type":0,"class":1,"id":0,"pseudoClass":0,"pseudoElement":0,"values":[".ActionList-content"],"specificity":{"max":10,"average":10}},"declarations":{"total":1,"unique":1,"uniqueToTotalRatio":1,"properties":{"padding":["14px 8px"]}}}]}}
package/forms/form-validation.scss DELETED
@@ -1,265 +0,0 @@
1
- // stylelint-disable selector-no-qualifying-type, selector-max-type
2
-
3
- // Inline verification
4
-
5
- .inline-form {
6
- display: inline-block;
7
-
8
- .btn-plain {
9
- background-color: transparent;
10
- border: 0;
11
- }
12
- }
13
-
14
- // Drag and drop
15
- //
16
- // Previously part of `_forms.scss` in Primer. Needs accounting for.
17
-
18
- .drag-and-drop {
19
- // stylelint-disable-next-line primer/spacing
20
- padding: 7px 10px;
21
- margin: 0;
22
- // stylelint-disable-next-line primer/typography
23
- font-size: 13px;
24
- // stylelint-disable-next-line primer/typography
25
- line-height: 16px;
26
- color: var(--color-fg-muted);
27
- background-color: var(--color-canvas-subtle);
28
- border: $border-width $border-style var(--color-border-default);
29
- border-top: 0;
30
- border-bottom-right-radius: $border-radius;
31
- border-bottom-left-radius: $border-radius;
32
-
33
- .default,
34
- .loading,
35
- .error {
36
- display: none;
37
- }
38
-
39
- .error {
40
- color: var(--color-danger-fg);
41
- }
42
-
43
- // Spinner
44
- img {
45
- vertical-align: top;
46
- }
47
- }
48
-
49
- .is-default .drag-and-drop .default {
50
- display: inline-block;
51
- }
52
-
53
- .is-uploading .drag-and-drop .loading {
54
- display: inline-block;
55
- }
56
-
57
- .is-bad-file .drag-and-drop .bad-file {
58
- display: inline-block;
59
- }
60
-
61
- .is-duplicate-filename .drag-and-drop .duplicate-filename {
62
- display: inline-block;
63
- }
64
-
65
- .is-too-big .drag-and-drop .too-big {
66
- display: inline-block;
67
- }
68
-
69
- .is-hidden-file .drag-and-drop .hidden-file {
70
- display: inline-block;
71
- }
72
-
73
- .is-empty .drag-and-drop .empty {
74
- display: inline-block;
75
- }
76
-
77
- .is-bad-permissions .drag-and-drop .bad-permissions {
78
- display: inline-block;
79
- }
80
-
81
- .is-repository-required .drag-and-drop .repository-required {
82
- display: inline-block;
83
- }
84
-
85
- .drag-and-drop-error-info {
86
- font-weight: $font-weight-normal;
87
- color: var(--color-fg-muted);
88
-
89
- a {
90
- color: var(--color-accent-fg);
91
- }
92
- }
93
-
94
- .is-failed .drag-and-drop .failed-request {
95
- display: inline-block;
96
- }
97
-
98
- .manual-file-chooser {
99
- position: absolute;
100
- width: 240px;
101
- // stylelint-disable-next-line primer/spacing
102
- padding: 5px;
103
- // stylelint-disable-next-line primer/spacing
104
- margin-left: -80px;
105
- cursor: pointer;
106
- opacity: 0.0001;
107
- }
108
-
109
- .manual-file-chooser:hover + .manual-file-chooser-text {
110
- text-decoration: underline;
111
- }
112
-
113
- .btn {
114
- // align manual-file-chooser inside a button
115
- .manual-file-chooser {
116
- top: 0;
117
- padding: 0;
118
- // stylelint-disable-next-line primer/typography
119
- line-height: 34px;
120
- }
121
- }
122
-
123
- // Focused Textarea styles
124
- .upload-enabled {
125
- textarea {
126
- display: block;
127
- // stylelint-disable-next-line primer/borders
128
- border-bottom: $border-width dashed var(--color-border-default);
129
- border-bottom-right-radius: 0;
130
- border-bottom-left-radius: 0;
131
- }
132
-
133
- &.focused {
134
- border-color: var(--color-accent-fg);
135
- border-radius: $border-radius;
136
- outline: none;
137
- // stylelint-disable-next-line primer/box-shadow
138
- box-shadow: 0 0 0 2px var(--color-accent-fg);
139
-
140
- .form-control {
141
- border-color: transparent;
142
- border-bottom-color: var(--color-accent-fg);
143
- box-shadow: none;
144
- }
145
-
146
- .drag-and-drop {
147
- border-color: transparent;
148
- }
149
- }
150
- }
151
-
152
- // Dropping a file on top
153
- .dragover textarea,
154
- .dragover .drag-and-drop {
155
- // stylelint-disable-next-line primer/box-shadow
156
- box-shadow: rgba(#c9ff00, 1) 0 0 3px;
157
- }
158
-
159
- .write-content {
160
- position: relative;
161
- }
162
-
163
- // Form style with a write and a preview tab
164
- .previewable-comment-form {
165
- position: relative;
166
-
167
- .tabnav {
168
- position: relative;
169
- padding: $spacer-2 $spacer-2 0;
170
- }
171
-
172
- .comment {
173
- border: $border-width $border-style var(--color-border-default);
174
- }
175
-
176
- .comment-form-error {
177
- margin-bottom: $spacer-2;
178
- }
179
-
180
- .write-content,
181
- .preview-content {
182
- display: none;
183
- margin: 0 $spacer-2 $spacer-2;
184
- }
185
-
186
- &.write-selected .write-content,
187
- &.preview-selected .preview-content {
188
- display: block;
189
- }
190
-
191
- textarea {
192
- display: block;
193
- width: 100%;
194
- min-height: 100px;
195
- max-height: 500px;
196
- padding: $spacer-2;
197
- resize: vertical;
198
- }
199
- }
200
-
201
- // Used in our boxed-group-less form styles. Give the submit button enough space
202
- // to breathe without the need for the extra hr.
203
- .form-action-spacious {
204
- // stylelint-disable-next-line primer/spacing
205
- margin-top: 10px;
206
- }
207
-
208
- // A two column form, with a .main and a .sidebar column
209
- //
210
- // Override some `.timeline-comment-wrapper` defaults.
211
- // The `div` is needed to be more specific than the other class.
212
- div.composer {
213
- margin-top: 0;
214
- border: 0;
215
- }
216
-
217
- // Override the previewable comment form defaults
218
- .composer .comment-form-textarea {
219
- height: 200px;
220
- min-height: 200px;
221
- }
222
-
223
- .composer .tabnav {
224
- // stylelint-disable-next-line primer/spacing
225
- margin: 0 0 10px;
226
- }
227
-
228
- // Misc CSS
229
- //
230
- // Previously part of `_forms.scss` in Primer. Needs accounting for.
231
-
232
- h2.account {
233
- // stylelint-disable-next-line primer/spacing
234
- margin: 15px 0 0;
235
- // stylelint-disable-next-line primer/typography
236
- font-size: 18px;
237
- font-weight: $font-weight-normal;
238
- color: var(--color-fg-muted);
239
- }
240
-
241
- p.explain {
242
- position: relative;
243
- font-size: $font-size-small;
244
- color: var(--color-fg-muted);
245
-
246
- strong {
247
- color: var(--color-fg-default);
248
- }
249
-
250
- .octicon {
251
- // stylelint-disable-next-line primer/spacing
252
- margin-right: 5px;
253
- color: var(--color-fg-muted);
254
- }
255
-
256
- .minibutton {
257
- top: -4px;
258
- float: right;
259
- }
260
- }
261
-
262
- // fix for chrome bug, see https://github.com/github/github/issues/53931
263
- .form-group label {
264
- position: static;
265
- }