@megafon/ui-core 6.2.1 → 7.0.0

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.css

@@ -1,17 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-pagination-navigation_direction_left .mfui-pagination-navigation__icon {
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-.mfui-pagination-navigation svg {
-  width: 100%;
-}
-.mfui-pagination-navigation:disabled svg {
-  opacity: 0.25;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-pagination-navigation_direction_left .mfui-pagination-navigation__icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mfui-pagination-navigation svg{width:100%}.mfui-pagination-navigation:disabled svg{opacity:.25}

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import './PaginationNavigation.less';
+import { PaginationValueType } from '../PaginationButton/PaginationButton';
+import './PaginationNavigation.scss';
 interface IPaginationNavigationProps {
     direction?: 'left' | 'right';
     theme?: 'default' | 'light';
@@ -9,7 +10,7 @@ interface IPaginationNavigationProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
-    onClick?: (value?: number | string) => void;
+    onClick?: (value?: PaginationValueType) => void;
 }
 declare const PaginationNavigation: React.FC<IPaginationNavigationProps>;
 export default PaginationNavigation;

package/dist/es/components/Pagination/components/PaginationNavigation/PaginationNavigation.js

@@ -1,10 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import PaginationButton from "../PaginationButton/PaginationButton";
 import "./PaginationNavigation.css";
-
 var ArrowRightIcon = function ArrowRightIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
@@ -12,18 +10,16 @@ var ArrowRightIcon = function ArrowRightIcon(props) {
     d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
   }));
 };
-
 var cn = cnCreate('mfui-pagination-navigation');
