@primer/components 0.0.0-20219266052 → 0.0.0-2021926645

package/dist/browser.umd.js

@@ -547,7 +547,7 @@
   flex-basis: var(--description-container-flex-basis);
 `,Io=i.default.input`
   pointer-events: none;
-`,Ao=n.default.forwardRef(((e,r)=>{const{as:a,text:o,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingText:u,variant:g="default",showDivider:p,disabled:b,onAction:h,onKeyPress:m,children:v,onClick:x,id:y,...w}=e,B=Da(),k=Da(),$=t.useCallback((t=>{if(b)return;null==m||m(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==h||h(e,t))}),[h,b,e,m]),S=t.useCallback((t=>{b||(null==x||x(t),t.defaultPrevented||null==h||h(e,t))}),[h,b,e,x]),T=wo[g],E=Ut(T.hover,"inherit"),C=Ut(T.focus,"inherit"),{theme:z}=jt();return n.default.createElement(So,Tt({ref:r,as:a,tabIndex:b?void 0:-1,variant:g,showDivider:p,"aria-selected":d,"aria-labelledby":o?B:void 0,"aria-describedby":i?k:void 0},w,{"data-id":y,onKeyPress:$,onClick:S,hoverBackground:b?"inherit":E,focusBackground:b?"inherit":C}),!!d===d&&n.default.createElement(Eo,null,"multiple"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(Io,{disabled:b,tabIndex:-1,type:"checkbox",checked:d,"aria-label":o,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(ea,{fill:null==z?void 0:z.colors.fg.default})),c&&n.default.createElement(zo,{variant:g,disabled:b},n.default.createElement(c,null)),n.default.createElement(ko,null,n.default.createElement($o,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},v,o?n.default.createElement(To,{id:B},o):null,i?n.default.createElement(No,{id:k,style:{"--description-container-margin-left":"inline"===l?xt("space.2")(z):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:n.default.createElement(vo,{title:i,inline:!0,maxWidth:"100%"},i)):null),f||u?n.default.createElement(Ro,{variant:g,disabled:b},u,f&&n.default.createElement(f,null)):null))}));Ao.displayName="ActionList.Item";const Lo=i.default.div`
+`,Ao=n.default.forwardRef(((e,r)=>{const{as:a,text:o,description:i,descriptionVariant:l="inline",selected:d,selectionVariant:s,leadingVisual:c,trailingIcon:f,trailingVisual:u,trailingText:g,variant:p="default",showDivider:b,disabled:h,onAction:m,onKeyPress:v,children:x,onClick:y,id:w,...B}=e,k=Da(),$=Da(),S=t.useCallback((t=>{if(h)return;null==v||v(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==m||m(e,t))}),[m,h,e,v]),T=t.useCallback((t=>{h||(null==y||y(t),t.defaultPrevented||null==m||m(e,t))}),[m,h,e,y]),E=wo[p],C=Ut(E.hover,"inherit"),z=Ut(E.focus,"inherit"),{theme:R}=jt();return n.default.createElement(So,Tt({ref:r,as:a,tabIndex:h?void 0:-1,variant:p,showDivider:b,"aria-selected":d,"aria-labelledby":o?k:void 0,"aria-describedby":i?$:void 0},B,{"data-id":w,onKeyPress:S,onClick:T,hoverBackground:h?"inherit":C,focusBackground:h?"inherit":z}),!!d===d&&n.default.createElement(Eo,null,"multiple"===s?n.default.createElement(n.default.Fragment,null,n.default.createElement(Io,{disabled:h,tabIndex:-1,type:"checkbox",checked:d,"aria-label":o,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(ea,{fill:null==R?void 0:R.colors.fg.default})),c&&n.default.createElement(zo,{variant:p,disabled:h},n.default.createElement(c,null)),n.default.createElement(ko,null,n.default.createElement($o,{style:{"--main-content-flex-direction":"inline"===l?"row":"column"}},x,o?n.default.createElement(To,{id:k},o):null,i?n.default.createElement(No,{id:$,style:{"--description-container-margin-left":"inline"===l?xt("space.2")(R):0,"--description-container-flex-basis":"inline"===l?0:"auto"}},"block"===l?i:n.default.createElement(vo,{title:i,inline:!0,maxWidth:"100%"},i)):null),u?n.default.createElement(Ro,{variant:p,disabled:h},"function"==typeof u?n.default.createElement(u,null):u):f||g?n.default.createElement(Ro,{variant:p,disabled:h},g,f&&n.default.createElement(f,null)):null))}));Ao.displayName="ActionList.Item";const Lo=i.default.div`
   font-size: ${xt("fontSizes.1")};
   /* 14px font-size * 1.428571429 = 20px line height
    *