@luminati-io/uikit 6.2.10-beta.0 → 6.2.10

package/dist/umd/uikit.development.js

@@ -34878,7 +34878,9 @@ var Drawer = function Drawer(_ref) {
     cancelProps = _ref.cancelProps,
     _ref$footerVariant = _ref.footerVariant,
     footerVariant = _ref$footerVariant === void 0 ? 'horizontal' : _ref$footerVariant,
-    afterOpenChange = _ref.afterOpenChange;
+    afterOpenChange = _ref.afterOpenChange,
+    _ref$mask = _ref.mask,
+    mask = _ref$mask === void 0 ? false : _ref$mask;
   var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
@@ -34915,6 +34917,7 @@ var Drawer = function Drawer(_ref) {
     zIndex: _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.drawer,
     maskClosable: closable,
     afterOpenChange: afterOpenChange,
+    mask: mask,
     maskMotion: maskMotion,
     motion: motion
   }, closable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_6__.IconButton, {
@@ -34961,7 +34964,8 @@ Drawer.propTypes = {
   onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   cancelProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   footerVariant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['vertical', 'horizontal', 'horizontal_full']),
-  afterOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func)
+  afterOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  mask: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var DrawerStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{inset:0;position:fixed;pointer-events:none;&-inline{position:absolute;}&-mask{inset:0;position:absolute;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:auto;}&-content-wrapper{position:absolute;overflow:hidden;&-hidden{display:none;}}&-left &-content-wrapper{top:0;bottom:0;left:0;}&-right &-content-wrapper{top:0;right:0;bottom:0;}&-content{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:", ";pointer-events:auto;}&-left &-content{border-right:1px solid ", ";}&-right &-content{border-left:1px solid ", ";}&-close{position:absolute;margin-top:16px;inset-inline-end:16px;z-index:1;background:transparent;}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-body{flex:1;overflow:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-mask-motion{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0;}}}&-panel-motion{&-left,&-right{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0.7;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0.7;}}}&-left{&-enter,&-appear{transform:translateX(-100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(-100%);}}}&-right{&-enter,&-appear{transform:translateX(100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(100%);}}}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;