colibri-ui 0.7.47 → 0.7.49

package/Modal/index.js

@@ -27,7 +27,7 @@ var Modal = function Modal(_a) {
     title = _a.title;
   var modalRef = React.useRef(null);
   var isDesktop = index.default(function (bp) {
-    return bp.up("lg");
+    return bp.up("md");
   });
   var onCloseHandler = React.useMemo(function () {
     return onClose || function () {

package/Theme/breakpoints.js

@@ -6,9 +6,9 @@ var Breakpoints = {
   values: {
     hd: 2560,
     xl: 1920,
-    lg: 1200,
-    md: 1024,
-    sm: 640,
+    lg: 1450,
+    md: 1075,
+    sm: 680,
     xs: 320
   },
   up: function up(breakpoint, isMedia) {

package/esm/Modal/index.js

@@ -17,7 +17,7 @@ var Modal = function Modal(_a) {
     title = _a.title;
   var modalRef = useRef(null);
   var isDesktop = useMediaSizes(function (bp) {
-    return bp.up("lg");
+    return bp.up("md");
   });
   var onCloseHandler = useMemo(function () {
     return onClose || function () {

package/esm/Theme/breakpoints.js

@@ -2,9 +2,9 @@ var Breakpoints = {
   values: {
     hd: 2560,
     xl: 1920,
-    lg: 1200,
-    md: 1024,
-    sm: 640,
+    lg: 1450,
+    md: 1075,
+    sm: 680,
     xs: 320
   },
   up: function up(breakpoint, isMedia) {

package/esm/index.d.ts

@@ -10,6 +10,7 @@ export { default as Image } from "./Image";
 export { default as Input } from "./Input";
 export { default as Menu } from "./Menu";
 export { default as Modal } from "./Modal";
+export { default as Portal } from "./Portal";
 export { default as Select } from "./Select";
 export { default as Separator } from "./Separator";
 export { SkeletonText, SkeletonRect } from "./Skeleton";

package/esm/index.js

@@ -10,6 +10,7 @@ export { default as Image } from './Image/index.js';
 export { default as Input } from './Input/index.js';
 export { default as Menu } from './Menu/index.js';
 export { default as Modal } from './Modal/index.js';
+export { default as Portal } from './Portal/index.js';
 export { default as Select } from './Select/index.js';
 export { default as Separator } from './Separator/index.js';
 export { SkeletonRect, SkeletonText } from './Skeleton/index.js';

package/index.d.ts

@@ -10,6 +10,7 @@ export { default as Image } from "./Image";
 export { default as Input } from "./Input";
 export { default as Menu } from "./Menu";
 export { default as Modal } from "./Modal";
+export { default as Portal } from "./Portal";
 export { default as Select } from "./Select";
 export { default as Separator } from "./Separator";
 export { SkeletonText, SkeletonRect } from "./Skeleton";

package/index.js

@@ -12,13 +12,14 @@ var index$8 = require('./Image/index.js');
 var index$9 = require('./Input/index.js');
 var index$a = require('./Menu/index.js');
 var index$b = require('./Modal/index.js');
-var index$c = require('./Select/index.js');
-var index$d = require('./Separator/index.js');
-var index$e = require('./Skeleton/index.js');
-var index$f = require('./Switch/index.js');
-var index$g = require('./Theme/index.js');
-var index$h = require('./Typography/index.js');
-var index$i = require('./hooks/useMediaSizes/index.js');
+var index$c = require('./Portal/index.js');
+var index$d = require('./Select/index.js');
+var index$e = require('./Separator/index.js');
+var index$f = require('./Skeleton/index.js');
+var index$g = require('./Switch/index.js');
+var index$h = require('./Theme/index.js');
+var index$i = require('./Typography/index.js');
+var index$j = require('./hooks/useMediaSizes/index.js');
 require('./Icons/index.js');
 var Cart = require('./Icons/Cart.js');
 var Chevron = require('./Icons/Chevron.js');
@@ -47,14 +48,15 @@ exports.Image = index$8.default;
 exports.Input = index$9.default;
 exports.Menu = index$a.default;
 exports.Modal = index$b.default;
-exports.Select = index$c.default;
-exports.Separator = index$d.default;
-exports.SkeletonRect = index$e.SkeletonRect;
-exports.SkeletonText = index$e.SkeletonText;
-exports.Switch = index$f.default;
-exports.THEMES = index$g.THEMES;
-exports.Typography = index$h.default;
-exports.useMediaSizes = index$i.default;
+exports.Portal = index$c.default;
+exports.Select = index$d.default;
+exports.Separator = index$e.default;
+exports.SkeletonRect = index$f.SkeletonRect;
+exports.SkeletonText = index$f.SkeletonText;
+exports.Switch = index$g.default;
+exports.THEMES = index$h.THEMES;
+exports.Typography = index$i.default;
+exports.useMediaSizes = index$j.default;
 exports.Cart = Cart.default;
 exports.Chevron = Chevron.default;
 exports.Close = Close.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "colibri-ui",
-  "version": "0.7.47",
+  "version": "0.7.49",
   "description": "React UI components library",
   "main": "index.js",
   "scripts": {},