@primer/view-components 0.0.110 → 0.0.112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/app/assets/javascripts/primer_view_components.js +1 -1
  2. package/app/assets/javascripts/primer_view_components.js.map +1 -1
  3. package/app/assets/styles/primer_view_components.css +1 -1
  4. package/app/assets/styles/primer_view_components.css.map +1 -1
  5. package/app/components/primer/alpha/auto_complete.css +1 -0
  6. package/app/components/primer/alpha/auto_complete.css.json +1 -0
  7. package/app/components/primer/alpha/banner.css +1 -1
  8. package/app/components/primer/alpha/button_marketing.css +1 -0
  9. package/app/components/primer/alpha/button_marketing.css.json +1 -0
  10. package/app/components/primer/{dropdown → alpha/dropdown}/menu.d.ts +0 -0
  11. package/app/components/primer/{dropdown → alpha/dropdown}/menu.js +0 -0
  12. package/app/components/primer/alpha/dropdown.css +1 -0
  13. package/app/components/primer/alpha/dropdown.css.json +1 -0
  14. package/app/components/primer/{dropdown.d.ts → alpha/dropdown.d.ts} +0 -0
  15. package/app/components/primer/{dropdown.js → alpha/dropdown.js} +0 -0
  16. package/app/components/primer/alpha/tab_nav.css +1 -0
  17. package/app/components/primer/alpha/tab_nav.css.json +1 -0
  18. package/app/components/primer/alpha/underline_nav.css +1 -0
  19. package/app/components/primer/alpha/underline_nav.css.json +1 -0
  20. package/app/components/primer/alpha/x_banner.d.ts +2 -1
  21. package/app/components/primer/alpha/x_banner.js +0 -1
  22. package/app/components/primer/beta/avatar.css +1 -0
  23. package/app/components/primer/beta/avatar.css.json +1 -0
  24. package/app/components/primer/beta/avatar_stack.css +1 -0
  25. package/app/components/primer/beta/avatar_stack.css.json +1 -0
  26. package/app/components/primer/beta/border_box.css +1 -0
  27. package/app/components/primer/beta/border_box.css.json +1 -0
  28. package/app/components/primer/beta/flash.css +1 -0
  29. package/app/components/primer/beta/flash.css.json +1 -0
  30. package/app/components/primer/beta/link.css +1 -0
  31. package/app/components/primer/beta/link.css.json +1 -0
  32. package/app/components/primer/beta/popover.css +1 -0
  33. package/app/components/primer/beta/popover.css.json +1 -0
  34. package/app/components/primer/menu_component.css +1 -0
  35. package/app/components/primer/menu_component.css.json +1 -0
  36. package/app/components/primer/primer.d.ts +1 -1
  37. package/app/components/primer/primer.js +1 -1
  38. package/app/components/primer/timeline_item_component.css +1 -0
  39. package/app/components/primer/timeline_item_component.css.json +1 -0
  40. package/package.json +1 -1
  41. package/static/arguments.json +40 -40
  42. package/static/audited_at.json +4 -3
  43. package/static/constants.json +56 -52
  44. package/static/statuses.json +8 -7
