@primer/components 0.0.0-20218276039 → 0.0.0-2021828175320

package/CHANGELOG.md

@@ -1,10 +1,12 @@
 # @primer/components
 
-## 0.0.0-20218276039
+## 0.0.0-2021828175320
 
 ### Major Changes
 
-- [#1448](https://github.com/primer/react/pull/1448) [`1a39fb02`](https://github.com/primer/react/commit/1a39fb0284c5e19324d378629d09a343be4cde05) Thanks [@SferaDev](https://github.com/SferaDev)! - Remove `.Breadcrumb` classname from the root element of the `Breadcrumbs` component. This change shouldn't break anything unless you have styles, scripts, or tests that reference the `.Breadcrumb` classname.
+- [#1469](https://github.com/primer/react/pull/1469) [`ec1a8479`](https://github.com/primer/react/commit/ec1a8479272dcd78341b39e7a1fe8731388827a4) Thanks [@jfuchs](https://github.com/jfuchs)! - Breadcrumbs no longer accept styled props
+
+* [#1448](https://github.com/primer/react/pull/1448) [`1a39fb02`](https://github.com/primer/react/commit/1a39fb0284c5e19324d378629d09a343be4cde05) Thanks [@SferaDev](https://github.com/SferaDev)! - Remove `.Breadcrumb` classname from the root element of the `Breadcrumbs` component. This change shouldn't break anything unless you have styles, scripts, or tests that reference the `.Breadcrumb` classname.
 
 ### Patch Changes
 

package/dist/browser.esm.js

@@ -748,10 +748,8 @@ Za=en,function(){var e={}.hasOwnProperty;function r(){for(var t=[],o=0;o<argumen
 `,ln=s.nav`
   display: flex;
   justify-content: space-between;
-  ${Nr};
-  ${Hr};
   ${rt};
-`;function cn({className:r,children:t,theme:o,...a}){const n=e.Children.map(t,(r=>e.createElement(dn,{theme:o},r)));return e.createElement(ln,Or({className:r,"aria-label":"Breadcrumbs",theme:o},a),e.createElement(tt,{as:"ol",my:0,pl:0},n))}cn.displayName="Breadcrumbs";const sn=s.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:rn(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
+`;function cn({className:r,children:t,sx:o}){const a=e.Children.map(t,(r=>e.createElement(dn,null,r)));return e.createElement(ln,{className:r,"aria-label":"Breadcrumbs",sx:o},e.createElement(tt,{as:"ol",my:0,pl:0},a))}cn.displayName="Breadcrumbs";const sn=s.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:rn(e.selected&&"selected",e.className),"aria-current":e.selected?"page":null})))`
   color: ${Cr("colors.accent.fg")};
   display: inline-block;
   font-size: ${Cr("fontSizes.1")};
@@ -763,7 +761,6 @@ Za=en,function(){var e={}.hasOwnProperty;function r(){for(var t=[],o=0;o<argumen
     color: ${Cr("colors.fg.default")};
     pointer-events: none;
   }
-  ${Nr}
   ${rt};
 `;cn.displayName="Breadcrumbs",sn.displayName="Breadcrumbs.Item";var fn=Object.assign(cn,{Item:sn});const gn=Object.assign(cn,{Item:sn}),bn={top:"Bottom",right:"Left",bottom:"Top",left:"Right"},pn={top:"Left",right:"Top",bottom:"Left",left:"Top"};function un(e,r,t){const o=bn[e].toLowerCase(),a=pn[e].toLowerCase();return{[o]:"100%",[r||a]:r?t:"50%"}}const mn=kr({prop:"bg",key:"colors"}),hn=kr({prop:"borderColor",key:"colors"}),xn=kr({prop:"borderWidth",key:"borderWidths",scale:[0,1]});function vn(r){var t;const o=e.useContext(p),a={...r,theme:null!==(t=r.theme)&&void 0!==t?t:o},{bg:n}=mn(a),{borderColor:i}=hn(a),{borderWidth:d}=xn(a),{size:l=8,location:c="bottom"}=r,[s,f]=function(e){const[r,t]=e.split("-");return[r,t]}(c),g=pn[s],b=[-l,0],u=[0,l],m=[l,0],h=`M${b}L${u}L${m}L${b}Z`,x=`M${b}L${u}L${m}`,v={top:`translate(${[l,2*l]}) rotate(180)`,right:`translate(${[0,l]}) rotate(-90)`,bottom:`translate(${[l,0]})`,left:`translate(${[2*l,l]}) rotate(90)`}[s];return e.createElement("svg",{width:2*l,height:2*l,style:{pointerEvents:"none",position:"absolute",...un(s,f,l),[`margin${g}`]:f?null:-l}},e.createElement("g",{transform:v},e.createElement("path",{d:h,fill:n}),e.createElement("path",{d:x,fill:"none",stroke:i,strokeWidth:d})))}vn.displayName="Caret",vn.locations=["top","top-left","top-right","right","right-top","right-bottom","bottom","bottom-left","bottom-right","left","left-top","left-bottom"],vn.defaultProps={bg:"bg.canvas",borderColor:"border.primary",borderWidth:1};const yn={small:56,medium:96,large:128},wn=s.div`
   display: ${e=>e.inline?"inline-flex":"flex"};