carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 4.71 kB
JavaScript
import e,{css as i}from"styled-components";import{padding as t}from"styled-system";import d from"../../style/themes/apply-base-theme.js";import o from"../icon-button/icon-button.style.js";import{StyledForm as a,StyledFormContent as n,StyledFormFooter as r}from"../form/form.style.js";import l from"../../__internal__/full-screen-heading/full-screen-heading.style.js";const p={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},s=(e=!1)=>d=>e?i(["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)?i(["",""],t):i(["",""],i(["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;}"])),g=e.div.attrs(d).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:e})=>e&&i(["justify-content:stretch;align-items:stretch;"]))),c=e.div.attrs(d).withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-6e8ce702-1"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;",""],(e=>{var{disableContentPadding:d,fullscreen:o,hasHeader:l}=e,p=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}(e,["disableContentPadding","fullscreen","hasHeader"]);return o?i(["flex:1;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],s(d)(p),a,a,n,s(d)(p),!l&&i(["padding-top:0;"])):i(["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",t,a,a,n,t,r)})),x=e.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:e,dialogHeight:t,fullscreen:d,highlightVariant:o,size:a})=>d?i(["background-color:",";height:100%;width:100%;"],e):i(["box-shadow:var(--boxShadow300);border-radius:var(--borderRadius200);background-color:",";"," ",";",""],e,o&&"ai"===o&&i(['&::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?i(["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));}"]):i(["max-height:90vh;max-width:",";width:100%;"],p[a]),t&&i(["height:","px;"],t))),o,(({fullscreen:e})=>i(e?["right:40px;top:26px;"]:["right:33px;top:32px;&:hover{color:#255bc7;}"])),(({fullscreen:e,pagesStyling:t})=>function({fullscreen:e,pagesStyling:t}){return e&&t?i(["","{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,o,l):""}({fullscreen:e,pagesStyling:t}))),m=e.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-6e8ce702-3"})(["",""],(({fullscreen:e,hasSubtitle:t,showCloseIcon:d})=>!e&&i(["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")));export{g as DialogPositioner,x as StyledDialog,c as StyledDialogContent,m as StyledDialogTitle};