@@ -0,0 +1 @@
1
+ .Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-radius:var(--primer-borderRadius-medium,6px);border-style:solid;border-width:var(--primer-borderWidth-thin,1px)}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--primer-stack-padding-condensed,8px) var(--primer-stack-padding-normal,16px)}.Box--condensed .Box-btn-octicon.btn-octicon{line-height:1.25;margin:calc(var(--primer-controlStack-medium-gap-condensed, 8px)*-1) calc(var(--primer-controlStack-small-gap-spacious, 16px)*-1);padding:var(--primer-control-medium-paddingInline-condensed,8px) var(--primer-control-medium-paddingInline-spacious,16px)}.Box--condensed .Box-row{padding:var(--primer-stack-padding-condensed,8px) var(--primer-stack-padding-normal,16px)}.Box--spacious .Box-header{line-height:1.25;padding:var(--primer-stack-padding-spacious,24px)}.Box--spacious .Box-title{font-size:var(--primer-text-title-size-medium,20px)}.Box--spacious .Box-body,.Box--spacious .Box-btn-octicon.btn-octicon,.Box--spacious .Box-footer{padding:var(--primer-stack-padding-spacious,24px)}.Box--spacious .Box-btn-octicon.btn-octicon{margin:calc(var(--primer-stack-gap-spacious, 24px)*-1) calc(var(--primer-stack-gap-spacious, 24px)*-1)}.Box--spacious .Box-row{padding:var(--primer-stack-padding-spacious,24px)}.Box-header{background-color:var(--color-canvas-subtle);border-color:var(--color-border-default);border-style:solid;border-top-left-radius:var(--primer-borderRadius-medium,6px);border-top-right-radius:var(--primer-borderRadius-medium,6px);border-width:var(--primer-borderWidth-thin,1px);margin:calc(var(--primer-borderWidth-thin, 1px)*-1) calc(var(--primer-borderWidth-thin, 1px)*-1) 0;padding:var(--primer-stack-padding-normal,16px)}.Box-title{font-size:var(--primer-text-body-size-medium,14px);font-weight:var(--base-text-weight-semibold,600)}.Box-body{border-bottom:var(--primer-borderWidth-thin,1px) solid var(--color-border-default);padding:var(--primer-stack-padding-normal,16px)}.Box-body:last-of-type{border-bottom-left-radius:var(--primer-borderRadius-medium,6px);border-bottom-right-radius:var(--primer-borderRadius-medium,6px);margin-bottom:calc(var(--primer-borderWidth-thin, 1px)*-1)}.Box-row{border-top:var(--primer-borderWidth-thin,1px) solid var(--color-border-muted);list-style-type:none;margin-top:calc(var(--primer-borderWidth-thin, 1px)*-1);padding:var(--primer-stack-padding-normal,16px)}.Box-row:first-of-type{border-top-left-radius:var(--primer-borderRadius-medium,6px);border-top-right-radius:var(--primer-borderRadius-medium,6px)}.Box-row:last-of-type{border-bottom-left-radius:var(--primer-borderRadius-medium,6px);border-bottom-right-radius:var(--primer-borderRadius-medium,6px)}.Box-row.Box-row--unread,.Box-row.unread{box-shadow:inset 2px 0 0 var(--color-accent-emphasis)}.Box-row.navigation-focus .Box-row--drag-button{color:var(--color-accent-fg);cursor:grab;opacity:1}.Box-row.navigation-focus.is-dragging .Box-row--drag-button{cursor:grabbing}.Box-row.navigation-focus.sortable-chosen,.Box-row.navigation-focus.sortable-ghost{background-color:var(--color-canvas-subtle)}.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide{opacity:0}.Box-row--focus-gray.navigation-focus{background-color:var(--color-canvas-subtle)}.Box-row--focus-blue.navigation-focus{background-color:var(--color-accent-subtle)}.Box-row--hover-gray:hover{background-color:var(--color-canvas-subtle)}.Box-row--hover-blue:hover{background-color:var(--color-accent-subtle)}@media (min-width:768px){.Box-row-link{color:var(--color-fg-default);text-decoration:none}.Box-row-link:hover{color:var(--color-accent-fg);text-decoration:none}}.Box-row--drag-button{opacity:0}.Box-footer{border-radius:0 0 var(--primer-borderRadius-medium,6px) var(--primer-borderRadius-medium,6px);border-top:var(--primer-borderWidth-thin,1px) solid var(--color-border-default);margin-top:calc(var(--primer-borderWidth-thin, 1px)*-1);padding:var(--primer-stack-padding-normal,16px)}.Box--scrollable{max-height:324px;overflow:scroll}.Box--blue,.Box--blue .Box-header{border-color:var(--color-accent-muted)}.Box--blue .Box-header{background-color:var(--color-accent-subtle)}.Box--blue .Box-body,.Box--blue .Box-footer,.Box--blue .Box-row{border-color:var(--color-accent-muted)}.Box--danger,.Box--danger .Box-body:last-of-type,.Box--danger .Box-row:first-of-type{border-color:var(--color-danger-emphasis)}.Box-header--blue{background-color:var(--color-accent-subtle);border-color:var(--color-accent-muted)}.Box-row--yellow{background-color:var(--color-attention-subtle)}.Box-row--blue{background-color:var(--color-accent-subtle)}.Box-row--gray{background-color:var(--color-canvas-subtle)}.Box-btn-octicon.btn-octicon{line-height:1.5;margin:calc(var(--primer-controlStack-small-gap-spacious, 16px)*-1) calc(var(--primer-controlStack-small-gap-spacious, 16px)*-1);padding:var(--primer-control-medium-paddingInline-spacious,16px) var(--primer-control-medium-paddingInline-spacious,16px)}
@@ -0,0 +1 @@
1
+ {"name":"beta/border_box","selectors":[".Box",".Box--condensed",".Box--condensed .Box-body",".Box--condensed .Box-footer",".Box--condensed .Box-header",".Box--condensed .Box-btn-octicon.btn-octicon",".Box--condensed .Box-row",".Box--spacious .Box-header",".Box--spacious .Box-title",".Box--spacious .Box-body",".Box--spacious .Box-btn-octicon.btn-octicon",".Box--spacious .Box-footer",".Box--spacious .Box-row",".Box-header",".Box-title",".Box-body",".Box-body:last-of-type",".Box-row",".Box-row:first-of-type",".Box-row:last-of-type",".Box-row.Box-row--unread",".Box-row.unread",".Box-row.navigation-focus .Box-row--drag-button",".Box-row.navigation-focus.is-dragging .Box-row--drag-button",".Box-row.navigation-focus.sortable-chosen",".Box-row.navigation-focus.sortable-ghost",".Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide",".Box-row--focus-gray.navigation-focus",".Box-row--focus-blue.navigation-focus",".Box-row--hover-gray:hover",".Box-row--hover-blue:hover",".Box-row-link",".Box-row-link:hover",".Box-row--drag-button",".Box-footer",".Box--scrollable",".Box--blue",".Box--blue .Box-header",".Box--blue .Box-body",".Box--blue .Box-footer",".Box--blue .Box-row",".Box--danger",".Box--danger .Box-body:last-of-type",".Box--danger .Box-row:first-of-type",".Box-header--blue",".Box-row--yellow",".Box-row--blue",".Box-row--gray",".Box-btn-octicon.btn-octicon"]}
@@ -0,0 +1 @@
1
+ .flash:not(.Banner){background-image:linear-gradient(var(--color-accent-subtle),var(--color-accent-subtle));border-color:var(--color-accent-muted);border-radius:var(--primer-borderRadius-medium,6px);border-style:solid;border-width:var(--primer-borderWidth-thin,1px);color:var(--color-fg-default);padding:var(--base-size-20,20px) var(--primer-control-medium-paddingInline-spacious,16px);position:relative}.flash:not(.Banner) .octicon{color:var(--color-accent-fg);margin-right:var(--base-size-12,12px)}.flash:not(.Banner) p:last-child{margin-bottom:0}.flash-messages{margin-bottom:var(--primer-stack-gap-spacious,24px)}.flash-close:not(.Banner-close){-webkit-appearance:none;appearance:none;background:none;border:0;cursor:pointer;float:right;margin:calc(var(--primer-control-medium-paddingInline-spacious, 16px)*-1);padding:var(--primer-control-medium-paddingInline-spacious,16px);text-align:center}.flash-close:not(.Banner-close):hover{opacity:.7}.flash-close:not(.Banner-close):active{opacity:.5}.flash-close:not(.Banner-close) .octicon{margin-right:0}.flash-action:not(.Banner-actions){background-clip:padding-box;float:right;margin-left:var(--primer-stack-gap-spacious,24px);margin-top:-3px}.flash-action.btn:not(.Banner-actions) .octicon{color:var(--color-fg-muted);margin-right:var(--primer-control-small-gap,4px)}.flash-action.btn-primary:not(.Banner-actions){background-clip:initial}.flash-action.btn-primary:not(.Banner-actions) .octicon{color:inherit}.flash-warn:not(.Banner){background-image:linear-gradient(var(--color-attention-subtle),var(--color-attention-subtle));border-color:var(--color-attention-muted);color:var(--color-fg-default)}.flash-warn:not(.Banner) .octicon{color:var(--color-attention-fg)}.flash-error:not(.Banner){background-image:linear-gradient(var(--color-danger-subtle),var(--color-danger-subtle));border-color:var(--color-danger-muted);color:var(--color-fg-default)}.flash-error:not(.Banner) .octicon{color:var(--color-danger-fg)}.flash-success:not(.Banner){background-image:linear-gradient(var(--color-success-subtle),var(--color-success-subtle));border-color:var(--color-success-muted);color:var(--color-fg-default)}.flash-success:not(.Banner) .octicon{color:var(--color-success-fg)}.flash-full:not(.Banner){border-radius:0;border-width:var(--primer-borderWidth-thin,1px) 0;margin-top:calc(var(--primer-borderWidth-thin, 1px)*-1)}.flash-banner{border-left:0;border-radius:0;border-right:0;border-top:0;position:fixed;top:0;width:100%;z-index:90}.flash-banner,.flash-full{background-color:var(--color-canvas-default)}.warning{background-color:var(--color-attention-subtle);font-weight:var(--base-text-weight-semibold,600);margin-bottom:.8em;padding:.5em}
@@ -0,0 +1 @@
1
+ {"name":"beta/flash","selectors":[".flash:not(.Banner)",".flash:not(.Banner) .octicon",".flash:not(.Banner) p:last-child",".flash-messages",".flash-close:not(.Banner-close)",".flash-close:not(.Banner-close):hover",".flash-close:not(.Banner-close):active",".flash-close:not(.Banner-close) .octicon",".flash-action:not(.Banner-actions)",".flash-action.btn:not(.Banner-actions) .octicon",".flash-action.btn-primary:not(.Banner-actions)",".flash-action.btn-primary:not(.Banner-actions) .octicon",".flash-warn:not(.Banner)",".flash-warn:not(.Banner) .octicon",".flash-error:not(.Banner)",".flash-error:not(.Banner) .octicon",".flash-success:not(.Banner)",".flash-success:not(.Banner) .octicon",".flash-full:not(.Banner)",".flash-banner",".flash-full",".warning"]}
@@ -0,0 +1 @@
1
+ .Link{color:var(--color-accent-fg)}.Link:hover{cursor:pointer;text-decoration:underline}.Link:focus,.Link:focus-visible{outline-offset:0}.Link--primary{color:var(--color-fg-default)!important}.Link--primary:hover{color:var(--color-accent-fg)!important}.Link--secondary{color:var(--color-fg-muted)!important}.Link--secondary:hover{color:var(--color-accent-fg)!important}.Link--muted{color:var(--color-fg-muted)!important}.Link--muted:hover{text-decoration:none}.Link--muted:hover,.Link--onHover:hover{color:var(--color-accent-fg)!important}.Link--onHover:hover{cursor:pointer;text-decoration:underline}.Link--muted:hover [class*=color-fg],.Link--primary:hover [class*=color-fg],.Link--secondary:hover [class*=color-fg]{color:inherit!important}
@@ -0,0 +1 @@
1
+ {"name":"beta/link","selectors":[".Link",".Link:hover",".Link:focus",".Link:focus-visible",".Link--primary",".Link--primary:hover",".Link--secondary",".Link--secondary:hover",".Link--muted",".Link--muted:hover",".Link--onHover:hover",".Link--muted:hover [class*=color-fg]",".Link--primary:hover [class*=color-fg]",".Link--secondary:hover [class*=color-fg]"]}
@@ -0,0 +1 @@
1
+ .Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--primer-borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--primer-borderRadius-medium,6px);margin-left:auto;margin-right:auto;position:relative;width:232px}.Popover-message:after,.Popover-message:before{content:"";display:inline-block;left:50%;position:absolute}.Popover-message:before{border:8px solid #0000;border-bottom:8px solid var(--color-border-default);margin-left:-9px;top:-16px}.Popover-message:after{border:7px solid #0000;border-bottom:7px solid var(--color-canvas-overlay);margin-left:-8px;top:-14px}.Popover-message--no-caret:after,.Popover-message--no-caret:before{display:none}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--bottom:after,.Popover-message--bottom:before{border-bottom-color:#0000;top:auto}.Popover-message--bottom-left:before,.Popover-message--bottom-right:before,.Popover-message--bottom:before{border-top-color:var(--color-border-default);bottom:-16px}.Popover-message--bottom-left:after,.Popover-message--bottom-right:after,.Popover-message--bottom:after{border-top-color:var(--color-canvas-overlay);bottom:-14px}.Popover-message--bottom-right,.Popover-message--top-right{margin-right:0;right:-9px}.Popover-message--bottom-right:after,.Popover-message--bottom-right:before,.Popover-message--top-right:after,.Popover-message--top-right:before{left:auto;margin-left:0}.Popover-message--bottom-right:before,.Popover-message--top-right:before{right:20px}.Popover-message--bottom-right:after,.Popover-message--top-right:after{right:21px}.Popover-message--bottom-left,.Popover-message--top-left{left:-9px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--bottom-left:before,.Popover-message--top-left:after,.Popover-message--top-left:before{left:24px;margin-left:0}.Popover-message--bottom-left:after,.Popover-message--top-left:after{left:25px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--left:after,.Popover-message--left:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before,.Popover-message--right-top:after,.Popover-message--right-top:before,.Popover-message--right:after,.Popover-message--right:before{border-bottom-color:#0000;left:auto;margin-left:0;top:50%}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before,.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{margin-top:-9px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after,.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{margin-top:-8px}.Popover-message--right-bottom:before,.Popover-message--right-top:before,.Popover-message--right:before{border-left-color:var(--color-border-default);right:-16px}.Popover-message--right-bottom:after,.Popover-message--right-top:after,.Popover-message--right:after{border-left-color:var(--color-canvas-overlay);right:-14px}.Popover-message--left-bottom:before,.Popover-message--left-top:before,.Popover-message--left:before{border-right-color:var(--color-border-default);left:-16px}.Popover-message--left-bottom:after,.Popover-message--left-top:after,.Popover-message--left:after{border-right-color:var(--color-canvas-overlay);left:-14px}.Popover-message--left-top:after,.Popover-message--left-top:before,.Popover-message--right-top:after,.Popover-message--right-top:before{top:24px}.Popover-message--left-bottom:after,.Popover-message--left-bottom:before,.Popover-message--right-bottom:after,.Popover-message--right-bottom:before{top:auto}.Popover-message--left-bottom:before,.Popover-message--right-bottom:before{bottom:16px}.Popover-message--left-bottom:after,.Popover-message--right-bottom:after{bottom:17px}@media (min-width:544px){.Popover-message--large{min-width:320px}}@media (max-width:767.98px){.Popover{bottom:0!important;left:0!important;position:fixed;right:0!important;top:auto!important}.Popover-message{bottom:auto;left:auto;margin:var(--primer-stack-gap-condensed,8px);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--primer-control-medium-paddingInline-normal,12px)!important}.Popover-message:after,.Popover-message:before{display:none}}
@@ -0,0 +1 @@
1
+ {"name":"beta/popover","selectors":[".Popover",".Popover-message",".Popover-message:after",".Popover-message:before",".Popover-message--no-caret:after",".Popover-message--no-caret:before",".Popover-message--bottom-left:after",".Popover-message--bottom-left:before",".Popover-message--bottom-right:after",".Popover-message--bottom-right:before",".Popover-message--bottom:after",".Popover-message--bottom:before",".Popover-message--bottom-right",".Popover-message--top-right",".Popover-message--top-right:after",".Popover-message--top-right:before",".Popover-message--bottom-left",".Popover-message--top-left",".Popover-message--top-left:after",".Popover-message--top-left:before",".Popover-message--left-bottom:after",".Popover-message--left-bottom:before",".Popover-message--left-top:after",".Popover-message--left-top:before",".Popover-message--left:after",".Popover-message--left:before",".Popover-message--right-bottom:after",".Popover-message--right-bottom:before",".Popover-message--right-top:after",".Popover-message--right-top:before",".Popover-message--right:after",".Popover-message--right:before",".Popover-message--large",".Popover-message>.btn-octicon"]}
@@ -0,0 +1 @@
1
+ .menu{background-color:var(--color-canvas-default);border:var(--primer-borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--primer-borderRadius-medium,6px);list-style:none;margin-bottom:var(--primer-stack-gap-normal,16px)}.menu-item{border-bottom:var(--primer-borderWidth-thin,1px) solid var(--color-border-muted);color:var(--color-fg-default);display:block;padding:var(--primer-control-medium-paddingInline-condensed,8px) var(--primer-control-medium-paddingInline-spacious,16px);position:relative}.menu-item:first-child{border-top:0;border-top-right-radius:var(--primer-borderRadius-medium,6px)}.menu-item:first-child,.menu-item:first-child:before{border-top-left-radius:var(--primer-borderRadius-medium,6px)}.menu-item:last-child{border-bottom:0;border-bottom-right-radius:var(--primer-borderRadius-medium,6px)}.menu-item:last-child,.menu-item:last-child:before{border-bottom-left-radius:var(--primer-borderRadius-medium,6px)}.menu-item:hover{background-color:var(--color-neutral-subtle);text-decoration:none}.menu-item:active{background-color:var(--color-canvas-subtle)}.menu-item.selected,.menu-item[aria-current]:not([aria-current=false]),.menu-item[aria-selected=true]{background-color:var(--color-menu-bg-active);cursor:default}:is(.menu-item.selected,.menu-item[aria-selected=true],.menu-item[aria-current]:not([aria-current=false])):before{background-color:var(--color-primer-border-active);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.menu-item .octicon{color:var(--color-fg-muted);margin-right:var(--primer-control-medium-gap,8px);text-align:center;width:16px}.menu-item .Counter{float:right;margin-left:var(--primer-control-small-gap,4px)}.menu-item .menu-warning{color:var(--color-attention-fg);float:right}.menu-item .avatar{float:left;margin-right:var(--primer-control-small-gap,4px)}.menu-item.alert .Counter{color:var(--color-danger-fg)}.menu-heading{border-bottom:var(--primer-borderWidth-thin,1px) solid var(--color-border-muted);color:var(--color-fg-default);display:block;font-size:inherit;font-weight:var(--base-text-weight-semibold,600);margin-bottom:0;margin-top:0;padding:var(--primer-control-medium-paddingInline-condensed,8px) var(--primer-control-medium-paddingInline-spacious,16px)}.menu-heading:hover{text-decoration:none}.menu-heading:first-child{border-top-left-radius:var(--primer-borderRadius-medium,6px);border-top-right-radius:var(--primer-borderRadius-medium,6px)}.menu-heading:last-child{border-bottom:0;border-bottom-left-radius:var(--primer-borderRadius-medium,6px);border-bottom-right-radius:var(--primer-borderRadius-medium,6px)}
@@ -0,0 +1 @@
1
+ {"name":"menu_component","selectors":[".menu",".menu-item",".menu-item:first-child",".menu-item:first-child:before",".menu-item:last-child",".menu-item:last-child:before",".menu-item:hover",".menu-item:active",".menu-item.selected",".menu-item[aria-current]:not([aria-current=false])",".menu-item[aria-selected=true]",":is(.menu-item.selected",".menu-item[aria-current]:not([aria-current=false])):before",".menu-item .octicon",".menu-item .Counter",".menu-item .menu-warning",".menu-item .avatar",".menu-item.alert .Counter",".menu-heading",".menu-heading:hover",".menu-heading:first-child",".menu-heading:last-child"]}
@@ -1,3 +1,4 @@
1
+ import './alpha/dropdown';
1
2
  import './alpha/image_crop';
2
3
  import './alpha/modal_dialog';
3
4
  import './alpha/nav_list';
@@ -7,7 +8,6 @@ import './alpha/tool_tip';
7
8
  import './alpha/x_banner';
8
9
  import './beta/auto_complete/auto_complete';
9
10
  import './clipboard_copy';
10
- import './dropdown';
11
11
  import './local_time';
12
12
  import './tab_container_component';
13
13
  import './time_ago_component';
@@ -1,3 +1,4 @@
1
+ import './alpha/dropdown';
1
2
  import './alpha/image_crop';
2
3
  import './alpha/modal_dialog';
3
4
  import './alpha/nav_list';
@@ -7,7 +8,6 @@ import './alpha/tool_tip';
7
8
  import './alpha/x_banner';
8
9
  import './beta/auto_complete/auto_complete';
9
10
  import './clipboard_copy';
10
- import './dropdown';
11
11
  import './local_time';
12
12
  import './tab_container_component';
13
13
  import './time_ago_component';
@@ -0,0 +1 @@
1
+ .TimelineItem{display:flex;margin-left:var(--primer-stack-gap-normal,16px);padding:var(--primer-stack-padding-normal,16px) 0;position:relative}.TimelineItem:before{background-color:var(--color-border-muted);bottom:0;content:"";display:block;left:0;position:absolute;top:0;width:var(--primer-borderWidth-thick,2px)}.TimelineItem:target .TimelineItem-badge{border-color:var(--color-accent-emphasis);box-shadow:0 0 .2em var(--color-accent-muted)}.TimelineItem-badge{align-items:center;background-color:var(--color-timeline-badge-bg);border:var(--primer-borderWidth-thick,2px) solid var(--color-canvas-default);border-radius:50%;color:var(--color-fg-muted);display:flex;flex-shrink:0;height:var(--primer-control-medium-size,32px);justify-content:center;margin-left:calc(var(--primer-control-medium-size, 32px)/-2 + 1px);margin-right:var(--primer-controlStack-medium-gap-condensed,8px);position:relative;width:var(--primer-control-medium-size,32px);z-index:1}.TimelineItem-badge--success{background-color:var(--color-success-emphasis);border:var(--primer-borderWidth-thin,1px) solid #0000;color:var(--color-fg-on-emphasis)}.TimelineItem-body{color:var(--color-fg-muted);flex:auto;margin-top:var(--base-size-4,4px);max-width:100%;min-width:0}.TimelineItem-avatar{left:-72px;position:absolute;z-index:1}.TimelineItem-break{background-color:var(--color-canvas-default);border:0;border-top:var(--primer-borderWidth-thicker,4px) solid var(--color-border-default);height:var(--primer-stack-gap-spacious,24px);margin:0;margin-bottom:calc(var(--primer-stack-gap-normal, 16px)*-1);margin-left:-56px;position:relative;z-index:1}.TimelineItem--condensed{padding-bottom:0;padding-top:var(--base-size-4,4px)}.TimelineItem--condensed:last-child{padding-bottom:var(--primer-stack-gap-normal,16px)}.TimelineItem--condensed .TimelineItem-badge{background-color:var(--color-canvas-default);border:0;color:var(--color-fg-muted);height:var(--base-size-16,16px);margin-bottom:var(--base-size-8,8px);margin-top:var(--base-size-8,8px)}
@@ -0,0 +1 @@
1
+ {"name":"timeline_item_component","selectors":[".TimelineItem",".TimelineItem:before",".TimelineItem:target .TimelineItem-badge",".TimelineItem-badge",".TimelineItem-badge--success",".TimelineItem-body",".TimelineItem-avatar",".TimelineItem-break",".TimelineItem--condensed",".TimelineItem--condensed:last-child",".TimelineItem--condensed .TimelineItem-badge"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/view-components",
3
- "version": "0.0.110",
3
+ "version": "0.0.112",
4
4
  "description": "ViewComponents for the Primer Design System",
5
5
  "main": "app/assets/javascripts/primer_view_components.js",
6
6
  "module": "app/components/primer/primer.js",
@@ -355,6 +355,32 @@
355
355
  }
356
356
  ]
357
357
  },
358
+ {
359
+ "component": "Dropdown",
360
+ "status": "alpha",
361
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
362
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
363
+ "parameters": [
364
+ {
365
+ "name": "overlay",
366
+ "type": "Symbol",
367
+ "default": "`:default`",
368
+ "description": "One of `:dark`, `:default`, or `:none`."
369
+ },
370
+ {
371
+ "name": "with_caret",
372
+ "type": "Boolean",
373
+ "default": "`false`",
374
+ "description": "Whether or not a caret should be rendered in the button."
375
+ },
376
+ {
377
+ "name": "system_arguments",
378
+ "type": "Hash",
379
+ "default": "N/A",
380
+ "description": "[System arguments](/system-arguments)"
381
+ }
382
+ ]
383
+ },
358
384
  {
359
385
  "component": "HiddenTextExpander",
360
386
  "status": "alpha",
@@ -1683,6 +1709,20 @@
1683
1709
  }
1684
1710
  ]
1685
1711
  },
