@megafon/ui-core 6.0.0-beta.4 → 6.0.0

package/dist/es/components/Modal/_ModalMobileFullScreen/ModalMobileFullScreen.js

@@ -1,55 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.index-of.js";
-var __rest = this && this.__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;
-};
-import * as React from 'react';
-import { cnCreate } from '@megafon/ui-helpers';
-import ModalContent from "../_ModalContent/ModalContent";
-import "./ModalMobileFullScreen.css";
-var cn = cnCreate('mfui-modal-mobile-full-screen');
-var ModalMobileFullScreen = function ModalMobileFullScreen(_a) {
-  var _b = _a.classes,
-    _c = _b === void 0 ? {} : _b,
-    containerWrap = _c.containerWrap,
-    containerInner = _c.containerInner,
-    containerBody = _c.containerBody,
-    childrenClass = _c.children,
-    childrenContent = _c.childrenContent,
-    restClasses = __rest(_c, ["containerWrap", "containerInner", "containerBody", "children", "childrenContent"]),
-    _d = _a.scrollBarParams,
-    _e = _d.classes,
-    _f = _e === void 0 ? {} : _e,
-    root = _f.root,
-    init = _f.init,
-    scrollContent = _f.scrollContent,
-    restClassesScrollBar = __rest(_f, ["root", "init", "scrollContent"]),
-    restScrollBarParams = __rest(_d, ["classes"]),
-    children = _a.children,
-    restProps = __rest(_a, ["classes", "scrollBarParams", "children"]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, /*#__PURE__*/React.createElement(ModalContent, _extends({}, restProps, {
-    classes: _extends(_extends({}, restClasses), {
-      containerWrap: cn('container-wrap', containerWrap),
-      containerInner: cn('container-inner', containerInner),
-      containerBody: cn('container-body', containerBody),
-      children: cn('children', childrenClass),
-      childrenContent: cn('children-content', childrenContent)
-    }),
-    scrollBarParams: _extends(_extends({}, restScrollBarParams), {
-      classes: _extends(_extends({}, restClassesScrollBar), {
-        root: cn('scroll-root', root),
-        init: cn('scroll-init', init),
-        scrollContent: cn('scroll-content', scrollContent)
-      })
-    })
-  }), children));
-};
-export default ModalMobileFullScreen;

package/dist/es/components/Modal/mocks.d.ts

@@ -1,3 +0,0 @@
-import type ModalContextPropsType from './types';
-declare const mockModalContextProps: ModalContextPropsType;
-export default mockModalContextProps;

package/dist/es/components/Modal/mocks.js

@@ -1,79 +0,0 @@
-var mockModalContextProps = {
-  classes: {
-    bodyOpen: 'bodyOpen-class',
-    modalContent: 'modalContent-class',
-    overlay: 'overlay-class',
-    background: 'background-class',
-    containerWrap: 'containerWrap-class',
-    containerInner: 'containerInner-class',
-    containerBody: 'containerBody-class',
-    header: 'header-class',
-    headerCloseButton: 'headerCloseButton-class',
-    titleArea: 'titleArea-class',
-    title: 'title-class',
-    children: 'children-class',
-    childrenContent: 'childrenContent-class',
-    footer: 'footer-class'
-  },
-  dataAttrs: {
-    background: {
-      'data-testid': 'background'
-    },
-    headerBackButton: {
-      'data-testid': 'headerBackButton'
-    },
-    headerCloseButton: {
-      'data-testid': 'headerCloseButton'
-    },
-    containerWrap: {
-      'data-testid': 'containerWrap'
-    },
-    containerInner: {
-      'data-testid': 'containerInner'
-    },
-    containerBody: {
-      'data-testid': 'containerBody'
-    }
-  },
-  scrollBarParams: {
-    maxHeight: 100,
-    classes: {
-      root: 'scrollBar-root-class',
-      init: 'scrollBar-init-class',
-      scrollContent: 'scrollBar-scrollContent-class',
-      childrenWrap: 'scrollBar-childrenWrap-class'
-    }
-  },
-  refs: {
-    overlayRef: {
-      current: null
-    },
-    headerRef: {
-      current: null
-    },
-    footerRef: {
-      current: null
-    },
-    containerWrapRef: {
-      current: null
-    },
-    containerInnerRef: {
-      current: null
-    },
-    containerBodyRef: {
-      current: null
-    }
-  },
-  isMobile: false,
-  isTransitionMoveStep: false,
-  isTransitionEndStep: false,
-  containerWrapTransform: '',
-  containerWrapHeight: 200,
-  containerWrapOverflow: '',
-  isBottomTransitionIn: false,
-  onSetContainerWrapRef: jest.fn(),
-  onPopupClose: jest.fn(),
-  onTransitionExited: jest.fn(),
-  onTransitionEnd: jest.fn()
-};
-export default mockModalContextProps;

