@corva/ui 0.31.0-12 → 0.31.0-13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
import o from'../../ext-esm/style-inject/dist/style-inject.es.js';o(".Modal_small__W_lAm{width:416px}.Modal_medium__1bbOT{width:552px}.Modal_large__3W3z5{width:768px}.Modal_extraLarge__2hv5g{width:80%;height:80%;max-width:1152px}.Modal_modalWrapper__1Irj5{display:flex;width:100%;height:100%}.Modal_modalContainer__1ntEL{max-width:80%;max-height:80%;
|
|
1
|
+
import o from'../../ext-esm/style-inject/dist/style-inject.es.js';o(".Modal_small__W_lAm{width:416px}.Modal_medium__1bbOT{width:552px}.Modal_large__3W3z5{width:768px}.Modal_extraLarge__2hv5g{width:80%;height:80%;max-width:1152px}.Modal_modalWrapper__1Irj5{display:flex;width:100%;height:100%}.Modal_modalContainer__1ntEL{outline:none;max-width:80%;max-height:80%;margin:auto;border-radius:4px;display:flex;flex-direction:column}.Modal_modalContainer__1ntEL,.Modal_modalMobileContainer__3V7C-{background-color:#3b3b3b}.Modal_modalMobileContainer__3V7C-{outline:none;display:flex;flex-direction:column;padding-bottom:16px}.Modal_modalStaticFooter__3__80{overflow-y:scroll;padding-bottom:0}.Modal_modalMobileStaticFooter__3ZRy4{overflow-y:scroll;padding-bottom:16px;margin-top:60px}.Modal_modalMobile__3Q0mr,.Modal_modalMobileStaticFooter__3ZRy4{border-radius:0;max-width:100%;max-height:100%;min-width:100%;min-height:100%}.Modal_modalMobile__3Q0mr{padding:0}.Modal_modalTitle__3EmG3{font-size:20px;color:#fff;padding:40px 40px 16px;line-height:28px}.Modal_modalMobileTitle__V8TLa{margin-bottom:auto;display:flex;position:absolute;top:0;width:100%;left:0;padding:0 16px;background-color:#3b3b3b}.Modal_filtersTitle__G2f7r{border-bottom:1px solid #333}.Modal_modalTitleText__1Qw62{line-height:28px;padding:4px 0}.Modal_modalMobileTitleText__HnTTy{font-size:20px;color:#fff;padding:16px 16px 16px 0;line-height:28px}.Modal_modalTitleWithClose__1KEFF{display:flex;justify-content:space-between}.Modal_modalActions__1pnLy{margin-top:auto;display:flex;align-items:center;padding:32px 40px 40px}.Modal_modalMobileActions__3uzdU{margin-top:auto;display:flex;position:absolute;bottom:0;width:100%;left:0;padding:8px 16px}.Modal_modalActionsSticky__2ppfp{background:#3b3b3b;padding:8px 40px;box-shadow:0 -8px 10px rgba(0,0,0,.14)}.Modal_modalContent__30BgY{overflow-y:auto;padding:0 40px}.Modal_modalMobileContent__11cdf{overflow-y:scroll;padding:4px 16px 92px}.Modal_modalMobile__3Q0mr .Modal_modalContent__30BgY{padding:28px 32px}.Modal_settings__2iaI6,.Modal_settings__2iaI6 .Modal_modalMobileContainer__3V7C-,.Modal_settings__2iaI6 .Modal_modalMobileContent__11cdf,.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa{background-color:#414141}.Modal_filters__2q2wn,.Modal_filters__2q2wn .Modal_modalMobileContainer__3V7C-,.Modal_filters__2q2wn .Modal_modalMobileContent__11cdf,.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa{background-color:#272727}.Modal_settings__2iaI6 .Modal_modalMobileActions__3uzdU{background-color:#414141;box-shadow:0 -8px 10px #414141}.Modal_filters__2q2wn .Modal_modalMobileActions__3uzdU{background-color:#272727;box-shadow:0 -8px 10px #272727}.Modal_settings__2iaI6 .Modal_modalMobileTitle__V8TLa{box-shadow:0 8px 10px #414141}.Modal_filters__2q2wn .Modal_modalMobileTitle__V8TLa{box-shadow:0 8px 10px #272727}");export default{small:"Modal_small__W_lAm",medium:"Modal_medium__1bbOT",large:"Modal_large__3W3z5",extraLarge:"Modal_extraLarge__2hv5g",modalWrapper:"Modal_modalWrapper__1Irj5",modalContainer:"Modal_modalContainer__1ntEL",modalMobileContainer:"Modal_modalMobileContainer__3V7C-",modalStaticFooter:"Modal_modalStaticFooter__3__80",modalMobileStaticFooter:"Modal_modalMobileStaticFooter__3ZRy4",modalMobile:"Modal_modalMobile__3Q0mr",modalTitle:"Modal_modalTitle__3EmG3",modalMobileTitle:"Modal_modalMobileTitle__V8TLa",filtersTitle:"Modal_filtersTitle__G2f7r",modalTitleText:"Modal_modalTitleText__1Qw62",modalMobileTitleText:"Modal_modalMobileTitleText__HnTTy",modalTitleWithClose:"Modal_modalTitleWithClose__1KEFF",modalActions:"Modal_modalActions__1pnLy",modalMobileActions:"Modal_modalMobileActions__3uzdU",modalActionsSticky:"Modal_modalActionsSticky__2ppfp",modalContent:"Modal_modalContent__30BgY",modalMobileContent:"Modal_modalMobileContent__11cdf",settings:"Modal_settings__2iaI6",filters:"Modal_filters__2q2wn"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"@babel/runtime/helpers/defineProperty";import{noop as o}from"lodash";import{isNativeDetected as t,isMobileDetected as i}from"../../utils/mobileDetect.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{withStyles as
|
|
1
|
+
import e from"@babel/runtime/helpers/defineProperty";import{noop as o}from"lodash";import{isNativeDetected as t,isMobileDetected as i}from"../../utils/mobileDetect.js";import{jsx as r,jsxs as n}from"react/jsx-runtime";import{withStyles as l,IconButton as s,makeStyles as a,Modal as c,Tooltip as m}from"@material-ui/core";import d from"@babel/runtime/helpers/objectWithoutProperties";import p from"prop-types";import u from"classnames";import{Close as b,CloseRounded as C}from"@material-ui/icons";import f from"./Modal.css.js";var h;function y(e,o){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable}))),t.push.apply(t,i)}return t}function g(o){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?y(Object(i),!0).forEach((function(t){e(o,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):y(Object(i)).forEach((function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))}))}return o}var N="filters",v="settings",O=(e(h={},N,"Filters"),e(h,v,"Settings"),h),T=l({root:{position:"absolute",right:28,top:24,color:"#9E9E9E",fontSize:"14px",paddingTop:8,width:14,height:14,"&.MuiIconButton-root":{padding:0},"& svg":{transform:"scale(1.8)",width:14,height:14}}})(s),j=l((function(e){return{root:{color:e.palette.primary.text6,"&:hover":{color:"white",cursor:"pointer"}}}}))(b),k=a((function(e){return{closeTooltip:{marginTop:8},closeButton:{padding:"4px 6px","&:hover":{backgroundColor:e.palette.background.b7}}}}));function M(o){var t,i,l=o.title,a=o.children,p=o.actions,b=o.open,h=o.isCloseIconHidden,y=o.onClose,v=o.isNative,M=o.isMobile,F=o.stickyFooter,P=o.contentContainerClassName,w=o.contentClassName,x=o.stickyFooterClassName,S=o.size,z=o.type,D=o.rootClassName,E=d(o,["title","children","actions","open","isCloseIconHidden","onClose","isNative","isMobile","stickyFooter","contentContainerClassName","contentClassName","stickyFooterClassName","size","type","rootClassName"]),I=v||M,H=k();return r(c,g(g({open:b,onClose:y,className:u((t={"c-modal":!I},e(t,f.modalWrapper,!0),e(t,D,!0),e(t,f[z],I&&z),t))},E),{},{children:n("div",{className:u((i={},e(i,f[S],!I),e(i,f.modalContainer,!I),e(i,f.modalMobileContainer,!I),e(i,f.modalStaticFooter,!I&&F),e(i,P,!0),e(i,f.modalMobileContainer,I),e(i,f.modalMobileStaticFooter,I),i)),children:[I&&n("div",{className:u(f.modalMobileTitle,z===N&&f.filtersTitle),children:[r(T,{onClick:y,children:r(C,{})}),r("div",{className:f.modalMobileTitleText,children:l||O[z]})]}),!I&&l&&n("div",{className:u(f.modalTitle,!h&&f.modalTitleWithClose),children:[r("div",{className:f.modalTitleText,children:l}),!h&&r(m,{title:"Close",classes:{tooltip:H.closeTooltip},placement:"bottom",children:r(s,{onClick:y,classes:{root:H.closeButton},children:r(j,{})})})]}),a&&r("div",{className:u(!I&&f.modalContent,I&&f.modalMobileContent,w),children:a}),p&&r("div",{className:u(I&&f.modalMobileActions,!F&&f.modalActions,F&&f.modalActionsSticky,F&&x),children:p})]})}))}M.propTypes={title:p.oneOfType([p.string,p.node]),children:p.oneOfType([p.string,p.node]),actions:p.oneOfType([p.string,p.node,p.array]),stickyFooter:p.bool,open:p.bool.isRequired,onClose:p.func,isNative:p.bool,isMobile:p.bool,isCloseIconHidden:p.bool,contentClassName:p.string,contentContainerClassName:p.string,stickyFooterClassName:p.string,rootClassName:p.string,size:p.string,type:p.string},M.defaultProps={title:"",children:null,actions:"",stickyFooter:!1,onClose:o,isNative:t,isMobile:i,isCloseIconHidden:!1,contentClassName:null,contentContainerClassName:null,stickyFooterClassName:null,size:null,type:"",rootClassName:null};export default M;
|