@proprioo/salatim 23.3.0 → 23.4.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 ## Changelog
 
+**23.4.1**
+
+    * Fix: gmap props should override other props
+
+**23.4.0**
+
+    * Feat: adjust mobile header background and cross colors in Modal component
+
 **23.3.0**
 
     * Feat: add minLength and maxLength props to Input component

package/lib/index.js

@@ -192,7 +192,7 @@
   :-webkit-autofill:active {
     box-shadow: 0 0 0 ${oe(40)} white inset;
   }
-`;var Ne;exports.InputType=void 0,(Ne=exports.InputType||(exports.InputType={})).EMAIL="email",Ne.NUMBER="number",Ne.PASSWORD="password",Ne.TEL="tel",Ne.TEXT="text";const je=t.forwardRef(((e,r)=>{const{dataTest:n,disabled:o,focused:a,gmap:i,id:l,inputElement:s,max:d,maxLength:c,min:f,minLength:p,name:h,required:y=!1,style:g,type:b,value:m,handleBlur:v,handleFocus:$,handleOnChange:w}=e;return u.default.createElement(t.Fragment,null,s?t.createElement(s,Object.assign({},e)):u.default.createElement(Te,Object.assign({autoComplete:"off","data-test":n||`input-${b}`,value:null===m?"":m},Object.assign(Object.assign({disabled:o,id:l,max:d,maxLength:c,min:f,minLength:p,name:h,ref:r,required:y,type:b},i),a&&{style:g}),{onBlur:v,onChange:e=>w(e),onFocus:$})))}));var Fe;exports.InputColors=void 0,(Fe=exports.InputColors||(exports.InputColors={})).ORANGE="orange",Fe.GREEN="green",Fe.BLUE="blue",Fe.PINK="pink";const Re=c.default.fieldset`
+`;var Ne;exports.InputType=void 0,(Ne=exports.InputType||(exports.InputType={})).EMAIL="email",Ne.NUMBER="number",Ne.PASSWORD="password",Ne.TEL="tel",Ne.TEXT="text";const je=t.forwardRef(((e,r)=>{const{dataTest:n,disabled:o,focused:a,gmap:i,id:l,inputElement:s,max:d,maxLength:c,min:f,minLength:p,name:h,required:y=!1,style:g,type:b,value:m,handleBlur:v,handleFocus:$,handleOnChange:w}=e;return u.default.createElement(t.Fragment,null,s?t.createElement(s,Object.assign({},e)):u.default.createElement(Te,Object.assign({autoComplete:"off","data-test":n||`input-${b}`,value:null===m?"":m},Object.assign({disabled:o,id:l,max:d,maxLength:c,min:f,minLength:p,name:h,ref:r,required:y,type:b},a&&{style:g}),{onBlur:v,onChange:e=>w(e),onFocus:$},i)))}));var Fe;exports.InputColors=void 0,(Fe=exports.InputColors||(exports.InputColors={})).ORANGE="orange",Fe.GREEN="green",Fe.BLUE="blue",Fe.PINK="pink";const Re=c.default.fieldset`
   position: absolute;
   top: 0;
   left: 0;
