@primer/components 0.0.0-20211016233521 → 0.0.0-2021101701833

package/dist/browser.umd.js

@@ -318,26 +318,24 @@
     }
   }
 
-  ${yt};
-  ${$t};
   ${Kt};
-`,Ka=({dialogLabelId:e,title:r,subtitle:a,dialogDescriptionId:o,onClose:i})=>{const l=t.useCallback((()=>{i("close-button")}),[i]);return n.default.createElement(no.Header,null,n.default.createElement(qt,{display:"flex"},n.default.createElement(qt,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},n.default.createElement(no.Title,{id:e},null!=r?r:"Dialog"),a&&n.default.createElement(no.Subtitle,{id:o},a)),n.default.createElement(no.CloseButton,{onClose:l})))};Ka.displayName="DefaultHeader";const qa=({children:e})=>n.default.createElement(no.Body,null,e);qa.displayName="DefaultBody";const Xa=({footerButtons:e})=>{const{containerRef:t}=Ia({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return e?n.default.createElement(no.Footer,{ref:t},n.default.createElement(no.Buttons,{buttons:e})):null},Ya=n.default.forwardRef(((e,r)=>{const{title:a="Dialog",subtitle:o="",renderHeader:i,renderBody:l,renderFooter:d,onClose:s,role:c="dialog",width:f="xlarge",height:u="auto",footerButtons:g=[]}=e,p=Wa(),b=Wa(),m=t.useRef(null);for(const e of g)e.autoFocus&&(e.ref=m);const h={...e,title:a,subtitle:o,role:c,dialogLabelId:p,dialogDescriptionId:b},v=t.useRef(null),x=Pa(v,r),y=t.useRef(null);Ea({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:m}),xr((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Ka)(h),B=(null!=l?l:qa)(h),k=(null!=d?d:Xa)(h);return n.default.createElement(n.default.Fragment,null,n.default.createElement(Ma,null,n.default.createElement(ja,{ref:y},n.default.createElement(Va,{width:f,height:u,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,k))))}));Ya.displayName="Dialog";const Ja=i.default(qt).attrs({as:"header"})`
+`,Ka=({dialogLabelId:e,title:r,subtitle:a,dialogDescriptionId:o,onClose:i})=>{const l=t.useCallback((()=>{i("close-button")}),[i]);return n.default.createElement(no.Header,null,n.default.createElement(qt,{display:"flex"},n.default.createElement(qt,{display:"flex",px:2,py:"6px",flexDirection:"column",flexGrow:1},n.default.createElement(no.Title,{id:e},null!=r?r:"Dialog"),a&&n.default.createElement(no.Subtitle,{id:o},a)),n.default.createElement(no.CloseButton,{onClose:l})))};Ka.displayName="DefaultHeader";const qa=({children:e})=>n.default.createElement(no.Body,null,e);qa.displayName="DefaultBody";const Xa=({footerButtons:e})=>{const{containerRef:t}=Ia({bindKeys:Er.ArrowHorizontal|Er.Tab,focusInStrategy:"closest"});return e?n.default.createElement(no.Footer,{ref:t},n.default.createElement(no.Buttons,{buttons:e})):null},Ya=n.default.forwardRef(((e,r)=>{const{title:a="Dialog",subtitle:o="",renderHeader:i,renderBody:l,renderFooter:d,onClose:s,role:c="dialog",width:f="xlarge",height:u="auto",footerButtons:g=[]}=e,p=Wa(),b=Wa(),m=t.useRef(null);for(const e of g)e.autoFocus&&(e.ref=m);const h={...e,title:a,subtitle:o,role:c,dialogLabelId:p,dialogDescriptionId:b},v=t.useRef(null),x=Pa(v,r),y=t.useRef(null);Ea({containerRef:v,restoreFocusOnCleanUp:!0,initialFocusRef:m}),xr((e=>{s("escape"),e.preventDefault()}),[s]);const w=(null!=i?i:Ka)(h),B=(null!=l?l:qa)(h),k=(null!=d?d:Xa)(h);return n.default.createElement(n.default.Fragment,null,n.default.createElement(Ma,null,n.default.createElement(ja,{ref:y},n.default.createElement(Va,{width:f,height:u,ref:x,role:c,"aria-labelledby":p,"aria-describedby":b},w,B,k))))}));Ya.displayName="Dialog";const Ja=i.default.div.attrs({as:"header"})`
   box-shadow: 0 1px 0 ${xt("colors.border.default")};
   padding: ${xt("space.2")};
   z-index: 1;
   flex-shrink: 0;
-`,Za=i.default(qt)`
+`,Za=i.default.div`
   font-size: ${xt("fontSizes.1")};
   font-weight: ${xt("fontWeights.bold")};
-`,Qa=i.default(qt)`
+`,Qa=i.default.div`
   font-size: ${xt("fontSizes.0")};
   margin-top: ${xt("space.1")};
   color: ${xt("colors.fg.muted")};
-`,eo=i.default(qt)`
+`,eo=i.default.div`
   flex-grow: 1;
   overflow: auto;
   padding: ${xt("space.3")};
-`,to=i.default(qt).attrs({as:"footer"})`
+`,to=i.default.div.attrs({as:"footer"})`
   box-shadow: 0 -1px 0 ${xt("colors.border.default")};
   padding: ${xt("space.3")};
   display: flex;