@luminati-io/uikit 6.3.55 → 6.3.57

package/dist/umd/uikit.development.js

@@ -59247,27 +59247,24 @@ 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"
+  }, 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 +59273,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__.Label).withConfig({
+  displayName: "StyledText",
+  componentId: "sc-tn2lqb-0"
+})(["padding:16px 0;"]);
 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 +59337,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;
 };
 
 /***/ }),
@@ -59836,7 +59829,7 @@ var TooltipAdaptor = function TooltipAdaptor(_ref) {
 var StyledTooltip = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(TooltipAdaptor).withConfig({
   displayName: "StyledTooltip",
   componentId: "sc-148yrjz-0"
-})(["&.", "{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}.", "-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}.", "-arrow,.", "-arrow::before{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top .", "-arrow,&-placement-topLeft .", "-arrow,&-placement-topRight .", "-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top .", "-arrow::before,&-placement-topLeft .", "-arrow::before,&-placement-topRight .", "-arrow::before{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top .", "-arrow{left:50%;}&-placement-topLeft .", "-arrow{left:15%;}&-placement-topRight .", "-arrow{right:15%;}&-placement-right .", "-arrow,&-placement-rightTop .", "-arrow,&-placement-rightBottom .", "-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right .", "-arrow::before,&-placement-rightTop .", "-arrow::before,&-placement-rightBottom .", "-arrow::before{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right .", "-arrow{top:50%;}&-placement-rightTop .", "-arrow{top:15%;margin-top:0;}&-placement-rightBottom .", "-arrow{bottom:15%;}&-placement-left .", "-arrow,&-placement-leftTop .", "-arrow,&-placement-leftBottom .", "-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left .", "-arrow::before,&-placement-leftTop .", "-arrow::before,&-placement-leftBottom .", "-arrow::before{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left .", "-arrow{top:50%;}&-placement-leftTop .", "-arrow{top:15%;margin-top:0;}&-placement-leftBottom .", "-arrow{bottom:15%;}&-placement-bottom .", "-arrow,&-placement-bottomLeft .", "-arrow,&-placement-bottomRight .", "-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom .", "-arrow::before,&-placement-bottomLeft .", "-arrow::before,&-placement-bottomRight .", "-arrow::before{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom .", "-arrow{left:50%;}&-placement-bottomLeft .", "-arrow{left:15%;}&-placement-bottomRight .", "-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.78,0.14,0.15,0.86);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&.", "-white{.", "-inner{color:", ";background-color:", ";border:1px solid ", ";}&.", "{&-placement-top .", "-arrow,&-placement-topLeft .", "-arrow,&-placement-topRight .", "-arrow{border-top-color:", ";}&-placement-top .", "-arrow::before,&-placement-topLeft .", "-arrow::before,&-placement-topRight .", "-arrow::before{content:'';border-top-color:", ";}&-placement-right .", "-arrow,&-placement-rightTop .", "-arrow,&-placement-rightBottom .", "-arrow{border-right-color:", ";}&-placement-right .", "-arrow::before,&-placement-rightTop .", "-arrow::before,&-placement-rightBottom .", "-arrow::before{content:'';border-right-color:", ";}&-placement-left .", "-arrow,&-placement-leftTop .", "-arrow,&-placement-leftBottom .", "-arrow{border-left-color:", ";}&-placement-left .", "-arrow::before,&-placement-leftTop .", "-arrow::before,&-placement-leftBottom .", "-arrow::before{content:'';border-left-color:", ";}&-placement-bottom .", "-arrow,&-placement-bottomLeft .", "-arrow,&-placement-bottomRight .", "-arrow{border-bottom-color:", ";}&-placement-bottom .", "-arrow::before,&-placement-bottomLeft .", "-arrow::before,&-placement-bottomRight .", "-arrow::before{content:'';border-bottom-color:", ";}}}&.", "-black{.", "-inner{color:", ";background-color:", ";border:1px solid ", ";}&.", "{&-placement-top .", "-arrow,&-placement-topLeft .", "-arrow,&-placement-topRight .", "-arrow{border-top-color:", ";}&-placement-top .", "-arrow::before,&-placement-topLeft .", "-arrow::before,&-placement-topRight .", "-arrow::before{border-top-color:", ";}&-placement-right .", "-arrow,&-placement-rightTop .", "-arrow,&-placement-rightBottom .", "-arrow{border-right-color:", ";}&-placement-right .", "-arrow::before,&-placement-rightTop .", "-arrow::before,&-placement-rightBottom .", "-arrow::before{border-right-color:", ";}&-placement-left .", "-arrow,&-placement-leftTop .", "-arrow,&-placement-leftBottom .", "-arrow{border-left-color:", ";}&-placement-left .", "-arrow::before,&-placement-leftTop .", "-arrow::before,&-placement-leftBottom .", "-arrow::before{border-left-color:", ";}&-placement-bottom .", "-arrow,&-placement-bottomLeft .", "-arrow,&-placement-bottomRight .", "-arrow{border-bottom-color:", ";}&-placement-bottom .", "-arrow::before,&-placement-bottomLeft .", "-arrow::before,&-placement-bottomRight .", "-arrow::before{border-bottom-color:", ";}}}"], prefixCls, theme(function (t) {
+})(["&.", "{position:absolute;display:block;visibility:visible;font-family:", ";font-size:", ";font-weight:", ";line-height:", ";padding:1px;width:fit-content;max-width:min(500px,80vw);word-break:break-word;background-color:transparent;&-hidden{display:none;}.", "-inner{padding:8px 10px;text-align:left;text-decoration:none;border-radius:", ";box-shadow:", ";min-height:", ";}.", "-arrow,.", "-arrow::before{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}&-placement-top .", "-arrow,&-placement-topLeft .", "-arrow,&-placement-topRight .", "-arrow{transform:translate(-50%,5px);margin-left:-6px;border-width:6px 6px 0;}&-placement-top .", "-arrow::before,&-placement-topLeft .", "-arrow::before,&-placement-topRight .", "-arrow::before{bottom:1px;margin-left:-6px;border-width:6px 6px 0;}&-placement-top .", "-arrow{left:50%;}&-placement-topLeft .", "-arrow{left:15%;}&-placement-topRight .", "-arrow{right:15%;}&-placement-right .", "-arrow,&-placement-rightTop .", "-arrow,&-placement-rightBottom .", "-arrow{left:-5px;margin-top:-6px;border-width:6px 6px 6px 0;transform:translateX(calc(-100% + 1px));}&-placement-right .", "-arrow::before,&-placement-rightTop .", "-arrow::before,&-placement-rightBottom .", "-arrow::before{left:1px;margin-top:-6px;border-width:6px 6px 6px 0;}&-placement-right .", "-arrow{top:50%;}&-placement-rightTop .", "-arrow{top:15%;margin-top:0;}&-placement-rightBottom .", "-arrow{bottom:15%;}&-placement-left .", "-arrow,&-placement-leftTop .", "-arrow,&-placement-leftBottom .", "-arrow{right:-5px;margin-top:-6px;border-width:6px 0 6px 6px;transform:translateX(calc(100% - 1px));}&-placement-left .", "-arrow::before,&-placement-leftTop .", "-arrow::before,&-placement-leftBottom .", "-arrow::before{right:1px;margin-top:-6px;border-width:6px 0 6px 6px;}&-placement-left .", "-arrow{top:50%;}&-placement-leftTop .", "-arrow{top:15%;margin-top:0;}&-placement-leftBottom .", "-arrow{bottom:15%;}&-placement-bottom .", "-arrow,&-placement-bottomLeft .", "-arrow,&-placement-bottomRight .", "-arrow{transform:translate(-50%,-5px);margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom .", "-arrow::before,&-placement-bottomLeft .", "-arrow::before,&-placement-bottomRight .", "-arrow::before{top:1px;margin-left:-6px;border-width:0 6px 6px;}&-placement-bottom .", "-arrow{left:50%;}&-placement-bottomLeft .", "-arrow{left:15%;}&-placement-bottomRight .", "-arrow{right:15%;}&&-zoom-appear,&&-zoom-enter{opacity:0;}&&-zoom-enter,&&-zoom-leave{display:block;}&-zoom-enter,&-zoom-appear{opacity:0;animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-zoom-leave{animation-duration:0.1s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.78,0.14,0.15,0.86);animation-play-state:paused;}&-zoom-enter&-zoom-enter-active,&-zoom-appear&-zoom-appear-active{animation-name:rcToolTipZoomIn;animation-play-state:running;}&-zoom-leave&-zoom-leave-active{animation-name:rcToolTipZoomOut;animation-play-state:running;}@keyframes rcToolTipZoomIn{0%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}100%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}}@keyframes rcToolTipZoomOut{0%{opacity:1;transform-origin:50% 50%;transform:scale(1,1);}100%{opacity:0;transform-origin:50% 50%;transform:scale(0,0);}}}&.", "-white{.", "-inner{color:", ";background-color:", ";border:1px solid ", ";}&.", "{&-placement-top .", "-arrow,&-placement-topLeft .", "-arrow,&-placement-topRight .", "-arrow{border-top-color:", ";}&-placement-top .", "-arrow::before,&-placement-topLeft .", "-arrow::before,&-placement-topRight .", "-arrow::before{content:'';border-top-color:", ";}&-placement-right .", "-arrow,&-placement-rightTop .", "-arrow,&-placement-rightBottom .", "-arrow{border-right-color:", ";}&-placement-right .", "-arrow::before,&-placement-rightTop .", "-arrow::before,&-placement-rightBottom .", "-arrow::before{content:'';border-right-color:", ";}&-placement-left .", "-arrow,&-placement-leftTop .", "-arrow,&-placement-leftBottom .", "-arrow{border-left-color:", ";}&-placement-left .", "-arrow::before,&-placement-leftTop .", "-arrow::before,&-placement-leftBottom .", "-arrow::before{content:'';border-left-color:", ";}&-placement-bottom .", "-arrow,&-placement-bottomLeft .", "-arrow,&-placement-bottomRight .", "-arrow{border-bottom-color:", ";}&-placement-bottom .", "-arrow::before,&-placement-bottomLeft .", "-arrow::before,&-placement-bottomRight .", "-arrow::before{content:'';border-bottom-color:", ";}}}&.", "-black{.", "-inner{color:", ";background-color:", ";border:1px solid ", ";}&.", "{&-placement-top .", "-arrow,&-placement-topLeft .", "-arrow,&-placement-topRight .", "-arrow{border-top-color:", ";}&-placement-top .", "-arrow::before,&-placement-topLeft .", "-arrow::before,&-placement-topRight .", "-arrow::before{border-top-color:", ";}&-placement-right .", "-arrow,&-placement-rightTop .", "-arrow,&-placement-rightBottom .", "-arrow{border-right-color:", ";}&-placement-right .", "-arrow::before,&-placement-rightTop .", "-arrow::before,&-placement-rightBottom .", "-arrow::before{border-right-color:", ";}&-placement-left .", "-arrow,&-placement-leftTop .", "-arrow,&-placement-leftBottom .", "-arrow{border-left-color:", ";}&-placement-left .", "-arrow::before,&-placement-leftTop .", "-arrow::before,&-placement-leftBottom .", "-arrow::before{border-left-color:", ";}&-placement-bottom .", "-arrow,&-placement-bottomLeft .", "-arrow,&-placement-bottomRight .", "-arrow{border-bottom-color:", ";}&-placement-bottom .", "-arrow::before,&-placement-bottomLeft .", "-arrow::before,&-placement-bottomRight .", "-arrow::before{border-bottom-color:", ";}}}"], prefixCls, theme(function (t) {
   return t.font_family.sans;
 }), theme(function (t) {
   return t.font_size.sm;