@megafon/ui-core 6.2.1 → 7.0.0

package/dist/es/components/Calendar/components/{Month → _Month}/Month.js

@@ -1,11 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.array.map.js";
-import React from 'react';
+import * as React from 'react';
 import { checkEventIsClickOrEnterPress, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import "./Month.css";
-
 var ArrowLeft = function ArrowLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
@@ -15,7 +13,6 @@ var ArrowLeft = function ArrowLeft(props) {
     clipRule: "evenodd"
   }));
 };
-
 var ArrowRight = function ArrowRight(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
@@ -25,40 +22,34 @@ var ArrowRight = function ArrowRight(props) {
     clipRule: "evenodd"
   }));
 };
-
 var cn = cnCreate('mfui-month');
-
 var Month = function Month(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      isPrevMonthDisabled = _ref.isPrevMonthDisabled,
-      isNextMonthDisabled = _ref.isNextMonthDisabled,
-      year = _ref.year,
-      monthLabel = _ref.monthLabel,
-      weekdayLabels = _ref.weekdayLabels,
-      goToPreviousMonth = _ref.goToPreviousMonth,
-      goToNextMonth = _ref.goToNextMonth,
-      children = _ref.children,
-      _ref$isModern = _ref.isModern,
-      isModern = _ref$isModern === void 0 ? false : _ref$isModern;
-
+    isPrevMonthDisabled = _ref.isPrevMonthDisabled,
+    isNextMonthDisabled = _ref.isNextMonthDisabled,
+    year = _ref.year,
+    monthLabel = _ref.monthLabel,
+    weekdayLabels = _ref.weekdayLabels,
+    goToPreviousMonth = _ref.goToPreviousMonth,
+    goToNextMonth = _ref.goToNextMonth,
+    _ref$isModern = _ref.isModern,
+    isModern = _ref$isModern === void 0 ? false : _ref$isModern,
+    children = _ref.children;
   var handleArrowLeftClick = function handleArrowLeftClick(e) {
     if (checkEventIsClickOrEnterPress(e)) {
       !isPrevMonthDisabled && goToPreviousMonth();
     }
   };
-
   var handleArrowRightClick = function handleArrowRightClick(e) {
     if (checkEventIsClickOrEnterPress(e)) {
       !isNextMonthDisabled && goToNextMonth();
     }
   };
-
   var getTabIndex = function getTabIndex(hasFocus) {
     var tabIndexWithFocus = 0;
     var tabIndexWithoutFocus = -1;
     return hasFocus ? tabIndexWithFocus : tabIndexWithoutFocus;
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       modern: isModern
@@ -94,20 +85,4 @@ var Month = function Month(_ref) {
     className: cn('days')
   }, children));
 };
-
-Month.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    arrowLeft: PropTypes.objectOf(PropTypes.string.isRequired),
-    arrowRight: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  isPrevMonthDisabled: PropTypes.bool.isRequired,
-  isNextMonthDisabled: PropTypes.bool.isRequired,
-  year: PropTypes.number.isRequired,
-  monthLabel: PropTypes.string.isRequired,
-  weekdayLabels: PropTypes.arrayOf(PropTypes.string.isRequired).isRequired,
-  goToPreviousMonth: PropTypes.func.isRequired,
-  goToNextMonth: PropTypes.func.isRequired,
-  isModern: PropTypes.bool
-};
 export default Month;

package/dist/es/components/Caption/Caption.css

