@luminati-io/uikit 6.3.55 → 6.3.56

package/dist/umd/uikit.development.js

@@ -59247,27 +59247,25 @@ var Toast = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef
     rest = _objectWithoutProperties(_ref, _excluded);
   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
+    ref: ref
   }, (0,_util__WEBPACK_IMPORTED_MODULE_3__.pickAttrs)(rest), {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       wrapper: true
     }, className)
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToastIcon, {
+  }), /*#__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",
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Content, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledText, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       body: true
-    })
-  }, children)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RemoveButton, {
-    onClick: onClose,
+    }),
+    color: "text_secondary",
+    variant: "sm"
+  }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RemoveButton, {
     classNamePrefix: classNamePrefix,
-    type: type,
-    dismissible: _dismissible
-  }));
+    dismissible: _dismissible,
+    onClick: onClose
+  })));
 });
 Toast.displayName = 'Toast';
 Toast.propTypes = {
@@ -59276,58 +59274,63 @@ Toast.propTypes = {
   dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
 };
+var StyledText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Paragraph).withConfig({
+  displayName: "StyledText",
+  componentId: "sc-tn2lqb-0"
+})(["padding:16px 12px;"]);
 var Wrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "Wrapper",
-  componentId: "sc-tn2lqb-0"
-})(["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;
+  componentId: "sc-tn2lqb-1"
+})(["display:flex;flex-direction:row;justify-content:space-between;border-radius:8px;border:1px solid ", ";box-shadow:", ";"], function (_ref2) {
+  var color = _ref2.theme.color;
+  return color.border;
+}, function (_ref3) {
+  var shadow = _ref3.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;
+  componentId: "sc-tn2lqb-2"
+})(["display:flex;flex-direction:row;align-items:center;padding-left:12px;padding-right:8px;gap:8px;"]);
+var IconContainer = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "IconContainer",
+  componentId: "sc-tn2lqb-3"
+})(["background-color:", ";border-radius:8px 0px 0px 8px;padding:16px 8px;display:flex;justify-content:center;align-items:center;"], function (p) {
+  return getBackgroundColor(p);
+});
+var ToastIcon = function ToastIcon(_ref4) {
+  var type = _ref4.type,
+    classNamePrefix = _ref4.classNamePrefix;
   var name = {
-    success: 'CheckCircle',
-    error: 'Warning',
+    success: 'Check',
+    error: 'Close',
     warning: 'Warning',
     info: 'Info',
     generic: 'Info'
   }[type] || 'Info';
-  var _color = {
-    success: 'icon_success',
-    error: 'icon_error',
-    warning: 'icon_warning',
-    info: 'icon_primary'
-  }[type] || 'icon';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
-    name: name,
-    color: _color,
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(IconContainer, {
+    $type: type
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       icon: true
     }),
-    size: "xs"
-  });
+    color: "icon_white",
+    name: name,
+    size: "sm"
+  }));
 };
-var RemoveButton = function RemoveButton(_ref4) {
-  var onClick = _ref4.onClick,
-    dismissible = _ref4.dismissible,
-    classNamePrefix = _ref4.classNamePrefix,
-    type = _ref4.type;
+var RemoveButton = function RemoveButton(_ref5) {
+  var onClick = _ref5.onClick,
+    dismissible = _ref5.dismissible,
+    classNamePrefix = _ref5.classNamePrefix;
   if (!dismissible) return null;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledRemoveButton, {
-    size: "xs",
-    icon: "CloseSmall",
-    $type: type,
-    onClick: onClick,
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_3__.cn)(classNamePrefix, {
       dismissButton: true
-    })
+    }),
+    icon: "CloseSmall",
+    onClick: onClick,
+    size: "xs"
   });
 };
 RemoveButton.propTypes = {
@@ -59335,24 +59338,15 @@ RemoveButton.propTypes = {
   onClick: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   dismissible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var StyledRemoveButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon_button__WEBPACK_IMPORTED_MODULE_5__.IconButton).withConfig({
-  displayName: "StyledRemoveButton",
-  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'];
-}, function (p) {
-  return getBackgroundColor(p);
-});
 var getBackgroundColor = function getBackgroundColor(_ref6) {
   var $type = _ref6.$type,
     color = _ref6.theme.color;
   return {
-    success: color.bg_fill_success_secondary,
-    error: color.bg_fill_error_secondary,
-    warning: color.bg_fill_warning_secondary,
-    info: color.bg_fill_primary_secondary
-  }[$type] || color.bg_fill_secondary;
+    success: color.green_10,
+    error: color.bg_fill_error,
+    warning: color.bg_fill_warning,
+    info: color.bg_fill_primary
+  }[$type] || color.border_accent;
 };
 
 /***/ }),