@megafon/ui-core 3.0.0-beta.8 → 3.0.2

package/dist/es/index.js

@@ -31,6 +31,7 @@ export { default as Preloader } from "./components/Preloader/Preloader";
 export { default as RadioButton } from "./components/RadioButton/RadioButton";
 export { default as Search } from "./components/Search/Search";
 export { default as Select } from "./components/Select/Select";
+export { default as selectReducer } from "./components/Select/reducer/selectReducer";
 export { default as Switcher } from "./components/Switcher/Switcher";
 export { default as Tab } from "./components/Tabs/Tab";
 export { default as Tabs } from "./components/Tabs/Tabs";

package/dist/lib/colors/Colors.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import './Colors.less';
-declare const Colors: () => JSX.Element;
+declare const Colors: React.FC;
 export default Colors;

package/dist/lib/colors/colorsData.js

@@ -79,7 +79,7 @@ var colors = {
         code: 'buttonHoverGreen'
       }, {
         name: 'Button Hov. P.',
-        code: 'buttonhoverPurple'
+        code: 'buttonHoverPurple'
       }, {
         name: 'Button Down',
         code: 'buttonDown'

package/dist/lib/components/Accordion/Accordion.js

@@ -72,7 +72,7 @@ var Accordion = function Accordion(_ref) {
 
   var handleClickTitle = function handleClickTitle(e) {
     if ((0, _uiHelpers.checkEventIsClickOrEnterPress)(e)) {
-      onClickAccordion && onClickAccordion(!isOpenedState);
+      onClickAccordion === null || onClickAccordion === void 0 ? void 0 : onClickAccordion(!isOpenedState);
       setIsOpenedState(!isOpenedState);
     }
   };

package/dist/lib/components/Banner/Banner.css

@@ -34,6 +34,11 @@
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
+@media screen and (max-width: 767px) {
+  .mfui-banner__arrow {
+    display: none;
+  }
+}
 .mfui-banner__arrow_prev {
   left: 12px;
 }
@@ -98,6 +103,29 @@
 .mfui-banner__pagination_theme_dark {
   background-color: var(--stcBlack20);
 }
+.mfui-banner__pagination_bottom-offset {
+  bottom: 60px;
+}
+@media screen and (min-width: 768px) and (max-width: 1023px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 89px;
+  }
+}
+@media screen and (min-width: 1024px) and (max-width: 1279px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 90px;
+  }
+}
+@media screen and (min-width: 1280px) and (max-width: 1439px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 65px;
+  }
+}
+@media screen and (min-width: 1440px) {
+  .mfui-banner__pagination_bottom-offset {
+    bottom: 72px;
+  }
+}
 .mfui-banner__dot {
   width: 12px;
   height: 12px;

package/dist/lib/components/Banner/Banner.d.ts

@@ -26,6 +26,8 @@ export interface IBannerProps {
         pagination?: Record<string, string>;
         dot?: Record<string, string>;
     };
+    /** Предполагается использование с наезжанием на баннер следующего за баннером элемента */
+    withPaginationBottomOffset?: boolean;
     /** Автоматическая прокрутка */
     autoPlay?: boolean;
     /** Задержка автоматической прокрутки */

package/dist/lib/components/Banner/Banner.js

@@ -61,6 +61,8 @@ var Banner = function Banner(_ref) {
   var className = _ref.className,
       _ref$classes = _ref.classes,
       classes = _ref$classes === void 0 ? {} : _ref$classes,
+      _ref$withPaginationBo = _ref.withPaginationBottomOffset,
+      withPaginationBottomOffset = _ref$withPaginationBo === void 0 ? false : _ref$withPaginationBo,
       _ref$autoPlay = _ref.autoPlay,
       autoPlay = _ref$autoPlay === void 0 ? false : _ref$autoPlay,
       _ref$autoPlayDelay = _ref.autoPlayDelay,
@@ -113,7 +115,8 @@ var Banner = function Banner(_ref) {
       return;
     }
 
-    autoplay.stop();
+    autoplay.stop(); // eslint-disable-next-line no-param-reassign
+
     params.autoplay.delay = autoPlayDelay * 3;
     autoplay.start();
   }, [autoPlayDelay]);
