carbon-react/lib/components/dialog/dialog.style.js

A library of reusable React components for easily building user interfaces.

"use strict";var e=require("styled-components"),i=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),d=require("../icon-button/icon-button.style.js"),o=require("../form/form.style.js"),a=require("../../__internal__/full-screen-heading/full-screen-heading.style.js");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(e);const r={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},s=(t=!1)=>d=>t?e.css(["padding:0;"]):(e=>void 0!==e.padding||void 0!==e.p||void 0!==e.paddingTop||void 0!==e.pt||void 0!==e.paddingRight||void 0!==e.pr||void 0!==e.paddingBottom||void 0!==e.pb||void 0!==e.paddingLeft||void 0!==e.pl||void 0!==e.paddingX||void 0!==e.px||void 0!==e.paddingY||void 0!==e.py)(d)?e.css(["",""],i.padding):e.css(["",""],e.css(["padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"])),p=l.default.div.attrs(t.default).withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-6e8ce702-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";",""],(({theme:e,fullscreen:i})=>i?e.zIndex.fullScreenModal:e.zIndex.modal),(({fullscreen:i})=>i&&e.css(["justify-content:stretch;align-items:stretch;"]))),c=l.default.div.attrs(t.default).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-6e8ce702-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(t=>{var{disableContentPadding:d,fullscreen:a,hasHeader:n}=t,l=function(e,i){if(null==e)return{};var t,d,o=function(e,i){if(null==e)return{};var t,d,o={},a=Object.keys(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||(o[t]=e[t]);return o}(e,i);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(d=0;d<a.length;d++)t=a[d],i.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["disableContentPadding","fullscreen","hasHeader"]);return a?e.css(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],s(d)(l),o.StyledForm,o.StyledForm,o.StyledFormContent,s(d)(l),!n&&e.css(["padding-top:0;"])):e.css(["flex-grow:1;padding:",";"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],d?"0px":"24px 32px 30px",i.padding,o.StyledForm,o.StyledForm,o.StyledFormContent,i.padding,o.StyledFormFooter)})),g=l.default.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-6e8ce702-2"})(["display:flex;flex-direction:column;position:relative;&:focus{outline:none;}"," > ","{margin:0;position:absolute;z-index:1;","}",""],(({backgroundColor:i,dialogHeight:t,fullscreen:d,highlightVariant:o,size:a})=>d?e.css(["background-color:",";height:100%;width:100%;"],i):e.css(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],i,o&&"ai"===o&&e.css(['&::before{content:"";position:absolute;top:-8px;height:100px;width:100%;z-index:-1;background:linear-gradient( 90deg,#00d639 0%,#00d6de 40%,#9d60ff 90% );border-radius:var(--borderRadius200) var(--borderRadius200) 0 0;}']),"maximise"===a?e.css(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):e.css(["max-height:90vh;max-width:",";width:100%;"],r[a]),t&&e.css(["height:","px;"],t))),d.default,(({fullscreen:i})=>i?e.css(["right:40px;top:26px;"]):e.css(["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:i,pagesStyling:t})=>function({fullscreen:i,pagesStyling:t}){return i&&t?e.css(["","{padding:0;}> ","{right:33px;top:32px;}",'{padding:32px 32px 0;}[data-element="dialog-title-container"]{width:auto;padding-top:4px;[data-element="dialog-title"]{margin:0 0 0 3px;box-sizing:content-box;width:100%;}}'],c,d.default,a.default):""}({fullscreen:i,pagesStyling:t}))),u=l.default.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-6e8ce702-3"})(["",""],(({fullscreen:i,hasSubtitle:t,showCloseIcon:d})=>!i&&e.css(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",';[data-element="dialog-title-help-wrapper"]{display:inline-flex;align-items:baseline;}[data-element="dialog-title-container"]{margin-bottom:20px;[data-element="dialog-title"]{color:var(--colorsUtilityYin090);display:block;padding:',";}}"],d&&"padding-right: 85px",!t&&"4px 0px")));exports.DialogPositioner=p,exports.StyledDialog=g,exports.StyledDialogContent=c,exports.StyledDialogTitle=u;