@primer/components 0.0.0-202182817223 → 0.0.0-2021828175320
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 +3 -3
- package/dist/browser.esm.js +3 -5
- package/dist/browser.esm.js.map +1 -1
- package/dist/browser.umd.js +3 -5
- package/dist/browser.umd.js.map +1 -1
- package/lib/AvatarStack.d.ts +8 -4
- package/lib/AvatarStack.js +7 -6
- package/lib/Breadcrumbs.d.ts +8 -7
- package/lib/Breadcrumbs.js +7 -12
- package/lib-esm/AvatarStack.d.ts +8 -4
- package/lib-esm/AvatarStack.js +8 -7
- package/lib-esm/Breadcrumbs.d.ts +8 -7
- package/lib-esm/Breadcrumbs.js +8 -13
- package/package.json +1 -1
package/dist/browser.umd.js
CHANGED
@@ -714,8 +714,9 @@
|
|
714
714
|
}
|
715
715
|
}
|
716
716
|
|
717
|
+
${yt}
|
717
718
|
${Xt};
|
718
|
-
`,Qa=({children:e,alignRight:t
|
719
|
+
`,Qa=({children:e,alignRight:t,...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,Tt({count:o,className:a},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`
|
719
720
|
display: inline-block;
|
720
721
|
padding: 2px 6px;
|
721
722
|
font-size: ${vt("fontSizes.0")};
|
@@ -747,10 +748,8 @@
|
|
747
748
|
`,on=d.default.nav`
|
748
749
|
display: flex;
|
749
750
|
justify-content: space-between;
|
750
|
-
${yt};
|
751
|
-
${St};
|
752
751
|
${Xt};
|
753
|
-
`;function an({className:e,children:t,
|
752
|
+
`;function an({className:e,children:t,sx:r}){const o=n.default.Children.map(t,(e=>n.default.createElement(rn,null,e)));return n.default.createElement(on,{className:e,"aria-label":"Breadcrumbs",sx:r},n.default.createElement(Vt,{as:"ol",my:0,pl:0},o))}an.displayName="Breadcrumbs";const nn=d.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Ja(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
|
754
753
|
color: ${vt("colors.accent.fg")};
|
755
754
|
display: inline-block;
|
756
755
|
font-size: ${vt("fontSizes.1")};
|
@@ -762,7 +761,6 @@
|
|
762
761
|
color: ${vt("colors.fg.default")};
|
763
762
|
pointer-events: none;
|
764
763
|
}
|
765
|
-
${yt}
|
766
764
|
${Xt};
|
767
765
|
`;an.displayName="Breadcrumbs",nn.displayName="Breadcrumbs.Item";var dn=Object.assign(an,{Item:nn});const ln=Object.assign(an,{Item:nn}),cn={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},sn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function fn(e,t,r){const o=cn[e].toLowerCase(),a=sn[e].toLowerCase();return{[o]:"100%",[t||a]:t?r:"50%"}}const bn=ut({prop:"bg",key:"colors"}),gn=ut({prop:"borderColor",key:"colors"}),un=ut({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function pn(e){var t;const o=n.default.useContext(r.ThemeContext),a={...e,theme:null!==(t=e.theme)&&void 0!==t?t:o},{bg:d}=bn(a),{borderColor:i}=gn(a),{borderWidth:l}=un(a),{size:c=8,location:s="bottom"}=e,[f,b]=function(e){const[t,r]=e.split("-");return[t,r]}(s),g=sn[f],u=[-c,0],p=[0,c],m=[c,0],h=`M${u}L${p}L${m}L${u}Z`,x=`M${u}L${p}L${m}`,v={top:`translate(${[c,2*c]}) rotate(180)`,right:`translate(${[0,c]}) rotate(-90)`,bottom:`translate(${[c,0]})`,left:`translate(${[2*c,c]}) rotate(90)`}[f];return n.default.createElement("svg",{width:2*c,height:2*c,style:{pointerEvents:"none",position:"absolute",...fn(f,b,c),[`margin${g}`]:b?null:-c}},n.default.createElement("g",{transform:v},n.default.createElement("path",{d:h,fill:d}),n.default.createElement("path",{d:x,fill:"none",stroke:i,strokeWidth:l})))}pn.displayName="Caret",pn.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],pn.defaultProps={bg:"bg.canvas",borderColor:"border.primary",borderWidth:1};const mn={small:56,medium:96,large:128},hn=d.default.div`
|
768
766
|
display: ${e=>e.inline?"inline-flex":"flex"};
|