package/dist/es/components/Modal/types.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import type { IScrollBarProps } from '../ScrollBar/ScrollBar';
-import type { IModalProps } from './Modal';
-type ModalComponentPropsType = Pick<IModalProps, 'classes' | 'dataAttrs' | 'headerProps' | 'footerProps' | 'isEnabledNativeScroll' | 'isDisabledBackgroundClick'>;
-type RefType = React.MutableRefObject<HTMLDivElement | null>;
-type ModalContextPropsType = ModalComponentPropsType & {
-    scrollBarParams: IScrollBarProps;
-    refs: {
-        overlayRef: RefType;
-        headerRef: RefType;
-        footerRef: RefType;
-        containerWrapRef: RefType;
-        containerInnerRef: RefType;
-        containerBodyRef: RefType;
-    };
-    isMobile: boolean;
-    isTransitionMoveStep: boolean;
-    isTransitionEndStep: boolean;
-    containerWrapTransform: string;
-    containerWrapHeight: number | undefined;
-    containerWrapOverflow: string;
-    isBottomTransitionIn: boolean;
-    onSetContainerWrapRef: (node: HTMLDivElement) => void;
-    onPopupClose: () => void;
-    onTransitionExited: () => void;
-    onTransitionEnd: (e: React.TransitionEvent) => void;
-};
-export default ModalContextPropsType;

package/dist/es/components/Modal/types.js

@@ -1 +0,0 @@
-export {};

package/dist/es/components/Modal/utils/utils.d.ts

@@ -1,18 +0,0 @@
-type CorrectMaxHeightRefsType = {
-    overlayNode: HTMLDivElement | null;
-    headerNode: HTMLDivElement | null;
-    footerNode: HTMLDivElement | null;
-    containerBodyNode: HTMLDivElement | null;
-};
-type CorrectMaxHeightArgsType = {
-    refs: CorrectMaxHeightRefsType;
-    props: {
-        isStickyFooter?: boolean;
-        isBottomView?: boolean;
-        isStaticHeader?: boolean;
-    };
-};
-export declare const getCorrectMaxHeight: ({ refs, props }: CorrectMaxHeightArgsType) => number;
-export declare const changeBodyPadding: (isOpened: boolean) => void;
-declare const _default: null;
-export default _default;

package/dist/es/components/Modal/utils/utils.js

