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

package/package.json

@@ -1,108 +1,103 @@
 {
-    "name": "@megafon/ui-core",
-    "version": "6.0.0-beta.4",
-    "files": [
-        "dist",
-        "styles"
-    ],
-    "main": "dist/lib/index.js",
-    "module": "dist/es/index.js",
-    "typings": "dist/lib/index.d.ts",
-    "sideEffects": [
-        "*.css",
-        "*.scss"
-    ],
-    "author": "MegaFon",
-    "license": "MIT",
-    "scripts": {
-        "build": "gulp build",
-        "watch": "gulp watch",
-        "cleanDist": "rm -rf dist styles",
-        "coverage": "yarn coverage:unit",
-        "coverage:unit": "jest --coverage",
-        "typecheck": "tsc --noEmit -p .",
-        "prettier:check": "prettier --list-different \"src/**/*.{js,jsx,ts,tsx}\"",
-        "prettier:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-        "lint": "yarn lint:ts && yarn lint:style",
-        "lint:ts": "eslint --ext .js,.jsx,.ts,.tsx src --max-warnings=0",
-        "lint:style": "stylelint --syntax scss src/**/*.scss src/**/**/*.scss",
-        "lint:style:fix": "yarn lint:style --fix",
-        "test": "yarn test:unit",
-        "test:unit": "jest",
-        "test:update": "jest --updateSnapshot"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "lint-staged": {
-        "src/**/**/*.(js|jsx|ts|tsx)": [
-            "eslint --max-warnings=0 --config ../../.eslintrc.json"
-        ]
-    },
-    "peerDependencies": {
-        "react": ">=18",
-        "react-dom": ">=18"
-    },
-    "devDependencies": {
-        "@babel/core": "^7.8.6",
-        "@babel/plugin-transform-object-assign": "^7.8.3",
-        "@babel/plugin-transform-runtime": "^7.8.3",
-        "@babel/preset-env": "^7.8.6",
-        "@babel/preset-react": "^7.8.3",
-        "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^3.0.0-beta.2",
-        "@svgr/core": "^2.4.1",
-        "@testing-library/jest-dom": "6.4.2",
-        "@testing-library/react": "14.2.1",
-        "@testing-library/user-event": "14.5.2",
-        "@types/jest": "^29.5.12",
-        "@types/lodash.debounce": "^4.0.9",
-        "@types/lodash.throttle": "^4.1.9",
-        "@types/node": "^20.11.24",
-        "@types/react": "^18",
-        "@types/react-dom": "^18",
-        "@types/react-modal": "^3.16.3",
-        "@types/react-transition-group": "^4.4.10",
-        "babel-plugin-module-resolver": "^3.2.0",
-        "cssnano": "^6.1.0",
-        "del": "^3.0.0",
-        "glob": "^7.1.6",
-        "gulp": "^4.0.2",
-        "gulp-babel": "^8.0.0-beta.2",
-        "gulp-imagemin": "^7.1.0",
-        "gulp-postcss": "^10.0.0",
-        "gulp-sass": "^5.1.0",
-        "gulp-typescript": "^5.0.1",
-        "jest": "^29.7.0",
-        "jest-environment-jsdom": "^29.7.0",
-        "merge2": "^1.3.0",
-        "postcss": "^8.4.35",
-        "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.72.0",
-        "stylelint": "^9.10.1",
-        "through2": "^2.0.5",
-        "typescript": "^5.3.3"
-    },
-    "dependencies": {
-        "@babel/runtime": "^7.8.4",
-        "@datepicker-react/hooks": "^2.7.0",
-        "@dnd-kit/core": "^6.1.0",
-        "@dnd-kit/sortable": "^8.0.0",
-        "@megafon/ui-helpers": "^3.0.0-beta.1",
-        "@mona-health/react-input-mask": "^3.0.3",
-        "@popperjs/core": "^2.11.8",
-        "core-js": "^3.6.4",
-        "date-fns": "^2.16.1",
-        "lodash.debounce": "^4.0.8",
-        "lodash.throttle": "^4.1.1",
-        "peerdeps": "^1.1.1",
-        "react-modal": "^3.16.1",
-        "react-popper": "^2.3.0",
-        "react-transition-group": "^4.4.5",
-        "simplebar": "^6.2.6",
-        "simplebar-react": "^3.2.5",
-        "swiper": "^11.1.1"
-    },
-    "gitHead": "0dac6186a76bdd0be3aa12d800f24d67f7e72a7d"
+  "name": "@megafon/ui-core",
+  "version": "6.0.1",
+  "files": [
+    "dist",
+    "styles"
+  ],
+  "main": "dist/lib/index.js",
+  "module": "dist/es/index.js",
+  "typings": "dist/lib/index.d.ts",
+  "sideEffects": [
+    "*.css",
+    "*.less"
+  ],
+  "author": "MegaFon",
+  "license": "MIT",
+  "scripts": {
+    "build": "gulp build",
+    "cleanDist": "rm -rf dist styles",
+    "coverage": "yarn coverage:unit",
+    "coverage:unit": "jest --coverage",
+    "typecheck": "tsc --noEmit -p .",
+    "prettier:check": "prettier --list-different \"src/**/*.{js,jsx,ts,tsx}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+    "lint": "yarn lint:ts && yarn lint:less",
+    "lint:ts": "eslint --ext .js,.jsx,.ts,.tsx src --max-warnings=0",
+    "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
+    "lint:less:fix": "yarn lint:less --fix",
+    "test": "yarn test:unit",
+    "test:unit": "jest",
+    "test:update": "jest --updateSnapshot"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "src/**/**/*.(js|jsx|ts|tsx)": [
+      "eslint --max-warnings=0 --config ../../.eslintrc.json"
+    ]
+  },
+  "peerDependencies": {
+    "@megafon/ui-icons": "^2.0.0",
+    "react": ">=16.13.0",
+    "react-dom": ">=16.13.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.8.6",
+    "@babel/plugin-transform-object-assign": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.8.3",
+    "@babel/preset-env": "^7.8.6",
+    "@babel/preset-react": "^7.8.3",
+    "@babel/preset-typescript": "^7.8.3",
+    "@megafon/ui-icons": "^2.27.0",
+    "@svgr/core": "^2.4.1",
+    "@testing-library/jest-dom": "5.16.2",
+    "@testing-library/react": "12.1.2",
+    "@testing-library/react-hooks": "^7.0.1",
+    "@testing-library/user-event": "13.5.0",
+    "@types/enzyme": "^3.10.5",
+    "@types/enzyme-adapter-react-16": "^1.0.6",
+    "@types/jest": "^25.1.3",
+    "@types/node": "^13.9.1",
+    "@types/prop-types": "^15.7.3",
+    "@types/react": "^16.9.23",
+    "@types/react-dom": "^16.9.5",
+    "babel-plugin-module-resolver": "^3.2.0",
+    "del": "^3.0.0",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.2",
+    "enzyme-to-json": "^3.4.4",
+    "glob": "^7.1.6",
+    "gulp": "^4.0.2",
+    "gulp-babel": "^8.0.0-beta.2",
+    "gulp-imagemin": "^7.1.0",
+    "gulp-less": "^4.0.1",
+    "gulp-typescript": "^5.0.1",
+    "jest": "^25.1.0",
+    "less-plugin-autoprefix": "^2.0.0",
+    "merge2": "^1.3.0",
+    "react": "^16.13.0",
+    "react-dom": "^16.13.0",
+    "stylelint": "^9.10.1",
+    "through2": "^2.0.5",
+    "typescript": "^3.8.3"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.8.4",
+    "@datepicker-react/hooks": "^2.7.0",
+    "@dnd-kit/core": "^6.1.0",
+    "@dnd-kit/sortable": "^8.0.0",
+    "@megafon/ui-helpers": "^2.6.0",
+    "@popperjs/core": "^2.5.3",
+    "core-js": "^3.6.4",
+    "date-fns": "^2.16.1",
+    "lodash.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1",
+    "prop-types": "^15.7.2",
+    "react-input-mask": "^2.0.4",
+    "react-popper": "^2.2.3",
+    "swiper": "^6.5.6"
+  },
+  "gitHead": "7a9fef927d6f5c44bebc26f35828cecdf2d8f50e"
 }

package/styles/base.less

@@ -0,0 +1,171 @@
+@import (reference) 'colors.css';
+
+// BREAKPOINTS
+@mobileExtraSmallEnd: 359px;
+@mobileSmallEnd:      479px;
+@mobileMiddleStart:   480px;
+@mobileMiddleEnd:     767px;
+@mobileBigStart:      768px;
+@mobileBigEnd:        1023px;
+@desktopSmallStart:   1024px;
+@desktopSmallEnd:     1279px;
+@desktopMiddleStart:  1280px;
+@desktopMiddleEnd:    1439px;
+@desktopBigStart:     1440px;
+@desktopBigEnd:       1599px;
+
+@mobileXS:        ~'screen and (max-width: @{mobileExtraSmallEnd})';                                     // ∞ - 359
+@mobile:          ~'screen and (max-width: @{mobileBigEnd})';                                            // ∞ - 1023
+@mobileS:         ~'screen and (max-width: @{mobileSmallEnd})';                                          // ∞ - 479
+@mobileM:         ~'screen and (min-width: @{mobileMiddleStart}) and (max-width: @{mobileMiddleEnd})';   // 480 - 767
+@mobileB:         ~'screen and (min-width: @{mobileBigStart}) and (max-width: @{mobileBigEnd})';         // 768 - 1023
+@mobileSM:        ~'screen and (max-width: @{mobileMiddleEnd})';                                         // ∞ - 767
+@mobileMB:        ~'screen and (min-width: @{mobileMiddleStart}) and (max-width: @{mobileBigEnd})';      // 480 - 1023
+@mobileMU:        ~'screen and (min-width: @{mobileMiddleStart})';                                       // 480 - ∞
+@mobileBU:        ~'screen and (min-width: @{mobileBigStart})';                                          // 768 - ∞
+@desktop:         ~'screen and (min-width: @{desktopSmallStart})';                                       // 1024 - ∞
+@desktopS:        ~'screen and (min-width: @{desktopSmallStart}) and (max-width: @{desktopSmallEnd})';   // 1024 - 1279
+@desktopM:        ~'screen and (min-width: @{desktopMiddleStart}) and (max-width: @{desktopMiddleEnd})'; // 1280 - 1439
+@desktopB:        ~'screen and (min-width: @{desktopBigStart}) and (max-width: @{desktopBigEnd})';       // 1440 - 1599
+@desktopBU:       ~'screen and (min-width: @{desktopBigStart})';                                         // 1440 - ∞
+@desktopSM:       ~'screen and (min-width: @{desktopSmallStart}) and (max-width: @{desktopMiddleEnd})';  // 1024 - 1439
+@desktopMU:       ~'screen and (min-width: @{desktopMiddleStart})';                                      // 1280 - ∞
+
+@retina:
+    ~'screen and (-webkit-min-device-pixel-ratio: 2),'
+    ~'screen and (min--moz-device-pixel-ratio: 2),'
+    ~'screen and (-o-min-device-pixel-ratio: 2/1),'
+    ~'screen and (min-device-pixel-ratio: 2),'
+    ~'screen and (min-resolution: 192dpi),'
+    ~'screen and (min-resolution: 2dppx)';
+
+@mobileRetina:
+    @mobile ~'and (-webkit-min-device-pixel-ratio: 2),'
+    @mobile ~'and (min--moz-device-pixel-ratio: 2),'
+    @mobile ~'and (-o-min-device-pixel-ratio: 2/1),'
+    @mobile ~'and (min-device-pixel-ratio: 2),'
+    @mobile ~'and (min-resolution: 192dpi),'
+    @mobile ~'and (min-resolution: 2dppx)';
+
+@hoverNone: ~'screen and (hover:none)';
+
+// INDENTS
+@contentHorizontalIndentMobileXS: 8px;
+@contentHorizontalIndentMobileSM: 16px;
+@contentHorizontalIndentMobileB: 48px;
+@contentHorizontalIndentDesktopS: 64px;
+@contentHorizontalIndentDesktopMU: 80px;
+@contentVerticalIndentDesktop: 96px;
+@contentVerticalIndentMobileB: 72px;
+@contentVerticalIndentMobileSM: 56px;
+@maxContentWidth: 1440px;
+
+// TRANSITIONS
+@defaultTransitionTiming: 0.3s;
+
+// MIXINS
+.Graphik() {
+    font-family: Graphik, Arial, sans-serif;
+}
+
+.fontFamily() {
+    font-family: inherit;
+}
+
+.commonFont() {
+    font-size: 15px;
+    line-height: 24px;
+}
+
+.smallFont() {
+    font-size: 12px;
+    line-height: 18px;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+    margin: 0;
+}
+
+.h1() {
+    font-weight: 600;
+    font-size: 36px;
+    line-height: 30px;
+    letter-spacing: 0.5px;
+
+    @media @mobileB {
+        font-size: 36px;
+        line-height: 40px;
+    }
+    @media @desktop {
+        font-size: 44px;
+        line-height: 48px;
+    }
+    @media @desktopMU {
+        font-size: 52px;
+        line-height: 56px;
+    }
+}
+
+.h2() {
+    font-weight: 600;
+    font-size: 22px;
+    line-height: 28px;
+    letter-spacing: 0.5px;
+
+    @media @mobileB {
+        font-size: 26px;
+        line-height: 32px;
+    }
+    @media @desktop {
+        font-size: 28px;
+        line-height: 36px;
+    }
+    @media @desktopMU {
+        font-size: 32px;
+        line-height: 40px;
+    }
+}
+
+.h3() {
+    font-weight: 500;
+    font-size: 18px;
+    line-height: 24px;
+    letter-spacing: 0.5px;
+
+    @media @desktopMU {
+        font-size: 20px;
+        line-height: 28px;
+    }
+}
+
+.h5() {
+    .commonFont();
+    font-weight: 500;
+}
+
+.p() {
+    .commonFont();
+    font-weight: 400;
+}
+
+.pIndents() {
+    margin-top: 0;
+    margin-bottom: 16px;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+}
+
+.link() {
+    color: var(--systemBlue);
+    text-decoration: none;
+
+    &:hover {
+        text-decoration: underline;
+    }
+}

package/styles/colors.css

@@ -63,56 +63,3 @@
     --fury80: #F8505D;
     --fury20: #FFC5C9;
 }
