jekyll-v4-theme-primer 0.10.0 → 0.12.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +6 -3
- data/_includes/theme.html +1 -1
- data/_sass/@primer/css/base/normalize.scss +1 -0
- data/_sass/@primer/css/core/index.scss +0 -1
- data/_sass/@primer/css/forms/form-group.scss +2 -1
- data/_sass/@primer/css/forms/index.scss +0 -1
- data/_sass/@primer/css/labels/index.scss +0 -1
- data/_sass/@primer/css/layout/app-frame.scss +6 -6
- data/_sass/@primer/css/layout/stack.scss +6 -6
- data/_sass/@primer/css/markdown/lists.scss +4 -4
- data/_sass/@primer/css/primitives/index.scss +9 -9
- data/_sass/@primer/css/support/variables/misc.scss +1 -1
- data/_sass/@primer/css/utilities/borders.scss +8 -8
- data/_sass/@primer/css/utilities/visibility-display.scss +10 -9
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +3 -3
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +131 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +29 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +217 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css.json +23 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/banner.css.json +24 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css.json +33 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +80 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css.json +40 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/layout.css.json +80 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +12 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.d.ts +7 -4
- data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.js +121 -9
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +8 -0
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +31 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +24 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +3 -3
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +134 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +40 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/anchored_position.d.ts +27 -0
- data/_sass/@primer/view-components/app/components/primer/anchored_position.js +149 -0
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar.css.json +17 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css.json +28 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css.json +22 -1
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +54 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +11 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +71 -1
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/counter.css.json +10 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/flash.css.json +27 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/label.css.json +25 -1
- data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +19 -1
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/popover.css.json +39 -1
- data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css.json +10 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +13 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +12 -1
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +16 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +12 -1
- data/_sass/@primer/view-components/app/components/primer/focus_group.d.ts +19 -0
- data/_sass/@primer/view-components/app/components/primer/focus_group.js +144 -0
- data/_sass/@primer/view-components/app/components/primer/primer.d.ts +5 -2
- data/_sass/@primer/view-components/app/components/primer/primer.js +5 -2
- data/_sass/@primer/view-components/app/components/primer/truncate.css.json +13 -1
- data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +17 -6
- data/_sass/@primer/view-components/package.json +6 -4
- data/_sass/@primer/view-components/static/arguments.json +2167 -346
- data/_sass/@primer/view-components/static/audited_at.json +22 -22
- data/_sass/@primer/view-components/static/classes.json +579 -0
- data/_sass/@primer/view-components/static/constants.json +215 -61
- data/_sass/@primer/view-components/static/info_arch.json +9090 -0
- data/_sass/@primer/view-components/static/previews.json +2020 -0
- data/_sass/@primer/view-components/static/statuses.json +23 -23
- data/_sass/{jekyll-theme-primer.scss → jekyll-v4-theme-primer.scss} +3 -3
- data/_sass/primer.scss +1 -1
- data/assets/css/style.scss +1 -1
- metadata +16 -15
- data/_sass/@primer/css/actionlist/action-list-item-divider.scss +0 -48
- data/_sass/@primer/css/actionlist/action-list-item.scss +0 -593
- data/_sass/@primer/css/actionlist/action-list-tree.scss +0 -118
- data/_sass/@primer/css/actionlist/action-list-variables.scss +0 -8
- data/_sass/@primer/css/actionlist/action-list.scss +0 -67
- data/_sass/@primer/css/actionlist/index.scss +0 -6
- data/_sass/@primer/css/forms/form-validation.scss +0 -265
- data/_sass/@primer/css/labels/diffstat.scss +0 -37
- data/_sass/@primer/view-components/app/components/primer/time_ago_component.d.ts +0 -1
- data/_sass/@primer/view-components/app/components/primer/time_ago_component.js +0 -1
- /data/_sass/@primer/view-components/app/components/primer/{local_time.d.ts → beta/relative_time.d.ts} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{local_time.js → beta/relative_time.js} +0 -0
@@ -1 +1 @@
|
|
1
|
-
:root{--primer-actionListContent-paddingBlock:var(--primer-control-medium-paddingBlock,6px)}.ActionListWrap{list-style:none}.ActionListWrap--inset{padding:var(--base-size-8,8px)}.ActionListWrap--divided .ActionListItem-label:before{height:1px}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before,.ActionListWrap--divided .ActionListItem-label:before{background:var(--color-action-list-item-inline-divider);content:"";display:block;position:absolute;top:calc(var(--primer-actionListContent-paddingBlock)*-1);width:100%}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before{height:var(--primer-borderWidth-thin,1px)}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline .ActionListItem-label:before{content:unset}.ActionList-sectionDivider+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionList-sectionDivider+.ActionListItem .ActionListItem-label:before,.ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline:before,.ActionListItem:first-of-type .ActionListItem-label:before,.ActionListWrap--divided .ActionListItem--navActive .ActionListItem-label:before,.ActionListWrap--divided .ActionListItem--navActive+.ActionListItem .ActionListItem-label:before{visibility:hidden}.ActionListItem{background-color:initial;border-radius:var(--primer-borderRadius-medium,6px);list-style:none;position:relative}.ActionListItem:active,.ActionListItem:hover{cursor:pointer}@media (hover:hover){.ActionListItem:hover .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover .ActionListItem-label:before,.ActionListItem:hover+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover+.ActionListItem .ActionListItem-label:before{visibility:hidden}}.ActionListItem[hidden]+.ActionList-sectionDivider{display:none}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent{z-index:1}@media (hover:hover){.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active{background-color:var(--color-action-list-item-default-active-bg)}@media (hover:hover){.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover,.ActionListItem:not(.ActionListItem--hasSubItem):hover{background-color:var(--color-action-list-item-default-hover-bg);cursor:pointer}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover:not(.ActionListItem--navActive,:focus-visible),.ActionListItem:not(.ActionListItem--hasSubItem):hover:not(.ActionListItem--navActive,:focus-visible){box-shadow:var(--primer-borderInset-thin,1px) var(--color-action-list-item-default-active-border);outline:solid var(--primer-borderWidth-thin,1px) #0000;outline-offset:calc(var(--primer-borderWidth-thin, 1px)*-1)}}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active,.ActionListItem:not(.ActionListItem--hasSubItem):active{background:var(--color-action-list-item-default-active-bg)}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active:not(.ActionListItem--navActive),.ActionListItem:not(.ActionListItem--hasSubItem):active:not(.ActionListItem--navActive){box-shadow:var(--primer-borderInset-thin,1px) var(--color-action-list-item-default-active-border);outline:solid var(--primer-borderWidth-thin,1px) #0000;outline-offset:calc(var(--primer-borderWidth-thin, 1px)*-1)}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active .ActionListItem-label:before,.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active+.ActionListItem .ActionListItem-label:before,.ActionListItem:not(.ActionListItem--hasSubItem):active .ActionListItem-label:before,.ActionListItem:not(.ActionListItem--hasSubItem):active+.ActionListItem .ActionListItem-label:before{visibility:hidden}.ActionListItem[aria-checked=true] .ActionListItem-multiSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-multiSelectCheckmark{opacity:1;transition:visibility 0 linear 0,opacity 50ms;visibility:visible}.ActionListItem[aria-checked=true] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-singleSelectCheckmark{visibility:visible}@media screen and (prefers-reduced-motion:no-preference){.ActionListItem[aria-checked=true] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-singleSelectCheckmark{animation:checkmarkIn .2s cubic-bezier(.11,0,.5,0) forwards}}.ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,.ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect{fill:var(--color-accent-fg);stroke:var(--color-accent-fg);stroke-width:var(--primer-borderWidth-thin,1px)}.ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark{fill:var(--color-fg-on-emphasis)}.ActionListItem[aria-checked=false] .ActionListItem-multiSelectCheckmark,.ActionListItem[aria-selected=false] .ActionListItem-multiSelectCheckmark{opacity:0;transition:visibility 0 linear 50ms,opacity 50ms;visibility:hidden}.ActionListItem[aria-checked=false] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=false] .ActionListItem-singleSelectCheckmark{clip-path:inset(16px 0 0 0);transition:visibility 0s linear .2s;visibility:hidden}@media screen and (prefers-reduced-motion:no-preference){.ActionListItem[aria-checked=false] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=false] .ActionListItem-singleSelectCheckmark{animation:checkmarkOut .2s cubic-bezier(.11,0,.5,0) forwards}}.ActionListItem[aria-checked=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,.ActionListItem[aria-selected=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect{fill:var(--color-canvas-default);stroke:var(--color-border-default);stroke-width:var(--primer-borderWidth-thin,1px)}.ActionListItem[aria-checked=false] .ActionListItem-multiSelectIconRect,.ActionListItem[aria-selected=false] .ActionListItem-multiSelectIconRect{fill:var(--color-canvas-default);border:var(--primer-borderWidth-thin,1px) solid var(--color-border-default)}.ActionListItem{@keyframes checkmarkIn{0%{clip-path:inset(16px 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes checkmarkOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(16px 0 0 0)}}}.ActionListItem[aria-selected=true]{background:var(--color-action-list-item-default-selected-bg);font-weight:var(--base-text-weight-normal,400)}@media (hover:hover){.ActionListItem[aria-selected=true]:hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionListItem[aria-selected=true]+.ActionListItem:before,.ActionListItem[aria-selected=true]:before{visibility:hidden}.ActionListItem[aria-selected=true]:after{background:var(--color-accent-fg);border-radius:var(--primer-borderRadius-medium,6px);content:"";height:var(--base-size-24,24px);left:calc(var(--base-size-4, 4px)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4,4px)}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger){background:var(--color-action-list-item-default-selected-bg)}@media (hover:hover){.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)+.ActionListItem:before,.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):before{visibility:hidden}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):after{background:var(--color-accent-fg);border-radius:var(--primer-borderRadius-medium,6px);content:"";height:var(--base-size-24,24px);left:calc(var(--base-size-8, 8px)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4,4px)}.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-description,.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-label{color:var(--color-primer-fg-disabled)}.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-visual{fill:var(--color-primer-fg-disabled)}@media (hover:hover){.ActionListItem[aria-disabled=true]:hover{background-color:initial;cursor:not-allowed}}.ActionListItem.ActionListItem--danger .ActionListItem-label,.ActionListItem.ActionListItem--danger .ActionListItem-visual{color:var(--color-danger-fg)}@media (hover:hover){.ActionListItem.ActionListItem--danger:hover{background:var(--color-action-list-item-danger-hover-bg)}.ActionListItem.ActionListItem--danger:hover .ActionListItem-label{color:var(--color-action-list-item-danger-hover-text)}}.ActionListItem.ActionListItem--danger .ActionListContent:active{background:var(--color-action-list-item-danger-active-bg)}.ActionListContent{-webkit-tap-highlight-color:transparent;align-items:start;background-color:initial;border:none;border-radius:var(--primer-borderRadius-medium,6px);color:var(--color-fg-default);display:grid;grid-template-areas:"leadingAction leadingVisual label trailingVisual trailingAction";grid-template-columns:min-content min-content minmax(0,auto) min-content min-content;grid-template-rows:min-content;padding-block:var(--primer-actionListContent-paddingBlock);padding-inline:var(--primer-control-medium-paddingInline-condensed,8px);position:relative;text-align:left;touch-action:manipulation;transition:background 33.333ms linear;-webkit-user-select:none;user-select:none;width:100%}.ActionListContent>:not(:last-child){margin-right:var(--primer-control-medium-gap,8px)}.ActionListContent:hover{text-decoration:none}.ActionListContent[aria-disabled=true] .ActionListItem-description,.ActionListContent[aria-disabled=true] .ActionListItem-label{color:var(--color-primer-fg-disabled)}.ActionListContent[aria-disabled=true] .ActionListItem-visual{fill:var(--color-primer-fg-disabled)}@media (hover:hover){.ActionListContent[aria-disabled=true]:hover{background-color:initial;cursor:not-allowed}}@media screen and (prefers-reduced-motion:no-preference){.ActionListContent[aria-expanded]+.ActionList--subGroup{transition:opacity .16s cubic-bezier(.25,1,.5,1),transform .16s cubic-bezier(.25,1,.5,1)}}.ActionListContent[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-24,24px)}.ActionListContent.ActionListContent--visual16[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-32,32px)}.ActionListContent.ActionListContent--visual20[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-36,36px)}.ActionListContent.ActionListContent--visual24[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-40,40px)}.ActionListContent[aria-expanded=true] .ActionListItem-collapseIcon{transform:scaleY(-1);transition:transform .12s linear}.ActionListContent[aria-expanded=true]+.ActionList--subGroup{height:auto;opacity:1;overflow:visible;transform:translateY(0);visibility:visible}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=true]>.ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListContent[aria-expanded=false] .ActionListItem-collapseIcon{transform:scaleY(1);transition:transform .12s linear}.ActionListContent[aria-expanded=false]+.ActionList--subGroup{height:0;opacity:0;overflow:hidden;transform:translateY(calc(var(--base-size-16, 16px)*-1));visibility:hidden}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]{background:var(--color-action-list-item-default-selected-bg)}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] .ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]+.ActionListItem:before,.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:before{visibility:hidden}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:after{background:var(--color-accent-fg);border-radius:var(--primer-borderRadius-medium,6px);content:"";height:var(--base-size-24,24px);left:calc(var(--base-size-8, 8px)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4,4px)}.ActionListContent.ActionListContent--sizeLarge{--primer-actionListContent-paddingBlock:var(--primer-control-large-paddingBlock,0.625rem)}.ActionListContent.ActionListContent--sizeXLarge{--primer-actionListContent-paddingBlock:var(--primer-control-xlarge-paddingBlock,0.875rem)}@media (pointer:coarse){.ActionListContent{--primer-actionListContent-paddingBlock:var(--primer-control-large-paddingBlock,0.625rem)}}.ActionListContent.ActionListContent--blockDescription .ActionListItem-visual{place-self:start}.ActionListItem-action--leading{grid-area:leadingAction}.ActionListItem-visual--leading{grid-area:leadingVisual}.ActionListItem-visual--trailing{grid-area:trailingVisual}.ActionListItem-action--trailing{grid-area:trailingAction}.ActionListItem-descriptionWrap{display:flex;flex-direction:column;gap:var(--base-size-4,4px);grid-area:label}.ActionListItem-descriptionWrap .ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListItem-descriptionWrap--inline{align-items:baseline;flex-direction:row;gap:var(--base-size-8,8px);position:relative}.ActionListItem-description{color:var(--color-fg-muted);font-size:var(--primer-text-body-size-small,12px);font-weight:var(--base-text-weight-normal,400);line-height:var(--primer-text-body-lineHeight-small,1.66667)}.ActionListItem-action,.ActionListItem-visual{fill:var(--color-fg-muted);align-items:center;color:var(--color-fg-muted);display:flex;min-height:var(--primer-control-medium-lineBoxHeight,20px);pointer-events:none}.ActionListItem-label{color:var(--color-fg-default);font-size:var(--primer-text-body-size-medium,14px);font-weight:var(--base-text-weight-normal,400);grid-area:label;line-height:var(--primer-text-body-lineHeight-medium,1.42857);position:relative}.ActionListItem-label--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ActionListItem--subItem>.ActionListContent>.ActionListItem-label{font-size:var(--primer-text-body-size-small,12px);line-height:var(--primer-text-body-lineHeight-small,1.66667)}.ActionListItem--withActions{align-items:center;display:flex;flex-wrap:nowrap}.ActionListItem-trailingAction{border-bottom-left-radius:0;border-top-left-radius:0}.ActionListItem--trailingActionHover .ActionListItem-trailingAction{visibility:hidden}.ActionListItem--trailingActionHover:focus-within .ActionListItem-trailingAction,.ActionListItem--trailingActionHover:hover .ActionListItem-trailingAction{visibility:visible}.ActionList-sectionDivider:not(:empty){color:var(--color-fg-muted);display:flex;flex-direction:column;font-size:var(--primer-text-body-size-small,12px);font-weight:var(--base-text-weight-semibold,600);line-height:var(--primer-text-body-lineHeight-small,1.66667);padding-block:var(--base-size-8,8px);padding-inline:var(--primer-actionListContent-paddingBlock)}.ActionList-sectionDivider:empty{background:var(--color-action-list-item-inline-divider);border:0;display:block;height:var(--primer-borderWidth-thin,1px);list-style:none;margin-block-end:var(--base-size-8,8px);margin-block-start:calc(var(--base-size-8, 8px) - var(--primer-borderWidth-thin, 1px));margin-inline:calc(var(--base-size-8, 8px)*-1);padding:0}.ActionList-sectionDivider .ActionList-sectionDivider-title{color:var(--color-fg-muted);font-size:var(--primer-text-body-size-small,12px);font-weight:var(--base-text-weight-semibold,600)}.ActionList-sectionDivider--filled{background:var(--color-canvas-subtle);border-bottom:solid var(--primer-borderWidth-thin,1px) var(--color-action-list-item-inline-divider);border-top:solid var(--primer-borderWidth-thin,1px) var(--color-action-list-item-inline-divider);margin-block-end:var(--base-size-8,8px);margin-block-start:calc(var(--base-size-8, 8px) - var(--primer-borderWidth-thin, 1px));margin-inline:calc(var(--base-size-8, 8px)*-1)}.ActionList-sectionDivider--filled:empty{box-sizing:border-box;height:var(--base-size-8,8px)}.ActionList-sectionDivider--filled:first-child{margin-block-start:0}
|
1
|
+
:root{--actionListContent-paddingBlock:var(--control-medium-paddingBlock,6px)}.ActionListHeader{margin-bottom:var(--base-size-16,16px);margin-left:var(--base-size-8,8px)}.ActionListWrap{list-style:none}.ActionListWrap--inset{padding:var(--base-size-8,8px)}.ActionListWrap--divided .ActionListItem-label:before{height:1px}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before,.ActionListWrap--divided .ActionListItem-label:before{background:var(--color-action-list-item-inline-divider);content:"";display:block;position:absolute;top:calc(var(--actionListContent-paddingBlock)*-1);width:100%}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before{height:var(--borderWidth-thin,1px)}.ActionListWrap--divided .ActionListItem-descriptionWrap--inline .ActionListItem-label:before{content:unset}.ActionList-sectionDivider+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionList-sectionDivider+.ActionListItem .ActionListItem-label:before,.ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline:before,.ActionListItem:first-of-type .ActionListItem-label:before,.ActionListWrap--divided .ActionListItem--navActive .ActionListItem-label:before,.ActionListWrap--divided .ActionListItem--navActive+.ActionListItem .ActionListItem-label:before{visibility:hidden}.ActionListItem{background-color:initial;border-radius:var(--borderRadius-medium,6px);list-style:none;position:relative}.ActionListItem:active,.ActionListItem:hover{cursor:pointer}@media (hover:hover){.ActionListItem:hover .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover .ActionListItem-label:before,.ActionListItem:hover+.ActionListItem .ActionListItem-descriptionWrap--inline:before,.ActionListItem:hover+.ActionListItem .ActionListItem-label:before{visibility:hidden}}.ActionListItem[hidden]+.ActionList-sectionDivider{display:none}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent{z-index:1}@media (hover:hover){.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active{background-color:var(--color-action-list-item-default-active-bg)}@media (hover:hover){.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover,.ActionListItem:not(.ActionListItem--hasSubItem):hover{background-color:var(--color-action-list-item-default-hover-bg);cursor:pointer}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover:not(.ActionListItem--navActive,:focus-visible),.ActionListItem:not(.ActionListItem--hasSubItem):hover:not(.ActionListItem--navActive,:focus-visible){box-shadow:var(--borderInset-thin,1px) var(--color-action-list-item-default-active-border);outline:solid var(--borderWidth-thin,1px) #0000;outline-offset:calc(var(--borderWidth-thin, 1px)*-1)}}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active,.ActionListItem:not(.ActionListItem--hasSubItem):active{background:var(--color-action-list-item-default-active-bg)}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active:not(.ActionListItem--navActive),.ActionListItem:not(.ActionListItem--hasSubItem):active:not(.ActionListItem--navActive){box-shadow:var(--borderInset-thin,1px) var(--color-action-list-item-default-active-border);outline:solid var(--borderWidth-thin,1px) #0000;outline-offset:calc(var(--borderWidth-thin, 1px)*-1)}.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active .ActionListItem-label:before,.ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active+.ActionListItem .ActionListItem-label:before,.ActionListItem:not(.ActionListItem--hasSubItem):active .ActionListItem-label:before,.ActionListItem:not(.ActionListItem--hasSubItem):active+.ActionListItem .ActionListItem-label:before{visibility:hidden}.ActionListItem[aria-checked=true] .ActionListItem-multiSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-multiSelectCheckmark{opacity:1;transition:visibility 0 linear 0,opacity 50ms;visibility:visible}.ActionListItem[aria-checked=true] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-singleSelectCheckmark{visibility:visible}@media screen and (prefers-reduced-motion:no-preference){.ActionListItem[aria-checked=true] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-singleSelectCheckmark{animation:checkmarkIn .2s cubic-bezier(.11,0,.5,0) forwards;@keyframes checkmarkIn{0%{clip-path:inset(16px 0 0 0)}to{clip-path:inset(0 0 0 0)}}}}.ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,.ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect{fill:var(--color-accent-fg);stroke:var(--color-accent-fg);stroke-width:var(--borderWidth-thin,1px)}.ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark,.ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark{fill:var(--color-fg-on-emphasis)}.ActionListItem[aria-checked=false] .ActionListItem-multiSelectCheckmark,.ActionListItem[aria-selected=false] .ActionListItem-multiSelectCheckmark{opacity:0;transition:visibility 0 linear 50ms,opacity 50ms;visibility:hidden}.ActionListItem[aria-checked=false] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=false] .ActionListItem-singleSelectCheckmark{clip-path:inset(16px 0 0 0);transition:visibility 0s linear .2s;visibility:hidden}@media screen and (prefers-reduced-motion:no-preference){.ActionListItem[aria-checked=false] .ActionListItem-singleSelectCheckmark,.ActionListItem[aria-selected=false] .ActionListItem-singleSelectCheckmark{animation:checkmarkOut .2s cubic-bezier(.11,0,.5,0) forwards;@keyframes checkmarkOut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(16px 0 0 0)}}}}.ActionListItem[aria-checked=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect,.ActionListItem[aria-selected=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect{fill:var(--color-canvas-default);stroke:var(--color-border-default);stroke-width:var(--borderWidth-thin,1px)}.ActionListItem[aria-checked=false] .ActionListItem-multiSelectIconRect,.ActionListItem[aria-selected=false] .ActionListItem-multiSelectIconRect{fill:var(--color-canvas-default);border:var(--borderWidth-thin,1px) solid var(--color-border-default)}.ActionListItem[aria-selected=true]{background:var(--color-action-list-item-default-selected-bg);font-weight:var(--base-text-weight-normal,400)}@media (hover:hover){.ActionListItem[aria-selected=true]:hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionListItem[aria-selected=true]+.ActionListItem:before,.ActionListItem[aria-selected=true]:before{visibility:hidden}.ActionListItem[aria-selected=true]:after{background:var(--color-accent-fg);border-radius:var(--borderRadius-medium,6px);content:"";height:var(--base-size-24,24px);left:calc(var(--base-size-4, 4px)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4,4px)}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger){background:var(--color-action-list-item-default-selected-bg)}@media (hover:hover){.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):hover{background-color:var(--color-action-list-item-default-hover-bg)}}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)+.ActionListItem:before,.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):before{visibility:hidden}.ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):after{background:var(--color-accent-fg);border-radius:var(--borderRadius-medium,6px);content:"";height:var(--base-size-24,24px);left:calc(var(--base-size-8, 8px)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4,4px)}.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-description,.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-label,.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-description,.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-label{color:var(--color-primer-fg-disabled)}.ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-visual,.ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-visual{fill:var(--color-primer-fg-disabled)}@media (hover:hover){.ActionListItem.ActionListItem--disabled:hover,.ActionListItem[aria-disabled=true]:hover{background-color:initial;cursor:not-allowed}}.ActionListItem.ActionListItem--danger .ActionListItem-label,.ActionListItem.ActionListItem--danger .ActionListItem-visual{color:var(--color-danger-fg)}@media (hover:hover){.ActionListItem.ActionListItem--danger:hover{background:var(--color-action-list-item-danger-hover-bg)}.ActionListItem.ActionListItem--danger:hover .ActionListItem-label,.ActionListItem.ActionListItem--danger:hover .ActionListItem-visual{color:var(--color-action-list-item-danger-hover-text)}}.ActionListItem.ActionListItem--danger .ActionListContent:active{background:var(--color-action-list-item-danger-active-bg)}.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-label,.ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-visual{color:var(--color-action-list-item-danger-hover-text)}.ActionListContent{-webkit-tap-highlight-color:transparent;align-items:start;background-color:initial;border:none;border-radius:var(--borderRadius-medium,6px);color:var(--color-fg-default);display:grid;grid-template-areas:"leadingAction leadingVisual label trailingVisual trailingAction";grid-template-columns:min-content min-content minmax(0,auto) min-content min-content;grid-template-rows:min-content;padding-block:var(--actionListContent-paddingBlock);padding-inline:var(--control-medium-paddingInline-condensed,8px);position:relative;text-align:left;touch-action:manipulation;transition:background 33.333ms linear;-webkit-user-select:none;user-select:none;width:100%}.ActionListContent>:not(:last-child){margin-right:var(--control-medium-gap,8px)}.ActionListContent:hover{text-decoration:none}.ActionListContent[aria-disabled=true] .ActionListItem-description,.ActionListContent[aria-disabled=true] .ActionListItem-label{color:var(--color-primer-fg-disabled)}.ActionListContent[aria-disabled=true] .ActionListItem-visual{fill:var(--color-primer-fg-disabled)}@media (hover:hover){.ActionListContent[aria-disabled=true]:hover{background-color:initial;cursor:not-allowed}}@media screen and (prefers-reduced-motion:no-preference){.ActionListContent[aria-expanded]+.ActionList--subGroup{transition:opacity .16s cubic-bezier(.25,1,.5,1),transform .16s cubic-bezier(.25,1,.5,1)}}.ActionListContent[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-24,24px)}.ActionListContent.ActionListContent--visual16[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-32,32px)}.ActionListContent.ActionListContent--visual20[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-36,36px)}.ActionListContent.ActionListContent--visual24[aria-expanded]+.ActionList--subGroup .ActionListContent{padding-left:var(--base-size-40,40px)}.ActionListContent[aria-expanded=true] .ActionListItem-collapseIcon{transform:scaleY(-1);transition:transform .12s linear}.ActionListContent[aria-expanded=true]+.ActionList--subGroup{height:auto;opacity:1;overflow:visible;transform:translateY(0);visibility:visible}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=true]>.ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListContent[aria-expanded=false] .ActionListItem-collapseIcon{transform:scaleY(1);transition:transform .12s linear}.ActionListContent[aria-expanded=false]+.ActionList--subGroup{height:0;opacity:0;overflow:hidden;transform:translateY(calc(var(--base-size-16, 16px)*-1));visibility:hidden}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]{background:var(--color-action-list-item-default-selected-bg)}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] .ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]+.ActionListItem:before,.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:before{visibility:hidden}.ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:after{background:var(--color-accent-fg);border-radius:var(--borderRadius-medium,6px);content:"";height:var(--base-size-24,24px);left:calc(var(--base-size-8, 8px)*-1);position:absolute;top:calc(50% - 12px);width:var(--base-size-4,4px)}.ActionListContent.ActionListContent--sizeLarge{--actionListContent-paddingBlock:var(--control-large-paddingBlock,0.625rem)}.ActionListContent.ActionListContent--sizeXLarge{--actionListContent-paddingBlock:var(--control-xlarge-paddingBlock,0.875rem)}@media (pointer:coarse){.ActionListContent{--actionListContent-paddingBlock:var(--control-large-paddingBlock,0.625rem)}}.ActionListContent.ActionListContent--blockDescription .ActionListItem-visual{place-self:start}.ActionListItem-action--leading{grid-area:leadingAction}.ActionListItem-visual--leading{grid-area:leadingVisual}.ActionListItem-visual--trailing{grid-area:trailingVisual}.ActionListItem-action--trailing{grid-area:trailingAction}.ActionListItem-descriptionWrap{display:flex;flex-direction:column;gap:var(--base-size-4,4px);grid-area:label}.ActionListItem-descriptionWrap .ActionListItem-label{font-weight:var(--base-text-weight-semibold,600)}.ActionListItem-descriptionWrap--inline{align-items:baseline;flex-direction:row;gap:var(--base-size-8,8px);position:relative}.ActionListItem-description{color:var(--color-fg-muted);font-size:var(--text-body-size-small,12px);font-weight:var(--base-text-weight-normal,400);line-height:var(--text-body-lineHeight-small,1.66667)}.ActionListItem-action,.ActionListItem-visual{fill:var(--color-fg-muted);align-items:center;color:var(--color-fg-muted);display:flex;min-height:var(--control-medium-lineBoxHeight,20px);pointer-events:none}.ActionListItem-label{color:var(--color-fg-default);font-size:var(--text-body-size-medium,14px);font-weight:var(--base-text-weight-normal,400);grid-area:label;line-height:var(--text-body-lineHeight-medium,1.42857);position:relative}.ActionListItem-label--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ActionListItem--subItem>.ActionListContent>.ActionListItem-label{font-size:var(--text-body-size-small,12px);line-height:var(--text-body-lineHeight-small,1.66667)}.ActionListItem--withActions{align-items:center;display:flex;flex-wrap:nowrap}.ActionListItem-trailingAction{border-bottom-left-radius:0;border-top-left-radius:0}.ActionListItem--trailingActionHover .ActionListItem-trailingAction{visibility:hidden}.ActionListItem--trailingActionHover:focus-within .ActionListItem-trailingAction,.ActionListItem--trailingActionHover:hover .ActionListItem-trailingAction{visibility:visible}.ActionList-sectionDivider:not(:empty){color:var(--color-fg-muted);display:flex;flex-direction:column;font-size:var(--text-body-size-small,12px);font-weight:var(--base-text-weight-semibold,600);line-height:var(--text-body-lineHeight-small,1.66667);padding-block:var(--base-size-8,8px);padding-inline:var(--actionListContent-paddingBlock)}.ActionList-sectionDivider:empty{background:var(--color-action-list-item-inline-divider);border:0;display:block;height:var(--borderWidth-thin,1px);list-style:none;margin-block-end:var(--base-size-8,8px);margin-block-start:calc(var(--base-size-8, 8px) - var(--borderWidth-thin, 1px));margin-inline:calc(var(--base-size-8, 8px)*-1);padding:0}.ActionList-sectionDivider .ActionList-sectionDivider-title{color:var(--color-fg-muted);font-size:var(--text-body-size-small,12px);font-weight:var(--base-text-weight-semibold,600)}.ActionList-sectionDivider--filled{background:var(--color-canvas-subtle);border-bottom:solid var(--borderWidth-thin,1px) var(--color-action-list-item-inline-divider);border-top:solid var(--borderWidth-thin,1px) var(--color-action-list-item-inline-divider);margin-block-end:var(--base-size-8,8px);margin-block-start:calc(var(--base-size-8, 8px) - var(--borderWidth-thin, 1px));margin-inline:calc(var(--base-size-8, 8px)*-1)}.ActionList-sectionDivider--filled:empty{box-sizing:border-box;height:var(--base-size-8,8px)}.ActionList-sectionDivider--filled:first-child{margin-block-start:0}
|
@@ -1 +1,131 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "alpha/action_list",
|
3
|
+
"selectors": [
|
4
|
+
":root",
|
5
|
+
".ActionListHeader",
|
6
|
+
".ActionListWrap",
|
7
|
+
".ActionListWrap--inset",
|
8
|
+
".ActionListWrap--divided .ActionListItem-label:before",
|
9
|
+
".ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before",
|
10
|
+
".ActionListWrap--divided .ActionListItem-descriptionWrap--inline .ActionListItem-label:before",
|
11
|
+
".ActionList-sectionDivider+.ActionListItem .ActionListItem-descriptionWrap--inline:before",
|
12
|
+
".ActionList-sectionDivider+.ActionListItem .ActionListItem-label:before",
|
13
|
+
".ActionListItem:first-of-type .ActionListItem-descriptionWrap--inline:before",
|
14
|
+
".ActionListItem:first-of-type .ActionListItem-label:before",
|
15
|
+
".ActionListWrap--divided .ActionListItem--navActive .ActionListItem-label:before",
|
16
|
+
".ActionListWrap--divided .ActionListItem--navActive+.ActionListItem .ActionListItem-label:before",
|
17
|
+
".ActionListItem",
|
18
|
+
".ActionListItem:active",
|
19
|
+
".ActionListItem:hover",
|
20
|
+
".ActionListItem:hover .ActionListItem-descriptionWrap--inline:before",
|
21
|
+
".ActionListItem:hover .ActionListItem-label:before",
|
22
|
+
".ActionListItem:hover+.ActionListItem .ActionListItem-descriptionWrap--inline:before",
|
23
|
+
".ActionListItem:hover+.ActionListItem .ActionListItem-label:before",
|
24
|
+
".ActionListItem[hidden]+.ActionList-sectionDivider",
|
25
|
+
".ActionListItem.ActionListItem--hasSubItem>.ActionListContent",
|
26
|
+
".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover",
|
27
|
+
".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active",
|
28
|
+
".ActionListItem:not(.ActionListItem--hasSubItem):hover",
|
29
|
+
".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover:not(.ActionListItem--navActive,:focus-visible)",
|
30
|
+
".ActionListItem:not(.ActionListItem--hasSubItem):hover:not(.ActionListItem--navActive,:focus-visible)",
|
31
|
+
".ActionListItem:not(.ActionListItem--hasSubItem):active",
|
32
|
+
".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active:not(.ActionListItem--navActive)",
|
33
|
+
".ActionListItem:not(.ActionListItem--hasSubItem):active:not(.ActionListItem--navActive)",
|
34
|
+
".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active .ActionListItem-label:before",
|
35
|
+
".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active+.ActionListItem .ActionListItem-label:before",
|
36
|
+
".ActionListItem:not(.ActionListItem--hasSubItem):active .ActionListItem-label:before",
|
37
|
+
".ActionListItem:not(.ActionListItem--hasSubItem):active+.ActionListItem .ActionListItem-label:before",
|
38
|
+
".ActionListItem[aria-checked=true] .ActionListItem-multiSelectCheckmark",
|
39
|
+
".ActionListItem[aria-selected=true] .ActionListItem-multiSelectCheckmark",
|
40
|
+
".ActionListItem[aria-checked=true] .ActionListItem-singleSelectCheckmark",
|
41
|
+
".ActionListItem[aria-selected=true] .ActionListItem-singleSelectCheckmark",
|
42
|
+
".ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",
|
43
|
+
".ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",
|
44
|
+
".ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark",
|
45
|
+
".ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark",
|
46
|
+
".ActionListItem[aria-checked=false] .ActionListItem-multiSelectCheckmark",
|
47
|
+
".ActionListItem[aria-selected=false] .ActionListItem-multiSelectCheckmark",
|
48
|
+
".ActionListItem[aria-checked=false] .ActionListItem-singleSelectCheckmark",
|
49
|
+
".ActionListItem[aria-selected=false] .ActionListItem-singleSelectCheckmark",
|
50
|
+
".ActionListItem[aria-checked=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",
|
51
|
+
".ActionListItem[aria-selected=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",
|
52
|
+
".ActionListItem[aria-checked=false] .ActionListItem-multiSelectIconRect",
|
53
|
+
".ActionListItem[aria-selected=false] .ActionListItem-multiSelectIconRect",
|
54
|
+
".ActionListItem[aria-selected=true]",
|
55
|
+
".ActionListItem[aria-selected=true]:hover",
|
56
|
+
".ActionListItem[aria-selected=true]+.ActionListItem:before",
|
57
|
+
".ActionListItem[aria-selected=true]:before",
|
58
|
+
".ActionListItem[aria-selected=true]:after",
|
59
|
+
".ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label",
|
60
|
+
".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)",
|
61
|
+
".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):hover",
|
62
|
+
".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)+.ActionListItem:before",
|
63
|
+
".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):before",
|
64
|
+
".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):after",
|
65
|
+
".ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-description",
|
66
|
+
".ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-label",
|
67
|
+
".ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-description",
|
68
|
+
".ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-label",
|
69
|
+
".ActionListItem.ActionListItem--disabled .ActionListContent .ActionListItem-visual",
|
70
|
+
".ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-visual",
|
71
|
+
".ActionListItem.ActionListItem--disabled:hover",
|
72
|
+
".ActionListItem[aria-disabled=true]:hover",
|
73
|
+
".ActionListItem.ActionListItem--danger .ActionListItem-label",
|
74
|
+
".ActionListItem.ActionListItem--danger .ActionListItem-visual",
|
75
|
+
".ActionListItem.ActionListItem--danger:hover",
|
76
|
+
".ActionListItem.ActionListItem--danger:hover .ActionListItem-label",
|
77
|
+
".ActionListItem.ActionListItem--danger:hover .ActionListItem-visual",
|
78
|
+
".ActionListItem.ActionListItem--danger .ActionListContent:active",
|
79
|
+
".ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-label",
|
80
|
+
".ActionListItem.ActionListItem--danger .ActionListContent:active .ActionListItem-visual",
|
81
|
+
".ActionListContent",
|
82
|
+
".ActionListContent>:not(:last-child)",
|
83
|
+
".ActionListContent:hover",
|
84
|
+
".ActionListContent[aria-disabled=true] .ActionListItem-description",
|
85
|
+
".ActionListContent[aria-disabled=true] .ActionListItem-label",
|
86
|
+
".ActionListContent[aria-disabled=true] .ActionListItem-visual",
|
87
|
+
".ActionListContent[aria-disabled=true]:hover",
|
88
|
+
".ActionListContent[aria-expanded]+.ActionList--subGroup",
|
89
|
+
".ActionListContent[aria-expanded]+.ActionList--subGroup .ActionListContent",
|
90
|
+
".ActionListContent.ActionListContent--visual16[aria-expanded]+.ActionList--subGroup .ActionListContent",
|
91
|
+
".ActionListContent.ActionListContent--visual20[aria-expanded]+.ActionList--subGroup .ActionListContent",
|
92
|
+
".ActionListContent.ActionListContent--visual24[aria-expanded]+.ActionList--subGroup .ActionListContent",
|
93
|
+
".ActionListContent[aria-expanded=true] .ActionListItem-collapseIcon",
|
94
|
+
".ActionListContent[aria-expanded=true]+.ActionList--subGroup",
|
95
|
+
".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=true]>.ActionListItem-label",
|
96
|
+
".ActionListContent[aria-expanded=false] .ActionListItem-collapseIcon",
|
97
|
+
".ActionListContent[aria-expanded=false]+.ActionList--subGroup",
|
98
|
+
".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]",
|
99
|
+
".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] .ActionListItem-label",
|
100
|
+
".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]+.ActionListItem:before",
|
101
|
+
".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:before",
|
102
|
+
".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:after",
|
103
|
+
".ActionListContent.ActionListContent--sizeLarge",
|
104
|
+
".ActionListContent.ActionListContent--sizeXLarge",
|
105
|
+
".ActionListContent.ActionListContent--blockDescription .ActionListItem-visual",
|
106
|
+
".ActionListItem-action--leading",
|
107
|
+
".ActionListItem-visual--leading",
|
108
|
+
".ActionListItem-visual--trailing",
|
109
|
+
".ActionListItem-action--trailing",
|
110
|
+
".ActionListItem-descriptionWrap",
|
111
|
+
".ActionListItem-descriptionWrap .ActionListItem-label",
|
112
|
+
".ActionListItem-descriptionWrap--inline",
|
113
|
+
".ActionListItem-description",
|
114
|
+
".ActionListItem-action",
|
115
|
+
".ActionListItem-visual",
|
116
|
+
".ActionListItem-label",
|
117
|
+
".ActionListItem-label--truncate",
|
118
|
+
".ActionListItem--subItem>.ActionListContent>.ActionListItem-label",
|
119
|
+
".ActionListItem--withActions",
|
120
|
+
".ActionListItem-trailingAction",
|
121
|
+
".ActionListItem--trailingActionHover .ActionListItem-trailingAction",
|
122
|
+
".ActionListItem--trailingActionHover:focus-within .ActionListItem-trailingAction",
|
123
|
+
".ActionListItem--trailingActionHover:hover .ActionListItem-trailingAction",
|
124
|
+
".ActionList-sectionDivider:not(:empty)",
|
125
|
+
".ActionList-sectionDivider:empty",
|
126
|
+
".ActionList-sectionDivider .ActionList-sectionDivider-title",
|
127
|
+
".ActionList-sectionDivider--filled",
|
128
|
+
".ActionList-sectionDivider--filled:empty",
|
129
|
+
".ActionList-sectionDivider--filled:first-child"
|
130
|
+
]
|
131
|
+
}
|
data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts
ADDED
@@ -0,0 +1,29 @@
|
|
1
|
+
import '@github/include-fragment-element';
|
2
|
+
declare type SelectVariant = 'none' | 'single' | 'multiple' | null;
|
3
|
+
declare type SelectedItem = {
|
4
|
+
label: string | null | undefined;
|
5
|
+
value: string | null | undefined;
|
6
|
+
element: Element;
|
7
|
+
};
|
8
|
+
export declare class ActionMenuElement extends HTMLElement {
|
9
|
+
#private;
|
10
|
+
get selectVariant(): SelectVariant;
|
11
|
+
set selectVariant(variant: SelectVariant);
|
12
|
+
get dynamicLabelPrefix(): string;
|
13
|
+
set dynamicLabelPrefix(value: string);
|
14
|
+
get dynamicLabel(): boolean;
|
15
|
+
set dynamicLabel(value: boolean);
|
16
|
+
get popoverElement(): HTMLElement | null;
|
17
|
+
get invokerElement(): HTMLElement | null;
|
18
|
+
get invokerLabel(): HTMLElement | null;
|
19
|
+
get selectedItems(): SelectedItem[];
|
20
|
+
connectedCallback(): void;
|
21
|
+
disconnectedCallback(): void;
|
22
|
+
handleEvent(event: Event): void;
|
23
|
+
}
|
24
|
+
declare global {
|
25
|
+
interface Window {
|
26
|
+
ActionMenuElement: typeof ActionMenuElement;
|
27
|
+
}
|
28
|
+
}
|
29
|
+
export {};
|
data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js
ADDED
@@ -0,0 +1,217 @@
|
|
1
|
+
var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
|
2
|
+
if (kind === "m") throw new TypeError("Private method is not writable");
|
3
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
|
4
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
|
5
|
+
return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
|
6
|
+
};
|
7
|
+
var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
|
8
|
+
if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
|
9
|
+
if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
|
10
|
+
return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
|
11
|
+
};
|
12
|
+
var _ActionMenuElement_instances, _ActionMenuElement_abortController, _ActionMenuElement_originalLabel, _ActionMenuElement_inputName, _ActionMenuElement_setDynamicLabel, _ActionMenuElement_updateInput, _ActionMenuElement_isEnterKeydown, _ActionMenuElement_firstItem_get;
|
13
|
+
import '@github/include-fragment-element';
|
14
|
+
const popoverSelector = (() => {
|
15
|
+
try {
|
16
|
+
document.querySelector(':open');
|
17
|
+
return ':open';
|
18
|
+
}
|
19
|
+
catch (_a) {
|
20
|
+
return '.\\:open';
|
21
|
+
}
|
22
|
+
})();
|
23
|
+
const menuItemSelectors = ['[role="menuitem"]', '[role="menuitemcheckbox"]', '[role="menuitemradio"]'];
|
24
|
+
export class ActionMenuElement extends HTMLElement {
|
25
|
+
constructor() {
|
26
|
+
super(...arguments);
|
27
|
+
_ActionMenuElement_instances.add(this);
|
28
|
+
_ActionMenuElement_abortController.set(this, void 0);
|
29
|
+
_ActionMenuElement_originalLabel.set(this, '');
|
30
|
+
_ActionMenuElement_inputName.set(this, '');
|
31
|
+
}
|
32
|
+
get selectVariant() {
|
33
|
+
return this.getAttribute('data-select-variant');
|
34
|
+
}
|
35
|
+
set selectVariant(variant) {
|
36
|
+
if (variant) {
|
37
|
+
this.setAttribute('data-select-variant', variant);
|
38
|
+
}
|
39
|
+
else {
|
40
|
+
this.removeAttribute('variant');
|
41
|
+
}
|
42
|
+
}
|
43
|
+
get dynamicLabelPrefix() {
|
44
|
+
const prefix = this.getAttribute('data-dynamic-label-prefix');
|
45
|
+
if (!prefix)
|
46
|
+
return '';
|
47
|
+
return `${prefix}:`;
|
48
|
+
}
|
49
|
+
set dynamicLabelPrefix(value) {
|
50
|
+
this.setAttribute('data-dynamic-label', value);
|
51
|
+
}
|
52
|
+
get dynamicLabel() {
|
53
|
+
return this.hasAttribute('data-dynamic-label');
|
54
|
+
}
|
55
|
+
set dynamicLabel(value) {
|
56
|
+
this.toggleAttribute('data-dynamic-label', value);
|
57
|
+
}
|
58
|
+
get popoverElement() {
|
59
|
+
return this.querySelector('[popover]');
|
60
|
+
}
|
61
|
+
get invokerElement() {
|
62
|
+
var _a;
|
63
|
+
const id = (_a = this.querySelector('[role=menu]')) === null || _a === void 0 ? void 0 : _a.id;
|
64
|
+
if (!id)
|
65
|
+
return null;
|
66
|
+
for (const el of this.querySelectorAll(`[aria-controls]`)) {
|
67
|
+
if (el.getAttribute('aria-controls') === id)
|
68
|
+
return el;
|
69
|
+
}
|
70
|
+
return null;
|
71
|
+
}
|
72
|
+
get invokerLabel() {
|
73
|
+
if (!this.invokerElement)
|
74
|
+
return null;
|
75
|
+
return this.invokerElement.querySelector('.Button-label');
|
76
|
+
}
|
77
|
+
get selectedItems() {
|
78
|
+
const selectedItems = this.querySelectorAll('[aria-checked=true]');
|
79
|
+
const results = [];
|
80
|
+
for (const selectedItem of selectedItems) {
|
81
|
+
const labelEl = selectedItem.querySelector('.ActionListItem-label');
|
82
|
+
results.push({
|
83
|
+
label: labelEl === null || labelEl === void 0 ? void 0 : labelEl.textContent,
|
84
|
+
value: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.getAttribute('data-value'),
|
85
|
+
element: selectedItem
|
86
|
+
});
|
87
|
+
}
|
88
|
+
return results;
|
89
|
+
}
|
90
|
+
connectedCallback() {
|
91
|
+
const { signal } = (__classPrivateFieldSet(this, _ActionMenuElement_abortController, new AbortController(), "f"));
|
92
|
+
this.addEventListener('keydown', this, { signal });
|
93
|
+
this.addEventListener('click', this, { signal });
|
94
|
+
this.addEventListener('mouseover', this, { signal });
|
95
|
+
this.addEventListener('focusout', this, { signal });
|
96
|
+
__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_setDynamicLabel).call(this);
|
97
|
+
__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_updateInput).call(this);
|
98
|
+
}
|
99
|
+
disconnectedCallback() {
|
100
|
+
__classPrivateFieldGet(this, _ActionMenuElement_abortController, "f").abort();
|
101
|
+
}
|
102
|
+
handleEvent(event) {
|
103
|
+
var _a, _b, _c, _d;
|
104
|
+
if (event.target === this.invokerElement && __classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isEnterKeydown).call(this, event)) {
|
105
|
+
if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get)) {
|
106
|
+
event.preventDefault();
|
107
|
+
(_a = this.popoverElement) === null || _a === void 0 ? void 0 : _a.showPopover();
|
108
|
+
__classPrivateFieldGet(this, _ActionMenuElement_instances, "a", _ActionMenuElement_firstItem_get).focus();
|
109
|
+
return;
|
110
|
+
}
|
111
|
+
}
|
112
|
+
if (!((_b = this.popoverElement) === null || _b === void 0 ? void 0 : _b.matches(popoverSelector)))
|
113
|
+
return;
|
114
|
+
if (event.type === 'focusout' && !this.contains(event.relatedTarget)) {
|
115
|
+
(_c = this.popoverElement) === null || _c === void 0 ? void 0 : _c.hidePopover();
|
116
|
+
}
|
117
|
+
else if (__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_isEnterKeydown).call(this, event) || (event instanceof MouseEvent && event.type === 'click')) {
|
118
|
+
const item = (_d = event.target.closest(menuItemSelectors.join(','))) === null || _d === void 0 ? void 0 : _d.closest('li');
|
119
|
+
if (!item)
|
120
|
+
return;
|
121
|
+
const ariaChecked = item.getAttribute('aria-checked');
|
122
|
+
const checked = ariaChecked !== 'true';
|
123
|
+
item.setAttribute('aria-checked', `${checked}`);
|
124
|
+
if (this.selectVariant === 'single') {
|
125
|
+
const selector = menuItemSelectors.map(s => `li[aria-checked] ${s}`).join(',');
|
126
|
+
for (const checkedItemContent of this.querySelectorAll(selector)) {
|
127
|
+
const checkedItem = checkedItemContent.closest('li');
|
128
|
+
if (checkedItem !== item) {
|
129
|
+
checkedItem.setAttribute('aria-checked', 'false');
|
130
|
+
}
|
131
|
+
}
|
132
|
+
__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_setDynamicLabel).call(this);
|
133
|
+
}
|
134
|
+
__classPrivateFieldGet(this, _ActionMenuElement_instances, "m", _ActionMenuElement_updateInput).call(this);
|
135
|
+
if (event instanceof KeyboardEvent && event.target instanceof HTMLButtonElement) {
|
136
|
+
// prevent buttons from being clicked twice
|
137
|
+
event.preventDefault();
|
138
|
+
}
|
139
|
+
// Hide popover after current event loop to prevent changes in focus from
|
140
|
+
// altering the target of the event. Not doing this specifically affects
|
141
|
+
// <a> tags. It causes the event to be sent to the currently focused element
|
142
|
+
// instead of the anchor, which effectively prevents navigation, i.e. it
|
143
|
+
// appears as if hitting enter does nothing. Curiously, clicking instead
|
144
|
+
// works fine.
|
145
|
+
if (this.selectVariant !== 'multiple') {
|
146
|
+
setTimeout(() => { var _a; return (_a = this.popoverElement) === null || _a === void 0 ? void 0 : _a.hidePopover(); });
|
147
|
+
}
|
148
|
+
}
|
149
|
+
}
|
150
|
+
}
|
151
|
+
_ActionMenuElement_abortController = new WeakMap(), _ActionMenuElement_originalLabel = new WeakMap(), _ActionMenuElement_inputName = new WeakMap(), _ActionMenuElement_instances = new WeakSet(), _ActionMenuElement_setDynamicLabel = function _ActionMenuElement_setDynamicLabel() {
|
152
|
+
if (!this.dynamicLabel)
|
153
|
+
return;
|
154
|
+
const invokerLabel = this.invokerLabel;
|
155
|
+
if (!invokerLabel)
|
156
|
+
return;
|
157
|
+
__classPrivateFieldSet(this, _ActionMenuElement_originalLabel, __classPrivateFieldGet(this, _ActionMenuElement_originalLabel, "f") || (invokerLabel.textContent || ''), "f");
|
158
|
+
const itemLabel = this.querySelector('[aria-checked=true] .ActionListItem-label');
|
159
|
+
if (itemLabel && this.dynamicLabel) {
|
160
|
+
const prefixSpan = document.createElement('span');
|
161
|
+
prefixSpan.classList.add('color-fg-muted');
|
162
|
+
const contentSpan = document.createElement('span');
|
163
|
+
prefixSpan.textContent = this.dynamicLabelPrefix;
|
164
|
+
contentSpan.textContent = itemLabel.textContent || '';
|
165
|
+
invokerLabel.replaceChildren(prefixSpan, contentSpan);
|
166
|
+
}
|
167
|
+
else {
|
168
|
+
invokerLabel.textContent = __classPrivateFieldGet(this, _ActionMenuElement_originalLabel, "f");
|
169
|
+
}
|
170
|
+
}, _ActionMenuElement_updateInput = function _ActionMenuElement_updateInput() {
|
171
|
+
if (this.selectVariant === 'single') {
|
172
|
+
const input = this.querySelector(`[data-list-inputs=true] input`);
|
173
|
+
if (!input)
|
174
|
+
return;
|
175
|
+
const selectedItem = this.selectedItems[0];
|
176
|
+
if (selectedItem) {
|
177
|
+
input.value = (selectedItem.value || selectedItem.label || '').trim();
|
178
|
+
input.removeAttribute('disabled');
|
179
|
+
}
|
180
|
+
else {
|
181
|
+
input.setAttribute('disabled', 'disabled');
|
182
|
+
}
|
183
|
+
}
|
184
|
+
else if (this.selectVariant !== 'none') {
|
185
|
+
// multiple select variant
|
186
|
+
const inputList = this.querySelector('[data-list-inputs=true]');
|
187
|
+
if (!inputList)
|
188
|
+
return;
|
189
|
+
const inputs = inputList.querySelectorAll('input');
|
190
|
+
if (inputs.length > 0) {
|
191
|
+
__classPrivateFieldSet(this, _ActionMenuElement_inputName, __classPrivateFieldGet(this, _ActionMenuElement_inputName, "f") || inputs[0].name, "f");
|
192
|
+
}
|
193
|
+
for (const selectedItem of this.selectedItems) {
|
194
|
+
const newInput = document.createElement('input');
|
195
|
+
newInput.setAttribute('data-list-input', 'true');
|
196
|
+
newInput.type = 'hidden';
|
197
|
+
newInput.autocomplete = 'off';
|
198
|
+
newInput.name = __classPrivateFieldGet(this, _ActionMenuElement_inputName, "f");
|
199
|
+
newInput.value = (selectedItem.value || selectedItem.label || '').trim();
|
200
|
+
inputList.append(newInput);
|
201
|
+
}
|
202
|
+
for (const input of inputs) {
|
203
|
+
input.remove();
|
204
|
+
}
|
205
|
+
}
|
206
|
+
}, _ActionMenuElement_isEnterKeydown = function _ActionMenuElement_isEnterKeydown(event) {
|
207
|
+
return (event instanceof KeyboardEvent &&
|
208
|
+
event.type === 'keydown' &&
|
209
|
+
!(event.ctrlKey || event.altKey || event.metaKey || event.shiftKey) &&
|
210
|
+
event.key === 'Enter');
|
211
|
+
}, _ActionMenuElement_firstItem_get = function _ActionMenuElement_firstItem_get() {
|
212
|
+
return this.querySelector(menuItemSelectors.join(','));
|
213
|
+
};
|
214
|
+
if (!window.customElements.get('action-menu')) {
|
215
|
+
window.ActionMenuElement = ActionMenuElement;
|
216
|
+
window.customElements.define('action-menu', ActionMenuElement);
|
217
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.autocomplete-label-stacked{display:block;margin-bottom:6px}.autocomplete-label-inline{display:inline;margin-right:6px}@media (max-width:543.98px){.autocomplete-label-inline{display:block;margin-bottom:6px}}.autocomplete-body{display:inline;position:relative}.autocomplete-embedded-icon-wrap{align-items:center;display:inline-flex;padding:4px 8px}.autocomplete-embedded-icon-wrap:focus-within{border-color:var(--color-accent-fg);box-shadow:inset 0 0 0 1px var(--color-accent-fg);outline:none}.autocomplete-embedded-icon-wrap .form-control{border:none;box-shadow:none;margin-left:8px;padding:0}.autocomplete-embedded-icon-wrap .form-control:focus{box-shadow:none}.autocomplete-embedded-icon-wrap .form-control:focus-visible{box-shadow:none}.autocomplete-results{background:var(--color-canvas-overlay);border:var(--
|
1
|
+
.autocomplete-label-stacked{display:block;margin-bottom:6px}.autocomplete-label-inline{display:inline;margin-right:6px}@media (max-width:543.98px){.autocomplete-label-inline{display:block;margin-bottom:6px}}.autocomplete-body{display:inline;position:relative}.autocomplete-embedded-icon-wrap{align-items:center;display:inline-flex;padding:4px 8px}.autocomplete-embedded-icon-wrap:focus-within{border-color:var(--color-accent-fg);box-shadow:inset 0 0 0 1px var(--color-accent-fg);outline:none}.autocomplete-embedded-icon-wrap .form-control{border:none;box-shadow:none;margin-left:8px;padding:0}.autocomplete-embedded-icon-wrap .form-control:focus{box-shadow:none}.autocomplete-embedded-icon-wrap .form-control:focus-visible{box-shadow:none}.autocomplete-results{background:var(--color-canvas-overlay);border:var(--borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--borderRadius-medium,6px);box-shadow:var(--color-shadow-medium);font-size:13px;left:0;list-style:none;max-height:20em;min-width:100%;overflow-y:auto;position:absolute;width:max-content;z-index:99}.autocomplete-item{background-color:var(--color-canvas-overlay);border:0;color:var(--color-fg-default);cursor:pointer;display:block;font-weight:var(--base-text-weight-semibold,600);overflow:hidden;padding:4px 8px;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:100%}.autocomplete-item:hover{background-color:var(--color-accent-emphasis);color:var(--color-fg-on-emphasis);text-decoration:none}.autocomplete-item:hover *{color:inherit!important}.autocomplete-item.navigation-focus,.autocomplete-item.selected,.autocomplete-item[aria-selected=true]{background-color:var(--color-accent-emphasis);color:var(--color-fg-on-emphasis);text-decoration:none}.autocomplete-item.navigation-focus *,.autocomplete-item.selected *,.autocomplete-item[aria-selected=true] *{color:inherit!important}
|
@@ -1 +1,23 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "alpha/auto_complete",
|
3
|
+
"selectors": [
|
4
|
+
".autocomplete-label-stacked",
|
5
|
+
".autocomplete-label-inline",
|
6
|
+
".autocomplete-body",
|
7
|
+
".autocomplete-embedded-icon-wrap",
|
8
|
+
".autocomplete-embedded-icon-wrap:focus-within",
|
9
|
+
".autocomplete-embedded-icon-wrap .form-control",
|
10
|
+
".autocomplete-embedded-icon-wrap .form-control:focus",
|
11
|
+
".autocomplete-embedded-icon-wrap .form-control:focus-visible",
|
12
|
+
".autocomplete-results",
|
13
|
+
".autocomplete-item",
|
14
|
+
".autocomplete-item:hover",
|
15
|
+
".autocomplete-item:hover *",
|
16
|
+
".autocomplete-item.navigation-focus",
|
17
|
+
".autocomplete-item.selected",
|
18
|
+
".autocomplete-item[aria-selected=true]",
|
19
|
+
".autocomplete-item.navigation-focus *",
|
20
|
+
".autocomplete-item.selected *",
|
21
|
+
".autocomplete-item[aria-selected=true] *"
|
22
|
+
]
|
23
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
.Banner{background-image:linear-gradient(var(--color-accent-subtle),var(--color-accent-subtle));border:var(--
|
1
|
+
.Banner{background-image:linear-gradient(var(--color-accent-subtle),var(--color-accent-subtle));border:var(--borderWidth-thin,max(1px,.0625rem)) solid var(--color-accent-muted);border-radius:var(--borderRadius-medium,6px);color:var(--color-fg-default);display:grid;grid-auto-flow:column;grid-template-areas:"visual message actions close";grid-template-columns:min-content 1fr minmax(0,auto) min-content;grid-template-rows:min-content;padding:var(--base-size-8,8px);position:relative}@media (max-width:543.98px){.Banner{grid-template-areas:"visual message close" ". actions actions";grid-template-columns:min-content 1fr min-content;grid-template-rows:min-content min-content}.Banner .Banner-actions{margin:var(--base-size-8,8px) 0 0 var(--base-size-8,8px)}}.Banner .Banner-visual{align-self:start;display:grid;grid-area:visual;padding:var(--base-size-6,6px) var(--base-size-8,8px)}.Banner .Banner-visual>.octicon{margin-block:calc(var(--base-size-4, 4px)/2)}.Banner .Banner-visual>*{align-self:center}.Banner .Banner-message{align-self:center;grid-area:message;padding:var(--base-size-6,6px) var(--base-size-8,8px)}.Banner .Banner-message p:last-child{margin-bottom:0}.Banner .Banner-message .Banner-title:not(:only-child){font-weight:var(--base-text-weight-semibold,600);margin-bottom:0}.Banner .Banner-actions{grid-area:actions}.Banner .Banner-actions:last-child{align-self:center}.Banner .Banner-close{grid-area:close;margin-left:var(--controlStack-medium-gap-condensed,8px)}.Banner .Banner-visual .octicon{color:var(--color-accent-fg)}.Banner.Banner--warning{background-image:linear-gradient(var(--color-attention-subtle),var(--color-attention-subtle));border-color:var(--color-attention-muted);color:var(--color-fg-default)}.Banner.Banner--warning .Banner-visual .octicon{color:var(--color-attention-fg)}.Banner.Banner--error{background-image:linear-gradient(var(--color-danger-subtle),var(--color-danger-subtle));border-color:var(--color-danger-muted);color:var(--color-fg-default)}.Banner.Banner--error .Banner-visual .octicon{color:var(--color-danger-fg)}.Banner.Banner--success{background-image:linear-gradient(var(--color-success-subtle),var(--color-success-subtle));border-color:var(--color-success-muted);color:var(--color-fg-default)}.Banner.Banner--success .Banner-visual .octicon{color:var(--color-success-fg)}.Banner.Banner--full{border-left:0;border-radius:0;border-right:0;margin-top:calc(var(--borderWidth-thin, max(1px, .0625rem))*-1)}@media (max-width:767.98px){.Banner.Banner--full-whenNarrow{border-left:0;border-radius:0;border-right:0;margin-top:calc(var(--borderWidth-thin, max(1px, .0625rem))*-1)}}
|
@@ -1 +1,24 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "alpha/banner",
|
3
|
+
"selectors": [
|
4
|
+
".Banner",
|
5
|
+
".Banner .Banner-actions",
|
6
|
+
".Banner .Banner-visual",
|
7
|
+
".Banner .Banner-visual>.octicon",
|
8
|
+
".Banner .Banner-visual>*",
|
9
|
+
".Banner .Banner-message",
|
10
|
+
".Banner .Banner-message p:last-child",
|
11
|
+
".Banner .Banner-message .Banner-title:not(:only-child)",
|
12
|
+
".Banner .Banner-actions:last-child",
|
13
|
+
".Banner .Banner-close",
|
14
|
+
".Banner .Banner-visual .octicon",
|
15
|
+
".Banner.Banner--warning",
|
16
|
+
".Banner.Banner--warning .Banner-visual .octicon",
|
17
|
+
".Banner.Banner--error",
|
18
|
+
".Banner.Banner--error .Banner-visual .octicon",
|
19
|
+
".Banner.Banner--success",
|
20
|
+
".Banner.Banner--success .Banner-visual .octicon",
|
21
|
+
".Banner.Banner--full",
|
22
|
+
".Banner.Banner--full-whenNarrow"
|
23
|
+
]
|
24
|
+
}
|
@@ -1 +1,33 @@
|
|
1
|
-
{
|
1
|
+
{
|
2
|
+
"name": "alpha/button_marketing",
|
3
|
+
"selectors": [
|
4
|
+
".btn-mktg",
|
5
|
+
".btn-mktg:before",
|
6
|
+
".btn-mktg:hover",
|
7
|
+
".btn-mktg.focus:before",
|
8
|
+
".btn-mktg:focus-visible:before",
|
9
|
+
".btn-mktg:focus:before",
|
10
|
+
".btn-mktg:hover:before",
|
11
|
+
".btn-mktg:focus",
|
12
|
+
".btn-mktg:focus:not(:focus-visible)",
|
13
|
+
".btn-mktg:focus-visible",
|
14
|
+
".btn-mktg:active:before",
|
15
|
+
".btn-mktg.disabled",
|
16
|
+
".btn-mktg[disabled]",
|
17
|
+
".btn-muted-mktg",
|
18
|
+
".btn-muted-mktg:before",
|
19
|
+
".btn-muted-mktg:hover",
|
20
|
+
".btn-muted-mktg:active",
|
21
|
+
".btn-muted-mktg:disabled",
|
22
|
+
".btn-subtle-mktg",
|
23
|
+
".btn-subtle-mktg:before",
|
24
|
+
".btn-subtle-mktg:hover",
|
25
|
+
".btn-signup-mktg",
|
26
|
+
".btn-signup-mktg:before",
|
27
|
+
".btn-signup-mktg:focus",
|
28
|
+
".btn-signup-mktg:focus:not(:focus-visible)",
|
29
|
+
".btn-signup-mktg:focus-visible",
|
30
|
+
".btn-small-mktg",
|
31
|
+
".btn-large-mktg"
|
32
|
+
]
|
33
|
+
}
|