@primer/components 0.0.0-202182422492 → 0.0.0-20218276039

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.
@@ -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
- `,Na=n.default.forwardRef(((e,r)=>{const{as:o,text:a,description:d,descriptionVariant:i="inline",selected:l,selectionVariant:c,leadingVisual:s,trailingIcon:f,trailingText:b,variant:g="default",showDivider:u,disabled:p,onAction:m,onKeyPress:h,children:x,onClick:v,id:y,...w}=e,B=Po(),$=Po(),k=t.useCallback((t=>{if(p)return;null==h||h(t);t.target instanceof HTMLInputElement&&"checkbox"===t.target.type&&" "===t.key||!t.defaultPrevented&&[" ","Enter"].includes(t.key)&&(null==m||m(e,t))}),[m,p,e,h]),S=t.useCallback((t=>{p||(null==v||v(t),t.defaultPrevented||null==m||m(e,t))}),[m,p,e,v]),T=va[g],E=Gt(T.hover,"inherit"),C=Gt(T.focus,"inherit"),{theme:I}=Ut();return n.default.createElement($a,Tt({ref:r,as:o,tabIndex:p?void 0:-1,variant:g,showDivider:u,"aria-selected":l,"aria-labelledby":a?B:void 0,"aria-describedby":d?$:void 0},w,{"data-id":y,onKeyPress:k,onClick:S,hoverBackground:p?"inherit":E,focusBackground:p?"inherit":C}),!!l===l&&n.default.createElement(Sa,null,"multiple"===c?n.default.createElement(n.default.Fragment,null,n.default.createElement(Aa,{disabled:p,tabIndex:-1,type:"checkbox",checked:l,"aria-label":a,readOnly:!0,"aria-readonly":"false"})):l&&n.default.createElement(Qr,{fill:null==I?void 0:I.colors.text.primary})),s&&n.default.createElement(Ea,{variant:g,disabled:p},n.default.createElement(s,null)),n.default.createElement(wa,null,n.default.createElement(Ba,{style:{"--main-content-flex-direction":"inline"===i?"row":"column"}},x,a?n.default.createElement(ka,{id:B},a):null,d?n.default.createElement(Ia,{id:$,style:{"--description-container-margin-left":"inline"===i?vt("space.2")(I):0,"--description-container-flex-basis":"inline"===i?0:"auto"}},"block"===i?d:n.default.createElement(ma,{title:d,inline:!0,maxWidth:"100%"},d)):null),f||b?n.default.createElement(Ca,{variant:g,disabled:p},b,f&&n.default.createElement(f,null)):null))}));const Ra=d.default.div`
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 l="renderItem"in t&&t.renderItem||e.renderItem||Na,c=null!==(a=null===(i=t.id)||void 0===i?void 0:i.toString())&&void 0!==a?a:o.toString();return n.default.createElement(l,Tt({showDivider:e.showItemDividers,selectionVariant:e.selectionVariant},t,{key:c,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`
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;