-
-[data-theme='dark'] {
-    --brandGreen: #00b956;
-    --brandPurple: #731982;
-    --base: #333333;
-    --content: #ffffff;
-    --spbSky0: #3d3d3d;
-    --spbSky1: #454545;
-    --spbSky2: #595959;
-    --spbSky3: #999999;
-    --warmRedC: #eb5a40;
-    --137C: #ffa717;
-    --311C: #5bd9e5;
-    --reflexBlue: #444189;
-    --fury: #f62434;
-    --systemBlue: #34aaf2;
-    --background: #1f1f1f;
-    --buttonHoverGreen: #10e272;
-    --buttonHoverGreenSoft: #355a46;
-    --buttonHoverPurple: #a500bf;
-    --buttonHoverPurpleSoft: #492b50;
-    --buttonHoverGrey: #d6d6d6;
-    --buttonDown: #404d46;
-    --overlay: #000000cc;
-    --gradientBasic: linear-gradient(90deg, #01873f 0%, #00b956 74%, #14cd6a 100%);
-    --gradientVIP: linear-gradient(90deg, #5b1168 0%, #731982 74%, #821e93 100%);
-    --gradientExclusive: linear-gradient(90deg, #2a2674 0%, #444189 74%, #504d93 100%);
-    --stcWhite: #ffffff;
-    --stcBlack: #333333;
-    --stcWhite5: #ffffff0d;
-    --stcWhite10: #ffffff1a;
-    --stcWhite20: #ffffff33;
-    --stcWhite50: #ffffff80;
-    --stcBlack5: #3333330d;
-    --stcBlack10: #3333331a;
-    --stcBlack20: #33333333;
-    --stcBlack50: #33333380;
-    --brandGreen80: #24804e;
-    --brandGreen20: #314138;
-    --brandPurple80: #5c2c64;
-    --brandPurple20: #38273c;
-    --warmRedC80: #b85b4a;
-    --warmRedC20: #422a26;
-    --137C80: #bc862e;
-    --137C20: #4a3d27;
-    --311C80: #5b9da3;
-    --311C20: #35484a;
-    --reflexBlue80: #4b497c;
-    --reflexBlue20: #2f2f3c;
-    --fury80: #ca3a43;
-    --fury20: #442b2d;
-}
-

package/dist/es/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/es/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/es/components/Badges/NotificationBadge/NotificationBadge.js

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./NotificationBadge.css";
-export var NotificationBadgeTheme = {
-  GREEN: 'green',
-  RED: 'red'
-};
-export var NotificationBadgeSize = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-var cn = 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", _extends({}, 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));
-};
-export default NotificationBadge;

package/dist/es/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/es/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/es/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}

package/dist/es/components/Calendar/components/_Day/Day.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-day{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;-webkit-box-sizing:content-box;box-sizing:content-box;color:var(--content);cursor:pointer;height:32px;line-height:24px;outline:none;padding:0 10px 8px 0;position:relative;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:32px;-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):focus:after,.mfui-day:not(:disabled):not(.mfui-day_active):hover:after,.mfui-day_active:after{background-color:var(--spbSky0);border-radius:50%!important;color:var(--content);content:"";height:32px;left:0;position:absolute;top:0;width:32px;z-index:1}.mfui-day:not(:disabled):not(.mfui-day_active):hover:after{background-color:var(--spbSky0);color:var(--content)}.mfui-day:not(:disabled):not(.mfui-day_active):focus:after,.mfui-day_active:after{background-color:var(--brandGreen)}.mfui-day_disabled{cursor:default;opacity:.3;pointer-events:none}.mfui-day:not(:disabled):not(.mfui-day_active):focus,.mfui-day_active{color:var(--stcWhite)}.mfui-day_active+.mfui-day_active:before,.mfui-day_between:hover+.mfui-day:not(.mfui-day_monday).mfui-day_active:before{background-color:var(--spbSky1);content:"";display:block;height:32px;left:-22px;position:absolute;top:0;width:32px;z-index:-1}.mfui-day_between{border-radius:0;position:relative}.mfui-day_between:before{left:-22px;padding:0 20px}.mfui-day_between:after,.mfui-day_between:before{background-color:var(--spbSky1);content:"";display:block;height:32px;position:absolute;top:0;z-index:-1}.mfui-day_between:after{right:-16px;width:40px}.mfui-day_last,.mfui-day_sunday{border-radius:50%}.mfui-day_last:after,.mfui-day_sunday:after{border-radius:50%;right:10px;width:32px}.mfui-day_last:after{right:0}.mfui-day_first,.mfui-day_monday{border-radius:50%}.mfui-day_first:before,.mfui-day_monday:before{border-radius:50%;left:0;padding:0;width:32px}.mfui-day_sunday.mfui-day_first{border-radius:50%}.mfui-day__label{position:relative;z-index:99}

package/dist/es/components/Calendar/components/_Month/Month.css

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

package/dist/es/components/Modal/Modal.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-modal-open-body{height:100%;overflow:hidden}.mfui-modal__overlay{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;position:fixed;top:0;z-index:1000;-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;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-animation:show-popup-overlay .3s ease-out forwards;animation:show-popup-overlay .3s ease-out forwards;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;justify-content:flex-start;opacity:0;padding:72px 0;width:100%}.mfui-modal__modal-content{margin:auto;position:relative}.mfui-modal_full-view .mfui-modal__overlay{display:block;padding:0}.mfui-modal_full-view .mfui-modal__modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;width:100%}.mfui-modal_bottom-view .mfui-modal__overlay{bottom:0;display:block;height:auto;overflow:hidden;padding-bottom:0}.mfui-modal_bottom-view .mfui-modal__modal-content{height:100%;margin:0;outline:none;overflow:hidden}.mfui-modal_native-scroll .mfui-modal__overlay{overflow-x:hidden;overflow-y:scroll}@media screen and (hover:hover){.mfui-modal_native-scroll .mfui-modal__overlay{width:calc(100% + 15px)}}.mfui-modal_transition-end .mfui-modal__overlay{-webkit-animation:hide-popup-overlay .2s ease-in;animation:hide-popup-overlay .2s ease-in}@-webkit-keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@keyframes show-popup-overlay{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}@keyframes hide-popup-overlay{0%{opacity:1}to{opacity:0}}

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

