@megafon/ui-core 6.2.1 → 7.0.0

package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js

@@ -1,84 +0,0 @@
-"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"] = exports.PromoBadgeTypes = exports.PromoBadgeSize = exports.PromoBadgeColors = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("core-js/modules/es.object.values.js");
-
-var React = _interopRequireWildcard(require("react"));
-
-var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var PromoBadgeColors = {
-  '137C': '137c',
-  BRAND_PURPLE_20: 'brand-purple-20',
-  BRAND_PURPLE: 'brand-purple',
-  REFLEX_BLUE: 'reflex-blue',
-  SYSTEM_BLUE: 'system-blue',
-  WARM_RED: 'warm-red',
-  GRADIENT_PURPLE: 'gradient-purple'
-};
-exports.PromoBadgeColors = PromoBadgeColors;
-var PromoBadgeSize = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-}; // DEPRECATED
-
-exports.PromoBadgeSize = PromoBadgeSize;
-var PromoBadgeTypes = {
-  HIT: 'hit',
-  NEW: 'new',
-  VIP: 'vip',
-  POPULAR: 'popular',
-  USER_CHOICE: 'user-choice',
-  INTERESTS: 'interests'
-};
-exports.PromoBadgeTypes = PromoBadgeTypes;
-var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
-
-var PromoBadge = function PromoBadge(_ref) {
-  var color = _ref.color,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'medium' : _ref$size,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
-      className = _ref.className,
-      children = _ref.children,
-      dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      color: color,
-      size: size,
-      type: color ? undefined : type
-    }, className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('text')
-  }, children));
-};
-
-PromoBadge.propTypes = {
-  color: PropTypes.oneOf(Object.values(PromoBadgeColors)),
-  // DEPRECATED
-  type: PropTypes.oneOf(Object.values(PromoBadgeTypes)),
-  className: PropTypes.string,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element.isRequired), PropTypes.element, PropTypes.string]).isRequired
-};
-var _default = PromoBadge;
-exports["default"] = _default;

package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.css

