@primer/components 0.0.0-2021103213523 → 0.0.0-2021103221942

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @primer/components
 
-## 0.0.0-2021103213523
+## 0.0.0-2021103221942
 
 ### Major Changes
 
-- [#1570](https://github.com/primer/react/pull/1570) [`a4467d30`](https://github.com/primer/react/commit/a4467d30d700c8a0a113aa4987b054f7c29bd7eb) Thanks [@jfuchs](https://github.com/jfuchs)! - Popover 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.
+- [#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.
 
 ### Minor Changes
 

package/dist/browser.esm.js

@@ -1308,8 +1308,12 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
   position: ${e=>e.relative?"relative":"absolute"};
   z-index: 100;
   display: ${e=>e.open?"block":"none"};
+
+  ${It};
+  ${Lt};
+  ${Ot};
   ${rr};
-`,Vi=f.div`
+`,Vi=f(or)`
   border: 1px solid ${Nt("colors.border.default")};
   border-radius: ${Nt("radii.2")};
   position: relative;
@@ -1319,6 +1323,9 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
   padding: ${Nt("space.4")};
   background-color: ${Nt("colors.canvas.overlay")};
 
+  ${It};
+  ${Lt};
+
   // Carets
   &::before,
   &::after {
@@ -1713,10 +1720,11 @@ 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))}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)})))`
+`;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)})))`
   padding-left: ${Nt("space.3")};
   padding-right: ${Nt("space.3")};
   font-weight: ${Nt("fontWeights.semibold")};
@@ -1763,7 +1771,6 @@ 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;