@luminati-io/uikit 6.1.1 → 6.1.2

package/dist/umd/uikit.development.js

@@ -45212,7 +45212,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["type", "children", "onClose", "dismissible", "notDismissible", "classNamePrefix"];
+var _excluded = ["type", "children", "onClose", "dismissible", "className", "classNamePrefix"];
 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; }
@@ -45228,29 +45228,31 @@ var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     children = _ref.children,
     onClose = _ref.onClose,
     dismissible = _ref.dismissible,
-    notDismissible = _ref.notDismissible,
-    _ref$classNamePrefix = _ref.classNamePrefix,
-    classNamePrefix = _ref$classNamePrefix === void 0 ? '' : _ref$classNamePrefix,
+    className = _ref.className,
+    classNamePrefix = _ref.classNamePrefix,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _dismissible = dismissible || type == 'error' || type == 'warning';
-  var _notDismissible = notDismissible;
+  var _dismissible = (0,_util__WEBPACK_IMPORTED_MODULE_3__.firstDefined)(dismissible, type == 'error' || type == 'warning');
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Wrapper, _extends({
     ref: ref,
     $type: type
   }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.getCommonProps)(rest), {
-    className: classNamePrefix + 'wrapper'
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToastIcon, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+      wrapper: true
+    }, className)
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToastIcon, {
     type: type,
     classNamePrefix: classNamePrefix
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Paragraph, {
     variant: "sm",
     color: "text",
-    className: classNamePrefix + 'body'
-  }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RemoveButton, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+      body: true
+    })
+  }, children)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RemoveButton, {
     onClick: onClose,
     classNamePrefix: classNamePrefix,
     type: type,
-    dismissible: _dismissible && !_notDismissible
+    dismissible: _dismissible
   }));
 });
 Toast.displayName = 'Toast';
@@ -45258,18 +45260,21 @@ Toast.propTypes = {
   type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['success', 'error', 'warning', 'info', 'generic']),
   onClose: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  notDismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
 var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Wrapper",
   componentId: "sc-tn2lqb-0"
-})(["display:flex;flex-direction:row;justify-content:center;align-items:flex-start;padding:8px;gap:8px;border-radius:4px;background-color:", ";box-shadow:", ";"], function (p) {
+})(["display:flex;flex-direction:row;justify-content:space-between;padding:8px;gap:8px;border-radius:4px;background-color:", ";box-shadow:", ";"], function (p) {
   return getBackgroundColor(p);
 }, function (_ref2) {
   var shadow = _ref2.theme.shadow;
   return shadow.medium;
 });
+var Content = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "Content",
+  componentId: "sc-tn2lqb-1"
+})(["display:flex;flex-direction:row;gap:8px;"]);
 var ToastIcon = function ToastIcon(_ref3) {
   var type = _ref3.type,
     classNamePrefix = _ref3.classNamePrefix;
@@ -45289,7 +45294,9 @@ var ToastIcon = function ToastIcon(_ref3) {
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     name: name,
     color: _color,
-    className: classNamePrefix + 'icon',
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+      icon: true
+    }),
     size: "xs"
   });
 };
@@ -45304,7 +45311,9 @@ var RemoveButton = function RemoveButton(_ref4) {
     icon: "CloseSmall",
     $type: type,
     onClick: onClick,
-    className: classNamePrefix + 'dismissButton'
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.classNames)(classNamePrefix, {
+      dismissButton: true
+    })
   });
 };
 RemoveButton.propTypes = {
@@ -45314,7 +45323,7 @@ RemoveButton.propTypes = {
 };
 var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton).withConfig({
   displayName: "StyledRemoveButton",
-  componentId: "sc-tn2lqb-1"
+  componentId: "sc-tn2lqb-2"
 })(["border-radius:", ";min-width:16px;width:16px;min-height:16px;height:16px;background-color:", ";"], function (_ref5) {
   var spacing = _ref5.theme.spacing;
   return spacing['05'];