@@ -1,66 +0,0 @@
-import "core-js/modules/es.parse-int.js";
-import { breakpoints } from '@megafon/ui-helpers';
-var getAdditionalSize = function getAdditionalSize(refs) {
-  var overlayNode = refs.overlayNode,
-    headerNode = refs.headerNode,
-    footerNode = refs.footerNode,
-    containerBodyNode = refs.containerBodyNode;
-  if (!(overlayNode && containerBodyNode)) {
-    return {
-      modalOverlayPadding: 0,
-      popupContainerBodyPaddings: 0,
-      popupHeaderHeight: 0,
-      popupFooterHeight: 0
-    };
-  }
-  var modalOverlayPadding = parseInt(getComputedStyle(overlayNode).paddingTop, 10);
-  var popupHeaderHeight = (headerNode === null || headerNode === void 0 ? void 0 : headerNode.offsetHeight) || 0;
-  var popupFooterHeight = (footerNode === null || footerNode === void 0 ? void 0 : footerNode.offsetHeight) || 0;
-  var popupContainerBodyPaddingTop = parseInt(getComputedStyle(containerBodyNode).paddingTop, 10);
-  var popupContainerBodyPaddingBottom = parseInt(getComputedStyle(containerBodyNode).paddingBottom, 10);
-  var popupContainerBodyPaddings = popupContainerBodyPaddingTop + popupContainerBodyPaddingBottom;
-  return {
-    modalOverlayPadding: modalOverlayPadding,
-    popupContainerBodyPaddings: popupContainerBodyPaddings,
-    popupHeaderHeight: popupHeaderHeight,
-    popupFooterHeight: popupFooterHeight
-  };
-};
-export var getCorrectMaxHeight = function getCorrectMaxHeight(_ref) {
-  var refs = _ref.refs,
-    props = _ref.props;
-  var isStickyFooter = props.isStickyFooter,
-    isStaticHeader = props.isStaticHeader,
-    isBottomView = props.isBottomView;
-  var windowHeight = window.innerHeight;
-  var windowWidth = window.innerWidth;
-  var isMobile = windowWidth < breakpoints.MOBILE_BIG_START;
-  var _getAdditionalSize = getAdditionalSize(refs),
-    modalOverlayPadding = _getAdditionalSize.modalOverlayPadding,
-    popupContainerBodyPaddings = _getAdditionalSize.popupContainerBodyPaddings,
-    popupHeaderHeight = _getAdditionalSize.popupHeaderHeight,
-    popupFooterHeight = _getAdditionalSize.popupFooterHeight;
-  var maxHeightDesktop = windowHeight - modalOverlayPadding * 2 - popupHeaderHeight - popupContainerBodyPaddings;
-  var maxHeightMobileDefault = windowHeight - popupContainerBodyPaddings;
-  var maxHeightMobileHeader = isStaticHeader ? maxHeightMobileDefault : maxHeightMobileDefault - popupHeaderHeight;
-  var maxHeightMobileView = isBottomView ? maxHeightMobileHeader - modalOverlayPadding : maxHeightMobileHeader;
-  var maxHeightResize = isMobile ? maxHeightMobileView : maxHeightDesktop;
-  var correctMaxHeight = isStickyFooter ? maxHeightResize - popupFooterHeight : maxHeightResize;
-  return correctMaxHeight;
-};
-export var changeBodyPadding = function changeBodyPadding(isOpened) {
-  var windowWidth = window.innerWidth;
-  var documentClientWidth = document.documentElement.clientWidth;
-  var scrollBarWidth = windowWidth - documentClientWidth;
-  var bodyEl = document.body;
-  if (!isOpened) {
-    bodyEl.style.paddingRight = '';
-    return;
-  }
-  if (scrollBarWidth === 0) {
-    return;
-  }
-  var computedBodyPaddingRight = parseInt(getComputedStyle(bodyEl).paddingRight, 10);
-  bodyEl.style.paddingRight = "".concat(computedBodyPaddingRight + scrollBarWidth, "px");
-};
-export default null;

package/dist/es/components/ScrollBar/ScrollBar.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-scroll-bar_hide-all .simplebar-vertical{display:none}@media screen and (min-width:1280px){.mfui-scroll-bar_hide-wide .simplebar-vertical{display:none}}@media screen and (min-width:1024px){.mfui-scroll-bar_hide-desktop .simplebar-vertical{display:none}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-scroll-bar_hide-tablet .simplebar-vertical{display:none}}@media screen and (max-width:767px){.mfui-scroll-bar_hide-mobile .simplebar-vertical{display:none}}.mfui-scroll-bar_initial-hide .simplebar-vertical{display:none}.mfui-scroll-bar__init{position:relative}.mfui-scroll-bar__scroll-track{bottom:0;overflow:hidden;position:absolute;right:0}.mfui-scroll-bar .simplebar-horizontal{display:none}.mfui-scroll-bar .simplebar-vertical{-webkit-animation:hide-track .2s linear 3s forwards;animation:hide-track .2s linear 3s forwards;background-color:var(--spbSky1);border-radius:4px;opacity:1;top:0;width:6px}.mfui-scroll-bar__scroll-track-bar{min-height:10px;position:relative;z-index:1}.mfui-scroll-bar__scroll-track-bar:before{background:var(--spbSky2);border-radius:4px;content:"";display:block;height:100%;width:100%}.mfui-scroll-bar__init-scrolling .simplebar-vertical,.mfui-scroll-bar__scroll-track-hover.simplebar-vertical{-webkit-animation:none;animation:none;opacity:1}.mfui-scroll-bar__scroll-content:after,.mfui-scroll-bar__scroll-content:before{-webkit-box-sizing:border-box;box-sizing:border-box;content:" ";display:table}.mfui-scroll-bar__children-wrap{height:100%;padding-right:6px}@-webkit-keyframes hide-track{0%{opacity:1}to{opacity:0}}@keyframes hide-track{0%{opacity:1}to{opacity:0}}

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

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import 'simplebar-react/dist/simplebar.min.css';
-import './ScrollBar.scss';
-export interface IScrollBarProps {
-    /** Дополнительные классы для корневого и внутренних элементов */
-    classes?: {
-        root?: string;
-        init?: string;
-        scrollContent?: string;
-        childrenWrap?: string;
-    };
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        init?: Record<string, string>;
-    };
-    /** Максимальная высота контента */
-    maxHeight: number | null;
-    /** Не отображать на всех разрешениях экрана */
-    hideAll?: boolean;
-    /** Не отображать на разрешении экрана 1280+ */
-    hideWide?: boolean;
-    /** Не отображать на разрешении экрана 1024+ */
-    hideDesktop?: boolean;
-    /** Не отображать на разрешении экрана 768-1023 */
-    hideTablet?: boolean;
-    /** Не отображать на разрешении экрана 0-767 */
-    hideMobile?: boolean;
-    /** Ref обработчик */
-    getScrollBar?: (node: HTMLElement) => void;
-    children?: React.ReactNode;
-}
-declare const ScrollBar: React.FC<IScrollBarProps>;
-export default ScrollBar;