1712
+ {
1713
+ "component": "Popover",
1714
+ "status": "beta",
1715
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
1716
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
1717
+ "parameters": [
1718
+ {
1719
+ "name": "system_arguments",
1720
+ "type": "Hash",
1721
+ "default": "N/A",
1722
+ "description": "[System arguments](/system-arguments)"
1723
+ }
1724
+ ]
1725
+ },
1686
1726
  {
1687
1727
  "component": "ProgressBar",
1688
1728
  "status": "beta",
@@ -1845,32 +1885,6 @@
1845
1885
  }
1846
1886
  ]
1847
1887
  },
1848
- {
1849
- "component": "Dropdown",
1850
- "status": "alpha",
1851
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown.rb",
1852
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown/default/",
1853
- "parameters": [
1854
- {
1855
- "name": "overlay",
1856
- "type": "Symbol",
1857
- "default": "`:default`",
1858
- "description": "One of `:dark`, `:default`, or `:none`."
1859
- },
1860
- {
1861
- "name": "with_caret",
1862
- "type": "Boolean",
1863
- "default": "`false`",
1864
- "description": "Whether or not a caret should be rendered in the button."
1865
- },
1866
- {
1867
- "name": "system_arguments",
1868
- "type": "Hash",
1869
- "default": "N/A",
1870
- "description": "[System arguments](/system-arguments)"
1871
- }
1872
- ]
1873
- },
1874
1888
  {
1875
1889
  "component": "DropdownMenu",
1876
1890
  "status": "deprecated",
@@ -2227,20 +2241,6 @@
2227
2241
  }