@@ -2174,27 +2174,39 @@ function Ow(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
       `:void 0}
 `,qI=({fill:e})=>u.default.createElement("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},u.default.createElement("path",{d:"M22.4001 10.8892L21.111 9.6001L16.0001 14.711L10.8892 9.6001L9.6001 10.8892L14.711 16.0001L9.6001 21.111L10.8892 22.4001L16.0001 17.2892L21.111 22.4001L22.4001 21.111L17.2892 16.0001L22.4001 10.8892Z",fill:e})),YI=({isWrapped:e,text:t,backgroundColor:r="rgba(255, 255, 255, 0.85)",loaderHeight:n="100%"})=>u.default.createElement(AI,{isWrapped:e,backgroundColor:r,loaderHeight:n,"data-test":"loader"},u.default.createElement(TI,{isWrapped:e},u.default.createElement(II,null),t&&u.default.createElement(NI,{dangerouslySetInnerHTML:{__html:t}}))),ZI=c.default.div`
   position: absolute;
-  z-index: 1;
   top: ${oe(8)};
   right: ${oe(8)};
   width: ${oe(32)};
+  z-index: 1;
   height: ${oe(32)};
 
-  @media (min-width: ${m.small}px) {
-    top: ${oe(12)};
-    right: ${oe(12)};
-  }
-
   svg {
     width: 100%;
     height: 100%;
-  }
 
-  &:hover {
-    svg,
     path {
+      fill: ${({hasTitle:e})=>e?"white":ne.dark.base40};
+    }
+  }
+
+  :hover {
+    svg {
       cursor: pointer;
-      fill: ${ne.dark.base80};
+
+      path {
+        fill: ${ne.dark.base80};
+      }
+    }
+  }
+
+  @media (min-width: ${m.small}px) {
+    top: ${oe(12)};
+    right: ${oe(12)};
+
+    svg {
+      path {
+        fill: ${ne.dark.base40};
+      }
     }
   }
 `,JI=n.keyframes`
@@ -2275,7 +2287,7 @@ function Ow(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   top: 0;
   left: 0;
   right: 0;
-  background: ${ne.green.base80};
+  background: ${ne.green.base};
   padding: ${oe(16)} ${oe(8)};
   color: white;
 
@@ -2318,7 +2330,7 @@ function Ow(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   @media (min-width: ${m.small}px) {
     text-align: left;
   }
-`,aT=({closeModal:e,children:r,title:n,text:o,icon:i,isAlternative:l=!1,isFullScreen:s,noPadding:d,fade:c,isLoading:f})=>{const p=t.useRef(null),[h,y]=t.useState(0),g=t=>{"Escape"===t.key&&e()};return jD(p,(t=>{e()})),t.useLayoutEffect((()=>{const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]),t.useLayoutEffect((()=>{const e=document.getElementById("modal");if(e){const t=e.scrollHeight;y(t)}return()=>y(0)}),[f]),t.useEffect((()=>(document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g))),[]),a.createPortal(u.default.createElement(VI,{fade:c},u.default.createElement(QI,{id:"modal",ref:p,fade:c,isFullScreen:s,noPadding:d},f&&u.default.createElement(YI,{loaderHeight:`${h.toString()}px`}),u.default.createElement(ZI,{onClick:e,"data-test":"close-modal-icon"},u.default.createElement(qI,{fill:ne.dark.base40})),n&&u.default.createElement(eT,null,n),(i||n||o)&&u.default.createElement(tT,null,i&&u.default.createElement(rT,{"data-test":"modal-icon"},i),n&&u.default.createElement(nT,{isAlternative:l,"data-test":"modal-title",dangerouslySetInnerHTML:{__html:n}}),o&&u.default.createElement(oT,{"data-test":"modal-text",dangerouslySetInnerHTML:{__html:o}})),u.default.createElement("div",null,r))),(null===document||void 0===document?void 0:document.body)||null)};var iT,lT;exports.PanelColorsTypes=void 0,(iT=exports.PanelColorsTypes||(exports.PanelColorsTypes={})).PRIMARY="primary",iT.SECONDARY="secondary",iT.GREEN="green",iT.RED="red",iT.BLUE="blue",iT.ORANGE="orange",iT.YELLOW="yellow",exports.PanelOrientation=void 0,(lT=exports.PanelOrientation||(exports.PanelOrientation={})).HORIZONTAL="horizontal",lT.VERTICAL="vertical";const sT={blue:{background:ne.blue.base5,border:ne.blue.base},red:{background:ne.red.base5,border:ne.red.base},green:{background:ne.green.base5,border:ne.green.base},orange:{background:ne.orange.base5,border:ne.orange.base},secondary:{background:ne.background,border:ne.green.base},primary:{background:ne.background,border:ne.dark.base},yellow:{background:ne.yellow.base5,border:ne.yellow.base}},uT=c.default.div`
+`,aT=({closeModal:e,children:r,title:n,text:o,icon:i,isAlternative:l=!1,isFullScreen:s,noPadding:d,fade:c,isLoading:f})=>{const p=t.useRef(null),[h,y]=t.useState(0),g=t=>{"Escape"===t.key&&e()};return jD(p,(t=>{e()})),t.useLayoutEffect((()=>{const e=window.getComputedStyle(document.body).overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]),t.useLayoutEffect((()=>{const e=document.getElementById("modal");if(e){const t=e.scrollHeight;y(t)}return()=>y(0)}),[f]),t.useEffect((()=>(document.addEventListener("keydown",g),()=>document.removeEventListener("keydown",g))),[]),a.createPortal(u.default.createElement(VI,{fade:c},u.default.createElement(QI,{id:"modal",ref:p,fade:c,isFullScreen:s,noPadding:d},f&&u.default.createElement(YI,{loaderHeight:`${h.toString()}px`}),u.default.createElement(ZI,{"data-test":"close-modal-icon",hasTitle:!!n,onClick:e},u.default.createElement(qI,null)),n&&u.default.createElement(eT,null,n),(i||n||o)&&u.default.createElement(tT,null,i&&u.default.createElement(rT,{"data-test":"modal-icon"},i),n&&u.default.createElement(nT,{isAlternative:l,"data-test":"modal-title",dangerouslySetInnerHTML:{__html:n}}),o&&u.default.createElement(oT,{"data-test":"modal-text",dangerouslySetInnerHTML:{__html:o}})),u.default.createElement("div",null,r))),(null===document||void 0===document?void 0:document.body)||null)};var iT,lT;exports.PanelColorsTypes=void 0,(iT=exports.PanelColorsTypes||(exports.PanelColorsTypes={})).PRIMARY="primary",iT.SECONDARY="secondary",iT.GREEN="green",iT.RED="red",iT.BLUE="blue",iT.ORANGE="orange",iT.YELLOW="yellow",exports.PanelOrientation=void 0,(lT=exports.PanelOrientation||(exports.PanelOrientation={})).HORIZONTAL="horizontal",lT.VERTICAL="vertical";const sT={blue:{background:ne.blue.base5,border:ne.blue.base},red:{background:ne.red.base5,border:ne.red.base},green:{background:ne.green.base5,border:ne.green.base},orange:{background:ne.orange.base5,border:ne.orange.base},secondary:{background:ne.background,border:ne.green.base},primary:{background:ne.background,border:ne.dark.base},yellow:{background:ne.yellow.base5,border:ne.yellow.base}},uT=c.default.div`
   ${({color:e})=>n.css`
       background-color: ${sT[e].background};
       border-color: ${sT[e].border};