package/dist/es/components/ScrollBar/ScrollBar.js

@@ -1,86 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import SimpleBar from 'simplebar-react';
-import 'simplebar-react/dist/simplebar.min.css';
-import "./ScrollBar.css";
-var cn = cnCreate('mfui-scroll-bar');
-var ScrollBar = function ScrollBar(_ref) {
-  var classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs,
-    maxHeight = _ref.maxHeight,
-    hideAll = _ref.hideAll,
-    hideWide = _ref.hideWide,
-    hideDesktop = _ref.hideDesktop,
-    hideTablet = _ref.hideTablet,
-    hideMobile = _ref.hideMobile,
-    getScrollBar = _ref.getScrollBar,
-    children = _ref.children;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isInitialHide = _React$useState2[0],
-    setIsInitialHide = _React$useState2[1];
-  var scrollBarInitNode = React.useRef(null);
-  var resizeObserver = React.useRef(null);
-  function handleGetScrollBarRef(node) {
-    if (!node) {
-      return;
-    }
-    var scrollInitEl = node.el;
-    scrollBarInitNode.current = scrollInitEl;
-    getScrollBar === null || getScrollBar === void 0 ? void 0 : getScrollBar(scrollInitEl);
-  }
-  var handleSetInitialHide = React.useCallback(function () {
-    if (!scrollBarInitNode.current || !maxHeight) {
-      setIsInitialHide(false);
-      return;
-    }
-    var scrollContentNode = scrollBarInitNode.current.querySelector(".".concat(cn('scroll-content')));
-    if (!scrollContentNode) {
-      setIsInitialHide(false);
-      return;
-    }
-    var scrollContentOffsetHeight = scrollContentNode.offsetHeight;
-    setIsInitialHide(scrollContentOffsetHeight <= maxHeight);
-  }, [maxHeight]);
-  React.useEffect(function () {
-    if (!scrollBarInitNode.current || !maxHeight) {
-      return undefined;
-    }
-    resizeObserver.current = new ResizeObserver(handleSetInitialHide);
-    resizeObserver.current.observe(scrollBarInitNode.current);
-    return function () {
-      if (resizeObserver.current && scrollBarInitNode.current) {
-        resizeObserver.current.unobserve(scrollBarInitNode.current);
-      }
-    };
-  }, [handleSetInitialHide, maxHeight]);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      'initial-hide': isInitialHide,
-      'hide-all': hideAll,
-      'hide-wide': hideWide,
-      'hide-desktop': hideDesktop,
-      'hide-tablet': hideTablet,
-      'hide-mobile': hideMobile
-    }, [classes === null || classes === void 0 ? void 0 : classes.root])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(SimpleBar, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.init), {
-    className: cn('init', [classes === null || classes === void 0 ? void 0 : classes.init]),
-    classNames: {
-      track: cn('scroll-track'),
-      scrollbar: cn('scroll-track-bar'),
-      hover: cn('scroll-track-hover'),
-      scrolling: cn('init-scrolling'),
-      contentEl: cn('scroll-content', [classes === null || classes === void 0 ? void 0 : classes.scrollContent])
-    },
-    style: {
-      maxHeight: "".concat(maxHeight, "px")
-    },
-    forceVisible: "y",
-    ref: handleGetScrollBarRef
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('children-wrap', [classes === null || classes === void 0 ? void 0 : classes.childrenWrap])
-  }, children)));
-};
-export default ScrollBar;