2228
2242
  ]
2229
2243
  },
2230
- {
2231
- "component": "Popover",
2232
- "status": "beta",
2233
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/popover_component.rb",
2234
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/popover/default/",
2235
- "parameters": [
2236
- {
2237
- "name": "system_arguments",
2238
- "type": "Hash",
2239
- "default": "N/A",
2240
- "description": "[System arguments](/system-arguments)"
2241
- }
2242
- ]
2243
- },
2244
2244
  {
2245
2245
  "component": "Spinner",
2246
2246
  "status": "beta",
@@ -11,6 +11,9 @@
11
11
  "Primer::Alpha::Dialog::Body": "",
12
12
  "Primer::Alpha::Dialog::Footer": "",
13
13
  "Primer::Alpha::Dialog::Header": "",
14
+ "Primer::Alpha::Dropdown": "",
15
+ "Primer::Alpha::Dropdown::Menu": "",
16
+ "Primer::Alpha::Dropdown::Menu::Item": "",
14
17
  "Primer::Alpha::HiddenTextExpander": "",
15
18
  "Primer::Alpha::Image": "",
16
19
  "Primer::Alpha::ImageCrop": "",
@@ -50,6 +53,7 @@
50
53
  "Primer::Beta::IconButton": "",
51
54
  "Primer::Beta::Label": "",
52
55
  "Primer::Beta::Link": "",
56
+ "Primer::Beta::Popover": "",
53
57
  "Primer::Beta::ProgressBar": "",
54
58
  "Primer::Beta::Text": "",
55
59
  "Primer::Beta::Truncate": "",
@@ -61,14 +65,12 @@
61
65
  "Primer::ClipboardCopy": "",
62
66
  "Primer::ConditionalWrapper": "",
63
67
  "Primer::Content": "",
64
- "Primer::CounterComponent": "",
65
68
  "Primer::Dropdown": "",
66
69
  "Primer::Dropdown::Menu": "",
67
70
  "Primer::Dropdown::Menu::Item": "",
68
71
  "Primer::DropdownMenuComponent": "",
69
72
  "Primer::HellipButton": "",
70
73
  "Primer::IconButton": "",
71
- "Primer::Image": "",
72
74
  "Primer::LabelComponent": "",
73
75
  "Primer::LayoutComponent": "",
74
76
  "Primer::LinkComponent": "",
@@ -79,7 +81,6 @@
79
81
  "Primer::OcticonComponent": "",
80
82
  "Primer::OcticonSymbolsComponent": "",
81
83
  "Primer::PopoverComponent": "",
82
- "Primer::ProgressBarComponent": "",
83
84
  "Primer::SpinnerComponent": "",
84
85
  "Primer::StateComponent": "",
85
86
  "Primer::SubheadComponent": "",
@@ -179,6 +179,43 @@
179
179
  },
