@primer/components 0.0.0-202110321848 → 0.0.0-202110322927

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @primer/components
 
-## 0.0.0-202110321848
+## 0.0.0-202110322927
 
 ### Major Changes
 
-- [#1568](https://github.com/primer/react/pull/1568) [`8ef9e7cb`](https://github.com/primer/react/commit/8ef9e7cbbab729c281d68e7b84c1db69e42ee791) Thanks [@jfuchs](https://github.com/jfuchs)! - Pagehead 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.
+- [#1572](https://github.com/primer/react/pull/1572) [`7c63d566`](https://github.com/primer/react/commit/7c63d5666ee472c9eb8669a1f2138f788f8ea95e) Thanks [@jfuchs](https://github.com/jfuchs)! - SideNav 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

@@ -1197,6 +1197,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
   padding-bottom: ${Nt("space.4")};
   margin-bottom: ${Nt("space.4")};
   border-bottom: 1px solid ${Nt("colors.border.default")};
+  ${It};
   ${rr};
 `;const Hi=f.a`
   display: inline-block;
@@ -1595,12 +1596,11 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
   ${"\n  // Remove marker added by the display: list-item browser default\n  > summary {\n    list-style: none;\n  }\n  // Remove marker added by details polyfill\n  > summary::before {\n    display: none;\n  }\n  // Remove marker added by Chrome\n  > summary::-webkit-details-marker {\n    display: none;\n  }\n"}
   ${It}
   ${rr};
-`,Vl=e.forwardRef((({children:n,initialTab:i="",as:l,...d},s)=>{const c=r(null),f=null!=s?s:c,[g,u]=t(i),[p,b]=t(!1),m={selectedTab:g,setSelectedTab:u,setOpen:b,open:p,initialTab:i},h=o((e=>{"current"in f&&f.current&&!f.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[f,b]);return a((()=>{if(p)return document.addEventListener("click",h),()=>{document.removeEventListener("click",h)}}),[p,h]),Zi(f,p,b),e.createElement(Qi.Provider,{value:m},e.createElement(Gl,Pt({ref:f},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));Vl.displayName="SelectMenu";var Kl=Object.assign(Vl,{MenuContext:Qi,List:xl,Divider:rl,Filter:nl,Footer:dl,Item:ml,Modal:Rl,Tabs:Ul,Tab:Pl,TabPanel:Wl,Header:gl,LoadingAnimation:Sl});function ql({variant:t,className:r,bordered:o,children:a,...n}){const i=en(r,`variant-${"lightweight"===t?"lightweight":"normal"}`);return o||(n={...n,borderWidth:0}),e.createElement(or,Pt({borderWidth:"1px",borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:i},n),a)}ql.displayName="SideNavBase";const Xl=f(ql)`
+`,Vl=e.forwardRef((({children:n,initialTab:i="",as:l,...d},s)=>{const c=r(null),f=null!=s?s:c,[g,u]=t(i),[p,b]=t(!1),m={selectedTab:g,setSelectedTab:u,setOpen:b,open:p,initialTab:i},h=o((e=>{"current"in f&&f.current&&!f.current.contains(e.target)&&(e.defaultPrevented||b(!1))}),[f,b]);return a((()=>{if(p)return document.addEventListener("click",h),()=>{document.removeEventListener("click",h)}}),[p,h]),Zi(f,p,b),e.createElement(Qi.Provider,{value:m},e.createElement(Gl,Pt({ref:f},d,{open:p,onToggle:function(e){b(e.target.open)}}),n))}));Vl.displayName="SelectMenu";var Kl=Object.assign(Vl,{MenuContext:Qi,List:xl,Divider:rl,Filter:nl,Footer:dl,Item:ml,Modal:Rl,Tabs:Ul,Tab:Pl,TabPanel:Wl,Header:gl,LoadingAnimation:Sl});function ql({variant:t,className:r,bordered:o,children:a}){const n=en(r,`variant-${"lightweight"===t?"lightweight":"normal"}`);return e.createElement(or,{borderWidth:o?"1px":0,borderStyle:"solid",borderColor:"border.default",borderRadius:2,as:"nav",className:n},a)}ql.displayName="SideNavBase";const Xl=f(ql)`
   background-color: ${Nt("colors.canvas.subtle")};
 
   ${e=>e.bordered&&p(["& > &{border-left:0;border-right:0;border-bottom:0;}"])}
 
-  ${It};
   ${rr};
 `,Yl=p(["background-color:",";outline:none;text-decoration:none;"],Nt("colors.neutral.subtle")),Jl=p(["color:",";text-decoration:none;outline:none;"],Nt("colors.fg.default")),Zl=f(Mi).attrs((e=>"string"==typeof e.to||e.selected?{"aria-current":"page"}:{}))`
   position: relative;