@@ -1,106 +0,0 @@
-import * as React from 'react';
-import type { IScrollBarProps } from '../ScrollBar/ScrollBar';
-import './Modal.scss';
-export declare enum MODAL_MOBILE_VIEWS_ENUM {
-    FULL_SCREEN = "full-screen",
-    BOTTOM = "bottom"
-}
-export declare enum MODAL_TRANSITIONS_STEPS_ENUM {
-    INITIAL_STEP = "initial-step",
-    MOVE_STEP = "move-step",
-    MOVE_END_STEP = "move-end-step",
-    END_STEP = "end-step"
-}
-export type ModalClassesType = {
-    bodyOpen?: string;
-    modalContent?: string;
-    overlay?: string;
-    background?: string;
-    containerWrap?: string;
-    containerInner?: string;
-    containerBody?: string;
-    header?: string;
-    headerCloseButton?: string;
-    titleArea?: string;
-    title?: string;
-    children?: string;
-    childrenContent?: string;
-    footer?: string;
-};
-export type ModalDataAttrsType = {
-    background?: Record<string, string>;
-    headerBackButton?: Record<string, string>;
-    headerCloseButton?: Record<string, string>;
-    containerWrap?: Record<string, string>;
-    containerInner?: Record<string, string>;
-    containerBody?: Record<string, string>;
-};
-export type ModalHeaderPropsType = {
-    /** Заголовок */
-    headerTitle?: string | JSX.Element | null;
-    /** Отобразить стрелку назад */
-    showBackButton?: boolean;
-    /** Скрыть крестик */
-    hideCloseButton?: boolean;
-    /** Отобразить дополнительный контент в шапке */
-    headerAdditionalContent?: JSX.Element | JSX.Element[] | string | null;
-    /** Отобразить тень у шапки */
-    hasHeaderShadow?: boolean;
-    /** Отобразить кнопки с подложкой */
-    hasHeaderButtonsShadow?: boolean;
-    /** Не закрепленная шапка */
-    isStaticHeader?: boolean;
-    /** Кнопки находятся вне основной шапке */
-    isOutSideHeaderButtons?: boolean;
-    /** Обработчик для стрелки назад */
-    onBackButtonClick?: () => void;
-};
-export type ModalFooterPropsType = {
-    /** Футер */
-    footer?: JSX.Element | JSX.Element[] | string | null;
-    /** Закрепить футер */
-    isStickyFooter?: boolean;
-    /** Отобразить тень у футера */
-    hasFooterShadow?: boolean;
-};
-export interface IModalProps {
-    /** Дополнительные классы для корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: ModalClassesType;
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: ModalDataAttrsType;
-    /** Состояние открытости */
-    isOpened: boolean;
-    /** Настройки для кастомного компонента скролла */
-    scrollBarParams?: Omit<IScrollBarProps, 'maxHeight'>;
-    /** Настройки для шапки модального окна */
-    headerProps?: ModalHeaderPropsType;
-    /** Настройки для футера модального окна */
-    footerProps?: ModalFooterPropsType;
-    /** Вид модального окна на разрешении 767- */
-    mobileView?: MODAL_MOBILE_VIEWS_ENUM;
-    /** Включить дефолтный скролл (отключает кастомный компонент скролла) */
-    isEnabledNativeScroll?: boolean;
-    /** Отключить закрытие шторки свайпом */
-    isSwipeDisabled?: boolean;
-    /** Отключить закрытие модального окна при клике на фон */
-    isDisabledBackgroundClick?: boolean;
-    /** Восстанавливает фокус на элементе, который был сфокусирован до открытия модального окна */
-    isReturnFocusAfterClose?: boolean;
-    /** Должен ли root-элемент приложения быть скрыт */
-    hideAriaApp?: boolean;
-    /** Устанавливает aria-label */
-    contentLabel?: string;
-    /** Обработчик закрытия модального окна */
-    onClose?: () => void;
-    /** Обработчик после открытия модального окна */
-    onAfterModalOpen?: () => void;
-    /** Ref обработчик для Content */
-    getModalContentRef?: (node: HTMLDivElement) => void;
-    /** Ref обработчик для Overlay */
-    getModalOverlayRef?: (node: HTMLDivElement) => void;
-    children?: React.ReactNode;
-}
-declare const Modal: React.FC<IModalProps>;
-export default Modal;