@primer/components 0.0.0-202110322537 → 0.0.0-2021103231920

package/dist/browser.umd.js

@@ -810,8 +810,10 @@
 `,wn=i.default.nav`
   display: flex;
   justify-content: space-between;
+  ${yt};
+  ${St};
   ${Kt};
-`;function Bn({className:e,children:t,sx:r}){const a=n.default.Children.map(t,(e=>n.default.createElement(yn,null,e)));return n.default.createElement(wn,{className:e,"aria-label":"Breadcrumbs",sx:r},n.default.createElement(qt,{as:"ol",my:0,pl:0},a))}Bn.displayName="Breadcrumbs";const kn=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Xo(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
+`;function Bn({className:e,children:t,theme:r,...a}){const o=n.default.Children.map(t,(e=>n.default.createElement(yn,{theme:r},e)));return n.default.createElement(wn,Tt({className:e,"aria-label":"Breadcrumbs",theme:r},a),n.default.createElement(qt,{as:"ol",my:0,pl:0},o))}Bn.displayName="Breadcrumbs";const kn=i.default.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:Xo(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
   color: ${xt("colors.accent.fg")};
   display: inline-block;
   font-size: ${xt("fontSizes.1")};
@@ -823,6 +825,7 @@
     color: ${xt("colors.fg.default")};
     pointer-events: none;
   }
+  ${yt}
   ${Kt};
 `;Bn.displayName="Breadcrumbs",kn.displayName="Breadcrumbs.Item";var $n=Object.assign(Bn,{Item:kn});const Sn=Object.assign(Bn,{Item:kn}),Tn={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},En={top:"Left",right:"Top",bottom:"Left",left:"Top"};function Cn(e,t,r){const a=Tn[e].toLowerCase(),o=En[e].toLowerCase();return{[a]:"100%",[t||o]:t?r:"50%"}}const zn=pt({prop:"bg",key:"colors"}),Rn=pt({prop:"borderColor",key:"colors"}),Nn=pt({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function An(e){var t;const a=n.default.useContext(r.ThemeContext),o={...e,theme:null!==(t=e.theme)&&void 0!==t?t:a},{bg:i}=zn(o),{borderColor:l}=Rn(o),{borderWidth:d}=Nn(o),{size:s=8,location:c="bottom"}=e,[f,u]=function(e){const[t,r]=e.split("-");return[t,r]}(c),g=En[f],p=[-s,0],b=[0,s],m=[s,0],h=`M${p}L${b}L${m}L${p}Z`,v=`M${p}L${b}L${m}`,x={top:`translate(${[s,2*s]}) rotate(180)`,right:`translate(${[0,s]}) rotate(-90)`,bottom:`translate(${[s,0]})`,left:`translate(${[2*s,s]}) rotate(90)`}[f];return n.default.createElement("svg",{width:2*s,height:2*s,style:{pointerEvents:"none",position:"absolute",...Cn(f,u,s),[`margin${g}`]:u?null:-s}},n.default.createElement("g",{transform:x},n.default.createElement("path",{d:h,fill:i}),n.default.createElement("path",{d:v,fill:"none",stroke:l,strokeWidth:d})))}An.displayName="Caret",An.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],An.defaultProps={bg:"canvas.default",borderColor:"border.default",borderWidth:1};const In={small:56,medium:96,large:128},Ln=i.default.div`
   display: ${e=>e.inline?"inline-flex":"flex"};
@@ -1185,8 +1188,6 @@
     border: 0;
     appearance: none;
   }
-  ${wt};
-  ${yt};
   ${Kt};
 `;var Ai=i.default.div`
   position: relative;