@primer/components 0.0.0-202182717728 → 0.0.0-2021827203237
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/CHANGELOG.md +1 -5
- package/dist/browser.esm.js +3 -4
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +3 -4
- package/dist/browser.umd.js.map +1 -1
- package/lib/ActionList/Item.d.ts +4 -17
- package/lib/ActionList/Item.js +6 -8
- package/lib/ActionList/List.d.ts +5 -7
- package/lib/ActionList/List.js +2 -2
- package/lib/ActionList/index.d.ts +2 -1
- package/lib/AvatarStack.d.ts +4 -8
- package/lib/AvatarStack.js +5 -6
- package/lib-esm/ActionList/Item.d.ts +4 -17
- package/lib-esm/ActionList/Item.js +5 -8
- package/lib-esm/ActionList/List.d.ts +5 -7
- package/lib-esm/ActionList/List.js +2 -2
- package/lib-esm/ActionList/index.d.ts +2 -1
- package/lib-esm/AvatarStack.d.ts +4 -8
- package/lib-esm/AvatarStack.js +5 -6
- package/package.json +1 -2
package/dist/browser.umd.js
CHANGED
@@ -438,7 +438,6 @@
|
|
438
438
|
color: ${({variant:e,item:t})=>ya(e,null==t?void 0:t.disabled).color};
|
439
439
|
// 2 frames on a 60hz monitor
|
440
440
|
transition: background 33.333ms linear;
|
441
|
-
text-decoration: none;
|
442
441
|
|
443
442
|
@media (hover: hover) and (pointer: fine) {
|
444
443
|
:hover {
|
@@ -542,7 +541,7 @@
|
|
542
541
|
flex-basis: var(--description-container-flex-basis);
|
543
542
|
`,Aa=d.default.input`
|
544
543
|
pointer-events: none;
|
545
|
-
|
544
|
+
`;function Na(e){const{text:r,description:o,descriptionVariant:a="inline",selected:d,selectionVariant:i,leadingVisual:l,trailingIcon:c,trailingText:s,variant:f="default",showDivider:b,disabled:g,onAction:u,onKeyPress:p,children:m,onClick:h,id:x,...v}=e,y=Po(),w=Po(),B=t.useCallback((t=>{if(g)return;null==p||p(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==u||u(e,t))}),[u,g,e,p]),$=t.useCallback((t=>{g||(null==h||h(t),t.defaultPrevented||null==u||u(e,t))}),[u,g,e,h]),k=va[f],S=Gt(k.hover,"inherit"),T=Gt(k.focus,"inherit"),{theme:E}=Ut();return n.default.createElement($a,Tt({tabIndex:g?void 0:-1,variant:f,showDivider:b,"aria-selected":d,"aria-labelledby":r?y:void 0,"aria-describedby":o?w:void 0},v,{"data-id":x,onKeyPress:B,onClick:$,hoverBackground:g?"inherit":S,focusBackground:g?"inherit":T}),!!d===d&&n.default.createElement(Sa,null,"multiple"===i?n.default.createElement(n.default.Fragment,null,n.default.createElement(Aa,{disabled:g,tabIndex:-1,type:"checkbox",checked:d,"aria-label":r,readOnly:!0,"aria-readonly":"false"})):d&&n.default.createElement(Qr,{fill:null==E?void 0:E.colors.text.primary})),l&&n.default.createElement(Ea,{variant:f,disabled:g},n.default.createElement(l,null)),n.default.createElement(wa,null,n.default.createElement(Ba,{style:{"--main-content-flex-direction":"inline"===a?"row":"column"}},m,r?n.default.createElement(ka,{id:y},r):null,o?n.default.createElement(Ia,{id:w,style:{"--description-container-margin-left":"inline"===a?vt("space.2")(E):0,"--description-container-flex-basis":"inline"===a?0:"auto"}},"block"===a?o:n.default.createElement(ma,{title:o,inline:!0,maxWidth:"100%"},o)):null),c||s?n.default.createElement(Ca,{variant:f,disabled:g},s,c&&n.default.createElement(c,null)):null))}Na.displayName="Item";const Ra=d.default.div`
|
546
545
|
font-size: ${vt("fontSizes.1")};
|
547
546
|
/* 14px font-size * 1.428571429 = 20px line height
|
548
547
|
*
|
@@ -555,7 +554,7 @@
|
|
555
554
|
--item-hover-bg-override: none;
|
556
555
|
--item-hover-divider-border-color-override: ${vt("colors.border.muted")};
|
557
556
|
}
|
558
|
-
`;const za=n.default.forwardRef(((e,t)=>{const{firstGroupStyle:r,lastGroupStyle:o,headerStyle:a,itemStyle:d}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:vt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:vt("space.2")},lastGroupStyle:{marginBottom:vt("space.2")},itemStyle:{marginX:vt("space.2")}}}}(e.variant),i=(t,r,o)=>{var a,i;const
|
557
|
+
`;const za=n.default.forwardRef(((e,t)=>{const{firstGroupStyle:r,lastGroupStyle:o,headerStyle:a,itemStyle:d}=function(e="inset"){switch(e){case"full":return{headerStyle:{paddingX:vt("space.2")},itemStyle:{borderRadius:0}};default:return{firstGroupStyle:{marginTop:vt("space.2")},lastGroupStyle:{marginBottom:vt("space.2")},itemStyle:{marginX:vt("space.2")}}}}(e.variant),i=(t,r,o)=>{var a,i,l;const c="renderItem"in t&&t.renderItem||e.renderItem||Na,s=null!==(a=null!==(i=t.key)&&void 0!==i?i:null===(l=t.id)||void 0===l?void 0:l.toString())&&void 0!==a?a:o.toString();return n.default.createElement(c,Tt({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},t,{key:s,sx:{...d,...t.sx},item:r}))};let l=[];if(function(e){return"groupMetadata"in e}(e)){const t=e.groupMetadata.reduce(((e,t)=>e.set(t.groupId,t)),new Map);for(const r of e.items){var c,s,f;const e=t.get(r.groupId),o=null!==(c=null==e||null===(s=e.items)||void 0===s?void 0:s.length)&&void 0!==c?c:0;t.set(r.groupId,{...e,items:[...null!==(f=null==e?void 0:e.items)&&void 0!==f?f:[],i({showDivider:null==e?void 0:e.showItemDividers,...e&&"renderItem"in e&&{renderItem:e.renderItem},...r},r,o)]})}l=[...t.values()]}else l=[{items:e.items.map(((e,t)=>i(e,e,t))),groupId:"0"}];return n.default.createElement(Ra,Tt({},e,{ref:t}),l.map((({header:t,...d},i)=>{const c="filled"===(null==t?void 0:t.variant),s=i>0&&!c;return n.default.createElement(n.default.Fragment,{key:d.groupId},s?n.default.createElement(xa,{key:`${d.groupId}-divider`}):null,(t=>{var r;const o=(null!==(r="renderGroup"in t&&t.renderGroup)&&void 0!==r?r:e.renderGroup)||ua;return n.default.createElement(o,Tt({},t,{key:t.groupId}))})({sx:{...0===i&&r,...i===l.length-1&&o,...i>0&&!s&&{mt:2}},...t&&{header:{...t,sx:{...a,...t.sx}}},...d}))})))}));za.displayName="ActionList";const La=Object.assign(za,{Group:ua,Item:Na,Divider:xa}),Ha={xsmall:"192px",small:"256px",medium:"320px",large:"432px",xlarge:"600px",auto:"auto",initial:"auto"},Oa={small:"256px",medium:"320px",large:"480px",xlarge:"640px",xxlarge:"960px",auto:"auto"};const Ma=d.default.div`
|
559
558
|
background-color: ${vt("colors.canvas.overlay")};
|
560
559
|
box-shadow: ${vt("shadows.overlay.shadow")};
|
561
560
|
position: absolute;
|
@@ -717,7 +716,7 @@
|
|
717
716
|
|
718
717
|
${yt}
|
719
718
|
${Xt};
|
720
|
-
`,Qa=({children:e,alignRight:t
|
719
|
+
`,Qa=({children:e,alignRight:t,sx:r})=>{const o=n.default.Children.count(e),a=Ja({"pc-AvatarStack--two":2===o,"pc-AvatarStack--three-plus":o>2,"pc-AvatarStack--right":t});return n.default.createElement(Za,{count:o,className:a,sx:r},n.default.createElement(Vt,{position:"absolute",display:"flex",width:"38px",className:"pc-AvatarStackBody"},(e=>n.default.Children.map(e,((e,t)=>n.default.isValidElement(e)?n.default.cloneElement(e,{className:Ja(e.props.className,"pc-AvatarItem"),sx:{zIndex:10-t,...e.props.sx}}):e)))(e)))};Qa.displayName="AvatarStack";var en=Qa;var tn=d.default.a`
|
721
720
|
display: inline-block;
|
722
721
|
padding: 2px 6px;
|
723
722
|
font-size: ${vt("fontSizes.0")};
|