@@ -1,48 +1 @@
-.mfui-caption {
-  font-family: inherit;
-  font-size: 12px;
-  line-height: 18px;
-  margin: 0;
-}
-.mfui-caption_variant_normal {
-  font-weight: 400;
-}
-.mfui-caption_variant_medium {
-  font-weight: 500;
-}
-.mfui-caption_space_wide {
-  line-height: 18px;
-}
-.mfui-caption_space_tight {
-  line-height: 14px;
-}
-.mfui-caption_align_left {
-  text-align: left;
-}
-.mfui-caption_align_center {
-  text-align: center;
-}
-.mfui-caption_align_right {
-  text-align: right;
-}
-.mfui-caption_has-margin {
-  margin: 0 0 16px;
-}
-.mfui-caption_color_inherit {
-  color: inherit;
-}
-.mfui-caption_color_default {
-  color: var(--content);
-}
-.mfui-caption_color_gray {
-  color: var(--spbSky3);
-}
-.mfui-caption_color_white {
-  color: var(--stcWhite);
-}
-.mfui-caption_color_green {
-  color: var(--brandGreen);
-}
-.mfui-caption_color_purple {
-  color: var(--brandPurple);
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-caption{font-family:inherit;font-size:12px;line-height:18px;margin:0}.mfui-caption_variant_normal{font-weight:400}.mfui-caption_variant_medium{font-weight:500}.mfui-caption_space_wide{line-height:18px}.mfui-caption_space_tight{line-height:14px}.mfui-caption_align_left{text-align:left}.mfui-caption_align_center{text-align:center}.mfui-caption_align_right{text-align:right}.mfui-caption_has-margin{margin:0 0 16px}.mfui-caption_color_inherit{color:inherit}.mfui-caption_color_default{color:var(--content)}.mfui-caption_color_gray{color:var(--spbSky3)}.mfui-caption_color_white{color:var(--stcWhite)}.mfui-caption_color_green{color:var(--brandGreen)}.mfui-caption_color_purple{color:var(--brandPurple)}

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Caption.less';
+import './Caption.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 ICaptionProps {
     /** Выравнивание по горизонтали */
     align?: 'left' | 'center' | 'right';
@@ -26,6 +26,8 @@ export interface ICaptionProps {
     dataAttrs?: {
         root?: Record<string, string>;
     };
+    /** Дочерние элементы */
+    children?: React.ReactNode;
 }
 declare const Caption: React.FC<ICaptionProps>;
 export default Caption;

package/dist/es/components/Caption/Caption.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 "./Caption.css";
 var COLORS = {
   INHERIT: 'inherit',
@@ -13,20 +11,19 @@ var COLORS = {
   PURPLE: 'purple'
 };
 var cn = cnCreate('mfui-caption');
-
 var Caption = function Caption(_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,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
-      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,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
+    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,
@@ -37,15 +34,4 @@ var Caption = function Caption(_ref) {
     }, className)
   }), children);
 };
-
-Caption.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  align: PropTypes.oneOf(['left', 'center', 'right']),
-  space: PropTypes.oneOf(['wide', 'tight']),
-  variant: PropTypes.oneOf(['normal', 'medium']),
-  hasMargin: PropTypes.bool,
-  color: PropTypes.oneOf(Object.values(COLORS))
-};
 export default Caption;

package/dist/es/components/Carousel/Carousel.css

