jekyll-v4-theme-primer 0.11.0 → 0.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +6 -3
  3. data/_sass/@primer/css/base/normalize.scss +1 -0
  4. data/_sass/@primer/css/core/index.scss +0 -1
  5. data/_sass/@primer/css/forms/form-group.scss +2 -1
  6. data/_sass/@primer/css/forms/index.scss +0 -1
  7. data/_sass/@primer/css/labels/index.scss +0 -1
  8. data/_sass/@primer/css/layout/app-frame.scss +6 -6
  9. data/_sass/@primer/css/layout/stack.scss +6 -6
  10. data/_sass/@primer/css/markdown/lists.scss +4 -4
  11. data/_sass/@primer/css/primitives/index.scss +9 -9
  12. data/_sass/@primer/css/support/variables/misc.scss +1 -1
  13. data/_sass/@primer/css/utilities/borders.scss +8 -8
  14. data/_sass/@primer/css/utilities/visibility-display.scss +10 -9
  15. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
  16. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
  17. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +3 -3
  18. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
  19. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
  20. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +131 -1
  21. data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +29 -0
  22. data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +217 -0
  23. data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
  24. data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css.json +23 -1
  25. data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
  26. data/_sass/@primer/view-components/app/components/primer/alpha/banner.css.json +24 -1
  27. data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css.json +33 -1
  28. data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -1
  29. data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +80 -1
  30. data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
  31. data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css.json +40 -1
  32. data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
  33. data/_sass/@primer/view-components/app/components/primer/alpha/layout.css.json +80 -1
  34. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
  35. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +28 -1
  36. data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +12 -0
  37. data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.d.ts +7 -4
  38. data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.js +121 -9
  39. data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -0
  40. data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +8 -0
  41. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
  42. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +31 -1
  43. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
  44. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +24 -1
  45. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +3 -3
  46. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +134 -1
  47. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
  48. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +40 -1
  49. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
  50. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +28 -1
  51. data/_sass/@primer/view-components/app/components/primer/anchored_position.d.ts +27 -0
  52. data/_sass/@primer/view-components/app/components/primer/anchored_position.js +149 -0
  53. data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
  54. data/_sass/@primer/view-components/app/components/primer/beta/avatar.css.json +17 -1
  55. data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
  56. data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css.json +28 -1
  57. data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -1
  58. data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css.json +22 -1
  59. data/_sass/@primer/view-components/app/components/primer/beta/border_box.css +1 -1
  60. data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +54 -1
  61. data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +11 -1
  62. data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
  63. data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +71 -1
  64. data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
  65. data/_sass/@primer/view-components/app/components/primer/beta/counter.css.json +10 -1
  66. data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
  67. data/_sass/@primer/view-components/app/components/primer/beta/flash.css.json +27 -1
  68. data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
  69. data/_sass/@primer/view-components/app/components/primer/beta/label.css.json +25 -1
  70. data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +19 -1
  71. data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
  72. data/_sass/@primer/view-components/app/components/primer/beta/popover.css.json +39 -1
  73. data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css.json +10 -1
  74. data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
  75. data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +13 -1
  76. data/_sass/@primer/view-components/app/components/primer/beta/subhead.css +1 -1
  77. data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +12 -1
  78. data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
  79. data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +16 -1
  80. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
  81. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +12 -1
  82. data/_sass/@primer/view-components/app/components/primer/focus_group.d.ts +19 -0
  83. data/_sass/@primer/view-components/app/components/primer/focus_group.js +144 -0
  84. data/_sass/@primer/view-components/app/components/primer/primer.d.ts +5 -2
  85. data/_sass/@primer/view-components/app/components/primer/primer.js +5 -2
  86. data/_sass/@primer/view-components/app/components/primer/truncate.css.json +13 -1
  87. data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +17 -6
  88. data/_sass/@primer/view-components/package.json +6 -4
  89. data/_sass/@primer/view-components/static/arguments.json +2167 -346
  90. data/_sass/@primer/view-components/static/audited_at.json +22 -22
  91. data/_sass/@primer/view-components/static/classes.json +579 -0
  92. data/_sass/@primer/view-components/static/constants.json +215 -61
  93. data/_sass/@primer/view-components/static/info_arch.json +9090 -0
  94. data/_sass/@primer/view-components/static/previews.json +2020 -0
  95. data/_sass/@primer/view-components/static/statuses.json +23 -23
  96. data/_sass/{jekyll-theme-primer.scss → jekyll-v4-theme-primer.scss} +3 -3
  97. data/_sass/primer.scss +1 -1
  98. data/assets/css/style.scss +1 -1
  99. metadata +16 -15
  100. data/_sass/@primer/css/actionlist/action-list-item-divider.scss +0 -48
  101. data/_sass/@primer/css/actionlist/action-list-item.scss +0 -593
  102. data/_sass/@primer/css/actionlist/action-list-tree.scss +0 -118
  103. data/_sass/@primer/css/actionlist/action-list-variables.scss +0 -8
  104. data/_sass/@primer/css/actionlist/action-list.scss +0 -67
  105. data/_sass/@primer/css/actionlist/index.scss +0 -6
  106. data/_sass/@primer/css/forms/form-validation.scss +0 -265
  107. data/_sass/@primer/css/labels/diffstat.scss +0 -37
  108. data/_sass/@primer/view-components/app/components/primer/time_ago_component.d.ts +0 -1
  109. data/_sass/@primer/view-components/app/components/primer/time_ago_component.js +0 -1
  110. /data/_sass/@primer/view-components/app/components/primer/{local_time.d.ts → beta/relative_time.d.ts} +0 -0
  111. /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
