@primer/view-components 0.1.7-rc.c1298800 → 0.1.7
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 +3 -3
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/alpha/action_list.css +1 -1
- package/app/components/primer/alpha/action_menu/action_menu_element.d.ts +7 -1
- package/app/components/primer/alpha/action_menu/action_menu_element.js +55 -3
- package/app/components/primer/alpha/auto_complete.css +1 -1
- package/app/components/primer/alpha/banner.css +1 -1
- package/app/components/primer/alpha/dialog.css +1 -1
- package/app/components/primer/alpha/dropdown.css +1 -1
- package/app/components/primer/alpha/layout.css +1 -1
- package/app/components/primer/alpha/menu.css +1 -1
- package/app/components/primer/alpha/segmented_control.css +1 -1
- package/app/components/primer/alpha/tab_nav.css +1 -1
- package/app/components/primer/alpha/text_field.css +3 -3
- package/app/components/primer/alpha/toggle_switch.css +1 -1
- package/app/components/primer/alpha/underline_nav.css +1 -1
- package/app/components/primer/beta/avatar.css +1 -1
- package/app/components/primer/beta/avatar_stack.css +1 -1
- package/app/components/primer/beta/blankslate.css +1 -1
- package/app/components/primer/beta/border_box.css +1 -1
- package/app/components/primer/beta/border_box.css.json +1 -1
- package/app/components/primer/beta/button.css +1 -1
- package/app/components/primer/beta/counter.css +1 -1
- package/app/components/primer/beta/flash.css +1 -1
- package/app/components/primer/beta/label.css +1 -1
- package/app/components/primer/beta/popover.css +1 -1
- package/app/components/primer/beta/state.css +1 -1
- package/app/components/primer/beta/subhead.css +1 -1
- package/app/components/primer/beta/timeline_item.css +1 -1
- package/app/components/primer/beta/truncate.css +1 -1
- package/package.json +3 -3
- package/static/arguments.json +31 -2
- package/static/audited_at.json +1 -0
- package/static/constants.json +18 -1
- package/static/info_arch.json +86 -17
- package/static/previews.json +10 -0
- package/static/statuses.json +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-radius:var(--
|
|
1
|
+
.Box{background-color:var(--color-canvas-default);border-color:var(--color-border-default);border-radius:var(--borderRadius-medium,6px);border-style:solid;border-width:var(--borderWidth-thin,1px)}.Box--condensed{line-height:1.25}.Box--condensed .Box-body,.Box--condensed .Box-footer,.Box--condensed .Box-header{padding:var(--stack-padding-condensed,8px) var(--stack-padding-normal,16px)}.Box--condensed .Box-btn-octicon.btn-octicon{line-height:1.25;margin:calc(var(--controlStack-medium-gap-condensed, 8px)*-1) calc(var(--controlStack-small-gap-spacious, 16px)*-1);padding:var(--control-medium-paddingInline-condensed,8px) var(--control-medium-paddingInline-spacious,16px)}.Box--condensed .Box-row{padding:var(--stack-padding-condensed,8px) var(--stack-padding-normal,16px)}.Box--spacious .Box-header{line-height:1.25;padding:var(--stack-padding-spacious,24px)}.Box--spacious .Box-title{font-size:var(--text-title-size-medium,20px)}.Box--spacious .Box-body,.Box--spacious .Box-footer{padding:var(--stack-padding-spacious,24px)}.Box--spacious .Box-btn-octicon.btn-octicon{margin:calc(var(--stack-gap-spacious, 24px)*-1) calc(var(--stack-gap-spacious, 24px)*-1);padding:var(--stack-padding-spacious,24px)}.Box--spacious .Box-row{padding:var(--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(--borderRadius-medium,6px);border-top-right-radius:var(--borderRadius-medium,6px);border-width:var(--borderWidth-thin,1px);margin:calc(var(--borderWidth-thin, 1px)*-1) calc(var(--borderWidth-thin, 1px)*-1) 0;padding:var(--stack-padding-normal,16px)}.Box-title{font-size:var(--text-body-size-medium,14px);font-weight:var(--base-text-weight-semibold,600)}.Box-body{border-bottom:var(--borderWidth-thin,1px) solid var(--color-border-default);padding:var(--stack-padding-normal,16px)}.Box-body:last-of-type{border-bottom-left-radius:var(--borderRadius-medium,6px);border-bottom-right-radius:var(--borderRadius-medium,6px);margin-bottom:calc(var(--borderWidth-thin, 1px)*-1)}.Box-row{border-top:var(--borderWidth-thin,1px) solid var(--color-border-muted);list-style-type:none;margin-top:calc(var(--borderWidth-thin, 1px)*-1);padding:var(--stack-padding-normal,16px)}.Box-row:first-of-type{border-top-left-radius:var(--borderRadius-medium,6px);border-top-right-radius:var(--borderRadius-medium,6px)}.Box-row:last-of-type{border-bottom-left-radius:var(--borderRadius-medium,6px);border-bottom-right-radius:var(--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(--borderRadius-medium,6px) var(--borderRadius-medium,6px);border-top:var(--borderWidth-thin,1px) solid var(--color-border-default);margin-top:calc(var(--borderWidth-thin, 1px)*-1);padding:var(--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(--controlStack-small-gap-spacious, 16px)*-1) calc(var(--controlStack-small-gap-spacious, 16px)*-1);padding:var(--control-medium-paddingInline-spacious,16px) var(--control-medium-paddingInline-spacious,16px)}
|
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
".Box--spacious .Box-header",
|
|
12
12
|
".Box--spacious .Box-title",
|
|
13
13
|
".Box--spacious .Box-body",
|
|
14
|
-
".Box--spacious .Box-btn-octicon.btn-octicon",
|
|
15
14
|
".Box--spacious .Box-footer",
|
|
15
|
+
".Box--spacious .Box-btn-octicon.btn-octicon",
|
|
16
16
|
".Box--spacious .Box-row",
|
|
17
17
|
".Box-header",
|
|
18
18
|
".Box-title",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--
|
|
1
|
+
:root{--duration-fast:80ms;--easing-easeInOut:cubic-bezier(0.65,0,0.35,1)}.Button{align-items:center;background-color:initial;border:var(--borderWidth-thin,1px) solid;border-color:#0000;border-radius:var(--borderRadius-medium,6px);color:var(--color-btn-text);cursor:pointer;display:inline-flex;flex-direction:row;font-size:var(--text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);gap:var(--base-size-4,4px);height:var(--control-medium-size,32px);justify-content:space-between;min-width:max-content;padding:0 var(--control-medium-paddingInline-normal,12px);position:relative;text-align:center;transition:var(--duration-fast) var(--easing-easeInOut);transition-property:color,fill,background-color,border-color;-webkit-user-select:none;user-select:none}@media (pointer:coarse){.Button:before{content:"";height:100%;left:50%;min-height:48px;min-width:48px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:100%}}.Button:hover{transition-duration:var(--duration-fast)}.Button:active{transition:none}.Button:disabled,.Button[aria-disabled=true]{box-shadow:none;cursor:not-allowed}.Button-withTooltip{display:inline-block;position:relative}a.Button:hover,summary.Button:hover{text-decoration:none}.Button-content{align-items:center;display:grid;flex:1 0 auto;grid-template-areas:"leadingVisual text trailingVisual";grid-template-columns:min-content minmax(0,auto) min-content;place-content:center}.Button-content>:not(:last-child){margin-right:var(--control-medium-gap,8px)}.Button-content--alignStart{justify-content:start}.Button-visual{display:flex;pointer-events:none}.Button-visual .Counter{background-color:var(--color-btn-counter-bg);color:inherit}.Button-label{grid-area:text;line-height:var(--text-body-lineHeight-medium,1.42857);white-space:nowrap}.Button-leadingVisual{grid-area:leadingVisual}.Button-trailingVisual{grid-area:trailingVisual}.Button-trailingAction{margin-right:calc(var(--base-size-4, 4px)*-1)}.Button--small{font-size:var(--text-body-size-small,12px);gap:var(--control-small-gap,4px);height:var(--control-small-size,28px);padding:0 var(--control-small-paddingInline-condensed,8px)}.Button--small .Button-label{line-height:var(--text-body-lineHeight-small,1.66667)}.Button--small .Button-content>:not(:last-child){margin-right:var(--control-small-gap,4px)}.Button--large{gap:var(--control-large-gap,8px);height:var(--control-large-size,40px);padding:0 var(--control-large-paddingInline-spacious,16px)}.Button--large .Button-label{line-height:var(--text-body-lineHeight-large,1.5)}.Button--large .Button-content>:not(:last-child){margin-right:var(--control-large-gap,8px)}.Button--fullWidth{width:100%}.Button--primary{fill:var(--color-btn-primary-icon);background-color:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);box-shadow:var(--color-btn-primary-shadow),var(--color-btn-primary-inset-shadow);color:var(--color-btn-primary-text)}.Button--primary:hover:not(:disabled){background-color:var(--color-btn-primary-hover-bg);border-color:var(--color-btn-primary-hover-border)}.Button--primary:focus{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:focus:not(:focus-visible){box-shadow:none;outline:1px solid #0000}.Button--primary:focus-visible{box-shadow:inset 0 0 0 3px var(--color-fg-on-emphasis);outline:2px solid var(--color-accent-fg);outline-offset:-2px}.Button--primary:active:not(:disabled),.Button--primary[aria-pressed=true]{background-color:var(--color-btn-primary-selected-bg);box-shadow:var(--color-btn-primary-selected-shadow)}.Button--primary:disabled,.Button--primary[aria-disabled=true]{fill:var(--color-btn-primary-disabled-text);background-color:var(--color-btn-primary-disabled-bg);border-color:var(--color-btn-primary-disabled-border);color:var(--color-btn-primary-disabled-text)}.Button--secondary{fill:var(--color-fg-muted);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-text)}.Button--secondary:hover:not(:disabled){background-color:var(--color-btn-hover-bg);border-color:var(--color-btn-hover-border)}.Button--secondary:active:not(:disabled){background-color:var(--color-btn-active-bg);border-color:var(--color-btn-active-border)}.Button--secondary[aria-pressed=true]{background-color:var(--color-btn-selected-bg);box-shadow:var(--color-primer-shadow-inset)}.Button--secondary:disabled,.Button--secondary[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible{color:var(--color-btn-text)}.Button--invisible:hover:not(:disabled){background-color:var(--color-action-list-item-default-hover-bg)}.Button--invisible:active:not(:disabled),.Button--invisible[aria-pressed=true]{background-color:var(--color-action-list-item-default-active-bg)}.Button--invisible:disabled,.Button--invisible[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);color:var(--color-primer-fg-disabled)}.Button--invisible.Button--invisible-noVisuals .Button-label{color:var(--color-accent-fg)}.Button--invisible .Button-visual{color:var(--color-fg-muted)}.Button--link{fill:var(--color-accent-fg);border:none;color:var(--color-accent-fg);display:inline-block;font-size:inherit;height:unset;padding:0}.Button--link:hover:not(:disabled){text-decoration:underline}.Button--link:focus,.Button--link:focus-visible{outline-offset:2px}.Button--link:disabled,.Button--link[aria-disabled=true]{fill:var(--color-primer-fg-disabled);background-color:initial;border-color:#0000;color:var(--color-primer-fg-disabled)}.Button--danger{fill:var(--color-btn-danger-icon);background-color:var(--color-btn-bg);border-color:var(--color-btn-border);box-shadow:var(--color-btn-shadow),var(--color-btn-inset-shadow);color:var(--color-btn-danger-text)}.Button--danger:hover:not(:disabled){fill:var(--color-btn-danger-hover-text);background-color:var(--color-btn-danger-hover-bg);border-color:var(--color-btn-danger-hover-border);box-shadow:var(--color-btn-danger-hover-shadow),var(--color-btn-danger-hover-inset-shadow);color:var(--color-btn-danger-hover-text)}.Button--danger:active:not(:disabled),.Button--danger[aria-pressed=true]{fill:var(--color-btn-danger-selected-text);background-color:var(--color-btn-danger-selected-bg);border-color:var(--color-btn-danger-selected-border);box-shadow:var(--color-btn-danger-selected-shadow);color:var(--color-btn-danger-selected-text)}.Button--danger:disabled,.Button--danger[aria-disabled=true]{fill:var(--color-btn-danger-disabled-text);background-color:var(--color-btn-danger-disabled-bg);border-color:var(--color-btn-border);color:var(--color-btn-danger-disabled-text)}.Button--iconOnly{display:inline-grid;padding:unset;place-content:center;width:var(--control-medium-size,32px)}.Button--iconOnly.Button--small{width:var(--control-small-size,28px)}.Button--iconOnly.Button--large{width:var(--control-large-size,40px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Counter{background-color:var(--color-neutral-muted);border:var(--
|
|
1
|
+
.Counter{background-color:var(--color-neutral-muted);border:var(--borderWidth-thin,1px) solid var(--color-counter-border);border-radius:2em;color:var(--color-fg-default);display:inline-block;font-size:var(--text-body-size-small,12px);font-weight:var(--base-text-weight-medium,500);line-height:calc(var(--base-size-20, 20px) - var(--borderWidth-thin, 1px)*2);min-width:var(--base-size-20,20px);padding:0 6px;text-align:center}.Counter:empty{display:none}.Counter .octicon{opacity:.8;vertical-align:text-top}.Counter--primary{background-color:var(--color-neutral-emphasis);color:var(--color-fg-on-emphasis)}.Counter--secondary{background-color:var(--color-neutral-subtle);color:var(--color-fg-muted)}
|
|
@@ -1 +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(--
|
|
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(--borderRadius-medium,6px);border-style:solid;border-width:var(--borderWidth-thin,1px);color:var(--color-fg-default);padding:var(--base-size-20,20px) var(--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(--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(--control-medium-paddingInline-spacious, 16px)*-1);padding:var(--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(--stack-gap-spacious,24px);margin-top:-3px}.flash-action.btn:not(.Banner-actions) .octicon{color:var(--color-fg-muted);margin-right:var(--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(--borderWidth-thin,1px) 0;margin-top:calc(var(--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}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.labels{position:relative}.Label,.label{border:var(--
|
|
1
|
+
.labels{position:relative}.Label,.label{border:var(--borderWidth-thin,1px) solid var(--color-border-default);border-radius:2em;display:inline-block;font-size:var(--text-body-size-small,12px);font-weight:var(--base-text-weight-medium,500);line-height:18px;padding:0 7px;white-space:nowrap}.Label:hover,.label:hover{text-decoration:none}.Label--large{line-height:22px;padding-left:10px;padding-right:10px}.Label--inline{display:inline;font-size:85%;padding:.12em .5em}.Label--primary{border-color:var(--color-neutral-emphasis);color:var(--color-fg-default)}.Label--secondary{border-color:var(--color-border-default);color:var(--color-fg-muted)}.Label--accent,.Label--info{border-color:var(--color-accent-emphasis);color:var(--color-accent-fg)}.Label--success{border-color:var(--color-success-emphasis);color:var(--color-success-fg)}.Label--attention,.Label--warning{border-color:var(--color-attention-emphasis);color:var(--color-attention-fg)}.Label--severe{border-color:var(--color-severe-emphasis);color:var(--color-severe-fg)}.Label--danger{border-color:var(--color-danger-emphasis);color:var(--color-danger-fg)}.Label--open{border-color:var(--color-open-emphasis);color:var(--color-open-fg)}.Label--closed{border-color:var(--color-closed-emphasis);color:var(--color-closed-fg)}.Label--done{border-color:var(--color-done-emphasis);color:var(--color-done-fg)}.Label--sponsors{border-color:var(--color-sponsors-emphasis);color:var(--color-sponsors-fg)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--
|
|
1
|
+
.Popover{position:absolute;z-index:100}.Popover-message{background-color:var(--color-canvas-overlay);border:var(--borderWidth-thin,1px) solid var(--color-border-default);border-radius:var(--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(--stack-gap-condensed,8px);right:auto;top:auto;width:auto!important}.Popover-message>.btn-octicon{padding:var(--control-medium-paddingInline-normal,12px)!important}.Popover-message:after,.Popover-message:before{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.State,.state{border-radius:2em;display:inline-block;font-size:var(--
|
|
1
|
+
.State,.state{border-radius:2em;display:inline-block;font-size:var(--text-body-size-medium,14px);font-weight:var(--base-text-weight-medium,500);line-height:var(--control-medium-lineBoxHeight,20px);padding:5px var(--control-medium-paddingInline-normal,12px);text-align:center;white-space:nowrap}.State,.State--draft,.state{background-color:var(--color-neutral-emphasis);border:var(--borderWidth-thin,1px) solid #0000;color:var(--color-fg-on-emphasis)}.State--open{background-color:var(--color-open-emphasis)}.State--merged,.State--open{color:var(--color-fg-on-emphasis)}.State--merged{background-color:var(--color-done-emphasis)}.State--closed{background-color:var(--color-closed-emphasis);color:var(--color-fg-on-emphasis)}.State--small{font-size:var(--text-body-size-small,12px);line-height:var(--base-size-24,24px);padding:0 10px}.State--small .octicon{width:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Subhead{border-bottom:var(--
|
|
1
|
+
.Subhead{border-bottom:var(--borderWidth-thin,1px) solid var(--color-border-muted);display:flex;flex-flow:row wrap;justify-content:flex-end;margin-bottom:var(--stack-gap-normal,16px);padding-bottom:var(--stack-padding-condensed,8px)}.Subhead--spacious{margin-top:var(--base-size-40,40px)}.Subhead-heading{flex:1 1 auto;font-size:24px;font-weight:var(--base-text-weight-normal,400);order:0}.Subhead-heading--danger{color:var(--color-danger-fg);font-weight:var(--base-text-weight-semibold,600)}.Subhead-description{color:var(--color-fg-muted);flex:1 100%;font-size:var(--text-body-size-medium,14px);order:2}.Subhead-actions{align-self:center;justify-content:flex-end;margin:var(--base-size-4,4px) 0 var(--base-size-4,4px) var(--base-size-4,4px);order:1}.Subhead-actions+.Subhead-description{margin-top:var(--base-size-4,4px)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.TimelineItem{display:flex;margin-left:var(--
|
|
1
|
+
.TimelineItem{display:flex;margin-left:var(--stack-gap-normal,16px);padding:var(--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(--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(--borderWidth-thick,2px) solid var(--color-canvas-default);border-radius:50%;color:var(--color-fg-muted);display:flex;flex-shrink:0;height:var(--control-medium-size,32px);justify-content:center;margin-left:calc(var(--control-medium-size, 32px)/-2 + 1px);margin-right:var(--controlStack-medium-gap-condensed,8px);position:relative;width:var(--control-medium-size,32px);z-index:1}.TimelineItem-badge--success{background-color:var(--color-success-emphasis);border:var(--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(--borderWidth-thicker,4px) solid var(--color-border-default);height:var(--stack-gap-spacious,24px);margin:0;margin-bottom:calc(var(--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(--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)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--
|
|
1
|
+
.Truncate{display:inline-flex;max-width:100%;min-width:0}.Truncate>.Truncate-text{max-width:-moz-fit-content;max-width:fit-content;min-width:1ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Truncate>.Truncate-text+.Truncate-text{margin-left:var(--control-small-gap,4px)}.Truncate>.Truncate-text.Truncate-text--primary{flex-basis:200%}.Truncate>.Truncate-text.Truncate-text--expandable:active,.Truncate>.Truncate-text.Truncate-text--expandable:focus,.Truncate>.Truncate-text.Truncate-text--expandable:hover{cursor:pointer;flex-shrink:0;max-width:100%!important}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/view-components",
|
|
3
|
-
"version": "0.1.7
|
|
3
|
+
"version": "0.1.7",
|
|
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",
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
"@github/markdownlint-github": "^0.2.2",
|
|
65
65
|
"@github/prettier-config": "0.0.4",
|
|
66
66
|
"@playwright/test": "^1.27.1",
|
|
67
|
-
"@primer/css": "
|
|
68
|
-
"@primer/primitives": "^7.11.
|
|
67
|
+
"@primer/css": "21.0.1",
|
|
68
|
+
"@primer/primitives": "^7.11.7",
|
|
69
69
|
"@rollup/plugin-node-resolve": "^13.3.0",
|
|
70
70
|
"@rollup/plugin-typescript": "^8.3.3",
|
|
71
71
|
"@typescript-eslint/eslint-plugin": "^5.31.0",
|
package/static/arguments.json
CHANGED
|
@@ -43,6 +43,12 @@
|
|
|
43
43
|
"default": "`:none`",
|
|
44
44
|
"description": "How items may be selected in the list. One of `:multiple`, `:multiple_checkbox`, `:none`, or `:single`."
|
|
45
45
|
},
|
|
46
|
+
{
|
|
47
|
+
"name": "form_arguments",
|
|
48
|
+
"type": "Hash",
|
|
49
|
+
"default": "`{}`",
|
|
50
|
+
"description": "Allows an `ActionList` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission. *NOTE*: Consider using an [ActionMenu](/components/alpha/actionmenu) instead of using this feature directly."
|
|
51
|
+
},
|
|
46
52
|
{
|
|
47
53
|
"name": "system_arguments",
|
|
48
54
|
"type": "Hash",
|
|
@@ -73,6 +79,17 @@
|
|
|
73
79
|
}
|
|
74
80
|
]
|
|
75
81
|
},
|
|
82
|
+
{
|
|
83
|
+
"component": "ActionList::FormWrapper",
|
|
84
|
+
"status": "alpha",
|
|
85
|
+
"a11y_reviewed": false,
|
|
86
|
+
"short_name": "ActionListFormWrapper",
|
|
87
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/form_wrapper.rb",
|
|
88
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/form_wrapper/default/",
|
|
89
|
+
"parameters": [
|
|
90
|
+
|
|
91
|
+
]
|
|
92
|
+
},
|
|
76
93
|
{
|
|
77
94
|
"component": "ActionList::Heading",
|
|
78
95
|
"status": "alpha",
|
|
@@ -169,6 +186,12 @@
|
|
|
169
186
|
"default": "`{}`",
|
|
170
187
|
"description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
|
|
171
188
|
},
|
|
189
|
+
{
|
|
190
|
+
"name": "form_arguments",
|
|
191
|
+
"type": "Hash",
|
|
192
|
+
"default": "`{}`",
|
|
193
|
+
"description": "Allows the item to submit a form on click. The URL passed in the `href:` option will be used as the form action. Pass the `method:` option to this hash to control what kind of request is made, One of `:delete`, `:get`, `:head`, `:patch`, `:post`, or `:put`. The `name:` option is required and specifies the desired name of the field that will be included in the params sent to the server on form submission. Specify the `value:` option to send a custom value to the server; otherwise the value of `name:` is sent."
|
|
194
|
+
},
|
|
172
195
|
{
|
|
173
196
|
"name": "truncate_label",
|
|
174
197
|
"type": "Boolean",
|
|
@@ -297,7 +320,13 @@
|
|
|
297
320
|
"name": "select_variant",
|
|
298
321
|
"type": "Symbol",
|
|
299
322
|
"default": "`:none`",
|
|
300
|
-
"description": "
|
|
323
|
+
"description": "One of `:multiple`, `:none`, or `:single`."
|
|
324
|
+
},
|
|
325
|
+
{
|
|
326
|
+
"name": "form_arguments",
|
|
327
|
+
"type": "Hash",
|
|
328
|
+
"default": "`{}`",
|
|
329
|
+
"description": "Allows an `ActionMenu` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
|
|
301
330
|
},
|
|
302
331
|
{
|
|
303
332
|
"name": "system_arguments",
|
|
@@ -325,7 +354,7 @@
|
|
|
325
354
|
"name": "system_arguments",
|
|
326
355
|
"type": "Hash",
|
|
327
356
|
"default": "N/A",
|
|
328
|
-
"description": "
|
|
357
|
+
"description": "The arguments accepted by [ActionList](/components/alpha/actionlist)"
|
|
329
358
|
}
|
|
330
359
|
]
|
|
331
360
|
},
|
package/static/audited_at.json
CHANGED
package/static/constants.json
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
"DEFAULT_SCHEME": "full",
|
|
6
6
|
"DEFAULT_SELECT_VARIANT": "none",
|
|
7
7
|
"Divider": "Primer::Alpha::ActionList::Divider",
|
|
8
|
+
"FormWrapper": "Primer::Alpha::ActionList::FormWrapper",
|
|
8
9
|
"Heading": "Primer::Alpha::ActionList::Heading",
|
|
9
10
|
"Item": "Primer::Alpha::ActionList::Item",
|
|
10
11
|
"MENU_ROLE": "menu",
|
|
@@ -39,6 +40,17 @@
|
|
|
39
40
|
"filled"
|
|
40
41
|
]
|
|
41
42
|
},
|
|
43
|
+
"Primer::Alpha::ActionList::FormWrapper": {
|
|
44
|
+
"DEFAULT_HTTP_METHOD": "get",
|
|
45
|
+
"HTTP_METHOD_OPTIONS": [
|
|
46
|
+
"get",
|
|
47
|
+
"post",
|
|
48
|
+
"patch",
|
|
49
|
+
"put",
|
|
50
|
+
"delete",
|
|
51
|
+
"head"
|
|
52
|
+
]
|
|
53
|
+
},
|
|
42
54
|
"Primer::Alpha::ActionList::Heading": {
|
|
43
55
|
"DEFAULT_SCHEME": "subtle",
|
|
44
56
|
"HEADING_LEVELS": [
|
|
@@ -623,7 +635,12 @@
|
|
|
623
635
|
]
|
|
624
636
|
},
|
|
625
637
|
"Primer::Beta::AutoComplete::Item": {
|
|
626
|
-
"
|
|
638
|
+
"DEFAULT_DESCRIPTION_VARIANT": "block",
|
|
639
|
+
"DESCRIPTION_VARIANT_MAPPINGS": {
|
|
640
|
+
"inline": "ActionListItem-descriptionWrap--inline",
|
|
641
|
+
"block": "ActionListItem-descriptionWrap"
|
|
642
|
+
},
|
|
643
|
+
"DESCRIPTION_VARIANT_OPTIONS": [
|
|
627
644
|
"inline",
|
|
628
645
|
"block"
|
|
629
646
|
]
|
package/static/info_arch.json
CHANGED
|
@@ -45,6 +45,12 @@
|
|
|
45
45
|
"default": "`:none`",
|
|
46
46
|
"description": "How items may be selected in the list. One of `:multiple`, `:multiple_checkbox`, `:none`, or `:single`."
|
|
47
47
|
},
|
|
48
|
+
{
|
|
49
|
+
"name": "form_arguments",
|
|
50
|
+
"type": "Hash",
|
|
51
|
+
"default": "`{}`",
|
|
52
|
+
"description": "Allows an `ActionList` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission. *NOTE*: Consider using an {{#link_to_component}}Primer::Alpha::ActionMenu{{/link_to_component}} instead of using this feature directly."
|
|
53
|
+
},
|
|
48
54
|
{
|
|
49
55
|
"name": "system_arguments",
|
|
50
56
|
"type": "Hash",
|
|
@@ -260,6 +266,12 @@
|
|
|
260
266
|
"default": "`{}`",
|
|
261
267
|
"description": "{{link_to_system_arguments_docs}} used to construct the item's anchor or button tag."
|
|
262
268
|
},
|
|
269
|
+
{
|
|
270
|
+
"name": "form_arguments",
|
|
271
|
+
"type": "Hash",
|
|
272
|
+
"default": "`{}`",
|
|
273
|
+
"description": "Allows the item to submit a form on click. The URL passed in the `href:` option will be used as the form action. Pass the `method:` option to this hash to control what kind of request is made, One of `:delete`, `:get`, `:head`, `:patch`, `:post`, or `:put`. The `name:` option is required and specifies the desired name of the field that will be included in the params sent to the server on form submission. Specify the `value:` option to send a custom value to the server; otherwise the value of `name:` is sent."
|
|
274
|
+
},
|
|
263
275
|
{
|
|
264
276
|
"name": "truncate_label",
|
|
265
277
|
"type": "Boolean",
|
|
@@ -517,6 +529,31 @@
|
|
|
517
529
|
|
|
518
530
|
]
|
|
519
531
|
},
|
|
532
|
+
{
|
|
533
|
+
"fully_qualified_name": "Primer::Alpha::ActionList::FormWrapper",
|
|
534
|
+
"description": "Utility component for wrapping ActionLists or individual ActionList::Items in forms.",
|
|
535
|
+
"component": "ActionList::FormWrapper",
|
|
536
|
+
"status": "alpha",
|
|
537
|
+
"a11y_reviewed": false,
|
|
538
|
+
"short_name": "ActionListFormWrapper",
|
|
539
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/form_wrapper.rb",
|
|
540
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/form_wrapper/default/",
|
|
541
|
+
"parameters": [
|
|
542
|
+
|
|
543
|
+
],
|
|
544
|
+
"slots": [
|
|
545
|
+
|
|
546
|
+
],
|
|
547
|
+
"methods": [
|
|
548
|
+
|
|
549
|
+
],
|
|
550
|
+
"previews": [
|
|
551
|
+
|
|
552
|
+
],
|
|
553
|
+
"subcomponents": [
|
|
554
|
+
|
|
555
|
+
]
|
|
556
|
+
},
|
|
520
557
|
{
|
|
521
558
|
"fully_qualified_name": "Primer::Alpha::ActionList::Divider",
|
|
522
559
|
"description": "Group heading rendered above the group contents.",
|
|
@@ -557,7 +594,7 @@
|
|
|
557
594
|
},
|
|
558
595
|
{
|
|
559
596
|
"fully_qualified_name": "Primer::Alpha::ActionMenu",
|
|
560
|
-
"description": "
|
|
597
|
+
"description": "ActionMenu is used for actions, navigation, to display secondary options, or single/multi select lists. They appear when users interact with buttons, actions, or other controls.\n\nThe only allowed elements for the `Item` components are: `:a`, `:button`, and `:clipboard-copy`. The default is `:button`.",
|
|
561
598
|
"component": "ActionMenu",
|
|
562
599
|
"status": "alpha",
|
|
563
600
|
"a11y_reviewed": false,
|
|
@@ -617,7 +654,13 @@
|
|
|
617
654
|
"name": "select_variant",
|
|
618
655
|
"type": "Symbol",
|
|
619
656
|
"default": "`:none`",
|
|
620
|
-
"description": "
|
|
657
|
+
"description": "One of `:multiple`, `:none`, or `:single`."
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"name": "form_arguments",
|
|
661
|
+
"type": "Hash",
|
|
662
|
+
"default": "`{}`",
|
|
663
|
+
"description": "Allows an `ActionMenu` to act as a select list in multi- and single-select modes. Pass the `builder:` and `name:` options to this hash. `builder:` should be an instance of `ActionView::Helpers::FormBuilder`, which are created by the standard Rails `#form_with` and `#form_for` helpers. The `name:` option is the desired name of the field that will be included in the params sent to the server on form submission."
|
|
621
664
|
},
|
|
622
665
|
{
|
|
623
666
|
"name": "system_arguments",
|
|
@@ -627,7 +670,30 @@
|
|
|
627
670
|
}
|
|
628
671
|
],
|
|
629
672
|
"slots": [
|
|
630
|
-
|
|
673
|
+
{
|
|
674
|
+
"name": "show_button",
|
|
675
|
+
"description": "Button to activate the menu.",
|
|
676
|
+
"parameters": [
|
|
677
|
+
{
|
|
678
|
+
"name": "system_arguments",
|
|
679
|
+
"type": "Hash",
|
|
680
|
+
"default": "N/A",
|
|
681
|
+
"description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::Overlay{{/link_to_component}}'s `show_button` slot."
|
|
682
|
+
}
|
|
683
|
+
]
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"name": "items",
|
|
687
|
+
"description": "Adds a new item to the list.",
|
|
688
|
+
"parameters": [
|
|
689
|
+
{
|
|
690
|
+
"name": "system_arguments",
|
|
691
|
+
"type": "Hash",
|
|
692
|
+
"default": "N/A",
|
|
693
|
+
"description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionList::Item{{/link_to_component}}."
|
|
694
|
+
}
|
|
695
|
+
]
|
|
696
|
+
}
|
|
631
697
|
],
|
|
632
698
|
"methods": [
|
|
633
699
|
{
|
|
@@ -675,13 +741,6 @@
|
|
|
675
741
|
}
|
|
676
742
|
]
|
|
677
743
|
},
|
|
678
|
-
{
|
|
679
|
-
"name": "items",
|
|
680
|
-
"description": "Retrieves the list of items.",
|
|
681
|
-
"parameters": [
|
|
682
|
-
|
|
683
|
-
]
|
|
684
|
-
},
|
|
685
744
|
{
|
|
686
745
|
"name": "with_divider",
|
|
687
746
|
"description": "Adds a divider to the list.",
|
|
@@ -766,6 +825,16 @@
|
|
|
766
825
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_actions",
|
|
767
826
|
"name": "with_actions"
|
|
768
827
|
},
|
|
828
|
+
{
|
|
829
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_select_form",
|
|
830
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_select_form",
|
|
831
|
+
"name": "single_select_form"
|
|
832
|
+
},
|
|
833
|
+
{
|
|
834
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/multiple_select_form",
|
|
835
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/multiple_select_form",
|
|
836
|
+
"name": "multiple_select_form"
|
|
837
|
+
},
|
|
769
838
|
{
|
|
770
839
|
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_disabled_items",
|
|
771
840
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_disabled_items",
|
|
@@ -828,7 +897,7 @@
|
|
|
828
897
|
"name": "system_arguments",
|
|
829
898
|
"type": "Hash",
|
|
830
899
|
"default": "N/A",
|
|
831
|
-
"description": "{{
|
|
900
|
+
"description": "The arguments accepted by {{#link_to_component}}Primer::Alpha::ActionList{{/link_to_component}}"
|
|
832
901
|
}
|
|
833
902
|
],
|
|
834
903
|
"slots": [
|
|
@@ -862,6 +931,12 @@
|
|
|
862
931
|
"name": "with_item",
|
|
863
932
|
"description": "Adds a new item to the list.",
|
|
864
933
|
"parameters": [
|
|
934
|
+
{
|
|
935
|
+
"name": "data",
|
|
936
|
+
"type": "Hash",
|
|
937
|
+
"default": "`{}`",
|
|
938
|
+
"description": "When the menu is used as a form input (see the {{#link_to_component}}Primer::Alpha::ActionMenu{{/link_to_component}} docs), the label is submitted to the server by default. However, if the `data: { value: }` or `\"data-value\":` attribute is provided, it will be sent to the server instead."
|
|
939
|
+
},
|
|
865
940
|
{
|
|
866
941
|
"name": "system_arguments",
|
|
867
942
|
"type": "Hash",
|
|
@@ -5572,13 +5647,7 @@
|
|
|
5572
5647
|
}
|
|
5573
5648
|
],
|
|
5574
5649
|
"methods": [
|
|
5575
|
-
{
|
|
5576
|
-
"name": "description_variant_class",
|
|
5577
|
-
"description": "Description variant class.",
|
|
5578
|
-
"parameters": [
|
|
5579
5650
|
|
|
5580
|
-
]
|
|
5581
|
-
}
|
|
5582
5651
|
],
|
|
5583
5652
|
"previews": [
|
|
5584
5653
|
{
|
package/static/previews.json
CHANGED
|
@@ -188,6 +188,16 @@
|
|
|
188
188
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_actions",
|
|
189
189
|
"name": "with_actions"
|
|
190
190
|
},
|
|
191
|
+
{
|
|
192
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_select_form",
|
|
193
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_select_form",
|
|
194
|
+
"name": "single_select_form"
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/multiple_select_form",
|
|
198
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/multiple_select_form",
|
|
199
|
+
"name": "multiple_select_form"
|
|
200
|
+
},
|
|
191
201
|
{
|
|
192
202
|
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_disabled_items",
|
|
193
203
|
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_disabled_items",
|
package/static/statuses.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"Primer::Alpha::ActionList": "alpha",
|
|
3
3
|
"Primer::Alpha::ActionList::Divider": "alpha",
|
|
4
|
+
"Primer::Alpha::ActionList::FormWrapper": "alpha",
|
|
4
5
|
"Primer::Alpha::ActionList::Heading": "alpha",
|
|
5
6
|
"Primer::Alpha::ActionList::Item": "alpha",
|
|
6
7
|
"Primer::Alpha::ActionMenu": "alpha",
|