@mcurros2/microm 1.1.134-0 → 1.1.135-0

package/dist/index.js

@@ -3565,7 +3565,7 @@ var $lwxCY = parcelRequire("lwxCY");
 
 var $4Hta3 = parcelRequire("4Hta3");
 
-var $l7fR1 = parcelRequire("l7fR1");
+var $5Qlvf = parcelRequire("5Qlvf");
 $parcel$exportWildcard(module.exports, $d50o9);
 $parcel$exportWildcard(module.exports, $i6yJ4);
 $parcel$exportWildcard(module.exports, $gLcPf);
@@ -3636,7 +3636,7 @@ $parcel$exportWildcard(module.exports, $8tnwL);
 $parcel$exportWildcard(module.exports, $8SZSR);
 $parcel$exportWildcard(module.exports, $lwxCY);
 $parcel$exportWildcard(module.exports, $4Hta3);
-$parcel$exportWildcard(module.exports, $l7fR1);
+$parcel$exportWildcard(module.exports, $5Qlvf);
 
 });
 parcelRegister("d50o9", function(module, exports) {
@@ -48054,23 +48054,26 @@ function $36c1cc5fa1af387c$export$7dfb35d99dc3ea4e(maxWidthRem, paddingRem) {
 
 });
 
-parcelRegister("l7fR1", function(module, exports) {
+parcelRegister("5Qlvf", function(module, exports) {
 
-$parcel$export(module.exports, "useViewportDynamicHeightVariable", function () { return $f5f68cc0fd5d3e34$export$acae8d9d48ef3fa8; });
+$parcel$export(module.exports, "useViewportDynamicVariables", function () { return $44127d1ea7033230$export$ab1a26042f34b9b; });
 
-function $f5f68cc0fd5d3e34$export$acae8d9d48ef3fa8() {
+function $44127d1ea7033230$export$ab1a26042f34b9b() {
     (0, $b4te3$react.useEffect)(()=>{
-        const setDynVH = ()=>{
+        const setDynVariables = ()=>{
             // window.innerHeight excludes address bar
             const dynVH = window.innerHeight * 0.01;
             document.documentElement.style.setProperty("--dynVH", `${dynVH}px`);
+            // set width
+            const dynVW = window.innerWidth * 0.01;
+            document.documentElement.style.setProperty("--dynVW", `${dynVW}px`);
         };
-        setDynVH();
-        window.addEventListener("resize", setDynVH);
-        window.addEventListener("orientationchange", setDynVH);
+        setDynVariables();
+        window.addEventListener("resize", setDynVariables);
+        window.addEventListener("orientationchange", setDynVariables);
         return ()=>{
-            window.removeEventListener("resize", setDynVH);
-            window.removeEventListener("orientationchange", setDynVH);
+            window.removeEventListener("resize", setDynVariables);
+            window.removeEventListener("orientationchange", setDynVariables);
         };
     }, []);
 }