@@ -1,60 +0,0 @@
-.mfui-timer-badge {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  padding: 1px 2px;
-  padding-right: 8px;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  border: 1px solid var(--spbSky1);
-  border-radius: 12px;
-  background: var(--base);
-  overflow: hidden;
-}
-.mfui-timer-badge_theme_grey .mfui-timer-badge__text {
-  color: var(--spbSky3);
-}
-.mfui-timer-badge_theme_grey .mfui-timer-badge__icon {
-  fill: var(--spbSky3);
-}
-.mfui-timer-badge_theme_red .mfui-timer-badge__text {
-  color: var(--fury);
-}
-.mfui-timer-badge_theme_red .mfui-timer-badge__icon {
-  fill: var(--fury);
-}
-.mfui-timer-badge__text {
-  font-size: 12px;
-  line-height: 18px;
-  font-family: inherit;
-  margin-left: 2px;
-  font-weight: 500;
-}
-.mfui-timer-badge__icon {
-  height: 20px;
-  width: 20px;
-}
-.mfui-timer-badge__icon-container {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.mfui-timer-badge__icon-container_shadow:before {
-  content: '';
-  position: absolute;
-  top: 2px;
-  left: 2px;
-  height: 16px;
-  width: 16px;
-  border-radius: 50%;
-  -webkit-box-shadow: 0px 0px 6px var(--fury);
-          box-shadow: 0px 0px 6px var(--fury);
-}

package/dist/lib/components/Badges/components/TimerBadge/TimerBadge.js

@@ -1,135 +0,0 @@
-"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"] = exports.TIMEOUT = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("core-js/modules/es.date.now.js");
-
-require("core-js/modules/es.date.to-string.js");
-
-require("core-js/modules/web.timers.js");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _uiHelpers = require("@megafon/ui-helpers");
-
-var PropTypes = _interopRequireWildcard(require("prop-types"));
-
-var _Timer = _interopRequireDefault(require("./Timer/Timer"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var TimerIcon = function TimerIcon(props) {
-  return /*#__PURE__*/_react["default"].createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/_react["default"].createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
-  }));
-};
-
-var SECONDS_IN_HOUR = 3600;
-var MS_IN_SECOND = 1000;
-var TIMEOUT = 1000;
-exports.TIMEOUT = TIMEOUT;
-var TimerBadgeTheme = {
-  RED: 'red',
-  GREY: 'grey'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-timer-badge');
-
-var TimerBadge = function TimerBadge(_ref) {
-  var expirationDate = _ref.expirationDate,
-      _ref$countdownStart = _ref.countdownStart,
-      countdownStart = _ref$countdownStart === void 0 ? 86400 : _ref$countdownStart,
-      _ref$hasPrefix = _ref.hasPrefix,
-      hasPrefix = _ref$hasPrefix === void 0 ? false : _ref$hasPrefix,
-      _ref$countdownText = _ref.countdownText,
-      countdownText = _ref$countdownText === void 0 ? 'Закончится через' : _ref$countdownText,
-      _ref$expirationDateTe = _ref.expirationDateText,
-      expirationDateText = _ref$expirationDateTe === void 0 ? 'Воспользуйтесь до' : _ref$expirationDateTe,
-      className = _ref.className,
-      dataAttrs = _ref.dataAttrs;
-  var remainingTime = (expirationDate.getTime() - Date.now()) / MS_IN_SECOND;
-
-  var _useState = (0, _react.useState)(remainingTime),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      actualRemainingTime = _useState2[0],
-      setActualRemainingTime = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      showCountdown = _useState4[0],
-      setShowCountdown = _useState4[1];
-
-  var isLastHour = actualRemainingTime < SECONDS_IN_HOUR;
-  var isTimeExpired = actualRemainingTime < 1;
-  var theme = showCountdown ? TimerBadgeTheme.RED : TimerBadgeTheme.GREY;
-  var additionalText = showCountdown ? countdownText : expirationDateText;
-  (0, _react.useEffect)(function () {
-    setShowCountdown(actualRemainingTime < countdownStart);
-  }, [actualRemainingTime, countdownStart]);
-  (0, _react.useEffect)(function () {
-    if (isTimeExpired) {
-      return undefined;
-    }
-
-    var timeoutId = window.setTimeout(function () {
-      return setActualRemainingTime(actualRemainingTime - 1);
-    }, TIMEOUT);
-    return function () {
-      return clearTimeout(timeoutId);
-    };
-  }, [isTimeExpired, showCountdown, actualRemainingTime]);
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      theme: theme
-    }, className)
-  }), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.iconContainer), {
-    className: cn('icon-container', {
-      shadow: isLastHour && showCountdown
-    })
-  }), /*#__PURE__*/_react["default"].createElement(TimerIcon, {
-    className: cn('icon')
-  })), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
-    className: cn('text')
-  }), isTimeExpired ? 'Время действия истекло' : /*#__PURE__*/_react["default"].createElement(_Timer["default"], {
-    additionalText: hasPrefix ? additionalText : undefined,
-    showCountdown: showCountdown,
-    expirationDate: expirationDate,
-    actualRemainingTime: actualRemainingTime,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.timer
-    }
-  })));
-};
-
-TimerBadge.propTypes = {
-  expirationDate: PropTypes.instanceOf(Date).isRequired,
-  countdownStart: PropTypes.number,
-  hasPrefix: PropTypes.bool,
-  countdownText: PropTypes.string,
-  expirationDateText: PropTypes.string,
-  className: PropTypes.string,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    text: PropTypes.objectOf(PropTypes.string.isRequired),
-    timer: PropTypes.objectOf(PropTypes.string.isRequired),
-    iconContainer: PropTypes.objectOf(PropTypes.string.isRequired)
-  })
-};
-var _default = TimerBadge;
-exports["default"] = _default;

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