180
180
  "Primer::Alpha::Dialog::Header": {
181
181
  },
182
+ "Primer::Alpha::Dropdown": {
183
+ "Menu": "Primer::Alpha::Dropdown::Menu"
184
+ },
185
+ "Primer::Alpha::Dropdown::Menu": {
186
+ "AS_DEFAULT": "default",
187
+ "AS_OPTIONS": [
188
+ "default",
189
+ "list"
190
+ ],
191
+ "DIRECTION_DEFAULT": "se",
192
+ "DIRECTION_OPTIONS": [
193
+ "se",
194
+ "sw",
195
+ "w",
196
+ "e",
197
+ "ne",
198
+ "s"
199
+ ],
200
+ "Item": "Primer::Alpha::Dropdown::Menu::Item",
201
+ "SCHEME_DEFAULT": "default",
202
+ "SCHEME_MAPPINGS": {
203
+ "default": "",
204
+ "dark": "dropdown-menu-dark"
205
+ }
206
+ },
207
+ "Primer::Alpha::Dropdown::Menu::Item": {
208
+ "BUTTON_TAGS": [
209
+ "button",
210
+ "summary"
211
+ ],
212
+ "TAG_DEFAULT": "a",
213
+ "TAG_OPTIONS": [
214
+ "a",
215
+ "button",
216
+ "summary"
217
+ ]
218
+ },
182
219
  "Primer::Alpha::HiddenTextExpander": {
183
220
  },