@@ -123,18 +126,18 @@ var Banner = function Banner(_ref) {
     }
 
     swiperInstance.slidePrev();
-    onPrevClick && onPrevClick(swiperInstance.realIndex);
+    onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, onPrevClick]);
+  }, [swiperInstance, onPrevClick, increaseAutoplayDelay]);
   var handleNextClick = React.useCallback(function () {
     if (!swiperInstance) {
       return;
     }
 
     swiperInstance.slideNext();
-    onNextClick && onNextClick(swiperInstance.realIndex);
+    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, onNextClick]);
+  }, [swiperInstance, onNextClick, increaseAutoplayDelay]);
   var handleDotClick = React.useCallback(function (index) {
     if (!swiperInstance) {
       return;
@@ -146,9 +149,9 @@ var Banner = function Banner(_ref) {
       swiperInstance.slideTo(index);
     }
 
-    onDotClick && onDotClick(swiperInstance.realIndex);
+    onDotClick === null || onDotClick === void 0 ? void 0 : onDotClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
-  }, [swiperInstance, loop, onDotClick]);
+  }, [swiperInstance, loop, onDotClick, increaseAutoplayDelay]);
   var handleSwiper = React.useCallback(function (swiper) {
     setSwiperInstance(swiper);
   }, []);
@@ -171,8 +174,8 @@ var Banner = function Banner(_ref) {
   var handleSlideChange = React.useCallback(function (_ref4) {
     var realIndex = _ref4.realIndex;
     setActiveIndex(realIndex);
-    onChange && onChange(realIndex);
-  }, []);
+    onChange === null || onChange === void 0 ? void 0 : onChange(realIndex);
+  }, [onChange]);
   var handleAutoplayStop = React.useCallback(function () {
     setAutoPlayning(false);
   }, []);