package/dist/es/components/_Collapse/Collapse.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-collapse{overflow:hidden}

package/dist/es/styles/base.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-counter-badge{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:24px;padding:5px 6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;border-radius:12px;font-size:12px;font-weight:500;justify-content:center;line-height:14px}.mfui-counter-badge_limited{padding:5px 12px}@media screen and (min-width:1024px){.mfui-counter-badge_adaptive{font-size:15px;line-height:18px;min-width:28px}}.mfui-counter-badge_icon{padding:2px 4px 2px 12px}.mfui-counter-badge_adaptive.mfui-counter-badge_icon{padding:4px 4px 4px 12px}.mfui-counter-badge__icon{height:20px;margin-left:4px;min-width:20px;width:20px}.mfui-counter-badge_theme_light-blue{background-color:var(--311C20)}.mfui-counter-badge_theme_light-blue .mfui-counter-badge__icon{fill:var(--311C)}.mfui-counter-badge_theme_purple{background-color:var(--brandPurple20)}.mfui-counter-badge_theme_purple .mfui-counter-badge__icon{fill:var(--brandPurple)}

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

@@ -1,52 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.CounterBadgeColorTheme = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var DefaultIcon = function DefaultIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M11.39 9H16v1l-7.5 8H7l1.61-7H4v-1l7.5-8H13z",
-    fillRule: "evenodd"
-  }));
-};
-var CounterBadgeColorTheme = exports.CounterBadgeColorTheme = {
-  LIGHT_BLUE: 'light-blue',
-  PURPLE: 'purple'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-counter-badge');
-var CounterBadge = function CounterBadge(_ref) {
-  var totalCount = _ref.totalCount,
-    currentValue = _ref.currentValue,
-    _ref$hasIcon = _ref.hasIcon,
-    hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
-    customIcon = _ref.customIcon,
-    _ref$colorTheme = _ref.colorTheme,
-    colorTheme = _ref$colorTheme === void 0 ? 'light-blue' : _ref$colorTheme,
-    _ref$isAdaptive = _ref.isAdaptive,
-    isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({
-    className: cn({
-      limited: !!totalCount,
-      adaptive: isAdaptive,
-      theme: colorTheme,
-      icon: hasIcon
-    }, className)
-  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("span", {
-    className: cn('value')
-  }, currentValue, !!totalCount && "/".concat(totalCount)), hasIcon && /*#__PURE__*/React.createElement("div", {
-    className: cn('icon')
-  }, customIcon || /*#__PURE__*/React.createElement(DefaultIcon, null)));
-};
-var _default = exports["default"] = CounterBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-notification-badge{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%;color:var(--stcWhite);height:24px;justify-content:center;overflow:hidden;width:24px}.mfui-notification-badge_theme_green{background-color:var(--brandGreen);-webkit-box-shadow:0 2px 4px 0 rgba(0,185,86,.5);box-shadow:0 2px 4px 0 rgba(0,185,86,.5)}.mfui-notification-badge_theme_red{background-color:var(--warmRedC);-webkit-box-shadow:0 2px 4px 0 rgba(235,90,64,.5);box-shadow:0 2px 4px 0 rgba(235,90,64,.5)}.mfui-notification-badge_auto-width{border-radius:12px;min-width:24px;padding:5px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-notification-badge_size_small{border-radius:50%;height:8px;padding:0;width:8px}.mfui-notification-badge_size_small .mfui-notification-badge__text{display:none}.mfui-notification-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:14px}

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

@@ -1,43 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.NotificationBadgeTheme = exports.NotificationBadgeSize = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var NotificationBadgeTheme = exports.NotificationBadgeTheme = {
-  GREEN: 'green',
-  RED: 'red'
-};
-var NotificationBadgeSize = exports.NotificationBadgeSize = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-notification-badge');
-var NotificationBadge = function NotificationBadge(_ref) {
-  var _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'green' : _ref$theme,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    _ref$autoWidth = _ref.autoWidth,
-    autoWidth = _ref$autoWidth === void 0 ? false : _ref$autoWidth,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      theme: theme,
-      size: size,
-      'auto-width': autoWidth
-    }, className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('text')
-  }, children));
-};
-var _default = exports["default"] = NotificationBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-price-badge{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2px 8px 2px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:1024px){.mfui-price-badge_adaptive{border-radius:12px;font-size:15px;line-height:24px;min-height:32px;padding:4px 8px 4px 4px}}.mfui-price-badge_theme_grey{background-color:var(--spbSky0)}.mfui-price-badge_theme_grey .mfui-price-badge__text{color:var(--spbSky3)}.mfui-price-badge_theme_grey .mfui-price-badge__icon{fill:var(--spbSky3)}.mfui-price-badge_theme_orange{background-color:var(--137C20)}.mfui-price-badge_theme_orange .mfui-price-badge__text{color:var(--137C)}.mfui-price-badge_theme_orange .mfui-price-badge__icon{fill:var(--137C)}.mfui-price-badge_theme_green{background-color:var(--brandGreen20)}.mfui-price-badge_theme_green .mfui-price-badge__text{color:var(--brandGreen)}.mfui-price-badge_theme_green .mfui-price-badge__icon{fill:var(--brandGreen)}.mfui-price-badge_theme_purple{background-color:var(--brandPurple80)}.mfui-price-badge_theme_purple .mfui-price-badge__text{color:var(--stcWhite)}.mfui-price-badge_theme_purple .mfui-price-badge__icon{fill:var(--stcWhite)}.mfui-price-badge_theme_red{background-color:var(--fury20)}.mfui-price-badge_theme_red .mfui-price-badge__text{color:var(--fury)}.mfui-price-badge_theme_red .mfui-price-badge__icon{fill:var(--fury)}.mfui-price-badge_theme_light{background-color:var(--stcWhite20)}.mfui-price-badge_theme_dark{background-color:var(--stcBlack20)}.mfui-price-badge_theme_dark .mfui-price-badge__text,.mfui-price-badge_theme_light .mfui-price-badge__text{color:var(--stcWhite);font-weight:400}.mfui-price-badge_theme_dark .mfui-price-badge__icon,.mfui-price-badge_theme_light .mfui-price-badge__icon{fill:var(--stcWhite)}.mfui-price-badge_size_big{font-size:15px;line-height:18px;padding:12px 12px 12px 4px}.mfui-price-badge__text{font-family:inherit;margin-left:2px}.mfui-price-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-price-badge__icon{height:20px;min-width:20px;width:20px}.mfui-price-badge_size_big .mfui-price-badge__icon{height:32px;min-width:32px;width:32px}.mfui-price-badge_size_big .mfui-price-badge__sub-title{font-size:12px;line-height:18px;margin-top:2px}

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-promo-badge_color_137c{background-color:var(--137C)}.mfui-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-promo-badge_color_reflex-blue{background-color:var(--reflexBlue)}.mfui-promo-badge_color_system-blue{background-color:var(--systemBlue)}.mfui-promo-badge_color_warm-red{background-color:var(--warmRedC)}.mfui-promo-badge_color_gradient-purple{background:linear-gradient(126.8deg,#a336be 21%,#363078 78%);color:var(--stcWhite)}.mfui-promo-badge_type_hit{background-color:var(--warmRedC)}.mfui-promo-badge_type_new{background-color:var(--systemBlue)}.mfui-promo-badge_type_vip{background-color:var(--brandPurple)}.mfui-promo-badge_type_popular{background-color:var(--137C)}.mfui-promo-badge_type_user-choice{background-color:var(--reflexBlue)}.mfui-promo-badge_type_interests{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}

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

@@ -1,49 +0,0 @@
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeColors = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _uiHelpers = require("@megafon/ui-helpers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var PromoBadgeColors = exports.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'
-};
-// DEPRECATED
-var PromoBadgeTypes = exports.PromoBadgeTypes = {
-  HIT: 'hit',
-  NEW: 'new',
-  VIP: 'vip',
-  POPULAR: 'popular',
-  USER_CHOICE: 'user-choice',
-  INTERESTS: 'interests'
-};
-var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
-var PromoBadge = function PromoBadge(_ref) {
-  var color = _ref.color,
-    _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,
-      type: color ? undefined : type
-    }, className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('text')
-  }, children));
-};
-var _default = exports["default"] = PromoBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-timer-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--base);border:1px solid var(--spbSky1);border-radius:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:1px 8px 1px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.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-family:inherit;font-size:12px;font-weight:500;line-height:18px;margin-left:2px}.mfui-timer-badge__icon{height:20px;width:20px}.mfui-timer-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mfui-timer-badge__icon-container_shadow:before{border-radius:50%;-webkit-box-shadow:0 0 6px var(--fury);box-shadow:0 0 6px var(--fury);content:"";height:16px;left:2px;position:absolute;top:2px;width:16px}