184
221
  "Primer::Alpha::Image": {
@@ -670,6 +707,24 @@
670
707
  "span"
671
708
  ]
672
709
  },
710
+ "Primer::Beta::Popover": {
711
+ "CARET_DEFAULT": "top",
712
+ "CARET_MAPPINGS": {
713
+ "top": "",
714
+ "bottom": "Popover-message--bottom",
715
+ "bottom_right": "Popover-message--bottom-right",
716
+ "bottom_left": "Popover-message--bottom-left",
717
+ "left": "Popover-message--left",
718
+ "left_bottom": "Popover-message--left-bottom",
719
+ "left_top": "Popover-message--left-top",
720
+ "right": "Popover-message--right",
721
+ "right_bottom": "Popover-message--right-bottom",
722
+ "right_top": "Popover-message--right-top",
723
+ "top_left": "Popover-message--top-left",
724
+ "top_right": "Popover-message--top-right"
725
+ },
726
+ "DEFAULT_HEADING_TAG": "h4"
727
+ },
673
728
  "Primer::Beta::ProgressBar": {
674
729
  "SIZE_DEFAULT": "default",
675
730
  "SIZE_MAPPINGS": {
@@ -732,44 +787,13 @@
732
787
  },
733
788
  "Primer::Content": {
734
789
  },
735
- "Primer::CounterComponent": {
736
- },
737
790
  "Primer::Dropdown": {
738
791
  "Menu": "Primer::Dropdown::Menu"
739
792
  },
740
793
  "Primer::Dropdown::Menu": {
741
- "AS_DEFAULT": "default",
742
- "AS_OPTIONS": [
743
- "default",
744
- "list"
745
- ],
746
- "DIRECTION_DEFAULT": "se",
747
- "DIRECTION_OPTIONS": [
748
- "se",
749
- "sw",
750
- "w",
751
- "e",
752
- "ne",
753
- "s"
754
- ],
755
- "Item": "Primer::Dropdown::Menu::Item",
756
- "SCHEME_DEFAULT": "default",
757
- "SCHEME_MAPPINGS": {
758
- "default": "",
759
- "dark": "dropdown-menu-dark"
760
- }
794
+ "Item": "Primer::Dropdown::Menu::Item"
761
795
  },
762
796
  "Primer::Dropdown::Menu::Item": {
763
- "BUTTON_TAGS": [
764
- "button",
765
- "summary"
766
- ],
767
- "TAG_DEFAULT": "a",
768
- "TAG_OPTIONS": [
769
- "a",
770
- "button",
771
- "summary"
772
- ]
773
797
  },
774
798
  "Primer::DropdownMenuComponent": {
775
799
  "DIRECTION_DEFAULT": "se",
@@ -800,8 +824,6 @@
800
824
  "danger"
801
825
  ]
802
826
  },