@@ -213,7 +216,8 @@ var Banner = function Banner(_ref) {
     theme: navArrowTheme
   })), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pagination), {
     className: cn('pagination', {
-      theme: navTheme
+      theme: navTheme,
+      'bottom-offset': withPaginationBottomOffset
     })
   }), React.Children.map(children, function (_, i) {
     return /*#__PURE__*/React.createElement(_BannerDot["default"], {
@@ -237,6 +241,7 @@ Banner.propTypes = {
   classes: PropTypes.shape({
     slide: PropTypes.string
   }),
+  withPaginationBottomOffset: PropTypes.bool,
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),
     swiper: PropTypes.objectOf(PropTypes.string.isRequired),

package/dist/lib/components/Button/Button.css

@@ -224,9 +224,9 @@
   fill: var(--stcWhite);
 }
 .mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_purple:not(.mfui-button_loading):hover {
-  background-color: var(--buttonhoverPurple);
-  -webkit-box-shadow: inset 0 0 0 1px var(--buttonhoverPurple);
-          box-shadow: inset 0 0 0 1px var(--buttonhoverPurple);
+  background-color: var(--buttonHoverPurple);
+  -webkit-box-shadow: inset 0 0 0 1px var(--buttonHoverPurple);
+          box-shadow: inset 0 0 0 1px var(--buttonHoverPurple);
 }
 .mfui-button_no-touch.mfui-button_type_primary.mfui-button_theme_purple:not(.mfui-button_loading):active {
   background-color: var(--buttonDown);

package/dist/lib/components/Button/Button.js

@@ -123,7 +123,7 @@ var Button = function Button(_ref) {
       return;
     }
 
-    onClick && onClick(e);
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
   }, [disabled, onClick]);
 
   var currentTheme = _react["default"].useMemo(function () {
@@ -161,7 +161,7 @@ var Button = function Button(_ref) {
     }, children), !icon && showArrow && /*#__PURE__*/_react["default"].createElement(Arrow, {
       className: cn('icon-arrow')
     }));
-  }, [contentClassName, showArrow, icon, children]);
+  }, [children, icon, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.content, contentClassName, showArrow]);
 
   var contentType = _react["default"].useMemo(function () {
     switch (true) {
@@ -188,7 +188,7 @@ var Button = function Button(_ref) {
       sizeTablet: sizeTablet && getLoaderSize(sizeTablet),
       sizeMobile: sizeMobile && getLoaderSize(sizeMobile)
     });
-  }, [sizeAll, sizeWide, sizeDesktop, sizeTablet, sizeMobile]);
+  }, [dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.loader, loaderColor, sizeAll, sizeWide, sizeDesktop, sizeTablet, sizeMobile]);
 
   var setRelAttribute = function setRelAttribute() {
     if (ElementType !== 'a') {

package/dist/lib/components/Calendar/Calendar.js

@@ -146,7 +146,7 @@ var Calendar = function Calendar(_ref) {
   (0, _react.useEffect)(function () {
     var propsStartDate = calendarStateFromProps.startDate;
     setCalendarState(calendarStateFromProps);
-    propsStartDate && goToDate(propsStartDate);
+    propsStartDate && goToDate(propsStartDate); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [calendarStateFromProps]);
 
   var getCalendarState = function getCalendarState(date) {
@@ -211,7 +211,7 @@ var Calendar = function Calendar(_ref) {
     var nextStartDate = nextState.startDate,
         nextEndDate = nextState.endDate;
     setCalendarState(nextState);
-    onChange && onChange(nextStartDate, nextEndDate);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextStartDate, nextEndDate);
   };
 
   var handleDateHover = function handleDateHover(date) {
@@ -255,7 +255,7 @@ var Calendar = function Calendar(_ref) {
   var renderMonths = function renderMonths() {
     return activeMonths.map(function (_ref2) {
       var month = _ref2.month,
-          year = _ref2.year;
+          year = _ref2.year; // eslint-disable-next-line react-hooks/rules-of-hooks
 
       var _useMonth = (0, _hooks.useMonth)({
         year: year,

package/dist/lib/components/Calendar/components/Day/Day.js

@@ -79,7 +79,7 @@ var Day = function Day(_a) {
   };
 
   var handleMouseLeave = function handleMouseLeave() {
-    onMouseLeave && onMouseLeave();
+    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave();
   };
 
   return /*#__PURE__*/_react["default"].createElement("button", {

package/dist/lib/components/Carousel/Carousel.js

@@ -154,7 +154,8 @@ var Carousel = function Carousel(_ref) {
       return;
     }
 
-    autoplay.stop();
+    autoplay.stop(); // eslint-disable-next-line no-param-reassign
+
     params.autoplay.delay = autoPlayDelay * 3;
     autoplay.start();
   }, [autoPlayDelay]);
@@ -164,7 +165,7 @@ var Carousel = function Carousel(_ref) {
     }
 
     swiperInstance.slidePrev();
-    onPrevClick && onPrevClick(swiperInstance.realIndex);
+    onPrevClick === null || onPrevClick === void 0 ? void 0 : onPrevClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
   }, [swiperInstance, onPrevClick, increaseAutoplayDelay]);
   var handleNextClick = React.useCallback(function () {
@@ -173,14 +174,14 @@ var Carousel = function Carousel(_ref) {
     }
 
     swiperInstance.slideNext();
-    onNextClick && onNextClick(swiperInstance.realIndex);
+    onNextClick === null || onNextClick === void 0 ? void 0 : onNextClick(swiperInstance.realIndex);
     increaseAutoplayDelay(swiperInstance);
   }, [swiperInstance, onNextClick, increaseAutoplayDelay]);
   var handleSwiper = React.useCallback(function (swiper) {
     setSwiperInstance(swiper);
     setLocked(swiper.isBeginning && swiper.isEnd);
-    getSwiper && getSwiper(swiper);
-  }, []);
+    getSwiper === null || getSwiper === void 0 ? void 0 : getSwiper(swiper);
+  }, [getSwiper]);
   var handleReachBeginnig = React.useCallback(function () {
     setBeginning(true);
   }, []);
@@ -201,7 +202,7 @@ var Carousel = function Carousel(_ref) {
     var realIndex = _ref4.realIndex,
         previousIndex = _ref4.previousIndex,
         params = _ref4.params;
-    onChange && onChange(realIndex, previousIndex, params.slidesPerView);
+    onChange === null || onChange === void 0 ? void 0 : onChange(realIndex, previousIndex, params.slidesPerView);
   }, [onChange]);
 
   var handleRootClick = function handleRootClick(e) {
@@ -214,13 +215,15 @@ var Carousel = function Carousel(_ref) {
   }; // https://github.com/nolimits4web/Swiper/issues/2346
 
 
-  var handleSwiperResize = React.useCallback((0, _lodash["default"])(function (swiper) {
-    setBeginning(swiper.isBeginning);
-    setEnd(swiper.isEnd);
-    setLocked(swiper.isBeginning && swiper.isEnd);
+  var handleSwiperResize = React.useCallback(function () {
+    (0, _lodash["default"])(function (swiper) {
+      setBeginning(swiper.isBeginning);
+      setEnd(swiper.isEnd);
+      setLocked(swiper.isBeginning && swiper.isEnd);
 
-    if (swiper.params.slidesPerView === SlidesPerView.AUTO) {}
-  }, _throttleTime["default"].resize), []);
+      if (swiper.params.slidesPerView === SlidesPerView.AUTO) {}
+    }, _throttleTime["default"].resize);
+  }, []);
 
   var handleSlideFocus = function handleSlideFocus(index) {
     return function (e) {

package/dist/lib/components/Checkbox/Checkbox.js

@@ -67,7 +67,7 @@ var Checkbox = function Checkbox(_ref) {
   var handleChange = function handleChange(e) {
     if ((0, _uiHelpers.checkEventIsClickOrEnterPress)(e) || e.type === CHANGE_KEY) {
       setIsChecked(!isChecked);
-      onChange && onChange(!isChecked);
+      onChange === null || onChange === void 0 ? void 0 : onChange(!isChecked);
     }
   };
 

package/dist/lib/components/Counter/Counter.js

@@ -75,15 +75,15 @@ var Counter = function Counter(_ref) {
     }
 
     if (inputValue < min) {
-      onChange && onChange(min);
+      onChange === null || onChange === void 0 ? void 0 : onChange(min);
     }
 
     if (inputValue > max) {
-      onChange && onChange(max);
+      onChange === null || onChange === void 0 ? void 0 : onChange(max);
     }
 
     if (inputValue >= min && inputValue <= max) {
-      onChange && onChange(inputValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
     }
   }, [min, max, onChange, isControlled]);
   var handleMinusClick = React.useCallback(function () {

package/dist/lib/components/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 export interface ILinkProps {
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/lib/components/Link/Link.js

@@ -1,65 +1,50 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.array.index-of");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var __rest = void 0 && (void 0).__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-var Link = function Link(_a) {
-  var dataAttrs = _a.dataAttrs,
-      props = __rest(_a, ["dataAttrs"]);
-
-  return (
-    /*#__PURE__*/
-    // eslint-disable-next-line jsx-a11y/anchor-has-content
-    React.createElement("a", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), props))
-  );
+var Link = function Link(_ref) {
+  var target = _ref.target,
+      href = _ref.href,
+      rel = _ref.rel,
+      onClick = _ref.onClick,
+      className = _ref.className,
+      download = _ref.download,
+      children = _ref.children,
+      dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
+    className: className,
+    href: href,
+    target: target,
+    rel: rel,
+    download: download,
+    onClick: onClick
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), children);
 };
 
 Link.propTypes = {
-  href: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.string, PropTypes.node]),
-  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-  className: PropTypes.string,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  href: _propTypes["default"].string,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element, _propTypes["default"].string, _propTypes["default"].node]),
+  target: _propTypes["default"].oneOf(['_self', '_blank', '_parent', '_top']),
+  className: _propTypes["default"].string,
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
   }),
-  rel: PropTypes.string,
-  download: PropTypes.bool,
-  onClick: PropTypes.func
+  rel: _propTypes["default"].string,
+  download: _propTypes["default"].bool,
+  onClick: _propTypes["default"].func
 };
 var _default = Link;
 exports["default"] = _default;

package/dist/lib/components/Logo/Logo.js

@@ -44,7 +44,7 @@ var greenVerticalImg = function greenVerticalImg(props) {
     fill: "none",
     d: "M-213 356.4h169v128.5h-169z"
   }), /*#__PURE__*/React.createElement("g", {
-    fill: "#00985F"
+    fill: "#00B956"
   }, /*#__PURE__*/React.createElement("path", {
     d: "M-124.9 372.3v32.4c0 1.4-1.2 2.5-2.6 2.5h-3.9c-.2 0-.3.2-.3.3v27.2c1 .1 1.9.1 2.9.1 17.4 0 31.5-14.1 31.5-31.5 0-15.8-12-29.1-27.6-31zm-.6 48.4c-2.2 0-3.9-1.8-3.9-3.9 0-2.2 1.8-3.9 3.9-3.9 2.2 0 3.9 1.8 3.9 3.9 0 2.2-1.8 3.9-3.9 3.9zm9.2 0c-2.2 0-3.9-1.8-3.9-3.9 0-2.2 1.8-3.9 3.9-3.9 2.2 0 3.9 1.8 3.9 3.9 0 2.2-1.7 3.9-3.9 3.9zm9.2 0c-2.2 0-3.9-1.8-3.9-3.9 0-2.2 1.8-3.9 3.9-3.9s3.9 1.8 3.9 3.9c0 2.2-1.7 3.9-3.9 3.9z"
   }), /*#__PURE__*/React.createElement("path", {

package/dist/lib/components/NavArrow/NavArrow.css

@@ -28,7 +28,7 @@
   background-color: var(--brandPurple);
 }
 .mfui-nav-arrow_theme_purple:hover:not(:disabled) {
-  background-color: var(--buttonhoverPurple);
+  background-color: var(--buttonHoverPurple);
 }
 .mfui-nav-arrow_theme_dark {
   background-color: var(--stcBlack20);

package/dist/lib/components/Notification/Notification.css

@@ -126,31 +126,38 @@ h5 {
 }
 .mfui-notification__close {
   position: absolute;
-  top: 12px;
-  right: 12px;
+  top: 8px;
+  right: 8px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  width: 24px;
+  height: 24px;
   padding: 0;
   border: none;
   border-radius: 50%;
-  background: transparent;
-  cursor: pointer;
-}
-.mfui-notification__close:hover {
   background-color: var(--stcBlack5);
-}
-.mfui-notification__close-icon {
-  width: 20px;
-  height: 20px;
-  fill: var(--content);
+  cursor: pointer;
 }
 @media screen and (min-width: 768px) {
-  .mfui-notification__close-icon {
+  .mfui-notification__close {
+    top: 12px;
+    right: 12px;
     width: 32px;
     height: 32px;
   }
 }
+.mfui-notification__close-icon {
+  width: 10px;
+  height: 10px;
+  fill: var(--stcBlack50);
+}
 .mfui-notification_type_error .mfui-notification__icon-container {
   background-color: var(--fury20);
 }
@@ -182,36 +189,38 @@ h5 {
 .mfui-notification_colored .mfui-notification__icon-container {
   background-color: var(--stcWhite);
 }
-.mfui-notification_colored .mfui-notification__close:hover {
-  background-color: var(--stcWhite);
+.mfui-notification_colored.mfui-notification_type_success {
+  background-color: var(--brandGreen20);
 }
 .mfui-notification_colored.mfui-notification_type_success .mfui-notification__title,
-.mfui-notification_colored.mfui-notification_type_error .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_success .mfui-notification__text,
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__link {
+  color: var(--stcBlack);
+}
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__right-arrow {
+  fill: var(--stcBlack);
+}
+.mfui-notification_colored.mfui-notification_type_success .mfui-notification__icon-container {
+  background-color: var(--stcWhite);
+}
+.mfui-notification_colored.mfui-notification_type_error {
+  background-color: var(--fury80);
+}
+.mfui-notification_colored.mfui-notification_type_error .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__text,
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__link,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__link {
   color: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__right-arrow,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__right-arrow {
   fill: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__icon-container,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container {
   background-color: var(--stcWhite20);
 }
-.mfui-notification_colored.mfui-notification_type_success .mfui-notification__icon-container svg,
 .mfui-notification_colored.mfui-notification_type_error .mfui-notification__icon-container svg {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--stcWhite);
 }
-.mfui-notification_colored.mfui-notification_type_success {
-  background-color: var(--brandGreen);
-}
-.mfui-notification_colored.mfui-notification_type_error {
-  background-color: var(--fury80);
-}
 .mfui-notification_colored.mfui-notification_type_info .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_warning .mfui-notification__title,
 .mfui-notification_colored.mfui-notification_type_info .mfui-notification__text,

package/dist/lib/components/Notification/Notification.js

@@ -75,9 +75,11 @@ var InfoIcon = function InfoIcon(props) {
 
 var CancelIcon = function CancelIcon(props) {
   return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 40 40"
+    viewBox: "0 0 10 10"
   }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    d: "M20 18.586l6.364-6.364 1.414 1.414L21.414 20l6.364 6.364-1.414 1.414L20 21.414l-6.364 6.364-1.414-1.414L18.586 20l-6.364-6.364 1.414-1.414L20 18.586z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5 3.75L1.25 0 0 1.25 3.75 5 0 8.75 1.25 10 5 6.25 8.75 10 10 8.75 6.25 5 10 1.25 8.75 0 5 3.75z"
   }));
 };
 

package/dist/lib/components/Pagination/components/PaginationButton/PaginationButton.js

@@ -31,7 +31,7 @@ var PaginationButton = function PaginationButton(_ref) {
       dataAttrs = _ref.dataAttrs;
 
   var handleClick = function handleClick() {
-    onClick && onClick(value);
+    onClick === null || onClick === void 0 ? void 0 : onClick(value);
   };
 
   return /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {

package/dist/lib/components/Pagination/helpers.d.ts

@@ -1,2 +1,2 @@
-declare const getRange: (from: any, to: any, step?: number) => number[];
+declare const getRange: (from: number, to: number, step?: number) => number[];
 export default getRange;

package/dist/lib/components/Paragraph/Paragraph.css

@@ -38,12 +38,3 @@
 .mfui-paragraph_color_purple {
   color: var(--brandPurple);
 }
-.mfui-paragraph_color_spbSky0 {
-  color: var(--spbSky0);
-}
-.mfui-paragraph_color_spbSky1 {
-  color: var(--spbSky1);
-}
-.mfui-paragraph_color_spbSky2 {
-  color: var(--spbSky2);
-}

package/dist/lib/components/Paragraph/Paragraph.d.ts

@@ -6,9 +6,6 @@ declare const COLORS: {
     readonly WHITE: "white";
     readonly GREEN: "green";
     readonly PURPLE: "purple";
-    readonly SPB_SKY_0: "spbSky0";
-    readonly SPB_SKY_1: "spbSky1";
-    readonly SPB_SKY_2: "spbSky2";
 };
 declare type ColorType = typeof COLORS[keyof typeof COLORS];
 export interface IParagraphProps {

package/dist/lib/components/Paragraph/Paragraph.js

@@ -28,10 +28,7 @@ var COLORS = {
   DEFAULT: 'default',
   WHITE: 'white',
   GREEN: 'green',
-  PURPLE: 'purple',
-  SPB_SKY_0: 'spbSky0',
-  SPB_SKY_1: 'spbSky1',
-  SPB_SKY_2: 'spbSky2'
+  PURPLE: 'purple'
 };
 var cn = (0, _uiHelpers.cnCreate)('mfui-paragraph');
 

package/dist/lib/components/RadioButton/RadioButton.js

@@ -52,7 +52,7 @@ var RadioButton = function RadioButton(_ref) {
   var rootClassNames = Array.isArray(className) ? [].concat((0, _toConsumableArray2["default"])(className), [classes.root]) : [className, classes.root];
 
   var handleChange = function handleChange() {
-    return onChange && onChange(value);
+    return onChange === null || onChange === void 0 ? void 0 : onChange(value);
   };
 
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({