@primer/components 0.0.0-202191305320 → 0.0.0-2021913233916

package/dist/browser.umd.js

@@ -1809,6 +1809,7 @@
   cursor: ${e=>ul(e)?"pointer":"auto"};
   display: inline-flex;
   font-weight: ${vr("fontWeights.bold")};
+  font-family: inherit;
   text-decoration: none;
   white-space: nowrap;
   ${pl}
@@ -1898,7 +1899,7 @@
 `,Tl=d.default("span")`
   flex-shrink: 0;
   line-height: 0;
-`,Sl=r.forwardRef(((e,r)=>{const{as:t,onRemove:a,id:o,leadingVisual:d,text:i,size:l,hideRemoveButton:c,href:s,onClick:f,...g}=e,b=ul(e)&&Boolean(a)&&!c,u={as:t,href:s,onClick:f};return n.default.createElement($l,Sr({onRemove:a,hideRemoveButton:c||!a,id:null==o?void 0:o.toString(),text:i,size:l,isTokenInteractive:ul(e)},b?{}:u,g,{ref:r}),d?n.default.createElement(Tl,null,n.default.createElement(d,null)):null,n.default.createElement(kl,b?u:{},i),!c&&a?n.default.createElement(wl,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:l,isParentInteractive:ul(e),"aria-hidden":b?"true":"false",sx:b?{position:"relative",zIndex:"1"}:{}}):null)}));Sl.displayName="Token",Sl.defaultProps={size:bl};var Il=Sl;function El({icon:e,contrast:t,className:a,block:o,disabled:d,theme:i,sx:l,tokens:c,onTokenRemove:s,tokenComponent:f,preventTokenWrapping:g,size:b,hideTokenRemoveButtons:u,maxHeight:p,width:h,minWidth:m,maxWidth:x,variant:v,...y},B){const{onFocus:w,onKeyDown:k,...$}=function(e){var r={};for(var t in e)fl.test(t)||(r[t]=e[t]);return r}(y),T=yt(B),S=Ha(r.useRef(null),T),[I,E]=r.useState(),{containerRef:C}=Ca({focusOutBehavior:"wrap",bindKeys:It.ArrowHorizontal|It.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var r;if(!I&&0!==I)return;let t=I+1;return"next"===e&&(t+=1),"previous"===e&&(t-=1),t>c.length||t<1?S.current||void 0:null===(r=C.current)||void 0===r?void 0:r.children[t]}},[I]),A=e=>{if(s(e),I){var r;(null===(r=C.current)||void 0===r?void 0:r.children[I]).focus()}},z=()=>{E(void 0)},R=e=>{var r;"Escape"===e.key&&(null===(r=T.current)||void 0===r||r.focus())};return n.default.createElement(Zo,{block:o,className:a,contrast:t,disabled:d,hasIcon:!!e,theme:i,width:h,minWidth:m,maxWidth:x,variant:v,ref:C,sx:{alignItems:"center",flexWrap:g?"nowrap":"wrap",gap:"0.25rem","> *":{flexShrink:0},...o?{display:"flex",width:"100%"}:{},...p?{maxHeight:p,overflow:"auto"}:{},...g?{overflow:"auto"}:{},...l}},n.default.createElement(qr,{sx:{order:1,flexGrow:1}},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Yo,Sr({ref:S,disabled:d,onFocus:e=>{w&&w(e),E(void 0)},onKeyDown:e=>{var r;if(k&&k(e),null!==(r=T.current)&&void 0!==r&&r.value)return;const t=c[c.length-1];"Backspace"===e.key&&t&&(A(t.id),T.current&&(T.current.value=`${t.text} `),setTimeout((()=>{var e;null===(e=T.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},$))),c.length&&f?c.map((({id:e,...r},t)=>{return n.default.createElement(f,Sr({key:e,onFocus:(a=t,()=>{E(a)}),onBlur:z,onKeyUp:R,isSelected:I===t,onRemove:()=>{A(e)},hideRemoveButton:u,size:b,tabIndex:0},r));var a})):null)}El.displayName="TextInputWithTokensInnerComponent";const Cl=n.default.forwardRef(El);Cl.defaultProps={tokenComponent:Il,size:"extralarge",hideTokenRemoveButtons:!1},Cl.displayName="TextInputWithTokens";var Al=Cl;const zl=d.default(qr)`
+`,Sl=r.forwardRef(((e,r)=>{const{as:t,onRemove:a,id:o,leadingVisual:d,text:i,size:l,hideRemoveButton:c,href:s,onClick:f,...g}=e,b=ul(e)&&Boolean(a)&&!c,u={as:t,href:s,onClick:f};return n.default.createElement($l,Sr({onRemove:a,hideRemoveButton:c||!a,id:null==o?void 0:o.toString(),text:i,size:l,isTokenInteractive:ul(e)},b?{}:u,g,{ref:r}),d?n.default.createElement(Tl,null,n.default.createElement(d,null)):null,n.default.createElement(kl,b?u:{},i),!c&&a?n.default.createElement(wl,{borderOffset:1,onClick:e=>{e.stopPropagation(),a&&a()},size:l,isParentInteractive:ul(e),"aria-hidden":b?"true":"false",sx:b?{position:"relative",zIndex:"1"}:{}}):null)}));Sl.displayName="Token",Sl.defaultProps={size:bl};var Il=Sl;function El({icon:e,contrast:t,className:a,block:o,disabled:d,theme:i,sx:l,tokens:c,onTokenRemove:s,tokenComponent:f,preventTokenWrapping:g,size:b,hideTokenRemoveButtons:u,maxHeight:p,width:h,minWidth:m,maxWidth:x,variant:v,...y},B){const{onFocus:w,onKeyDown:k,...$}=function(e){var r={};for(var t in e)fl.test(t)||(r[t]=e[t]);return r}(y),T=yt(B),S=Ha(r.useRef(null),T),[I,E]=r.useState(),{containerRef:C}=Ca({focusOutBehavior:"wrap",bindKeys:It.ArrowHorizontal|It.HomeAndEnd,focusableElementFilter:e=>!e.getAttributeNames().includes("aria-hidden"),getNextFocusable:e=>{var r;if(!I&&0!==I)return;let t=I+1;return"next"===e&&(t+=1),"previous"===e&&(t-=1),t>c.length||t<1?S.current||void 0:null===(r=C.current)||void 0===r?void 0:r.children[t]}},[I]),A=e=>{if(s(e),I){var r;(null===(r=C.current)||void 0===r?void 0:r.children[I]).focus()}},z=()=>{E(void 0)},R=e=>{var r;"Escape"===e.key&&(null===(r=T.current)||void 0===r||r.focus())};return n.default.createElement(Zo,{block:o,className:a,contrast:t,disabled:d,hasIcon:!!e,theme:i,width:h,minWidth:m,maxWidth:x,variant:v,ref:C,sx:{alignItems:"center",flexWrap:g?"nowrap":"wrap",gap:"0.25rem","> *":{flexShrink:0},...o?{display:"flex",width:"100%"}:{},...p?{maxHeight:p,overflow:"auto"}:{},...g?{overflow:"auto"}:{},...l}},n.default.createElement(qr,{sx:{order:1,flexGrow:1}},e&&n.default.createElement(e,{className:"TextInput-icon"}),n.default.createElement(Yo,Sr({ref:S,disabled:d,onFocus:e=>{w&&w(e),E(void 0)},onKeyDown:e=>{var r;if(k&&k(e),null!==(r=T.current)&&void 0!==r&&r.value)return;const t=c[c.length-1];"Backspace"===e.key&&t&&(A(t.id),T.current&&(T.current.value=`${t.text} `),setTimeout((()=>{var e;null===(e=T.current)||void 0===e||e.select()}),0))},type:"text",sx:{height:"100%"}},$))),c.length&&f?c.map((({id:e,...r},t)=>{return n.default.createElement(f,Sr({key:e,onFocus:(a=t,()=>{E(a)}),onBlur:z,onKeyUp:R,isSelected:I===t,onRemove:()=>{A(e)},hideRemoveButton:u,size:b,tabIndex:0},r));var a})):null)}El.displayName="TextInputWithTokensInnerComponent";const Cl=n.default.forwardRef(El);Cl.defaultProps={tokenComponent:Il,size:"extralarge",hideTokenRemoveButtons:!1,preventTokenWrapping:!1},Cl.displayName="TextInputWithTokens";var Al=Cl;const zl=d.default(qr)`
   display: flex;
   flex-direction: column;
   ${e=>e.clipSidebar&&t.css([".Timeline-Item:first-child{padding-top:0;}.Timeline-Item:last-child{padding-bottom:0;}"])}