@luminati-io/uikit 3.0.15 → 3.0.16

package/dist/umd/uikit.development.js

@@ -27143,7 +27143,7 @@ var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_la
   displayName: "StyledWrapper",
   componentId: "sc-1nggvo0-0"
 })(["background-color:", ";border-radius:", ";display:grid;grid-tempalte-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
-  return MODAL_WIDTHS[props.size];
+  return MODAL_WIDTHS[props.$size];
 });
 var StyledHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
   padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['06'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['05'], " 0 ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['07']),
@@ -27158,13 +27158,17 @@ var StyledContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___defaul
 }).withConfig({
   displayName: "StyledContentWrapper",
   componentId: "sc-1nggvo0-2"
-})(["overflow-y:auto;::-webkit-scrollbar{width:", ";}::-webkit-scrollbar-thumb{background-color:", ";border-radius:", ";border:", " solid transparent;background-clip:content-box;}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['06'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_8, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['06'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['03']);
+})(["overflow-y:auto;", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin, function (props) {
+  return props.$borders && props.$borders.top ? "border-top: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
+}, function (props) {
+  return props.$borders && props.$borders.bottom ? "border-bottom: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
+});
 var StyledFooterWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
   padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['04'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['07'])
 }).withConfig({
   displayName: "StyledFooterWrapper",
   componentId: "sc-1nggvo0-3"
-})(["border-top:1px solid ", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4);
+})([""]);
 var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
   var id = props.id,
     className = props.className,
@@ -27173,15 +27177,21 @@ var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     content = props.content,
     footer = props.footer,
     size = props.size,
-    shadow = props.shadow;
+    shadow = props.shadow,
+    _props$borders = props.borders,
+    borders = _props$borders === void 0 ? {
+      bottom: true
+    } : _props$borders;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledWrapper, {
     id: id,
     className: className,
-    size: size,
+    $size: size,
     box_shadow: shadow,
     "data-testid": testId,
     ref: ref
-  }, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, null, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledContentWrapper, null, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledFooterWrapper, null, footer));
+  }, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, null, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledContentWrapper, {
+    $borders: borders
+  }, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledFooterWrapper, null, footer));
 });
 ModalBase.displayName = 'ModalBase';
 ModalBase.propTypes = {
@@ -27498,8 +27508,7 @@ var withBackdrop = function withBackdrop(Comp) {
       _props$zIndex = props.zIndex,
       zIndex = _props$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.backdrop : _props$zIndex,
       onOutsideClick = props.onOutsideClick,
-      _props$swallowOutside = props.swallowOutsideClick,
-      swallowOutsideClick = _props$swallowOutside === void 0 ? true : _props$swallowOutside,
+      swallowOutsideClick = props.swallowOutsideClick,
       restProps = _objectWithoutProperties(props, _excluded);
     var popperElement = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
@@ -27531,22 +27540,20 @@ var withBackdrop = function withBackdrop(Comp) {
     }, [show]);
     var hideAndStopEvt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
       if (!visible) return;
-      if (swallowOutsideClick) {
-        evt.stopPropagation();
-        evt.preventDefault();
-      }
       if (onOutsideClick) onOutsideClick(evt);
+      if (!swallowOutsideClick) return;
+      evt.stopPropagation();
+      evt.preventDefault();
     }, [visible, swallowOutsideClick, onOutsideClick]);
     (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useOutsideClick)(popperElement.current, hideAndStopEvt);
-    console.log(popperElement);
     if (!mount) return null;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopupContainer, {
-      zIndex: zIndex
+      $zIndex: zIndex
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledBackdrop, {
-      show: visible
+      $show: visible
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CompContainer, {
-      show: visible,
-      zIndex: zIndex + 1
+      $show: visible,
+      $zIndex: zIndex + 1
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, _extends({
       ref: popperElement
     }, restProps))));
@@ -27558,13 +27565,13 @@ var StyledBackdrop = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_l
   displayName: "StyledBackdrop",
   componentId: "sc-upusus-0"
 })(["width:100%;height:100%;background-color:", ";opacity:", ";transition:opacity .15s linear;"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.black, function (props) {
-  return props.show ? 0.5 : 0;
+  return props.$show ? 0.5 : 0;
 });
 var PopupContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Box).withConfig({
   displayName: "PopupContainer",
   componentId: "sc-upusus-1"
 })(["position:realtive;position:fixed;top:0;right:0;bottom:0;left:0;z-index:", ";"], function (props) {
-  return props.zIndex;
+  return props.$zIndex;
 });
 var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex).attrs({
   justify_content: 'center',
@@ -27573,11 +27580,11 @@ var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
   displayName: "CompContainer",
   componentId: "sc-upusus-2"
 })(["position:absolute;top:10vh;max-height:80vh;z-index:", ";opacity:", ";transform:translate(0,", ");transition:opacity 0.15s linear,transform 0.3s ease-out;"], function (props) {
-  return props.zIndex;
+  return props.$zIndex;
 }, function (props) {
-  return props.show ? 1 : 0;
+  return props.$show ? 1 : 0;
 }, function (props) {
-  return props.show ? '0' : '-25%';
+  return props.$show ? '0' : '-25%';
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (withBackdrop);