-
 var PaginationNavigation = function PaginationNavigation(_ref) {
   var _ref$direction = _ref.direction,
-      direction = _ref$direction === void 0 ? 'right' : _ref$direction,
-      theme = _ref.theme,
-      disabled = _ref.disabled,
-      isActive = _ref.isActive,
-      onClick = _ref.onClick,
-      className = _ref.className,
-      dataAttrs = _ref.dataAttrs;
+    direction = _ref$direction === void 0 ? 'right' : _ref$direction,
+    theme = _ref.theme,
+    disabled = _ref.disabled,
+    isActive = _ref.isActive,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/React.createElement(PaginationButton, {
     dataAttrs: dataAttrs,
     className: cn({
@@ -37,16 +33,4 @@ var PaginationNavigation = function PaginationNavigation(_ref) {
     className: cn('icon')
   }));
 };
-
-PaginationNavigation.propTypes = {
-  direction: PropTypes.oneOf(['left', 'right']),
-  theme: PropTypes.oneOf(['default', 'light']),
-  disabled: PropTypes.bool,
-  isActive: PropTypes.bool,
-  className: PropTypes.string,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  onClick: PropTypes.func
-};
 export default PaginationNavigation;

package/dist/es/components/Pagination/helpers.js

@@ -2,13 +2,10 @@ var getRange = function getRange(from, to) {
   var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   var i = from;
   var range = [];
-
   while (i <= to) {
     range.push(i);
     i += step;
   }
-
   return range;
 };
-
 export default getRange;

package/dist/es/components/Pagination/usePagination.d.ts

@@ -3,5 +3,6 @@ export declare const Button: {
     FIRST: number;
 };
 export declare const MOBILE_RESOLUTION = 360;
-declare const usePagination: (totalPages: number, activePage: number) => (string | number)[];
+type PaginationItem = string | number;
+declare const usePagination: (totalPages: number, activePage: number) => PaginationItem[];
 export default usePagination;

package/dist/es/components/Pagination/usePagination.js

@@ -15,51 +15,41 @@ var NeighbourCount = {
 };
 var BUTTON_RATIO = 5;
 export var MOBILE_RESOLUTION = 360;
-
 var getItems = function getItems(_ref) {
   var totalPages = _ref.totalPages,
-      activePage = _ref.activePage,
-      maxButtonsCount = _ref.maxButtonsCount,
-      neighbourCount = _ref.neighbourCount;
+    activePage = _ref.activePage,
+    maxButtonsCount = _ref.maxButtonsCount,
+    neighbourCount = _ref.neighbourCount;
   var isMoreThenMaxBtnsCount = totalPages > maxButtonsCount;
   var lastPage = totalPages;
-
   if (!isMoreThenMaxBtnsCount) {
     return getRange(Button.FIRST, lastPage);
   }
-
   var hasLeftHiddenBtns = activePage > Math.ceil(maxButtonsCount / 2);
   var hasRightHiddenBtns = lastPage > activePage + neighbourCount + 2;
-
   switch (true) {
     case !hasLeftHiddenBtns && hasRightHiddenBtns:
       {
         var range = getRange(Button.FIRST, maxButtonsCount - 2);
         return [].concat(_toConsumableArray(range), [Button.HIDDEN, lastPage]);
       }
-
     case hasLeftHiddenBtns && !hasRightHiddenBtns:
       {
         var _range = getRange(totalPages - (2 + 2 * neighbourCount), totalPages);
-
         return [Button.FIRST, Button.HIDDEN].concat(_toConsumableArray(_range));
       }
-
     default:
       {
         var _range2 = getRange(activePage - neighbourCount, activePage + neighbourCount);
-
         return [Button.FIRST, Button.HIDDEN].concat(_toConsumableArray(_range2), [Button.HIDDEN, lastPage]);
       }
   }
 };
-
 var usePagination = function usePagination(totalPages, activePage) {
   var _React$useState = React.useState(NeighbourCount.MAIN),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      neighbourCount = _React$useState2[0],
-      setNeighbourCount = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    neighbourCount = _React$useState2[0],
+    setNeighbourCount = _React$useState2[1];
   var maxButtonsCount = 2 * neighbourCount + BUTTON_RATIO;
   var paginationItems = getItems({
     totalPages: totalPages,
@@ -73,7 +63,6 @@ var usePagination = function usePagination(totalPages, activePage) {
       var value = isMobile ? NeighbourCount.MOBILE : NeighbourCount.MAIN;
       setNeighbourCount(value);
     };
-
     handleResize();
     var handleResizeThrottled = throttle(handleResize, throttleTime.resize);
     window.addEventListener('resize', handleResizeThrottled);
@@ -83,5 +72,4 @@ var usePagination = function usePagination(totalPages, activePage) {
   }, []);
   return paginationItems;
 };
-
 export default usePagination;

package/dist/es/components/Paragraph/Paragraph.css

@@ -1,43 +1 @@
-.mfui-paragraph {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  margin: 0;
-  font-weight: 400;
-}
-.mfui-paragraph_align_left {
-  text-align: left;
-}
-.mfui-paragraph_align_center {
-  text-align: center;
-}
-.mfui-paragraph_align_right {
-  text-align: right;
-}
-.mfui-paragraph_space_wide {
-  line-height: 24px;
-}
-.mfui-paragraph_space_tight {
-  line-height: 18px;
-}
-.mfui-paragraph_has-margin {
-  margin: 0 0 16px;
-}
-.mfui-paragraph_color_inherit {
-  color: inherit;
-}
-.mfui-paragraph_color_default {
-  color: var(--content);
-}
-.mfui-paragraph_color_gray {
-  color: var(--spbSky3);
-}
-.mfui-paragraph_color_white {
-  color: var(--stcWhite);
-}
-.mfui-paragraph_color_green {
-  color: var(--brandGreen);
-}
-.mfui-paragraph_color_purple {
-  color: var(--brandPurple);
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-paragraph{font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin:0}.mfui-paragraph_align_left{text-align:left}.mfui-paragraph_align_center{text-align:center}.mfui-paragraph_align_right{text-align:right}.mfui-paragraph_space_wide{line-height:24px}.mfui-paragraph_space_tight{line-height:18px}.mfui-paragraph_has-margin{margin:0 0 16px}.mfui-paragraph_color_inherit{color:inherit}.mfui-paragraph_color_default{color:var(--content)}.mfui-paragraph_color_gray{color:var(--spbSky3)}.mfui-paragraph_color_white{color:var(--stcWhite)}.mfui-paragraph_color_green{color:var(--brandGreen)}.mfui-paragraph_color_purple{color:var(--brandPurple)}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Paragraph.less';
+import './Paragraph.scss';
 declare const COLORS: {
     readonly INHERIT: "inherit";
     readonly DEFAULT: "default";
@@ -8,7 +8,7 @@ declare const COLORS: {
     readonly GREEN: "green";
     readonly PURPLE: "purple";
 };
-declare type ColorType = typeof COLORS[keyof typeof COLORS];
+type ColorType = (typeof COLORS)[keyof typeof COLORS];
 export interface IParagraphProps {
     /** Выравнивание по горизонтали */
     align?: 'left' | 'center' | 'right';
@@ -24,6 +24,8 @@ export interface IParagraphProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
+    /** Дочерний элемент компонента */
+    children: React.ReactNode;
 }
 declare const Paragraph: React.FC<IParagraphProps>;
 export default Paragraph;

package/dist/es/components/Paragraph/Paragraph.js

@@ -1,8 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./Paragraph.css";
 var COLORS = {
   INHERIT: 'inherit',
@@ -13,18 +11,17 @@ var COLORS = {
   PURPLE: 'purple'
 };
 var cn = cnCreate('mfui-paragraph');
-
 var Paragraph = function Paragraph(_ref) {
   var align = _ref.align,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'default' : _ref$color,
-      _ref$space = _ref.space,
-      space = _ref$space === void 0 ? 'wide' : _ref$space,
-      className = _ref.className,
-      _ref$hasMargin = _ref.hasMargin,
-      hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
-      dataAttrs = _ref.dataAttrs,
-      children = _ref.children;
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    _ref$space = _ref.space,
+    space = _ref$space === void 0 ? 'wide' : _ref$space,
+    className = _ref.className,
+    _ref$hasMargin = _ref.hasMargin,
+    hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
+    dataAttrs = _ref.dataAttrs,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("p", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       align: align,
@@ -34,14 +31,4 @@ var Paragraph = function Paragraph(_ref) {
     }, className)
   }), children);
 };
-
-Paragraph.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-  space: PropTypes.oneOf(['wide', 'tight']),
-  hasMargin: PropTypes.bool,
-  color: PropTypes.oneOf(Object.values(COLORS))
-};
 export default Paragraph;

package/dist/es/components/Preloader/Preloader.css

@@ -1,224 +1 @@
-.mfui-preloader {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-preloader_size-all_small .mfui-preloader__item {
-  width: 6px;
-  height: 6px;
-}
-.mfui-preloader_size-all_small .mfui-preloader__item:not(:last-child) {
-  margin-right: 3px;
-}
-.mfui-preloader_size-all_medium .mfui-preloader__item {
-  width: 12px;
-  height: 12px;
-}
-.mfui-preloader_size-all_medium .mfui-preloader__item:not(:last-child) {
-  margin-right: 6px;
-}
-@media screen and (min-width: 1280px) {
-  .mfui-preloader_size-wide_small .mfui-preloader__item {
-    width: 6px;
-    height: 6px;
-  }
-  .mfui-preloader_size-wide_small .mfui-preloader__item:not(:last-child) {
-    margin-right: 3px;
-  }
-  .mfui-preloader_size-wide_medium .mfui-preloader__item {
-    width: 12px;
-    height: 12px;
-  }
-  .mfui-preloader_size-wide_medium .mfui-preloader__item:not(:last-child) {
-    margin-right: 6px;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-preloader_size-desktop_small .mfui-preloader__item {
-    width: 6px;
-    height: 6px;
-  }
-  .mfui-preloader_size-desktop_small .mfui-preloader__item:not(:last-child) {
-    margin-right: 3px;
-  }
-  .mfui-preloader_size-desktop_medium .mfui-preloader__item {
-    width: 12px;
-    height: 12px;
-  }
-  .mfui-preloader_size-desktop_medium .mfui-preloader__item:not(:last-child) {
-    margin-right: 6px;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-preloader_size-tablet_small .mfui-preloader__item {
-    width: 6px;
-    height: 6px;
-  }
-  .mfui-preloader_size-tablet_small .mfui-preloader__item:not(:last-child) {
-    margin-right: 3px;
-  }
-  .mfui-preloader_size-tablet_medium .mfui-preloader__item {
-    width: 12px;
-    height: 12px;
-  }
-  .mfui-preloader_size-tablet_medium .mfui-preloader__item:not(:last-child) {
-    margin-right: 6px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-preloader_size-mobile_small .mfui-preloader__item {
-    width: 6px;
-    height: 6px;
-  }
-  .mfui-preloader_size-mobile_small .mfui-preloader__item:not(:last-child) {
-    margin-right: 3px;
-  }
-  .mfui-preloader_size-mobile_medium .mfui-preloader__item {
-    width: 12px;
-    height: 12px;
-  }
-  .mfui-preloader_size-mobile_medium .mfui-preloader__item:not(:last-child) {
-    margin-right: 6px;
-  }
-}
-.mfui-preloader__item {
-  position: relative;
-}
-.mfui-preloader__item:before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: 50px;
-  will-change: transform;
-}
-.mfui-preloader_color_default .mfui-preloader__item:before {
-  -webkit-animation: scaling 1s linear infinite;
-          animation: scaling 1s linear infinite;
-}
-.mfui-preloader_color_default .mfui-preloader__item_first:before {
-  background-color: var(--brandGreen);
-}
-.mfui-preloader_color_default .mfui-preloader__item_second:before {
-  background-color: var(--brandGreen);
-  -webkit-animation-delay: 0.166s;
-          animation-delay: 0.166s;
-}
-.mfui-preloader_color_default .mfui-preloader__item_third:before {
-  background-color: var(--brandPurple);
-  -webkit-animation-delay: 0.33s;
-          animation-delay: 0.33s;
-}
-.mfui-preloader_color_black .mfui-preloader__item:before {
-  background-color: var(--stcBlack);
-  opacity: 0.35;
-  -webkit-animation: opacityScaling 1s linear infinite;
-          animation: opacityScaling 1s linear infinite;
-}
-.mfui-preloader_color_black .mfui-preloader__item_second:before {
-  -webkit-animation-delay: 0.166s;
-          animation-delay: 0.166s;
-}
-.mfui-preloader_color_black .mfui-preloader__item_third:before {
-  -webkit-animation-delay: 0.33s;
-          animation-delay: 0.33s;
-}
-.mfui-preloader_color_white .mfui-preloader__item:before {
-  background-color: var(--stcWhite);
-  -webkit-animation: scaling 1s linear infinite;
-          animation: scaling 1s linear infinite;
-}
-.mfui-preloader_color_white .mfui-preloader__item_second:before {
-  -webkit-animation-delay: 0.166s;
-          animation-delay: 0.166s;
-}
-.mfui-preloader_color_white .mfui-preloader__item_third:before {
-  -webkit-animation-delay: 0.33s;
-          animation-delay: 0.33s;
-}
-.mfui-preloader_disable-animate .mfui-preloader__item:before {
-  -webkit-animation: none;
-          animation: none;
-}
-@-webkit-keyframes scaling {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-  33% {
-    -webkit-transform: scale(1.4);
-            transform: scale(1.4);
-  }
-  66% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-  100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-@keyframes scaling {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-  33% {
-    -webkit-transform: scale(1.4);
-            transform: scale(1.4);
-  }
-  66% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-  100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-  }
-}
-@-webkit-keyframes opacityScaling {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.35;
-  }
-  33% {
-    -webkit-transform: scale(1.4);
-            transform: scale(1.4);
-    opacity: 0.65;
-  }
-  66% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.35;
-  }
-  100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.35;
-  }
-}
-@keyframes opacityScaling {
-  0% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.35;
-  }
-  33% {
-    -webkit-transform: scale(1.4);
-            transform: scale(1.4);
-    opacity: 0.65;
-  }
-  66% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.35;
-  }
-  100% {
-    -webkit-transform: scale(1);
-            transform: scale(1);
-    opacity: 0.35;
-  }
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-preloader{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-preloader_size-all_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-all_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-all_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-all_medium .mfui-preloader__item:not(:last-child){margin-right:6px}@media screen and (min-width:1280px){.mfui-preloader_size-wide_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-wide_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-wide_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-wide_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}@media screen and (min-width:1024px){.mfui-preloader_size-desktop_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-desktop_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-desktop_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-desktop_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-preloader_size-tablet_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-tablet_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-tablet_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-tablet_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}@media screen and (max-width:767px){.mfui-preloader_size-mobile_small .mfui-preloader__item{height:6px;width:6px}.mfui-preloader_size-mobile_small .mfui-preloader__item:not(:last-child){margin-right:3px}.mfui-preloader_size-mobile_medium .mfui-preloader__item{height:12px;width:12px}.mfui-preloader_size-mobile_medium .mfui-preloader__item:not(:last-child){margin-right:6px}}.mfui-preloader__item{position:relative}.mfui-preloader__item:before{border-radius:50px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;will-change:transform}.mfui-preloader_color_default .mfui-preloader__item:before{-webkit-animation:scaling 1s linear infinite;animation:scaling 1s linear infinite}.mfui-preloader_color_default .mfui-preloader__item_first:before{background-color:var(--brandGreen)}.mfui-preloader_color_default .mfui-preloader__item_second:before{-webkit-animation-delay:.166s;animation-delay:.166s;background-color:var(--brandGreen)}.mfui-preloader_color_default .mfui-preloader__item_third:before{-webkit-animation-delay:.33s;animation-delay:.33s;background-color:var(--brandPurple)}.mfui-preloader_color_black .mfui-preloader__item:before{-webkit-animation:opacityScaling 1s linear infinite;animation:opacityScaling 1s linear infinite;background-color:var(--stcBlack);opacity:.35}.mfui-preloader_color_black .mfui-preloader__item_second:before{-webkit-animation-delay:.166s;animation-delay:.166s}.mfui-preloader_color_black .mfui-preloader__item_third:before{-webkit-animation-delay:.33s;animation-delay:.33s}.mfui-preloader_color_white .mfui-preloader__item:before{-webkit-animation:scaling 1s linear infinite;animation:scaling 1s linear infinite;background-color:var(--stcWhite)}.mfui-preloader_color_white .mfui-preloader__item_second:before{-webkit-animation-delay:.166s;animation-delay:.166s}.mfui-preloader_color_white .mfui-preloader__item_third:before{-webkit-animation-delay:.33s;animation-delay:.33s}.mfui-preloader_disable-animate .mfui-preloader__item:before{-webkit-animation:none;animation:none}@-webkit-keyframes scaling{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.4);transform:scale(1.4)}66%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaling{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1.4);transform:scale(1.4)}66%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes opacityScaling{0%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}33%{opacity:.65;-webkit-transform:scale(1.4);transform:scale(1.4)}66%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}}@keyframes opacityScaling{0%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}33%{opacity:.65;-webkit-transform:scale(1.4);transform:scale(1.4)}66%{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.35;-webkit-transform:scale(1);transform:scale(1)}}

