@luminati-io/uikit 6.1.0 → 6.1.2

package/dist/umd/uikit.development.js

@@ -31911,8 +31911,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 var _excluded = ["text", "variant", "size", "items", "disabled", "onClick", "icon", "iconPlacement"],
-  _excluded2 = ["isLeft"],
-  _excluded3 = ["popover"];
+  _excluded2 = ["isLeft"];
 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; }
@@ -31980,24 +31979,24 @@ ComboButton.propTypes = {
   items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired,
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
-var ComboButtonMenu = function ComboButtonMenu(props) {
-  var size = props.size,
-    items = props.items,
-    popover = props.popover;
+var ComboButtonMenu = function ComboButtonMenu(_ref2) {
+  var size = _ref2.size,
+    items = _ref2.items,
+    popover = _ref2.popover;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_6__.Menu, {
     size: size,
     items: items,
     onClick: popover.hide
   });
 };
-var ArrowIcon = function ArrowIcon(props) {
-  var popover = props.popover,
-    rest = _objectWithoutProperties(props, _excluded3);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, _extends({
-    onClick: popover.toggle
-  }, rest, {
+var ArrowIcon = function ArrowIcon(_ref3) {
+  var popover = _ref3.popover,
+    disabled = _ref3.disabled;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ComboButtonArrow, {
+    onClick: popover.toggle,
+    disabled: disabled,
     "data-testid": "combo_button_menu_button"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, {
     name: "ChevronDown",
     size: "xs"
   }));
@@ -33083,7 +33082,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "checked", "onChange", "onClick", "label", "disabled", "tooltip", "indeterminate", "verticalAlign", "className", "classNamePrefix"];
+var _excluded = ["id", "name", "checked", "onChange", "onClick", "label", "disabled", "tooltip", "indeterminate", "verticalAlign", "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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -33099,6 +33098,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (_ref, ref) {
   var id = _ref.id,
+    name = _ref.name,
     checked = _ref.checked,
     onChange = _ref.onChange,
     onClick = _ref.onClick,
@@ -33131,6 +33131,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     }, 'checkbox--is-checked', checked), 'checkbox--is-disabled', disabled), 'checkbox--is-indeterminate', indeterminate), className)
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxControl, {
     id: id,
+    name: name,
     role: "checkbox",
     "aria-checked": checked ? true : indeterminate ? 'mixed' : false,
     "aria-disabled": disabled,
@@ -36198,6 +36199,7 @@ Number.propTypes = {
   onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  onKeyDown: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -37434,7 +37436,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["id", "value", "leftInnerContent", "leftOuterContent", "rightInnerContent", "rightOuterContent", "heightCalculationCallback", "Field", "fieldRef", "onChange", "onFocus", "onBlur", "placeholder", "disabled", "invalid", "autofocus", "helperText", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper"];
+var _excluded = ["id", "name", "value", "leftInnerContent", "leftOuterContent", "rightInnerContent", "rightOuterContent", "heightCalculationCallback", "Field", "fieldRef", "onChange", "onFocus", "onBlur", "onKeyDown", "placeholder", "disabled", "invalid", "autofocus", "helperText", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper"];
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -37462,6 +37464,7 @@ var inputVerticalPadding = 4;
 var inputHorizontalPadding = 12;
 var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
   var id = props.id,
+    name = props.name,
     value = props.value,
     leftInnerContent = props.leftInnerContent,
     leftOuterContent = props.leftOuterContent,
@@ -37473,6 +37476,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     onChange = props.onChange,
     onFocus = props.onFocus,
     onBlur = props.onBlur,
+    onKeyDown = props.onKeyDown,
     placeholder = props.placeholder,
     disabled = props.disabled,
     invalid = props.invalid,
@@ -37538,9 +37542,12 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     $heightCalculationCallback: heightCalculationCallback,
     $verticalAlign: verticalAlign,
     onClick: onWrapperClick
-  }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({}, props.inputProps, {
+  }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({
+    onKeyDown: onKeyDown
+  }, props.inputProps, {
     ref: setFieldRefs,
     id: id,
+    name: name,
     disabled: disabled,
     onChange: onChange,
     onFocus: onFieldFocus,
@@ -37790,8 +37797,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["onChange", "rows", "maxRows", "placeholder"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["onChange", "rows", "maxRows", "placeholder", "inputProps", "minLength", "maxLength"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 
@@ -37806,6 +37819,9 @@ var Textarea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     rows = _ref$rows === void 0 ? 1 : _ref$rows,
     maxRows = _ref.maxRows,
     placeholder = _ref.placeholder,
+    inputProps = _ref.inputProps,
+    minLength = _ref.minLength,
+    maxLength = _ref.maxLength,
     rest = _objectWithoutProperties(_ref, _excluded);
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (e) {
     onChange === null || onChange === void 0 || onChange(e.target.value, e);
@@ -37825,7 +37841,11 @@ var Textarea = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     heightCalculationCallback: heightCalculationCallback,
     Field: Area,
     onChange: handleChange,
-    placeholder: t(placeholder)
+    placeholder: t(placeholder),
+    inputProps: _objectSpread({
+      minLength: minLength,
+      maxLength: maxLength
+    }, inputProps)
   }));
 });
 Textarea.propTypes = {
@@ -37833,6 +37853,7 @@ Textarea.propTypes = {
   onChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  onKeyDown: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
@@ -37852,7 +37873,9 @@ Textarea.propTypes = {
   })]),
   autofocus: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   rows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
-  maxRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
+  maxRows: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  minLength: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number),
+  maxLength: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().number)
 };
 Textarea.displayName = 'Textarea';
 var Area = styled_components__WEBPACK_IMPORTED_MODULE_2___default().textarea.withConfig({
@@ -37898,8 +37921,14 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["size", "onChange", "placeholder"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["size", "onChange", "placeholder", "inputProps", "minLength", "maxLength"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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; }
 
@@ -37910,6 +37939,9 @@ var Textbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardR
   var size = _ref.size,
     onChange = _ref.onChange,
     placeholder = _ref.placeholder,
+    inputProps = _ref.inputProps,
+    minLength = _ref.minLength,
+    maxLength = _ref.maxLength,
     rest = _objectWithoutProperties(_ref, _excluded);
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
     return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
@@ -37923,7 +37955,11 @@ var Textbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardR
     verticalAlign: "center",
     Field: _shared__WEBPACK_IMPORTED_MODULE_3__.Field,
     onChange: handleChange,
-    placeholder: t(placeholder)
+    placeholder: t(placeholder),
+    inputProps: _objectSpread({
+      minLength: minLength,
+      maxLength: maxLength
+    }, inputProps)
   }));
 });
 Textbox.propTypes = {
@@ -37931,6 +37967,7 @@ Textbox.propTypes = {
   onChange: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onFocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   onBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
+  onKeyDown: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
   placeholder: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
   disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
@@ -37949,7 +37986,9 @@ Textbox.propTypes = {
   autofocus: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   fieldRef: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_1___default().func), prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
     current: prop_types__WEBPACK_IMPORTED_MODULE_1___default().instanceOf(Element)
-  })])
+  })]),
+  minLength: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
+  maxLength: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number)
 };
 Textbox.displayName = 'Textbox';
 
@@ -38481,7 +38520,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["id", "value", "label", "disabled", "size", "onChange"];
+var _excluded = ["id", "name", "value", "label", "disabled", "size", "onChange"];
 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; }
@@ -38493,6 +38532,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var Toggle = function Toggle(_ref) {
   var id = _ref.id,
+    name = _ref.name,
     value = _ref.value,
     label = _ref.label,
     disabled = _ref.disabled,
@@ -38508,6 +38548,7 @@ var Toggle = function Toggle(_ref) {
     $size: size
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleInput, {
     id: id,
+    name: name,
     $size: size,
     checked: value,
     onChange: handleChange,
@@ -45171,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; }
@@ -45187,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';
@@ -45217,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;
@@ -45248,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"
   });
 };
@@ -45263,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 = {
@@ -45273,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'];