@megafon/ui-core 4.15.5 → 4.16.0

package/dist/lib/index.d.ts

@@ -10,6 +10,7 @@ export { default as checkBreakpointsPropTypes } from './components/Carousel/chec
 export { default as Collapse } from './components/Collapse/Collapse';
 export { default as ContentArea } from './components/ContentArea/ContentArea';
 export { default as Counter } from './components/Counter/Counter';
+export { default as CounterBadge } from './components/Badges/components/CounterBadge/CounterBadge';
 export { default as countGraphemes } from './components/TextField/utils/countGraphemes';
 export { default as Day } from './components/Calendar/components/Day/Day';
 export { default as Grid } from './components/Grid/Grid';

package/dist/lib/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "Counter", {
     return _Counter["default"];
   }
 });
+Object.defineProperty(exports, "CounterBadge", {
+  enumerable: true,
+  get: function get() {
+    return _CounterBadge["default"];
+  }
+});
 Object.defineProperty(exports, "countGraphemes", {
   enumerable: true,
   get: function get() {
@@ -316,6 +322,8 @@ var _ContentArea = _interopRequireDefault(require("./components/ContentArea/Cont
 
 var _Counter = _interopRequireDefault(require("./components/Counter/Counter"));
 
+var _CounterBadge = _interopRequireDefault(require("./components/Badges/components/CounterBadge/CounterBadge"));
+
 var _countGraphemes = _interopRequireDefault(require("./components/TextField/utils/countGraphemes"));
 
 var _Day = _interopRequireDefault(require("./components/Calendar/components/Day/Day"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "4.15.5",
+  "version": "4.16.0",
   "files": [
     "dist",
     "styles"
@@ -54,7 +54,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.10.0",
+    "@megafon/ui-icons": "^2.11.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -89,7 +89,7 @@
   "dependencies": {
     "@babel/runtime": "^7.8.4",
     "@datepicker-react/hooks": "^2.7.0",
-    "@megafon/ui-helpers": "^2.4.0",
+    "@megafon/ui-helpers": "^2.5.0",
     "@popperjs/core": "^2.5.3",
     "core-js": "^3.6.4",
     "date-fns": "^2.16.1",
@@ -100,5 +100,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "c991e35b1834e6746edde4fda2724d3cdf878084"
+  "gitHead": "7e5ec2880019da52a81060df8e96320269ab5f2f"
 }

package/styles/base.less

@@ -1,6 +1,7 @@
 @import (reference) 'colors.css';
 
 // BREAKPOINTS
+@mobileExtraSmallEnd: 359px;
 @mobileSmallEnd:      479px;
 @mobileMiddleStart:   480px;
 @mobileMiddleEnd:     767px;
@@ -13,6 +14,7 @@
 @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
@@ -48,6 +50,7 @@
 @hoverNone: ~'screen and (hover:none)';
 
 // INDENTS
+@contentHorizontalIndentMobileXS: 8px;
 @contentHorizontalIndentMobileSM: 16px;
 @contentHorizontalIndentMobileB: 48px;
 @contentHorizontalIndentDesktopS: 64px;