@ornikar/kitt-universal 3.2.0 → 3.3.0

package/dist/index-node-14.17.cjs.web.js

@@ -3035,23 +3035,35 @@ function TypographyLink({
   });
 }
 
-function matchWindowSize(currentWidth, {
+function matchWindowSize({
+  width,
+  height
+}, {
   minWidth,
-  maxWidth
+  maxWidth,
+  minHeight,
+  maxHeight
 }) {
-  return currentWidth >= minWidth && (!maxWidth || currentWidth <= maxWidth);
+  const hasWidthMatched = width ? (!minWidth || width >= minWidth) && (!maxWidth || width <= maxWidth) : true;
+  const hasHeightMatched = height ? (!minHeight || height >= minHeight) && (!maxHeight || height <= maxHeight) : true;
+  return hasWidthMatched && hasHeightMatched;
 }
 function useMatchWindowSize(options) {
   const {
-    width
+    width,
+    height
   } = BabelPluginStyledComponentsReactNative.useWindowDimensions();
-  return matchWindowSize(width, options);
+  return matchWindowSize({
+    width,
+    height
+  }, options);
 }
 
-function createWindowSizeHelper(currentWidth) {
+// eslint-disable-next-line no-restricted-imports
+function createWindowSizeHelper(dimensions) {
   return {
-    matchWindowSize: options => matchWindowSize(currentWidth, options),
-    ifWindowSizeMatches: (options, valueIfTrue, valueIfFalse) => matchWindowSize(currentWidth, options) ? valueIfTrue : valueIfFalse,
+    matchWindowSize: options => matchWindowSize(dimensions, options),
+    ifWindowSizeMatches: (options, valueIfTrue, valueIfFalse) => matchWindowSize(dimensions, options) ? valueIfTrue : valueIfFalse,
     mapWindowWidth: (...widthList) => {
       if ((process.env.NODE_ENV !== "production")) {
         widthList.slice(1).forEach(([minWidth], index) => {
@@ -3063,7 +3075,7 @@ function createWindowSizeHelper(currentWidth) {
         });
       }
 
-      const found = widthList.find(([minWidth, value]) => matchWindowSize(currentWidth, {
+      const found = widthList.find(([minWidth, value]) => matchWindowSize(dimensions, {
         minWidth: Number(minWidth)
       }));
       if (!found) return null;
@@ -3073,16 +3085,14 @@ function createWindowSizeHelper(currentWidth) {
 }
 
 function useKittTheme() {
-  const {
-    width
-  } = BabelPluginStyledComponentsReactNative.useWindowDimensions();
+  const dimensions = BabelPluginStyledComponentsReactNative.useWindowDimensions();
   return react$1.useMemo(() => {
     return {
       kitt: theme,
-      responsive: createWindowSizeHelper(width),
+      responsive: createWindowSizeHelper(dimensions),
       breakpoints
     };
-  }, [width]);
+  }, [dimensions]);
 }
 
 function KittThemeProvider({