803
- "Primer::Image": {
804
- },
805
827
  "Primer::LabelComponent": {
806
828
  },
807
829
  "Primer::LayoutComponent": {
@@ -884,24 +906,6 @@
884
906
  "Primer::OcticonSymbolsComponent": {
885
907
  },
886
908
  "Primer::PopoverComponent": {
887
- "CARET_DEFAULT": "top",
888
- "CARET_MAPPINGS": {
889
- "top": "",
890
- "bottom": "Popover-message--bottom",
891
- "bottom_right": "Popover-message--bottom-right",
892
- "bottom_left": "Popover-message--bottom-left",
893
- "left": "Popover-message--left",
894
- "left_bottom": "Popover-message--left-bottom",
895
- "left_top": "Popover-message--left-top",
896
- "right": "Popover-message--right",
897
- "right_bottom": "Popover-message--right-bottom",
898
- "right_top": "Popover-message--right-top",
899
- "top_left": "Popover-message--top-left",
900
- "top_right": "Popover-message--top-right"
901
- },
902
- "DEFAULT_HEADING_TAG": "h4"
903
- },
904
- "Primer::ProgressBarComponent": {
905
909
  },
906
910
  "Primer::SpinnerComponent": {
907
911
  "DEFAULT_SIZE": "medium",
@@ -11,6 +11,9 @@
11
11
  "Primer::Alpha::Dialog::Body": "alpha",
12
12
  "Primer::Alpha::Dialog::Footer": "alpha",
13
13
  "Primer::Alpha::Dialog::Header": "alpha",
14
+ "Primer::Alpha::Dropdown": "alpha",
15
+ "Primer::Alpha::Dropdown::Menu": "alpha",
16
+ "Primer::Alpha::Dropdown::Menu::Item": "alpha",
14
17
  "Primer::Alpha::HiddenTextExpander": "alpha",
15
18
  "Primer::Alpha::Image": "alpha",
16
19
  "Primer::Alpha::ImageCrop": "alpha",
@@ -50,6 +53,7 @@
50
53
  "Primer::Beta::IconButton": "beta",
51
54
  "Primer::Beta::Label": "beta",
52
55
  "Primer::Beta::Link": "beta",
56
+ "Primer::Beta::Popover": "beta",
53
57
  "Primer::Beta::ProgressBar": "beta",
54
58
  "Primer::Beta::Text": "beta",
55
59
  "Primer::Beta::Truncate": "beta",
@@ -61,14 +65,12 @@
61
65
  "Primer::ClipboardCopy": "beta",
62
66
  "Primer::ConditionalWrapper": "alpha",
63
67
  "Primer::Content": "stable",
64
- "Primer::CounterComponent": "deprecated",
65
- "Primer::Dropdown": "alpha",
66
- "Primer::Dropdown::Menu": "alpha",
67
- "Primer::Dropdown::Menu::Item": "alpha",
68
+ "Primer::Dropdown": "deprecated",
69
+ "Primer::Dropdown::Menu": "deprecated",
70
+ "Primer::Dropdown::Menu::Item": "deprecated",
68
71
  "Primer::DropdownMenuComponent": "deprecated",
69
72
  "Primer::HellipButton": "alpha",
70
73
  "Primer::IconButton": "deprecated",
71
- "Primer::Image": "deprecated",
72
74
  "Primer::LabelComponent": "deprecated",
73
75
  "Primer::LayoutComponent": "alpha",
74
76
  "Primer::LinkComponent": "deprecated",
@@ -78,8 +80,7 @@
78
80
  "Primer::Navigation::TabComponent": "alpha",
79
81
  "Primer::OcticonComponent": "beta",
80
82
  "Primer::OcticonSymbolsComponent": "alpha",
81
- "Primer::PopoverComponent": "beta",
82
- "Primer::ProgressBarComponent": "deprecated",
83
+ "Primer::PopoverComponent": "deprecated",
83
84
  "Primer::SpinnerComponent": "beta",
84
85
  "Primer::StateComponent": "beta",
85
86
  "Primer::SubheadComponent": "beta",