@primer/components 0.0.0-2021102321921 → 0.0.0-2021102322308

package/CHANGELOG.md

@@ -1,11 +1,13 @@
 # @primer/components
 
-## 0.0.0-2021102321921
+## 0.0.0-2021102322308
 
 ### Patch Changes
 
 - Fake entry to force publishing
 
+* [#1648](https://github.com/primer/react/pull/1648) [`09cae566`](https://github.com/primer/react/commit/09cae5662f6cc4bd231ecaaa894cdf39ef8e696c) Thanks [@jfuchs](https://github.com/jfuchs)! - Fixed a bug with Overlay's type where DOM props were not allowed.
+
 ## 32.0.0
 
 ### Major Changes

package/dist/browser.esm.js

@@ -833,7 +833,7 @@ import e,{useState as t,useRef as r,useCallback as o,useEffect as a,useMemo as n
     pointer-events: none;
   }
   ${Zt};
-`;kn.displayName="Breadcrumbs",$n.displayName="Breadcrumbs.Item";var Tn=Object.assign(kn,{Item:$n});const Sn=Object.assign(kn,{Item:$n}),En=(e="default",t)=>({default:{color:"btn.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}, ${null==t?void 0:t.shadows.btn.insetShadow}`,"&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.shadowActive}`},"&:disabled":{color:"primer.fg.disabled",backgroundColor:"btn.disabledBg"}},primary:{color:"btn.primary.text",backgroundColor:"btn.primary.bg",borderColor:"border.subtle",boxShadow:`${null==t?void 0:t.shadows.btn.primary.shadow}`,"&:hover:not([disabled])":{color:"btn.primary.hoverText",backgroundColor:"btn.primary.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.primary.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.primary.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.primary.selectedShadow}`},"&:disabled":{color:"btn.primary.disabledText",backgroundColor:"btn.primary.disabledBg"},'[data-component="ButtonCounter"]':{backgroundColor:"btn.primary.counterBg",color:"btn.primary.text"}},danger:{color:"btn.danger.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover:not([disabled])":{color:"btn.danger.hoverText",backgroundColor:"btn.danger.hoverBg",borderColor:"btn.danger.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.hoverCounterBg",color:"btn.danger.hoverText"}},"&:focus:not([disabled])":{borderColor:"btn.danger.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.focusShadow}`},"&:active:not([disabled])":{color:"btn.danger.selectedText",backgroundColor:"btn.danger.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.danger.selectedShadow}`,borderColor:"btn.danger.selectedBorder"},"&:disabled":{color:"btn.danger.disabledText",backgroundColor:"btn.danger.disabledBg",borderColor:"btn.danger.disabledBorder",'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.disabledCounterBg"}},'[data-component="ButtonCounter"]':{color:"btn.danger.text",backgroundColor:"btn.danger.counterBg"}},invisible:{color:"accent.fg",backgroundColor:"transparent",border:"0",boxShadow:"none","&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg"},"&:disabled":{color:"primer.fg.disabled"}},outline:{color:"btn.outline.text",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover":{color:"btn.outline.hoverText",backgroundColor:"btn.outline.hoverBg",borderColor:"outline.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.hoverCounterBg",color:"btn.outline.hoverText"}},"&:focus":{borderColor:"btn.outline.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.focusShadow}`},"&:active:not([disabled])":{color:"btn.outline.selectedText",backgroundColor:"btn.outline.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.outline.selectedShadow}`,borderColor:"btn.outline.selectedBorder"},"&:disabled":{color:"btn.outline.disabledText",backgroundColor:"btn.outline.disabledBg",borderColor:"btn.border",'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.disabledCounterBg"}},'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.counterBg",color:"btn.outline.text"}}}[e]),Cn=(e="medium",t="default",r)=>{let o,a,n;switch(e){case"small":o=3,a=12,n=0;break;case"large":o=9,a=20,n=2;break;case"medium":default:o=5,a=16,n=1}return r&&(a=o+2),"invisible"===t&&(o+=1),{paddingY:`${o}px`,paddingX:`${a}px`,fontSize:n,'[data-component="ButtonCounter"]':{fontSize:n}}},zn=f.button(Zt),In=i((({children:t,sx:r={},...o},a)=>{const{icon:n,leadingIcon:i,trailingIcon:l,variant:d="default",size:s="medium"}=o,c=!!n,{theme:f}=qt(),g={borderRadius:"2",border:"1px solid",borderColor:null==f?void 0:f.colors.btn.border,display:"grid",gridTemplateAreas:'"leadingIcon text trailingIcon"',fontWeight:"bold",lineHeight:"20px",whiteSpace:"nowrap",verticalAlign:"middle",cursor:"pointer",appearance:"none",userSelect:"none",textDecoration:"none",textAlign:"center","& > :not(:last-child)":{mr:"2"},"&:focus":{outline:"none"},"&:disabled":{cursor:"default"},"&:disabled svg":{opacity:"0.6"},'[data-component="leadingIcon"]':{gridArea:"leadingIcon"},'[data-component="text"]':{gridArea:"text"},'[data-component="trailingIcon"]':{gridArea:"trailingIcon"}},u=Vt.all([g,Cn(s,d,c),En(d,f),r]);return e.createElement(zn,Rt({sx:u,ref:a},o),i&&e.createElement(Qt,{as:"span","data-component":"leadingIcon","aria-hidden":!c},e.createElement(i,null)),e.createElement("span",{"data-component":"text",hidden:!!n},t),n&&e.createElement(Qt,{"data-component":"icon-only",as:"span","aria-hidden":!c},e.createElement(n,null)),l&&e.createElement(Qt,{as:"span","data-component":"trailingIcon","aria-hidden":!c},e.createElement(l,null)))}));In.displayName="Button";var Nn=f.span`
+`;kn.displayName="Breadcrumbs",$n.displayName="Breadcrumbs.Item";var Tn=Object.assign(kn,{Item:$n});const Sn=Object.assign(kn,{Item:$n}),En=(e="default",t)=>({default:{color:"btn.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}, ${null==t?void 0:t.shadows.btn.insetShadow}`,"&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.shadowActive}`},"&:disabled":{color:"primer.fg.disabled",backgroundColor:"btn.disabledBg"}},primary:{color:"btn.primary.text",backgroundColor:"btn.primary.bg",borderColor:"border.subtle",boxShadow:`${null==t?void 0:t.shadows.btn.primary.shadow}`,"&:hover:not([disabled])":{color:"btn.primary.hoverText",backgroundColor:"btn.primary.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.primary.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.primary.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.primary.selectedShadow}`},"&:disabled":{color:"btn.primary.disabledText",backgroundColor:"btn.primary.disabledBg"},'[data-component="ButtonCounter"]':{backgroundColor:"btn.primary.counterBg",color:"btn.primary.text"}},danger:{color:"btn.danger.text",backgroundColor:"btn.bg",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover:not([disabled])":{color:"btn.danger.hoverText",backgroundColor:"btn.danger.hoverBg",borderColor:"btn.danger.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.hoverCounterBg",color:"btn.danger.hoverText"}},"&:focus:not([disabled])":{borderColor:"btn.danger.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.danger.focusShadow}`},"&:active:not([disabled])":{color:"btn.danger.selectedText",backgroundColor:"btn.danger.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.danger.selectedShadow}`,borderColor:"btn.danger.selectedBorder"},"&:disabled":{color:"btn.danger.disabledText",backgroundColor:"btn.danger.disabledBg",borderColor:"btn.danger.disabledBorder",'[data-component="ButtonCounter"]':{backgroundColor:"btn.danger.disabledCounterBg"}},'[data-component="ButtonCounter"]':{color:"btn.danger.text",backgroundColor:"btn.danger.counterBg"}},invisible:{color:"accent.fg",backgroundColor:"transparent",border:"0",boxShadow:"none","&:hover:not([disabled])":{backgroundColor:"btn.hoverBg"},"&:focus:not([disabled])":{boxShadow:`${null==t?void 0:t.shadows.btn.focusShadow}`},"&:active:not([disabled])":{backgroundColor:"btn.selectedBg"},"&:disabled":{color:"primer.fg.disabled"}},outline:{color:"btn.outline.text",boxShadow:`${null==t?void 0:t.shadows.btn.shadow}`,"&:hover":{color:"btn.outline.hoverText",backgroundColor:"btn.outline.hoverBg",borderColor:"outline.hoverBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.hoverShadow}`,'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.hoverCounterBg",color:"btn.outline.hoverText"}},"&:focus":{borderColor:"btn.outline.focusBorder",boxShadow:`${null==t?void 0:t.shadows.btn.outline.focusShadow}`},"&:active:not([disabled])":{color:"btn.outline.selectedText",backgroundColor:"btn.outline.selectedBg",boxShadow:`${null==t?void 0:t.shadows.btn.outline.selectedShadow}`,borderColor:"btn.outline.selectedBorder"},"&:disabled":{color:"btn.outline.disabledText",backgroundColor:"btn.outline.disabledBg",borderColor:"btn.border",'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.disabledCounterBg"}},'[data-component="ButtonCounter"]':{backgroundColor:"btn.outline.counterBg",color:"btn.outline.text"}}}[e]),Cn=(e="medium",t="default",r)=>{let o,a,n;switch(e){case"small":o=3,a=12,n=0;break;case"large":o=9,a=20,n=2;break;case"medium":default:o=5,a=16,n=1}return r&&(a=o+2),"invisible"===t&&(o+=1),{paddingY:`${o}px`,paddingX:`${a}px`,fontSize:n,'[data-component="ButtonCounter"]':{fontSize:n}}},zn=f.button(Zt),In=i((({children:t,sx:r={},...o},a)=>{const{icon:n,leadingIcon:i,trailingIcon:l,variant:d="default",size:s="medium"}=o,c=!!n,{theme:f}=qt(),g={borderRadius:"2",border:"1px solid",borderColor:null==f?void 0:f.colors.btn.border,display:"grid",gridTemplateAreas:'"leadingIcon text trailingIcon"',fontWeight:"bold",lineHeight:"20px",whiteSpace:"nowrap",verticalAlign:"middle",cursor:"pointer",appearance:"none",userSelect:"none",textDecoration:"none",textAlign:"center","& > :not(:last-child)":{mr:"2"},"&:focus":{outline:"none"},"&:disabled":{cursor:"default"},"&:disabled svg":{opacity:"0.6"},'[data-component="leadingIcon"]':{gridArea:"leadingIcon"},'[data-component="text"]':{gridArea:"text"},'[data-component="trailingIcon"]':{gridArea:"trailingIcon"}},u={display:"inline-block"},p=Vt.all([g,Cn(s,d,c),En(d,f),r]);return e.createElement(zn,Rt({sx:p,ref:a},o),i&&e.createElement(Qt,{as:"span","data-component":"leadingIcon",sx:u,"aria-hidden":!c},e.createElement(i,null)),e.createElement("span",{"data-component":"text",hidden:!!n},t),n&&e.createElement(Qt,{"data-component":"icon-only",as:"span",sx:{display:"inline-block"},"aria-hidden":!c},e.createElement(n,null)),l&&e.createElement(Qt,{as:"span","data-component":"trailingIcon",sx:{...u,ml:2},"aria-hidden":!c},e.createElement(l,null)))}));In.displayName="Button",Object.assign(In,{});var Nn=f.span`
   display: inline-block;
   padding: 2px 5px;
   font-size: ${It("fontSizes.0")};