carbon-react/esm/__internal__/modal/modal.style.js

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

import t,{css as e}from"styled-components";import a from"../../style/themes/apply-base-theme.js";const i="0.6",o=t.div.withConfig({displayName:"modal.style__StyledModalBackground",componentId:"sc-d61ee063-0"})(["background-color:rgba(0,20,29,1);bottom:0;left:0;opacity:",";position:fixed;right:0;top:0;",";"],i,(({transitionName:t,transitionTime:a})=>e(["&.","-enter,.","-appear{opacity:0;}&.","-enter.","-enter-active,&.","-appear.","-appear-active{opacity:",";transition:opacity ","ms ease-out;}&.","-exit{opacity:",";}&.","-exit.","-exit-active{opacity:0;transition:opacity ","ms 100ms ease-out;}"],t,t,t,t,t,t,i,a,t,i,t,t,a))),n=t.div.attrs(a).withConfig({displayName:"modal.style__StyledModal",componentId:"sc-d61ee063-1"})(["position:absolute;z-index:",";",""],(({theme:t,topModalOverride:e})=>`${e?t.zIndex.notification:t.zIndex.modal}`),(({transitionName:t,transitionTime:a})=>e([".","-enter,.","-appear{opacity:0;}.","-enter.","-enter-active,.","-appear.","-appear-active{opacity:1;transition:all ","ms 100ms ease-out;}.","-exit{opacity:1;}.","-exit.","-exit-active{opacity:0;transition:all ","ms ease-out;}"],t,t,t,t,t,t,a,t,t,t,a)));export{n as StyledModal,o as StyledModalBackground};