@proprioo/salatim 23.5.3 → 23.5.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 ## Changelog
 
+**23.5.6**
+
+    * Fix: avoid Safari iOS zoom
+
+**23.5.5**
+
+    * Fix: do not propagate event click outside modal
+
+**23.5.4**
+
+    * Fix: Row can't be single
+
 **23.5.3**
 
     * Fix: handle empty address on <OfferSignatoryForm/>

package/lib/index.js

@@ -91,20 +91,17 @@
   flex-direction: column;
 
   & > * {
-    width: 100%;
-
     &:not(:first-child) {
       margin-top: ${oe(24)};
     }
   }
 
-  @media (min-width: ${m.base}px) {
+  & > & {
     flex-direction: row;
+    margin-bottom: 0;
 
     & > * {
-      &:not(:only-child) {
-        width: calc(50% - ${oe(12)});
-      }
+      width: calc(50% - ${oe(4)});
 
       &:not(:first-child) {
         margin-top: 0;
@@ -112,14 +109,11 @@
     }
   }
 
-  & > & {
+  @media (min-width: ${m.base}px) {
     flex-direction: row;
-    margin-bottom: 0;
 
     & > * {
-      &:not(:only-child) {
-        width: calc(50% - ${oe(4)});
-      }
+      width: calc(50% - ${oe(12)});
 
       &:not(:first-child) {
         margin-top: 0;
@@ -181,7 +175,7 @@
   min-width: 0;
   background: none;
   padding: 0 ${oe(28)};
-  font-size: ${se.small};
+  font-size: ${se.base};
   caret-color: ${ne.blue.base};
   line-height: ${oe(48)};
   min-height: ${oe(48)};
@@ -2338,7 +2332,7 @@ function _w(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,{"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`
+`,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,onClick:e=>e.stopPropagation()},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};
@@ -2659,7 +2653,7 @@ function _w(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,
   border-radius: ${({borderRadius:e})=>e};
   box-sizing: border-box;
   padding: ${oe(16)} ${oe(24)};
-  font-size: ${se.small};
+  font-size: ${se.base};
   line-height: ${oe(24)};
   color: ${ne.dark.base80};
   resize: none;