@@ -1,243 +0,0 @@
-.mfui-day {
-  position: relative;
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  width: 32px;
-  height: 32px;
-  padding: 0 10px 8px 0;
-  border: none;
-  color: var(--content);
-  line-height: 24px;
-  text-decoration: none;
-  background-color: rgba(0, 0, 0, 0);
-  outline: none;
-  cursor: pointer;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  font-size: 12px;
-  line-height: 18px;
-}
-.mfui-day:last-child {
-  padding-right: 0;
-}
-.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,
-.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
-.mfui-day_active:after,
-.mfui-day_active-modern:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  width: 32px;
-  height: 32px;
-  border-radius: 50% !important;
-  color: var(--content);
-  background-color: var(--spbSky0);
-}
-.mfui-day_active-modern:after {
-  width: 38px;
-  height: 38px;
-}
-.mfui-day_active-modern:hover:after {
-  background-color: var(--brandGreen) !important;
-}
-.mfui-day:not(:disabled):not(.mfui-day_active):hover:after {
-  color: var(--content);
-  background-color: var(--spbSky0);
-}
-.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,
-.mfui-day_active:after,
-.mfui-day_active-modern:after {
-  background-color: var(--brandGreen);
-}
-.mfui-day_disabled {
-  cursor: default;
-  opacity: 0.3;
-  pointer-events: none;
-}
-.mfui-day_active,
-.mfui-day_active-modern,
-.mfui-day:not(:disabled):not(.mfui-day_active):focus {
-  color: var(--stcWhite);
-}
-.mfui-day_active + .mfui-day_active:before,
-.mfui-day_between:hover + .mfui-day:not(.mfui-day_monday).mfui-day_active:before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -22px;
-  z-index: -1;
-  display: block;
-  width: 32px;
-  height: 32px;
-  background-color: var(--spbSky1);
-}
-.mfui-day_between {
-  position: relative;
-  border-radius: 0;
-}
-.mfui-day_between:before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -22px;
-  z-index: -1;
-  display: block;
-  height: 32px;
-  padding: 0 20px;
-  background-color: var(--spbSky1);
-}
-.mfui-day_between:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: -16px;
-  z-index: -1;
-  display: block;
-  width: 40px;
-  height: 32px;
-  background-color: var(--spbSky1);
-}
-.mfui-day_sunday,
-.mfui-day_last {
-  border-radius: 50%;
-}
-.mfui-day_sunday:after,
-.mfui-day_last:after {
-  right: 10px;
-  width: 32px;
-  border-radius: 50%;
-}
-.mfui-day_last:after {
-  right: 0;
-}
-.mfui-day_monday,
-.mfui-day_first {
-  border-radius: 50%;
-}
-.mfui-day_monday:before,
-.mfui-day_first:before {
-  left: 0;
-  width: 32px;
-  padding: 0;
-  border-radius: 50%;
-}
-.mfui-day_sunday.mfui-day_first {
-  border-radius: 50%;
-}
-.mfui-day__label {
-  position: relative;
-  z-index: 99;
-}
-.mfui-day_modern {
-  width: 38.29px;
-  height: 38px;
-}
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):hover:after,
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):focus:after,
-.mfui-day_modern_active-modern:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 1;
-  width: 38px;
-  height: 38px;
-  border-radius: 50% !important;
-  color: var(--content);
-  background-color: var(--spbSky0);
-}
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):hover:after {
-  color: var(--content);
-  background-color: var(--spbSky0);
-}
-.mfui-day_modern:not(:disabled):not(.mfui-day_modern_active-modern):focus:after,
-.mfui-day_modern_active-modern:after {
-  background-color: var(--brandGreen);
-}
-.mfui-day_active-modern,
-.mfui-day:not(:disabled):focus {
-  color: var(--stcWhite);
-}
-.mfui-day_active-modern + .mfui-day_active-modern:before,
-.mfui-day_between-modern:hover + .mfui-day:not(.mfui-day_monday-modern).mfui-day_active-modern:before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -22px;
-  z-index: -1;
-  display: block;
-  width: 40px;
-  height: 38px;
-  background-color: var(--spbSky1);
-}
-.mfui-day_between-modern {
-  position: relative;
-  border-radius: 0;
-}
-.mfui-day_between-modern:before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: -28px;
-  z-index: -1;
-  display: block;
-  height: 38px;
-  padding: 0 29px;
-  background-color: var(--spbSky1);
-}
-.mfui-day_between-modern:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: -18px;
-  z-index: -1;
-  display: block;
-  width: 45px;
-  height: 38px;
-  background-color: var(--spbSky1);
-}
-.mfui-day_sunday-modern,
-.mfui-day_last-modern {
-  border-radius: 50%;
-}
-.mfui-day_sunday-modern:before,
-.mfui-day_last-modern:before {
-  padding-left: 20px;
-}
-.mfui-day_sunday-modern:after,
-.mfui-day_last-modern:after {
-  right: 10px;
-  width: 38.29px;
-  border-radius: 50%;
-}
-.mfui-day_last-modern:after {
-  right: 0;
-}
-.mfui-day_monday-modern,
-.mfui-day_first-modern {
-  border-radius: 50%;
-}
-.mfui-day_monday-modern:before,
-.mfui-day_first-modern:before {
-  left: 0;
-  width: 38px;
-  padding: 0;
-  border-radius: 50%;
-}
-.mfui-day_sunday-modern.mfui-day_first-modern {
-  border-radius: 50%;
-}
-.mfui-day__label_modern {
-  font-weight: 400;
-  font-size: 15px;
-  line-height: 24px;
-  text-align: center;
-}

