@primer/components 0.0.0-202110320949 → 0.0.0-202110321848

package/CHANGELOG.md

@@ -1,10 +1,10 @@
 # @primer/components
 
-## 0.0.0-202110320949
+## 0.0.0-202110321848
 
 ### Major Changes
 
-- [#1558](https://github.com/primer/react/pull/1558) [`6c11d0f0`](https://github.com/primer/react/commit/6c11d0f0b31f29deae7c1fa25142356cac926307) Thanks [@jfuchs](https://github.com/jfuchs)! - Dropdown 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.
+- [#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.
 
 ### Minor Changes
 

package/dist/browser.esm.js

@@ -932,6 +932,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
   height: 0;
   vertical-align: middle;
   width: 0;
+  ${It};
   ${rr};
 `,li=f.ul`
   background-clip: padding-box;
@@ -975,6 +976,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     list-style: none;
   }
   ${e=>e.direction?ri(e.theme,e.direction):""};
+  ${It};
   ${rr};
 `,di=f.li`
   display: block;
@@ -1007,6 +1009,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     background-color: ${Nt("colors.accent.emphasis")};
     outline: none;
   }
+  ${It};
   ${rr};
 `;li.defaultProps={direction:"sw"},li.displayName="Dropdown.Menu",di.displayName="Dropdown.Item",ni.defaultProps=qr.defaultProps,ni.displayName="Dropdown.Button",ii.displayName="Dropdown.Caret",ai.defaultProps=Gn.defaultProps;var si=Object.assign(ai,{Caret:ii,Menu:li,Item:di,Button:ni});const ci=e.forwardRef((({children:t,...r},o)=>e.createElement(qr,Pt({ref:o,type:"button"},r),t,e.createElement(Lo,{icon:uo,ml:1}))));function fi({renderAnchor:t=(t=>e.createElement(ci,t)),anchorRef:r,placeholder:a,selectedItem:i,onChange:l,overlayProps:d,items:s,open:c,onOpenChange:f,...g}){const[u,p]=Ka(c,f,!1),b=o((()=>p(!0)),[p]),m=o((()=>p(!1)),[p]),h=zr(r),v=n((()=>null===t?null:e=>{var r;return t({...e,children:null!==(r=null==i?void 0:i.text)&&void 0!==r?r:a})}),[a,t,null==i?void 0:i.text]),x=n((()=>s.map((e=>({...e,role:"option",selected:e===i,onAction:(t,r)=>{var o;null===(o=e.onAction)||void 0===o||o.call(e,t,r),r.defaultPrevented||(m(),null==l||l(e===i?void 0:e))}})))),[s,l,m,i]);return e.createElement(Va,{renderAnchor:v,anchorRef:h,open:u,onOpen:b,onClose:m,overlayProps:d},e.createElement(Da,Pt({},g,{role:"listbox",items:x})))}fi.displayName="DropdownMenu",fi.displayName="DropdownMenu";var gi=f.div`
   ${It};
@@ -1194,7 +1197,6 @@ 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;