@primer/components 0.0.0-2021103221942 → 0.0.0-2021103222654

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @primer/components
 
-## 0.0.0-2021103221942
+## 0.0.0-2021103222654
 
 ### Major Changes
 
-- [#1574](https://github.com/primer/react/pull/1574) [`a49dbdde`](https://github.com/primer/react/commit/a49dbddef70c3f0477a22d158f0e8d6d1fee02a0) Thanks [@jfuchs](https://github.com/jfuchs)! - SubNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
+- [#1575](https://github.com/primer/react/pull/1575) [`aae36ea0`](https://github.com/primer/react/commit/aae36ea0da11e912cc3269298fe77991ba2c2e64) Thanks [@jfuchs](https://github.com/jfuchs)! - TabNav no longer accepts styled-system props. Please use the `sx` prop to extend Primer component styling instead. See also https://primer.style/react/overriding-styles for information about `sx` and https://primer.style/react/system-props for context on the removal.
 
 ### Minor Changes
 

package/dist/browser.esm.js

@@ -1720,11 +1720,10 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     align-self: center;
   }
 
+  ${It};
+  ${Mt};
   ${rr};
-`;function id({actions:t,className:r,children:o,label:a,...n}){const i=en(r,"SubNav");return e.createElement(nd,Pt({className:i,"aria-label":a},n),e.createElement("div",{className:"SubNav-body"},o),t&&e.createElement("div",{className:"SubNav-actions"},t))}id.displayName="SubNav";const ld=f.div`
-  display: flex;
-  ${rr};
-`,dd=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en("SubNav-item",e.selected&&"selected",e.className)})))`
+`;function id({actions:t,className:r,children:o,label:a,...n}){const i=en(r,"SubNav");return e.createElement(nd,Pt({className:i,"aria-label":a},n),e.createElement("div",{className:"SubNav-body"},o),t&&e.createElement("div",{className:"SubNav-actions"},t))}function ld(t){return e.createElement(or,Pt({display:"flex"},t))}id.displayName="SubNav",ld.displayName="SubNavLinks";const dd=f.a.attrs((e=>({activeClassName:"string"==typeof e.to?"selected":"",className:en("SubNav-item",e.selected&&"selected",e.className)})))`
   padding-left: ${Nt("space.3")};
   padding-right: ${Nt("space.3")};
   font-weight: ${Nt("fontWeights.semibold")};
@@ -1771,11 +1770,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     }
   }
 
+  ${It};
   ${rr};
 `;dd.displayName="SubNav.Link",ld.displayName="SubNav.Links";var sd=Object.assign(id,{Link:dd,Links:ld});const cd=f.div`
   margin-top: 0;
   border-bottom: 1px solid ${Nt("colors.border.default")};
-  ${It}
   ${rr}
 `,fd=f.nav`
   display: flex;
@@ -1805,7 +1804,6 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     background-color: ${Nt("colors.canvas.default")};
   }
 
-  ${It};
   ${rr};
 `;ud.displayName="TabNav.Link";var pd=Object.assign(gd,{Link:ud}),bd=O(te,D,H,M,W,U,V,q,_,re,pe,be,me),md=new RegExp("^("+bd.propNames.join("|")+")$");const hd={small:"16px",medium:"20px",large:"24px",extralarge:"32px"},vd=({as:e="span",onClick:t,onFocus:r,tabIndex:o=-1})=>Boolean(r||t||o>-1||["a","button"].includes(e)),xd=ue({prop:"size",variants:{small:{fontSize:0,height:hd.small,lineHeight:hd.small,paddingLeft:1,paddingRight:1,paddingTop:0,paddingBottom:0},medium:{fontSize:0,height:hd.medium,lineHeight:hd.medium,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},large:{fontSize:0,height:hd.large,lineHeight:hd.large,paddingLeft:2,paddingRight:2,paddingTop:0,paddingBottom:0},extralarge:{fontSize:1,height:hd.extralarge,lineHeight:hd.extralarge,paddingLeft:3,paddingRight:3,paddingTop:0,paddingBottom:0}}}),yd=f.span.attrs((({text:e,onRemove:t,onKeyDown:r})=>({onKeyDown:e=>{r&&r(e),"Backspace"!==e.key&&"Delete"!==e.key||!t||t()},"aria-label":t?`${e}, press backspace or delete to remove`:void 0})))`
   align-items: center;