@alfalab/core-components-modal 4.1.0 → 5.0.1

package/dist/modern/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1fgr1 */
+/* hash: 1elf6 */
 :root {
 
     /* Hard */
@@ -11,48 +11,52 @@
     --gap-3xl: 40px;
 }
 :root {
-    --border-radius-m: 8px;
+    --border-radius-l: 12px;
 }
 :root {
-    --modal-border-radius: var(--border-radius-m);
+    --modal-border-radius: var(--border-radius-l);
     --modal-vertical-padding: var(--gap-3xl);
 
     /* sizes */
-    --modal-s-width: 476px;
+    --modal-s-width: 500px;
     --modal-m-width: 600px;
     --modal-l-width: 800px;
+    --modal-xl-width: 1140px;
 
     /* paddings */
 
-    /* closer */
+    /* scroll */
 
-    /* sticky */
+    /* desktop */
 
-    /* scroll */
+    /* mobile */
 }
-.modal__wrapper_155wd {
+.modal__wrapper_4l1kn {
     padding-top: var(--modal-vertical-padding);
     padding-bottom: var(--modal-vertical-padding);
 }
-.modal__component_155wd {
+.modal__component_4l1kn {
     width: 100%;
     max-width: 100%;
     border-radius: var(--modal-border-radius);
 }
-.modal__fullscreen_155wd {
+.modal__fullscreen_4l1kn {
     padding-top: 0;
     padding-bottom: 0
 }
-.modal__fullscreen_155wd .modal__component_155wd {
+.modal__fullscreen_4l1kn .modal__component_4l1kn {
         flex: 1;
         border-radius: 0;
     }
-.modal__s_155wd {
+.modal__s_4l1kn {
     width: var(--modal-s-width);
 }
-.modal__m_155wd {
+.modal__m_4l1kn {
     width: var(--modal-m-width);
 }
-.modal__l_155wd {
+.modal__l_4l1kn {
     width: var(--modal-l-width);
 }
+.modal__xl_4l1kn {
+    width: var(--modal-xl-width);
+}

package/dist/modern/desktop.js

@@ -3,13 +3,14 @@ import 'classnames';
 import '@alfalab/core-components-base-modal/dist/modern';
 import 'react-merge-refs';
 import './Context.js';
-import '@alfalab/core-components-button/dist/modern';
-import './components/closer/Component.js';
 import './components/header/Component.js';
+import '@alfalab/core-components-icon-button/dist/modern';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './components/closer/Component.js';
 import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
 export { ModalDesktop } from './Component.desktop.js';
-import './transitions.module-602ea4ef.js';
+import './transitions.module-386b448e.js';

package/dist/modern/index.js

@@ -3,19 +3,21 @@ import 'classnames';
 import '@alfalab/core-components-base-modal/dist/modern';
 import 'react-merge-refs';
 export { ModalContext } from './Context.js';
-import '@alfalab/core-components-button/dist/modern';
-import './components/closer/Component.js';
 import './components/header/Component.js';
+import '@alfalab/core-components-icon-button/dist/modern';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './components/closer/Component.js';
 import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
 import './Component.desktop.js';
-import './transitions.module-602ea4ef.js';
-import '@alfalab/hooks';
+import './transitions.module-386b448e.js';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
 import './Component.mobile.js';
+import '@alfalab/hooks';
 export { ModalResponsive } from './Component.responsive.js';

package/dist/modern/mobile.css

@@ -1,4 +1,4 @@
-/* hash: 184s5 */
+/* hash: hgg1x */
 :root {
 
     /* Hard */
@@ -13,13 +13,13 @@
 
     /* paddings */
 
-    /* closer */
+    /* scroll */
 
-    /* sticky */
+    /* desktop */
 
-    /* scroll */
+    /* mobile */
 }
-.modal__component_17zgd {
+.modal__component_1wxv9 {
     flex: 1;
     width: 100%;
 }

package/dist/modern/mobile.js

@@ -2,13 +2,14 @@ import 'react';
 import 'classnames';
 import '@alfalab/core-components-base-modal/dist/modern';
 import './Context.js';
-import '@alfalab/core-components-button/dist/modern';
-import './components/closer/Component.js';
 import './components/header/Component.js';
+import '@alfalab/core-components-icon-button/dist/modern';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './components/closer/Component.js';
 import './components/content/Component.js';
 import './components/footer/Component.js';
-import './transitions.module-602ea4ef.js';
-import '@alfalab/hooks';
+import './transitions.module-386b448e.js';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';

package/dist/modern/responsive.js

@@ -3,19 +3,21 @@ import 'classnames';
 import '@alfalab/core-components-base-modal/dist/modern';
 import 'react-merge-refs';
 import './Context.js';
-import '@alfalab/core-components-button/dist/modern';
-import './components/closer/Component.js';
 import './components/header/Component.js';
+import '@alfalab/core-components-icon-button/dist/modern';
+import '@alfalab/icons-glyph/CrossHeavyMIcon';
+import './components/closer/Component.js';
 import './components/header/Component.desktop.js';
 import './components/content/Component.js';
 import './components/content/Component.desktop.js';
 import './components/footer/Component.js';
 import './components/footer/Component.desktop.js';
 import './Component.desktop.js';
-import './transitions.module-602ea4ef.js';
-import '@alfalab/hooks';
+import './transitions.module-386b448e.js';
+import '@alfalab/icons-glyph/CrossMIcon';
 import './components/header/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
 import './Component.mobile.js';
+import '@alfalab/hooks';
 export { ModalResponsive } from './Component.responsive.js';

package/dist/modern/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 1050y */
-.modal__appear_1mmp2,
-.modal__enter_1mmp2 {
+/* hash: j0cli */
+.modal__appear_cjzwd,
+.modal__enter_cjzwd {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1mmp2,
-.modal__enterActive_1mmp2 {
+.modal__appearActive_cjzwd,
+.modal__enterActive_cjzwd {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1mmp2 {
+.modal__exit_cjzwd {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1mmp2,
-.modal__exitDone_1mmp2 {
+.modal__exitActive_cjzwd,
+.modal__exitDone_cjzwd {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/dist/modern/transitions.module-386b448e.js

@@ -0,0 +1,4 @@
+var transitions = {"appear":"modal__appear_cjzwd","enter":"modal__enter_cjzwd","appearActive":"modal__appearActive_cjzwd","enterActive":"modal__enterActive_cjzwd","exit":"modal__exit_cjzwd","exitActive":"modal__exitActive_cjzwd","exitDone":"modal__exitDone_cjzwd"};
+require('./transitions.css')
+
+export { transitions as t };

package/dist/responsive.js

@@ -2,27 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-ae9d9dce.js');
+require('./tslib.es6-4834d51a.js');
 require('react');
 require('classnames');
 require('@alfalab/core-components-base-modal');
 require('react-merge-refs');
 require('./Context.js');
-require('@alfalab/core-components-button');
-require('./components/closer/Component.js');
 require('./components/header/Component.js');
+require('@alfalab/core-components-icon-button');
+require('@alfalab/icons-glyph/CrossHeavyMIcon');
+require('./components/closer/Component.js');
 require('./components/header/Component.desktop.js');
 require('./components/content/Component.js');
 require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 require('./components/footer/Component.desktop.js');
 require('./Component.desktop.js');
-require('./transitions.module-336e79fe.js');
-require('@alfalab/hooks');
+require('./transitions.module-27d19713.js');
+require('@alfalab/icons-glyph/CrossMIcon');
 require('./components/header/Component.mobile.js');
 require('./components/content/Component.mobile.js');
 require('./components/footer/Component.mobile.js');
 require('./Component.mobile.js');
+require('@alfalab/hooks');
 var Component_responsive = require('./Component.responsive.js');
 
 

package/dist/transitions.css

@@ -1,24 +1,24 @@
-/* hash: 1050y */
-.modal__appear_1mmp2,
-.modal__enter_1mmp2 {
+/* hash: j0cli */
+.modal__appear_cjzwd,
+.modal__enter_cjzwd {
     opacity: 0;
     transform: translateY(15px);
 }
 
-.modal__appearActive_1mmp2,
-.modal__enterActive_1mmp2 {
+.modal__appearActive_cjzwd,
+.modal__enterActive_cjzwd {
     opacity: 1;
     transform: translateY(0);
     transition: opacity 200ms ease-in, transform 200ms ease-in;
 }
 
-.modal__exit_1mmp2 {
+.modal__exit_cjzwd {
     opacity: 1;
     transform: translateY(0);
 }
 
-.modal__exitActive_1mmp2,
-.modal__exitDone_1mmp2 {
+.modal__exitActive_cjzwd,
+.modal__exitDone_cjzwd {
     opacity: 0;
     transform: translateY(15px);
     transition: opacity 200ms ease-out, transform 200ms ease-out;

package/dist/transitions.module-27d19713.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var transitions = {"appear":"modal__appear_cjzwd","enter":"modal__enter_cjzwd","appearActive":"modal__appearActive_cjzwd","enterActive":"modal__enterActive_cjzwd","exit":"modal__exit_cjzwd","exitActive":"modal__exitActive_cjzwd","exitDone":"modal__exitDone_cjzwd"};
+require('./transitions.css')
+
+exports.transitions = transitions;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-modal",
-    "version": "4.1.0",
+    "version": "5.0.1",
     "description": "Modal component",
     "keywords": [],
     "license": "MIT",
@@ -15,8 +15,9 @@
         "access": "public"
     },
     "dependencies": {
-        "@alfalab/core-components-base-modal": "^3.2.0",
+        "@alfalab/core-components-base-modal": "^4.0.0",
         "@alfalab/core-components-button": "^5.1.1",
+        "@alfalab/core-components-icon-button": "^4.1.6",
         "@alfalab/core-components-mq": "1.0.0",
         "classnames": "^2.2.6",
         "react-transition-group": "^4.3.0"
@@ -27,5 +28,5 @@
     "peerDependencies": {
         "react": "^16.9.0 || ^17.0.1"
     },
-    "gitHead": "ddf4fab6035139cf412e0acb7174ef388f23e4f2"
+    "gitHead": "9ee3a7478b2d817c7b5bca48bd5eb4898852de71"
 }

package/dist/esm/transitions.module-602ea4ef.js

@@ -1,4 +0,0 @@
-var transitions = {"appear":"modal__appear_1mmp2","enter":"modal__enter_1mmp2","appearActive":"modal__appearActive_1mmp2","enterActive":"modal__enterActive_1mmp2","exit":"modal__exit_1mmp2","exitActive":"modal__exitActive_1mmp2","exitDone":"modal__exitDone_1mmp2"};
-require('./transitions.css')
-
-export { transitions as t };

package/dist/modern/transitions.module-602ea4ef.js

@@ -1,4 +0,0 @@
-var transitions = {"appear":"modal__appear_1mmp2","enter":"modal__enter_1mmp2","appearActive":"modal__appearActive_1mmp2","enterActive":"modal__enterActive_1mmp2","exit":"modal__exit_1mmp2","exitActive":"modal__exitActive_1mmp2","exitDone":"modal__exitDone_1mmp2"};
-require('./transitions.css')
-
-export { transitions as t };

package/dist/transitions.module-336e79fe.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var transitions = {"appear":"modal__appear_1mmp2","enter":"modal__enter_1mmp2","appearActive":"modal__appearActive_1mmp2","enterActive":"modal__enterActive_1mmp2","exit":"modal__exit_1mmp2","exitActive":"modal__exitActive_1mmp2","exitDone":"modal__exitDone_1mmp2"};
-require('./transitions.css')
-
-exports.transitions = transitions;