package/dist/es/components/Preloader/Preloader.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import './Preloader.less';
+import './Preloader.scss';
 export declare const PreloaderColors: {
     readonly DEFAULT: "default";
     readonly WHITE: "white";
     readonly BLACK: "black";
 };
-export declare type PreloaderColorsType = typeof PreloaderColors[keyof typeof PreloaderColors];
+export type PreloaderColorsType = (typeof PreloaderColors)[keyof typeof PreloaderColors];
 export declare const PreloaderSizes: {
     readonly SMALL: "small";
     readonly MEDIUM: "medium";
 };
-export declare type PreloaderSizesType = typeof PreloaderSizes[keyof typeof PreloaderSizes];
+export type PreloaderSizesType = (typeof PreloaderSizes)[keyof typeof PreloaderSizes];
 export interface IPreloaderProps {
     /** Задержка отрисовки  */
     delay?: boolean;

package/dist/es/components/Preloader/Preloader.js

@@ -1,10 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/web.timers.js";
-import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./Preloader.css";
 export var PreloaderColors = {
   DEFAULT: 'default',
@@ -16,33 +14,29 @@ export var PreloaderSizes = {
   MEDIUM: 'medium'
 };
 var cn = cnCreate('mfui-preloader');
-
 var Preloader = function Preloader(_ref) {
   var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'default' : _ref$color,
-      _ref$sizeAll = _ref.sizeAll,
-      sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
-      _ref$delay = _ref.delay,
-      delay = _ref$delay === void 0 ? true : _ref$delay,
-      _ref$disableAnimate = _ref.disableAnimate,
-      disableAnimate = _ref$disableAnimate === void 0 ? false : _ref$disableAnimate,
-      sizeWide = _ref.sizeWide,
-      sizeDesktop = _ref.sizeDesktop,
-      sizeTablet = _ref.sizeTablet,
-      sizeMobile = _ref.sizeMobile,
-      className = _ref.className,
-      dataAttrs = _ref.dataAttrs;
-
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    _ref$sizeAll = _ref.sizeAll,
+    sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
+    _ref$delay = _ref.delay,
+    delay = _ref$delay === void 0 ? true : _ref$delay,
+    _ref$disableAnimate = _ref.disableAnimate,
+    disableAnimate = _ref$disableAnimate === void 0 ? false : _ref$disableAnimate,
+    sizeWide = _ref.sizeWide,
+    sizeDesktop = _ref.sizeDesktop,
+    sizeTablet = _ref.sizeTablet,
+    sizeMobile = _ref.sizeMobile,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs;
   var _React$useState = React.useState(!delay),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isShowed = _React$useState2[0],
-      setIsShowed = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isShowed = _React$useState2[0],
+    setIsShowed = _React$useState2[1];
   React.useEffect(function () {
     if (isShowed) {
       return undefined;
     }
-
     var timerId = setTimeout(function () {
       setIsShowed(true);
     }, 250);
@@ -74,18 +68,4 @@ var Preloader = function Preloader(_ref) {
     })
   })) : null;
 };
-
-Preloader.propTypes = {
-  color: PropTypes.oneOf(Object.values(PreloaderColors)),
-  sizeAll: PropTypes.oneOf(Object.values(PreloaderSizes)),
-  sizeWide: PropTypes.oneOf(Object.values(PreloaderSizes)),
-  sizeDesktop: PropTypes.oneOf(Object.values(PreloaderSizes)),
-  sizeTablet: PropTypes.oneOf(Object.values(PreloaderSizes)),
-  sizeMobile: PropTypes.oneOf(Object.values(PreloaderSizes)),
-  disableAnimate: PropTypes.bool,
-  className: PropTypes.string,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  })
-};
 export default Preloader;