- {"name":"alpha/action_list","selectors":[":root",".ActionListWrap",".ActionListWrap--inset",".ActionListWrap--divided .ActionListItem-label:before",".ActionListWrap--divided .ActionListItem-descriptionWrap--inline:before",".ActionListWrap--divided .ActionListItem-descriptionWrap--inline .ActionListItem-label:before",".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",".ActionListItem",".ActionListItem:active",".ActionListItem: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",".ActionListItem[hidden]+.ActionList-sectionDivider",".ActionListItem.ActionListItem--hasSubItem>.ActionListContent",".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover",".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active",".ActionListItem:not(.ActionListItem--hasSubItem):hover",".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:hover:not(.ActionListItem--navActive",":focus-visible)",".ActionListItem:not(.ActionListItem--hasSubItem):hover:not(.ActionListItem--navActive",".ActionListItem:not(.ActionListItem--hasSubItem):active",".ActionListItem.ActionListItem--hasSubItem>.ActionListContent:active:not(.ActionListItem--navActive)",".ActionListItem:not(.ActionListItem--hasSubItem):active:not(.ActionListItem--navActive)",".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",".ActionListItem[aria-checked=true] .ActionListItem-multiSelectCheckmark",".ActionListItem[aria-selected=true] .ActionListItem-multiSelectCheckmark",".ActionListItem[aria-checked=true] .ActionListItem-singleSelectCheckmark",".ActionListItem[aria-selected=true] .ActionListItem-singleSelectCheckmark",".ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",".ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",".ActionListItem[aria-checked=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark",".ActionListItem[aria-selected=true] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectCheckmark",".ActionListItem[aria-checked=false] .ActionListItem-multiSelectCheckmark",".ActionListItem[aria-selected=false] .ActionListItem-multiSelectCheckmark",".ActionListItem[aria-checked=false] .ActionListItem-singleSelectCheckmark",".ActionListItem[aria-selected=false] .ActionListItem-singleSelectCheckmark",".ActionListItem[aria-checked=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",".ActionListItem[aria-selected=false] .ActionListItem-multiSelectIcon .ActionListItem-multiSelectIconRect",".ActionListItem[aria-checked=false] .ActionListItem-multiSelectIconRect",".ActionListItem[aria-selected=false] .ActionListItem-multiSelectIconRect","0%","to",".ActionListItem[aria-selected=true]",".ActionListItem[aria-selected=true]:hover",".ActionListItem[aria-selected=true]+.ActionListItem:before",".ActionListItem[aria-selected=true]:before",".ActionListItem[aria-selected=true]:after",".ActionListItem.ActionListItem--navActive:not(.ActionListItem--subItem) .ActionListItem-label",".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)",".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):hover",".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger)+.ActionListItem:before",".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):before",".ActionListItem.ActionListItem--navActive:not(.ActionListItem--danger):after",".ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-description",".ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-label",".ActionListItem[aria-disabled=true] .ActionListContent .ActionListItem-visual",".ActionListItem[aria-disabled=true]:hover",".ActionListItem.ActionListItem--danger .ActionListItem-label",".ActionListItem.ActionListItem--danger .ActionListItem-visual",".ActionListItem.ActionListItem--danger:hover",".ActionListItem.ActionListItem--danger:hover .ActionListItem-label",".ActionListItem.ActionListItem--danger .ActionListContent:active",".ActionListContent",".ActionListContent>:not(:last-child)",".ActionListContent:hover",".ActionListContent[aria-disabled=true] .ActionListItem-description",".ActionListContent[aria-disabled=true] .ActionListItem-label",".ActionListContent[aria-disabled=true] .ActionListItem-visual",".ActionListContent[aria-disabled=true]:hover",".ActionListContent[aria-expanded]+.ActionList--subGroup",".ActionListContent[aria-expanded]+.ActionList--subGroup .ActionListContent",".ActionListContent.ActionListContent--visual16[aria-expanded]+.ActionList--subGroup .ActionListContent",".ActionListContent.ActionListContent--visual20[aria-expanded]+.ActionList--subGroup .ActionListContent",".ActionListContent.ActionListContent--visual24[aria-expanded]+.ActionList--subGroup .ActionListContent",".ActionListContent[aria-expanded=true] .ActionListItem-collapseIcon",".ActionListContent[aria-expanded=true]+.ActionList--subGroup",".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=true]>.ActionListItem-label",".ActionListContent[aria-expanded=false] .ActionListItem-collapseIcon",".ActionListContent[aria-expanded=false]+.ActionList--subGroup",".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]",".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false] .ActionListItem-label",".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]+.ActionListItem:before",".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:before",".ActionListContent.ActionListContent--hasActiveSubItem[aria-expanded=false]:after",".ActionListContent.ActionListContent--sizeLarge",".ActionListContent.ActionListContent--sizeXLarge",".ActionListContent.ActionListContent--blockDescription .ActionListItem-visual",".ActionListItem-action--leading",".ActionListItem-visual--leading",".ActionListItem-visual--trailing",".ActionListItem-action--trailing",".ActionListItem-descriptionWrap",".ActionListItem-descriptionWrap .ActionListItem-label",".ActionListItem-descriptionWrap--inline",".ActionListItem-description",".ActionListItem-action",".ActionListItem-visual",".ActionListItem-label",".ActionListItem-label--truncate",".ActionListItem--subItem>.ActionListContent>.ActionListItem-label",".ActionListItem--withActions",".ActionListItem-trailingAction",".ActionListItem--trailingActionHover .ActionListItem-trailingAction",".ActionListItem--trailingActionHover:focus-within .ActionListItem-trailingAction",".ActionListItem--trailingActionHover:hover .ActionListItem-trailingAction",".ActionList-sectionDivider:not(:empty)",".ActionList-sectionDivider:empty",".ActionList-sectionDivider .ActionList-sectionDivider-title",".ActionList-sectionDivider--filled",".ActionList-sectionDivider--filled:empty",".ActionList-sectionDivider--filled:first-child"]}
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
+ }
@@ -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 {};
@@ -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(--primer-borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--primer-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
+ .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
- {"name":"alpha/auto_complete","selectors":[".autocomplete-label-stacked",".autocomplete-label-inline",".autocomplete-body",".autocomplete-embedded-icon-wrap",".autocomplete-embedded-icon-wrap:focus-within",".autocomplete-embedded-icon-wrap .form-control",".autocomplete-embedded-icon-wrap .form-control:focus",".autocomplete-embedded-icon-wrap .form-control:focus-visible",".autocomplete-results",".autocomplete-item",".autocomplete-item:hover",".autocomplete-item:hover *",".autocomplete-item.navigation-focus",".autocomplete-item.selected",".autocomplete-item[aria-selected=true]",".autocomplete-item.navigation-focus *",".autocomplete-item.selected *",".autocomplete-item[aria-selected=true] *"]}
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(--primer-borderWidth-thin,max(1px,.0625rem)) solid var(--color-accent-muted);border-radius:var(--primer-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(--primer-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(--primer-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(--primer-borderWidth-thin, max(1px, .0625rem))*-1)}}
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
- {"name":"alpha/banner","selectors":[".Banner",".Banner .Banner-actions",".Banner .Banner-visual",".Banner .Banner-visual>.octicon",".Banner .Banner-visual>*",".Banner .Banner-message",".Banner .Banner-message p:last-child",".Banner .Banner-message .Banner-title:not(:only-child)",".Banner .Banner-actions:last-child",".Banner .Banner-close",".Banner .Banner-visual .octicon",".Banner.Banner--warning",".Banner.Banner--warning .Banner-visual .octicon",".Banner.Banner--error",".Banner.Banner--error .Banner-visual .octicon",".Banner.Banner--success",".Banner.Banner--success .Banner-visual .octicon",".Banner.Banner--full",".Banner.Banner--full-whenNarrow"]}
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
- {"name":"alpha/button_marketing","selectors":[".btn-mktg",".btn-mktg:before",".btn-mktg:hover",".btn-mktg.focus:before",".btn-mktg:focus-visible:before",".btn-mktg:focus:before",".btn-mktg:hover:before",".btn-mktg:focus",".btn-mktg:focus:not(:focus-visible)",".btn-mktg:focus-visible",".btn-mktg:active:before",".btn-mktg.disabled",".btn-mktg[disabled]",".btn-muted-mktg",".btn-muted-mktg:before",".btn-muted-mktg:hover",".btn-muted-mktg:active",".btn-muted-mktg:disabled",".btn-subtle-mktg",".btn-subtle-mktg:before",".btn-subtle-mktg:hover",".btn-signup-mktg",".btn-signup-mktg:before",".btn-signup-mktg:focus",".btn-signup-mktg:focus:not(:focus-visible)",".btn-signup-mktg:focus-visible",".btn-small-mktg",".btn-large-mktg"]}
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
+ }