@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.
- package/app/assets/javascripts/primer_view_components.js +1 -1
- package/app/assets/javascripts/primer_view_components.js.map +1 -1
- package/app/assets/styles/primer_view_components.css +1 -1
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/alpha/auto_complete.css +1 -0
- package/app/components/primer/alpha/auto_complete.css.json +1 -0
- package/app/components/primer/alpha/banner.css +1 -1
- package/app/components/primer/alpha/button_marketing.css +1 -0
- package/app/components/primer/alpha/button_marketing.css.json +1 -0
- package/app/components/primer/{dropdown → alpha/dropdown}/menu.d.ts +0 -0
- package/app/components/primer/{dropdown → alpha/dropdown}/menu.js +0 -0
- package/app/components/primer/alpha/dropdown.css +1 -0
- package/app/components/primer/alpha/dropdown.css.json +1 -0
- package/app/components/primer/{dropdown.d.ts → alpha/dropdown.d.ts} +0 -0
- package/app/components/primer/{dropdown.js → alpha/dropdown.js} +0 -0
- package/app/components/primer/alpha/tab_nav.css +1 -0
- package/app/components/primer/alpha/tab_nav.css.json +1 -0
- package/app/components/primer/alpha/underline_nav.css +1 -0
- package/app/components/primer/alpha/underline_nav.css.json +1 -0
- package/app/components/primer/alpha/x_banner.d.ts +2 -1
- package/app/components/primer/alpha/x_banner.js +0 -1
- package/app/components/primer/beta/avatar.css +1 -0
- package/app/components/primer/beta/avatar.css.json +1 -0
- package/app/components/primer/beta/avatar_stack.css +1 -0
- package/app/components/primer/beta/avatar_stack.css.json +1 -0
- package/app/components/primer/beta/border_box.css +1 -0
- package/app/components/primer/beta/border_box.css.json +1 -0
- package/app/components/primer/beta/flash.css +1 -0
- package/app/components/primer/beta/flash.css.json +1 -0
- package/app/components/primer/beta/link.css +1 -0
- package/app/components/primer/beta/link.css.json +1 -0
- package/app/components/primer/beta/popover.css +1 -0
- package/app/components/primer/beta/popover.css.json +1 -0
- package/app/components/primer/menu_component.css +1 -0
- package/app/components/primer/menu_component.css.json +1 -0
- package/app/components/primer/primer.d.ts +1 -1
- package/app/components/primer/primer.js +1 -1
- package/app/components/primer/timeline_item_component.css +1 -0
- package/app/components/primer/timeline_item_component.css.json +1 -0
- package/package.json +1 -1
- package/static/arguments.json +40 -40
- package/static/audited_at.json +4 -3
- package/static/constants.json +56 -52
- 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
package/static/arguments.json
CHANGED
|
@@ -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",
|
package/static/audited_at.json
CHANGED
|
@@ -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": "",
|
package/static/constants.json
CHANGED
|
@@ -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
|
-
"
|
|
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",
|
package/static/statuses.json
CHANGED
|
@@ -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::
|
|
65
|
-
"Primer::Dropdown": "
|
|
66
|
-
"Primer::Dropdown::Menu": "
|
|
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": "
|
|
82
|
-
"Primer::ProgressBarComponent": "deprecated",
|
|
83
|
+
"Primer::PopoverComponent": "deprecated",
|
|
83
84
|
"Primer::SpinnerComponent": "beta",
|
|
84
85
|
"Primer::StateComponent": "beta",
|
|
85
86
|
"Primer::SubheadComponent": "beta",
|