@luminati-io/uikit 5.0.6 → 5.0.8-beta.1

package/dist/umd/uikit.development.js

@@ -39757,10 +39757,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
 // LICENSE_CODE ZON
 
 
@@ -39779,12 +39778,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var withBackdrop = function withBackdrop(Comp) {
   var WithBackdrop = function WithBackdrop(props) {
     var show = props.show,
       _props$zIndex = props.zIndex,
-      zIndex = _props$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.backdrop : _props$zIndex,
+      zIndex = _props$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.backdrop : _props$zIndex,
       onOutsideClick = props.onOutsideClick,
       swallowOutsideClick = props.swallowOutsideClick,
       restProps = _objectWithoutProperties(props, _excluded);
@@ -39823,7 +39821,7 @@ var withBackdrop = function withBackdrop(Comp) {
       evt.stopPropagation();
       evt.preventDefault();
     }, [visible, swallowOutsideClick, onOutsideClick]);
-    (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useOutsideClick)(popperElement.current, hideAndStopEvt);
+    (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useOutsideClick)(popperElement.current, hideAndStopEvt);
     if (!mount) return null;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopupContainer, {
       $zIndex: zIndex
@@ -39839,10 +39837,10 @@ var withBackdrop = function withBackdrop(Comp) {
       }
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, restProps))));
   };
-  WithBackdrop.displayName = "WithBackdrop(".concat((0,_hoc__WEBPACK_IMPORTED_MODULE_3__.getDisplayName)(Comp), ")");
+  WithBackdrop.displayName = "WithBackdrop(".concat((0,_hoc__WEBPACK_IMPORTED_MODULE_2__.getDisplayName)(Comp), ")");
   return WithBackdrop;
 };
-var StyledBackdrop = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Box).withConfig({
+var StyledBackdrop = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "StyledBackdrop",
   componentId: "sc-upusus-0"
 })(["width:100%;height:100%;background-color:", ";opacity:", ";transition:opacity .15s linear;"], function (_ref) {
@@ -39851,25 +39849,21 @@ var StyledBackdrop = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_l
 }, function (props) {
   return props.$show ? 0.5 : 0;
 });
-var PopupContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Box).withConfig({
+var PopupContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "PopupContainer",
   componentId: "sc-upusus-1"
-})(["position:realtive;position:fixed;top:0;right:0;bottom:0;left:0;z-index:", ";"], function (props) {
+})(["position:fixed;top:0;right:0;bottom:0;left:0;z-index:", ";"], function (props) {
   return props.$zIndex;
 });
-var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex).attrs({
-  justify_content: 'center',
-  width: '100%'
-}).withConfig({
+var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
   displayName: "CompContainer",
   componentId: "sc-upusus-2"
-})(["position:absolute;top:0;max-height:80vh;z-index:", ";opacity:", ";transform:translateY(", ");transition:opacity 0.15s linear,transform 0.3s ease-out;"], function (props) {
+})(["display:flex;flex-direction:row;justify-content:center;width:100%;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;
 }, function (props) {
   return props.$show ? 1 : 0;
-}, function (_ref2) {
-  var $show = _ref2.$show;
-  return $show ? 'calc(50vh - 50%)' : '-100%';
+}, function (props) {
+  return props.$show ? '0' : '-25%';
 });
 
 /***/ }),
@@ -40061,15 +40055,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _snackbar_action__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./snackbar_action */ "./src/snackbar/snackbar_action.js");
-/* harmony import */ var _snackbar_content__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./snackbar_content */ "./src/snackbar/snackbar_content.js");
-/* harmony import */ var _snackbar_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./snackbar_icon */ "./src/snackbar/snackbar_icon.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _snackbar_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./snackbar_icon */ "./src/snackbar/snackbar_icon.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["variant", "type", "showIcon", "header", "children", "action"];
+var _excluded = ["type", "showIcon", "header", "children", "container_style"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
@@ -40079,35 +40072,36 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-
 var Snackbar = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
-  var _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'vertical' : _ref$variant,
-    _ref$type = _ref.type,
+  var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'info' : _ref$type,
     showIcon = _ref.showIcon,
     header = _ref.header,
     children = _ref.children,
-    action = _ref.action,
+    container_style = _ref.container_style,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var content = typeof children == 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Paragraph, {
+    variant: "lg_snug",
+    color: "gray_11_50"
+  }, children) : children;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
     ref: ref,
     $type: type
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(rest)), !!showIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_icon__WEBPACK_IMPORTED_MODULE_6__.SnackbarIcon, {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.getCommonProps)(rest)), !!showIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_icon__WEBPACK_IMPORTED_MODULE_5__.SnackbarIcon, {
     type: type
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Container, {
-    $variant: variant
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_content__WEBPACK_IMPORTED_MODULE_5__.SnackbarContent, {
-    header: header
-  }, children), !!action && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_snackbar_action__WEBPACK_IMPORTED_MODULE_4__.SnackbarAction, action)));
+    style: container_style
+  }, !!header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
+    variant: "lg",
+    color: "gray_11_50"
+  }, header), content));
 });
 Snackbar.displayName = 'Snackbar';
 Snackbar.propTypes = {
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['vertical', 'horizontal']),
+  container_style: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['info', 'success', 'error', 'warning', 'generic']),
   header: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
-  showIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  action: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
+  showIcon: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Wrapper",
@@ -40126,91 +40120,7 @@ var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withC
 var Container = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Container",
   componentId: "sc-6ku6mu-1"
-})(["display:flex;flex-direction:", ";justify-content:center;align-items:flex-start;gap:16px;"], function (props) {
-  return props.$variant == 'horizontal' ? 'row' : 'column';
-});
-
-/***/ }),
-
-/***/ "./src/snackbar/snackbar_action.js":
-/*!*****************************************!*\
-  !*** ./src/snackbar/snackbar_action.js ***!
-  \*****************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   SnackbarAction: () => (/* binding */ SnackbarAction)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../button */ "./src/button/index.js");
-/* harmony import */ var _link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../link */ "./src/link/index.js");
-// LICENSE_CODE ZON
-
-
-/*jslint react:true*/
-var _excluded = ["isLink"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-
-
-
-var SnackbarAction = function SnackbarAction(props) {
-  var isLink = props.isLink,
-    rest = _objectWithoutProperties(props, _excluded);
-  if (isLink) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_link__WEBPACK_IMPORTED_MODULE_2__.Link, _extends({
-    variant: "secondary"
-  }, rest, {
-    size: "md"
-  }));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_button__WEBPACK_IMPORTED_MODULE_1__.Button, _extends({}, rest, {
-    size: "sm"
-  }));
-};
-
-/***/ }),
-
-/***/ "./src/snackbar/snackbar_content.js":
-/*!******************************************!*\
-  !*** ./src/snackbar/snackbar_content.js ***!
-  \******************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   SnackbarContent: () => (/* binding */ SnackbarContent)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-// LICENSE_CODE ZON
-
-
-/*jslint react:true*/
-
-
-
-var SnackbarContent = function SnackbarContent(props) {
-  var header = props.header,
-    children = props.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, !!header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
-    variant: "lg",
-    color: "gray_11_50"
-  }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Paragraph, {
-    variant: "lg_snug",
-    color: "gray_11_50"
-  }, children));
-};
-var Container = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div.withConfig({
-  displayName: "Container",
-  componentId: "sc-16h0vli-0"
-})(["display:flex;flex-direction:column;align-items:flex-start;gap:8px;"]);
+})(["display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;"]);
 
 /***/ }),