@@ -1,215 +1 @@
-.mfui-carousel {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-carousel__swiper {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -ms-flex-negative: 1;
-      flex-shrink: 1;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  margin: -20px 0 -25px;
-  padding: 20px 0 25px;
-  overflow: hidden;
-}
-@media screen and (min-width: 1024px) {
-  .mfui-carousel__swiper {
-    margin-right: -20px !important;
-    margin-left: -20px !important;
-    padding-right: 20px !important;
-    padding-left: 20px !important;
-  }
-}
-@media screen and (min-width: 768px) and (max-width: 1023px) {
-  .mfui-carousel__swiper_default-inner-indents {
-    margin-right: -48px;
-    margin-left: -48px;
-    padding-right: 48px;
-    padding-left: 48px;
-  }
-}
-@media screen and (max-width: 767px) {
-  .mfui-carousel__swiper_default-inner-indents {
-    margin-right: -16px;
-    margin-left: -16px;
-    padding-right: 32px;
-    padding-left: 16px;
-  }
-}
-.mfui-carousel__swiper_gradient:before,
-.mfui-carousel__swiper_gradient:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: 5;
-  width: var(--gap);
-}
-@media screen and (max-width: 1023px) {
-  .mfui-carousel__swiper_gradient:before,
-  .mfui-carousel__swiper_gradient:after {
-    display: none;
-  }
-}
-.mfui-carousel__swiper_gradient:before {
-  left: 0;
-  background: -webkit-gradient(linear, right top, left top, from(transparent), to(var(--gradientColor)));
-  background: linear-gradient(270deg, transparent 0%, var(--gradientColor) 100%);
-}
-.mfui-carousel__swiper_gradient:after {
-  right: 0;
-  background: -webkit-gradient(linear, right top, left top, from(var(--gradientColor)), to(transparent));
-  background: linear-gradient(270deg, var(--gradientColor) 0%, transparent 100%);
-}
-.mfui-carousel__swiper_gradient-color_default {
-  --gradientColor: var(--base);
-}
-.mfui-carousel__swiper_gradient-color_green {
-  --gradientColor: var(--brandGreen);
-}
-.mfui-carousel__swiper_gradient-color_black {
-  --gradientColor: var(--stcBlack);
-}
-.mfui-carousel__swiper_gradient-color_spbSky0 {
-  --gradientColor: var(--spbSky0);
-}
-.mfui-carousel__swiper_gradient-color_spbSky1 {
-  --gradientColor: var(--spbSky1);
-}
-.mfui-carousel__swiper_gradient-color_spbSky2 {
-  --gradientColor: var(--spbSky2);
-}
-.mfui-carousel .swiper-wrapper {
-  z-index: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-carousel__slide {
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-}
-@media screen and (min-width: 1024px) {
-  .mfui-carousel__slide {
-    -webkit-backface-visibility: hidden;
-            backface-visibility: hidden;
-    opacity: 0;
-    -webkit-transition: opacity 0.2s;
-    transition: opacity 0.2s;
-  }
-}
-@media screen and (min-width: 1024px) {
-  .mfui-carousel .swiper-slide-visible {
-    opacity: 1;
-    -webkit-transition: opacity 0.4s;
-    transition: opacity 0.4s;
-  }
-}
-.mfui-carousel__arrow {
-  position: absolute;
-  top: 50%;
-  z-index: 6;
-  -webkit-transform: translateY(calc(-50% - 40px / 2));
-          transform: translateY(calc(-50% - 40px / 2));
-}
-@media screen and (max-width: 1023px) {
-  .mfui-carousel__arrow {
-    display: none;
-  }
-}
-.mfui-carousel__arrow_prev {
-  right: calc(100% + 12px);
-}
-@media screen and (min-width: 1280px) {
-  .mfui-carousel__arrow_prev {
-    right: calc(100% + 20px);
-  }
-}
-.mfui-carousel__arrow_next {
-  left: calc(100% + 12px);
-}
-@media screen and (min-width: 1280px) {
-  .mfui-carousel__arrow_next {
-    left: calc(100% + 20px);
-  }
-}
-.mfui-carousel__arrow_locked {
-  display: none;
-}
-.mfui-carousel .swiper-pagination {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  gap: 12px;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  justify-self: center;
-  -webkit-box-ordinal-group: 3;
-      -ms-flex-order: 2;
-          order: 2;
-  width: 100%;
-  padding-top: 32px;
-  border-radius: 12px;
-}
-.mfui-carousel .swiper-pagination.swiper-pagination-lock {
-  display: none;
-}
-.mfui-carousel .swiper-pagination-bullet {
-  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;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  cursor: pointer;
-  -webkit-transition: width 0.5s, background-color 0.3s;
-  transition: width 0.5s, background-color 0.3s;
-}
-.mfui-carousel .swiper-pagination-bullet:before {
-  content: '';
-  display: block;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  -webkit-transition: border-radius 0.5s;
-  transition: border-radius 0.5s;
-}
-.mfui-carousel_nav-theme_green .swiper-pagination-bullet:before {
-  background-color: var(--stcWhite50);
-}
-.mfui-carousel_nav-theme_light .swiper-pagination-bullet:before {
-  background-color: var(--spbSky2);
-}
-.mfui-carousel .swiper-pagination-bullet-active {
-  width: 20px;
-  cursor: default;
-}
-.mfui-carousel .swiper-pagination-bullet-active:before {
-  border-radius: 4px;
-}
-.mfui-carousel_nav-theme_green .swiper-pagination-bullet-active:before {
-  background-color: var(--base);
-}
-.mfui-carousel_nav-theme_light .swiper-pagination-bullet-active:before {
-  background-color: var(--brandGreen);
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-carousel,.mfui-carousel__swiper{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mfui-carousel__swiper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-20px 0 -25px;overflow:hidden;padding:20px 0 25px}@media screen and (min-width:1024px){.mfui-carousel__swiper{margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-carousel__swiper_default-inner-indents{margin-left:-48px;margin-right:-48px;padding-left:48px;padding-right:48px}}@media screen and (max-width:767px){.mfui-carousel__swiper_default-inner-indents{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:32px}}.mfui-carousel__swiper_gradient:after,.mfui-carousel__swiper_gradient:before{bottom:0;content:"";position:absolute;top:0;width:var(--gap);z-index:5}@media screen and (max-width:1023px){.mfui-carousel__swiper_gradient:after,.mfui-carousel__swiper_gradient:before{display:none}}.mfui-carousel__swiper_gradient:before{background:-webkit-gradient(linear,right top,left top,from(transparent),to(var(--gradientColor)));background:linear-gradient(270deg,transparent 0,var(--gradientColor) 100%);left:0}.mfui-carousel__swiper_gradient:after{background:-webkit-gradient(linear,right top,left top,from(var(--gradientColor)),to(transparent));background:linear-gradient(270deg,var(--gradientColor) 0,transparent 100%);right:0}.mfui-carousel__swiper_gradient-color_default{--gradientColor:var(--base)}.mfui-carousel__swiper_gradient-color_green{--gradientColor:var(--brandGreen)}.mfui-carousel__swiper_gradient-color_black{--gradientColor:var(--stcBlack)}.mfui-carousel__swiper_gradient-color_spbSky0{--gradientColor:var(--spbSky0)}.mfui-carousel__swiper_gradient-color_spbSky1{--gradientColor:var(--spbSky1)}.mfui-carousel__swiper_gradient-color_spbSky2{--gradientColor:var(--spbSky2)}.mfui-carousel .swiper-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1}.mfui-carousel__slide{-ms-flex-negative:0;flex-shrink:0}@media screen and (min-width:1024px){.mfui-carousel__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-carousel .swiper-slide-visible{opacity:1;-webkit-transition:opacity .4s;transition:opacity .4s}}.mfui-carousel__arrow{position:absolute;top:50%;-webkit-transform:translateY(calc(-50% - 20px));transform:translateY(calc(-50% - 20px));z-index:6}@media screen and (max-width:1023px){.mfui-carousel__arrow{display:none}}.mfui-carousel__arrow_prev{right:calc(100% + 12px)}@media screen and (min-width:1280px){.mfui-carousel__arrow_prev{right:calc(100% + 20px)}}.mfui-carousel__arrow_next{left:calc(100% + 12px)}@media screen and (min-width:1280px){.mfui-carousel__arrow_next{left:calc(100% + 20px)}}.mfui-carousel__arrow_locked{display:none}.mfui-carousel .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;justify-self:center;-webkit-box-ordinal-group:3;-ms-flex-order:2;border-radius:12px;order:2;padding-top:32px;width:100%}.mfui-carousel .swiper-pagination.swiper-pagination-lock{display:none}.mfui-carousel .swiper-pagination-bullet{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;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:8px;justify-content:center;-webkit-transition:width .5s,background-color .3s;transition:width .5s,background-color .3s;width:8px}.mfui-carousel .swiper-pagination-bullet:before{border-radius:50%;content:"";display:block;height:100%;-webkit-transition:border-radius .5s;transition:border-radius .5s;width:100%}.mfui-carousel_nav-theme_green .swiper-pagination-bullet:before{background-color:var(--stcWhite50)}.mfui-carousel_nav-theme_light .swiper-pagination-bullet:before{background-color:var(--spbSky2)}.mfui-carousel .swiper-pagination-bullet-active{cursor:default;width:20px}.mfui-carousel .swiper-pagination-bullet-active:before{border-radius:4px}.mfui-carousel_nav-theme_green .swiper-pagination-bullet-active:before{background-color:var(--base)}.mfui-carousel_nav-theme_light .swiper-pagination-bullet-active:before{background-color:var(--brandGreen)}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import SwiperCore from 'swiper';
-import { PaginationOptions } from 'swiper/types/components/pagination';
-import './Carousel.less';
+import * as React from 'react';
+import type { SwiperClass } from 'swiper/react';
+import { PaginationOptions } from 'swiper/types';
+import './Carousel.scss';
 export declare const NavTheme: {
     readonly LIGHT: "light";
     readonly GREEN: "green";
@@ -21,11 +21,11 @@ declare const GradientTheme: {
     readonly SPB_SKY_1: "spbSky1";
     readonly SPB_SKY_2: "spbSky2";
 };
-declare type SlidesPerViewType = typeof SlidesPerView[keyof typeof SlidesPerView];
-declare type NavThemeType = typeof NavTheme[keyof typeof NavTheme];
-declare type EffectThemeType = typeof EffectTheme[keyof typeof EffectTheme];
-declare type GradientThemeType = typeof GradientTheme[keyof typeof GradientTheme];
-export declare type SlidesSettingsType = {
+type SlidesPerViewType = (typeof SlidesPerView)[keyof typeof SlidesPerView];
+type NavThemeType = (typeof NavTheme)[keyof typeof NavTheme];
+type EffectThemeType = (typeof EffectTheme)[keyof typeof EffectTheme];
+type GradientThemeType = (typeof GradientTheme)[keyof typeof GradientTheme];
+export type SlidesSettingsType = {
     [key: number]: {
         slidesPerView: number | SlidesPerViewType;
         slidesPerGroup?: number;
@@ -84,7 +84,7 @@ export interface ICarouselProps {
     /** Свайп к слайду, по которому произведен клик */
     slideToClickedSlide?: boolean;
     /** Ref на swiper */
-    getSwiper?: (instance: SwiperCore) => void;
+    getSwiper?: (instance: SwiperClass) => void;
     /** Обработчик клика по стрелке вперед (должен быть обернут в useCallback) */
     onNextClick?: (index: number) => void;
     /** Обработчик клика по стрелке назад (должен быть обернут в useCallback) */
@@ -95,6 +95,7 @@ export interface ICarouselProps {
     gradient?: boolean;
     /** Цвет градиента */
     gradientColor?: GradientThemeType;
+    children?: React.ReactNode;
 }
 declare const Carousel: React.FC<ICarouselProps>;
 export default Carousel;