@stenajs-webui/modal 15.5.3 → 15.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +2 -2
- package/dist/index.js +2 -2
- package/package.json +5 -5
package/dist/index.es.js
CHANGED
|
@@ -71,7 +71,7 @@ function styleInject(css, ref) {
|
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
var css_248z$2 = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n --swui-modal-footer-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display:
|
|
74
|
+
var css_248z$2 = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n --swui-modal-footer-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n padding: var(--swui-modal-padding);\n\n -webkit-animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n}\n\n @media print {.Modal-module_overlay__1c4LV {\n background-color: rgba(255, 255, 255, 1)\n}\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_modal__1XMQr {\n max-width: 100%;\n outline: none;\n pointer-events: none;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n position: relative;\n display: block;\n background: var(--swui-modal-content-bg-color);\n box-shadow: var(--swui-modal-shadow);\n pointer-events: all;\n\n width: var(--swui-modal-width);\n max-width: 100%;\n\n -webkit-animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n }\n\n @media print {\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n box-shadow: none;\n top: 0\n }\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm :focus {\n outline: 0;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle {\n cursor: move;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle .draggable-modal-cancel,\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle [role=\"tooltip\"] {\n cursor: initial;\n }\n\n@-webkit-keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@-webkit-keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n@keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n.Modal-module_footer__2FN1E {\n background-color: var(--swui-modal-content-bg-color);\n}\n\n.Modal-module_stickyFooter__9tQSR {\n position: -webkit-sticky;\n position: sticky;\n bottom: calc(-1 * var(--swui-modal-padding));\n box-shadow: var(--swui-modal-footer-shadow);\n}\n\n@media print {\n\n.Modal-module_stickyFooter__9tQSR {\n position: static;\n box-shadow: none\n}\n }\n";
|
|
75
75
|
var styles$2 = {"overlay":"Modal-module_overlay__1c4LV","fadeIn":"Modal-module_fadeIn__2XO70","modal":"Modal-module_modal__1XMQr","content":"Modal-module_content__10pSm","appear":"Modal-module_appear__36n8p","isDraggable":"Modal-module_isDraggable__3l3pM","footer":"Modal-module_footer__2FN1E","stickyFooter":"Modal-module_stickyFooter__9tQSR"};
|
|
76
76
|
styleInject(css_248z$2);
|
|
77
77
|
|
|
@@ -127,7 +127,7 @@ var CenterModal = function (_a) {
|
|
|
127
127
|
React.createElement("div", { className: styles$2.content, style: (_b = {}, _b["--swui-modal-width"] = "fit-content", _b) }, children)));
|
|
128
128
|
};
|
|
129
129
|
|
|
130
|
-
var css_248z = ".LoadingModal-module_modal__1gDTX {\n display:
|
|
130
|
+
var css_248z = ".LoadingModal-module_modal__1gDTX {\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: transparent;\n}\n\n.LoadingModal-module_overlay__2YRgt {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-overlay-bg-color);\n}\n";
|
|
131
131
|
var styles = {"modal":"LoadingModal-module_modal__1gDTX","overlay":"LoadingModal-module_overlay__2YRgt"};
|
|
132
132
|
styleInject(css_248z);
|
|
133
133
|
|
package/dist/index.js
CHANGED
|
@@ -100,7 +100,7 @@ function styleInject(css, ref) {
|
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
var css_248z$2 = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n --swui-modal-footer-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display:
|
|
103
|
+
var css_248z$2 = ".Modal-module_overlay__1c4LV {\n --swui-modal-animation-time: var(--swui-animation-time-fast);\n --swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);\n --swui-modal-padding: var(--swui-metrics-space);\n --swui-modal-content-bg-color: var(--swui-white);\n --swui-modal-width: 960px;\n --swui-modal-header-border-color: var(--lhds-color-ui-300);\n --swui-modal-shadow: var(--swui-shadow-modal);\n --swui-modal-footer-shadow: var(--swui-shadow-modal);\n\n position: fixed;\n z-index: 10;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-modal-overlay-bg-color);\n overflow: auto;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n padding: var(--swui-modal-padding);\n\n -webkit-animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_fadeIn__2XO70 var(--swui-modal-animation-time)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n}\n\n @media print {.Modal-module_overlay__1c4LV {\n background-color: rgba(255, 255, 255, 1)\n}\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_modal__1XMQr {\n max-width: 100%;\n outline: none;\n pointer-events: none;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n position: relative;\n display: block;\n background: var(--swui-modal-content-bg-color);\n box-shadow: var(--swui-modal-shadow);\n pointer-events: all;\n\n width: var(--swui-modal-width);\n max-width: 100%;\n\n -webkit-animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n\n animation: Modal-module_appear__36n8p var(--swui-animation-time-fast)\n cubic-bezier(0.645, 0.045, 0.355, 1) both;\n }\n\n @media print {\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm {\n box-shadow: none;\n top: 0\n }\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm :focus {\n outline: 0;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle {\n cursor: move;\n }\n\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle .draggable-modal-cancel,\n .Modal-module_overlay__1c4LV .Modal-module_content__10pSm.Modal-module_isDraggable__3l3pM .draggable-modal-handle [role=\"tooltip\"] {\n cursor: initial;\n }\n\n@-webkit-keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@keyframes Modal-module_fadeIn__2XO70 {\n 0% {\n background-color: var(--swui-hidden);\n }\n 100% {\n background-color: var(--swui-modal-overlay-bg-color);\n }\n}\n\n@-webkit-keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n@keyframes Modal-module_appear__36n8p {\n 0% {\n top: calc(0 - var(--swui-metrics-space));\n opacity: 0;\n }\n 100% {\n top: var(--swui-metrics-space);\n opacity: 1;\n }\n}\n\n.Modal-module_footer__2FN1E {\n background-color: var(--swui-modal-content-bg-color);\n}\n\n.Modal-module_stickyFooter__9tQSR {\n position: -webkit-sticky;\n position: sticky;\n bottom: calc(-1 * var(--swui-modal-padding));\n box-shadow: var(--swui-modal-footer-shadow);\n}\n\n@media print {\n\n.Modal-module_stickyFooter__9tQSR {\n position: static;\n box-shadow: none\n}\n }\n";
|
|
104
104
|
var styles$2 = {"overlay":"Modal-module_overlay__1c4LV","fadeIn":"Modal-module_fadeIn__2XO70","modal":"Modal-module_modal__1XMQr","content":"Modal-module_content__10pSm","appear":"Modal-module_appear__36n8p","isDraggable":"Modal-module_isDraggable__3l3pM","footer":"Modal-module_footer__2FN1E","stickyFooter":"Modal-module_stickyFooter__9tQSR"};
|
|
105
105
|
styleInject(css_248z$2);
|
|
106
106
|
|
|
@@ -156,7 +156,7 @@ var CenterModal = function (_a) {
|
|
|
156
156
|
React__namespace.createElement("div", { className: styles$2.content, style: (_b = {}, _b["--swui-modal-width"] = "fit-content", _b) }, children)));
|
|
157
157
|
};
|
|
158
158
|
|
|
159
|
-
var css_248z = ".LoadingModal-module_modal__1gDTX {\n display:
|
|
159
|
+
var css_248z = ".LoadingModal-module_modal__1gDTX {\n display: flex;\n justify-content: center;\n align-items: center;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: transparent;\n}\n\n.LoadingModal-module_overlay__2YRgt {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: var(--swui-overlay-bg-color);\n}\n";
|
|
160
160
|
var styles = {"modal":"LoadingModal-module_modal__1gDTX","overlay":"LoadingModal-module_overlay__2YRgt"};
|
|
161
161
|
styleInject(css_248z);
|
|
162
162
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stenajs-webui/modal",
|
|
3
|
-
"version": "15.5.
|
|
3
|
+
"version": "15.5.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "mattias800",
|
|
6
6
|
"license": "MIT",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"deploy": "gh-pages -d example/build"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@stenajs-webui/core": "15.5.
|
|
31
|
-
"@stenajs-webui/elements": "15.5.
|
|
32
|
-
"@stenajs-webui/theme": "15.5.
|
|
30
|
+
"@stenajs-webui/core": "15.5.6",
|
|
31
|
+
"@stenajs-webui/elements": "15.5.6",
|
|
32
|
+
"@stenajs-webui/theme": "15.5.6",
|
|
33
33
|
"@types/react-modal": "^3.13.1",
|
|
34
34
|
"classnames": "^2.3.1",
|
|
35
35
|
"react-draggable": "^4.4.2",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"files": [
|
|
60
60
|
"dist"
|
|
61
61
|
],
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "57b2fe582ef4d85ae1581e8e3706adc80d8c5a53"
|
|
63
63
|
}
|