package/dist/lib/components/Calendar/components/Month/Month.css

@@ -1,135 +0,0 @@
-.mfui-month {
-  position: relative;
-  z-index: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 284px;
-  padding: 28px 0;
-}
-.mfui-month__header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-  width: 282px;
-  margin-bottom: 20px;
-  text-transform: capitalize;
-}
-.mfui-month__header svg {
-  height: 24.5px;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  fill: var(--content);
-}
-.mfui-month__title {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  width: 224px;
-  text-align: center;
-}
-.mfui-month__weekday-labels {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  width: 272px;
-  padding-bottom: 13px;
-  border-bottom: 1px solid var(--spbSky1);
-  -webkit-column-gap: 22px;
-     -moz-column-gap: 22px;
-          column-gap: 22px;
-}
-.mfui-month__weekday {
-  font-size: 12px;
-  line-height: 18px;
-  width: 20px;
-  height: 16px;
-  color: var(--content);
-  font-weight: 600;
-  line-height: 24px;
-  text-align: center;
-  text-transform: capitalize;
-}
-.mfui-month__days {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  width: 284px;
-  margin-top: 8px;
-  -webkit-column-gap: 0;
-     -moz-column-gap: 0;
-          column-gap: 0;
-  row-gap: 0;
-}
-svg.mfui-month__arrow_disabled {
-  cursor: default;
-  opacity: 0.5;
-}
-.mfui-month_modern {
-  width: 344px;
-  padding: 0 0 24px;
-}
-.mfui-month_modern .mfui-month__header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 328px;
-  margin-bottom: 16px;
-  text-transform: capitalize;
-}
-.mfui-month_modern .mfui-month__title {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 500;
-  width: 224px;
-  margin: 0 auto;
-  text-align: center;
-}
-.mfui-month_modern .mfui-month__weekday-labels {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  width: 328px;
-  padding-bottom: 0;
-  border-bottom: none;
-  -webkit-column-gap: 8px;
-     -moz-column-gap: 8px;
-          column-gap: 8px;
-}
-.mfui-month_modern .mfui-month__weekday {
-  width: 20px;
-  height: 24px;
-  margin: 0 auto;
-  color: var(--spbSky3);
-  font-weight: 400;
-  font-size: 15px;
-  line-height: 24px;
-  text-align: center;
-  text-transform: capitalize;
-}
-.mfui-month_modern .mfui-month__days {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  width: 328px;
-  margin-top: 10px;
-  -webkit-column-gap: 0;
-     -moz-column-gap: 0;
-          column-gap: 0;
-  row-gap: 0;
-}