@megafon/ui-core 4.0.0-beta.9 → 4.0.2

package/CHANGELOG.md

@@ -3,65 +3,123 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [4.0.0-beta.9](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.0-beta.8...@megafon/ui-core@4.0.0-beta.9) (2022-07-15)
+## [4.0.2](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.1...@megafon/ui-core@4.0.2) (2022-09-14)
 
 
 ### Bug Fixes
 
-* **select:** update styles ([b863c8c](https://github.com/MegafonWebLab/megafon-ui/commit/b863c8c94af251d6b3c9ee39124486d7d5db9a58))
+* change ui-icons peer dependecy ([4936d3f](https://github.com/MegafonWebLab/megafon-ui/commit/4936d3f7d4b04d1dd8fde870c4b251f8ff36c958))
 
 
 
 
 
-# [4.0.0-beta.8](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.0-beta.7...@megafon/ui-core@4.0.0-beta.8) (2022-07-14)
+## [4.0.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.0...@megafon/ui-core@4.0.1) (2022-09-14)
 
 
 ### Bug Fixes
 
-* **accordion:** change focus and dark theme styles ([d3e07ea](https://github.com/MegafonWebLab/megafon-ui/commit/d3e07ea6fee0c131e25db1bb558d8b205d201e0c))
-* **notification:** change title typography ([f91a60e](https://github.com/MegafonWebLab/megafon-ui/commit/f91a60ee1562626494358ef529321f072ba70890))
-* **tabs:** change dark theme and indents styles ([272dfcb](https://github.com/MegafonWebLab/megafon-ui/commit/272dfcbeef750f2f7ae097b46f7d98405cf53a88))
+* remove forgotten deprecated props ([3acaf97](https://github.com/MegafonWebLab/megafon-ui/commit/3acaf9731780f89c7087a8b6f9af943a62f7a185))
 
 
-### Features
 
-* **header:** add new prop space ([e5bef7c](https://github.com/MegafonWebLab/megafon-ui/commit/e5bef7c8e13c57e477a4c25f07a4a4a6dbb8b6bd))
 
 
+# [4.0.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.14.0...@megafon/ui-core@4.0.0) (2022-09-14)
 
 
+### Bug Fixes
 
-# [4.0.0-beta.7](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.0-beta.6...@megafon/ui-core@4.0.0-beta.7) (2022-07-13)
+* **accordion:** change focus and dark theme styles ([52b9b80](https://github.com/MegafonWebLab/megafon-ui/commit/52b9b80131013178edb52a9b64f681ede3ca44ae))
+* **accordion:** fixes top and bottom padding for title wrap ([ea078f4](https://github.com/MegafonWebLab/megafon-ui/commit/ea078f47aa61f1f0f3ab531b6189e035cc2f9a50))
+* **accordion:** update mobile styles ([ec039a1](https://github.com/MegafonWebLab/megafon-ui/commit/ec039a12cd27a2dba7646a516c9375dbe454203a))
+* **notification:** change title typography ([74edb02](https://github.com/MegafonWebLab/megafon-ui/commit/74edb0254e77d05cc15630d699d98400b00ee158))
+* **notification:** fix bottom gaps ([8bdf732](https://github.com/MegafonWebLab/megafon-ui/commit/8bdf7320dd57d91c6693dfa2b6d0c2d4860dccef))
+* **notification:** fix margin for bottom block ([2a62d08](https://github.com/MegafonWebLab/megafon-ui/commit/2a62d0826f8fc7d92cc5ab5bc11489478a4f711f))
+* **notification:** fixes passive close icon color for colored error type ([4bb3db7](https://github.com/MegafonWebLab/megafon-ui/commit/4bb3db72374c44fd2e6128fac06eae33418bebbd))
+* **search:** add modifier for item paddings ([cea9ad0](https://github.com/MegafonWebLab/megafon-ui/commit/cea9ad05c3d9fc31e883eb4cccdb714499fae5b8))
+* **search:** fixes hidden placeholder on focus for firefox ([c3177f4](https://github.com/MegafonWebLab/megafon-ui/commit/c3177f4da6358da851c0795e64f4025d9456390d))
+* **select:** add modifier for item paddings ([e363aa2](https://github.com/MegafonWebLab/megafon-ui/commit/e363aa270ac3e0d65c34919e87756687082b2894))
+* **select:** fix items overflow ([2d4a861](https://github.com/MegafonWebLab/megafon-ui/commit/2d4a86151d8575e82a9957366f7d515333543e6c))
+* **select:** fix styles ([f92079c](https://github.com/MegafonWebLab/megafon-ui/commit/f92079c21330baec2aa5eb333dbe2c631fa74939))
+* **select:** fixes hidden placeholder on focus for firefox ([1a965f7](https://github.com/MegafonWebLab/megafon-ui/commit/1a965f71e0876e05fbc8dfdfe4ddc25e3eb67bb2))
+* **select:** update styles ([878d579](https://github.com/MegafonWebLab/megafon-ui/commit/878d579f9ca21e20996e9e3bea4c083fe736e322))
+* **select:** update value check for undefined ([40fe547](https://github.com/MegafonWebLab/megafon-ui/commit/40fe54706093aeab25ab3162e48f523fd25495bf))
+* **tabs:** change dark theme and indents styles ([4cd4c1b](https://github.com/MegafonWebLab/megafon-ui/commit/4cd4c1bda7cae3c501f6c275a959df3097ca7b6d))
+* **tabs:** fix container alignment ([188ae36](https://github.com/MegafonWebLab/megafon-ui/commit/188ae36ebd677982d5be35efae6e94ab5442b308))
+* **tabs:** fix swiper arrows ([ca5d5d7](https://github.com/MegafonWebLab/megafon-ui/commit/ca5d5d7a83df6ed7dea0530bdaec25a123643185))
+* **tabs:** fix swiper overflow and box-sizing ([ff71fb3](https://github.com/MegafonWebLab/megafon-ui/commit/ff71fb3f5e24663d59a2661427f187d600f397a9))
+* **textfield:** fix label styles ([bf6eeee](https://github.com/MegafonWebLab/megafon-ui/commit/bf6eeeeca96cb8dacafe2e33247bacaaca04adc9))
+* **textfield:** fix textarea design bugs ([d903435](https://github.com/MegafonWebLab/megafon-ui/commit/d9034354d5239cd00472fa19c472b6cde7566335))
+* **textfield:** fixes notice text transition ([0585505](https://github.com/MegafonWebLab/megafon-ui/commit/05855055cf5c76a419471ac130587060431af0fd))
+* **textfield:** fixes permanently visible block after the field ([b7355ef](https://github.com/MegafonWebLab/megafon-ui/commit/b7355ef4595922978a208356a5a64f9ded9cae8d))
+* **textfield:** hide verification icon for disabled field ([37de2a2](https://github.com/MegafonWebLab/megafon-ui/commit/37de2a26bb4e61f9b10102d652a2c42a6fd220a5))
+* **textfield:** returned correct color to notice text ([2448a84](https://github.com/MegafonWebLab/megafon-ui/commit/2448a841942af7765da84e403d4c644af38be6ac))
+* **textfield:** update textarea scroll and resize ([af85c70](https://github.com/MegafonWebLab/megafon-ui/commit/af85c70fbb1b598f733bbc92ed3f5cc4f499f6c4))
 
 
-### Bug Fixes
+### Features
 
-* **select:** fix styles ([3e79c68](https://github.com/MegafonWebLab/megafon-ui/commit/3e79c68fecde72e515b7ef52d38d9188e51680f6))
+* **accordion:** update by new design ([b11ead5](https://github.com/MegafonWebLab/megafon-ui/commit/b11ead5db95675f25354634930f5c3fffb207dbf))
+* **caption:** add new Caption component; update .smallFont() less mixin ([31156ff](https://github.com/MegafonWebLab/megafon-ui/commit/31156ff6ff4d47713be7e44f7e1d31508ad75288))
+* **header:** add new prop space ([7a9479e](https://github.com/MegafonWebLab/megafon-ui/commit/7a9479e85c1f5c19b7f2bae2e6a4d234712f2d7c))
+* **inputlabel:** component removed ([418fd61](https://github.com/MegafonWebLab/megafon-ui/commit/418fd618095da254bbfd0825b24a668c15d70d64))
+* **paragraph:** remove prop size; add new prop; add 'pale' option to colors ([32b0c54](https://github.com/MegafonWebLab/megafon-ui/commit/32b0c54eaf82ceb1f24d5fc90a9aa81d3e427ee3))
+* **search:** changed dropdown list item height ([c2932fe](https://github.com/MegafonWebLab/megafon-ui/commit/c2932fefafa67a6a69353c9edc49ccfc86a42dcf))
+* **search:** component redesign ([fe62aff](https://github.com/MegafonWebLab/megafon-ui/commit/fe62aff90aee0109072514ef230d1d8689ef10ba))
+* **select:** component redesign ([b7d552f](https://github.com/MegafonWebLab/megafon-ui/commit/b7d552fe1ba0bae93fe1cbf864b469f9ed4bc9ce))
+* **select:** fixed label position with empty string value and minor style changes ([eeaa6bb](https://github.com/MegafonWebLab/megafon-ui/commit/eeaa6bbd18740acdc450843465525ab0d2e2983b))
+* **tabs:** update by new design ([08d76f0](https://github.com/MegafonWebLab/megafon-ui/commit/08d76f0e15b8b7a54a18d7f115db4744b12e8ac2))
+* **textfield:** add prop hidePlaceholder ([609b4db](https://github.com/MegafonWebLab/megafon-ui/commit/609b4dbfc028897e0f47b07246b0e2d8b066871b))
+* **textfield:** update by new design ([f922fed](https://github.com/MegafonWebLab/megafon-ui/commit/f922fedc186bbe02fb2cf6a554edbd3a208ad60c))
+
+
+### BREAKING CHANGES
+
+* **inputlabel:** inputLabel component removed due to non-use
+* **textfield:** add defaultTransitionTiming in less global variables
+* **tabs:** new prop autoWidth added
+size prop small vallue removed
+new sizes
+* **textfield:** add placeholders text by default
+ label element positon changed
+ if label prop not setted, label element has text from placeholder (default or in props)
+* **accordion:** change next-sibling accordion styles
+* **caption:** .smallFont() less mixin line-height rule now set to 18px instead of 16px
+either accept new rules or manually add line-height: 16px in your components
+* **paragraph:** prop 'size' is no longer exists.
+use component Caption instead of Paragraph size="small"
 
 
 
 
 
-# [4.0.0-beta.6](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.0.0-beta.5...@megafon/ui-core@4.0.0-beta.6) (2022-07-05)
+# [3.14.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.13.0...@megafon/ui-core@3.14.0) (2022-09-06)
 
 
 ### Features
 
-* **inputlabel:** component removed ([1f236ac](https://github.com/MegafonWebLab/megafon-ui/commit/1f236ace90acfd7ea1917422677fa24c1c5abdf4))
-* **search:** component redesign ([d6f11eb](https://github.com/MegafonWebLab/megafon-ui/commit/d6f11eb7ee810b835879c7a31e5e01c426060ea1))
-* **select:** component redesign ([aeeda00](https://github.com/MegafonWebLab/megafon-ui/commit/aeeda00dfc1db70421a495a686954e19eecf815d))
+* **badge:** add new promo badge type ([8cbe525](https://github.com/MegafonWebLab/megafon-ui/commit/8cbe5253b9d08c19c9343b42cb3920ac259c8844))
+* **carousel:** add new prop slideToClickedSlide ([8a43432](https://github.com/MegafonWebLab/megafon-ui/commit/8a4343290f943475c8522adaa3ad2b564c551d83))
+
 
 
 ### BREAKING CHANGES
 
 * **inputlabel:** inputLabel component removed due to non-use
 
+# [3.13.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.12.1...@megafon/ui-core@3.13.0) (2022-08-11)
+
+
+### Features
+
+* **banner:** add auto height ([c7658fa](https://github.com/MegafonWebLab/megafon-ui/commit/c7658faf335bc26f0a1b816e29b9cca114944691))
+
 
 
 
 
-# [4.0.0-beta.5](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.12.0...@megafon/ui-core@4.0.0-beta.5) (2022-06-29)
+## [3.12.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.12.0...@megafon/ui-core@3.12.1) (2022-08-02)
 
 
 ### Bug Fixes

package/dist/es/components/Accordion/Accordion.css

@@ -12,7 +12,7 @@
 }
 .mfui-accordion__title-wrap {
   position: relative;
-  padding: 20px 20px 44px 16px;
+  padding: 24px 44px 24px 16px;
   border-radius: 12px;
   cursor: pointer;
   -webkit-transition: background-color 0.3s;
@@ -20,14 +20,16 @@
 }
 @media screen and (min-width: 768px) {
   .mfui-accordion__title-wrap {
-    padding: 20px 56px 20px 24px;
+    padding: 24px 56px 24px 24px;
   }
 }
 .mfui-accordion__title-wrap:hover {
   background-color: var(--spbSky1);
 }
-.mfui-accordion__title-wrap:focus {
-  background-color: inherit;
+@media screen and (max-width: 1023px) {
+  .mfui-accordion__title-wrap:focus {
+    background-color: inherit;
+  }
 }
 .mfui-accordion__icon-box {
   position: absolute;

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

@@ -27,6 +27,10 @@
 .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;

package/dist/es/components/Badges/components/PromoBadge/PromoBadge.d.ts

@@ -6,6 +6,7 @@ export declare const PromoBadgeTypes: {
     readonly VIP: "vip";
     readonly POPULAR: "popular";
     readonly USER_CHOICE: "user-choice";
+    readonly INTERESTS: "interests";
 };
 declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadgeTypes];
 export interface IPromoBadgeProps {

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

@@ -9,7 +9,8 @@ export var PromoBadgeTypes = {
   NEW: 'new',
   VIP: 'vip',
   POPULAR: 'popular',
-  USER_CHOICE: 'user-choice'
+  USER_CHOICE: 'user-choice',
+  INTERESTS: 'interests'
 };
 var cn = cnCreate('mfui-promo-badge');
 

package/dist/es/components/Banner/Banner.css

@@ -36,6 +36,9 @@
     height: 400px;
   }
 }
+.mfui-banner_auto-height .mfui-banner__slide {
+  height: auto;
+}
 @media screen and (min-width: 1024px) {
   .mfui-banner .swiper-slide-visible {
     opacity: 1;

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

@@ -36,6 +36,8 @@ export interface IBannerProps {
     pauseOnHover?: boolean;
     /** Цветовая тема навигации */
     navTheme?: NavThemeType;
+    /** Автоматическая высота слайдов */
+    autoHeight?: boolean;
     /** Обработчик клика по стрелке "вперед" (должен быть обернут в useCallback) */
     onNextClick?: (index: number) => void;
     /** Обработчик клика по стрелке "назад" (должен быть обернут в useCallback) */

package/dist/es/components/Banner/Banner.js

@@ -43,6 +43,8 @@ var Banner = function Banner(_ref) {
       loop = _ref$loop === void 0 ? false : _ref$loop,
       _ref$navTheme = _ref.navTheme,
       navTheme = _ref$navTheme === void 0 ? 'light' : _ref$navTheme,
+      _ref$autoHeight = _ref.autoHeight,
+      autoHeight = _ref$autoHeight === void 0 ? false : _ref$autoHeight,
       _ref$children = _ref.children,
       children = _ref$children === void 0 ? [] : _ref$children,
       onNextClick = _ref.onNextClick,
@@ -178,7 +180,8 @@ var Banner = function Banner(_ref) {
   }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
-      'nav-theme': navTheme
+      'nav-theme': navTheme,
+      'auto-height': autoHeight
     }, className),
     ref: rootRef
   }), /*#__PURE__*/React.createElement(Swiper, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
@@ -259,6 +262,7 @@ Banner.propTypes = {
   autoPlayDelay: PropTypes.number,
   pauseOnHover: PropTypes.bool,
   navTheme: PropTypes.oneOf(Object.values(NavTheme)),
+  autoHeight: PropTypes.bool,
   onNextClick: PropTypes.func,
   onPrevClick: PropTypes.func,
   onDotClick: PropTypes.func,

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

@@ -72,6 +72,8 @@ export interface ICarouselProps {
     effectTheme?: EffectThemeType;
     /** Css селектор элемента, при перетаскивании которого не будет происходить смена слайдов */
     noSwipingSelector?: string;
+    /** Свайп к слайду, по которому произведен клик */
+    slideToClickedSlide?: boolean;
     /** Ref на swiper */
     getSwiper?: (instance: SwiperCore) => void;
     /** Обработчик клика по стрелке вперед (должен быть обернут в useCallback) */

package/dist/es/components/Carousel/Carousel.js

@@ -92,7 +92,9 @@ var Carousel = function Carousel(_ref) {
       getSwiper = _ref.getSwiper,
       onNextClick = _ref.onNextClick,
       onPrevClick = _ref.onPrevClick,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      _ref$slideToClickedSl = _ref.slideToClickedSlide,
+      slideToClickedSlide = _ref$slideToClickedSl === void 0 ? false : _ref$slideToClickedSl;
 
   var _React$useState = React.useState(),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -219,7 +221,9 @@ var Carousel = function Carousel(_ref) {
   };
 
   var disableFocusOnSlideClick = function disableFocusOnSlideClick(e) {
-    e.nativeEvent.preventDefault();
+    if (e.nativeEvent.target.closest(".".concat(cn()))) {
+      e.nativeEvent.preventDefault();
+    }
   };
 
   React.useEffect(function () {
@@ -263,6 +267,7 @@ var Carousel = function Carousel(_ref) {
     allowTouchMove: !disableTouchMove,
     centeredSlides: centeredSlides,
     effect: effectTheme,
+    slideToClickedSlide: slideToClickedSlide,
     fadeEffect: effectTheme === EffectTheme.FADE ? {
       crossFade: effectTheme === EffectTheme.FADE
     } : undefined,

package/dist/es/components/ContentArea/ContentArea.css

@@ -5,10 +5,6 @@ h4,
 h5 {
   margin: 0;
 }
-.mfui-content-area {
-  /* deprecated */
-  /* deprecated */
-}
 .mfui-content-area_background-color_transparent {
   background-color: transparent;
 }
@@ -33,9 +29,6 @@ h5 {
 .mfui-content-area_background-color_spbSky2 {
   background-color: var(--spbSky2);
 }
-.mfui-content-area_background-color_default {
-  background-color: var(--content);
-}
 .mfui-content-area__inner {
   -webkit-box-sizing: content-box;
           box-sizing: content-box;
@@ -108,6 +101,3 @@ h5 {
 .mfui-content-area__inner_background-color_spbSky2 {
   background-color: var(--spbSky2);
 }
-.mfui-content-area__inner_background-color_default {
-  background-color: var(--content);
-}

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

@@ -9,7 +9,6 @@ declare const BACKGROUND_COLORS: {
     readonly SPB_SKY_0: "spbSky0";
     readonly SPB_SKY_1: "spbSky1";
     readonly SPB_SKY_2: "spbSky2";
-    readonly DEFAULT: "default";
 };
 export declare type BackgroundColorType = typeof BACKGROUND_COLORS[keyof typeof BACKGROUND_COLORS];
 declare const DisableIndents: {

package/dist/es/components/ContentArea/ContentArea.js

@@ -11,9 +11,7 @@ var BACKGROUND_COLORS = {
   PURPLE: 'purple',
   SPB_SKY_0: 'spbSky0',
   SPB_SKY_1: 'spbSky1',
-  SPB_SKY_2: 'spbSky2',
-  // @deprecated
-  DEFAULT: 'default'
+  SPB_SKY_2: 'spbSky2'
 };
 var DisableIndents = {
   MOBILE: 'mobile',

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

@@ -18,7 +18,7 @@ interface IHeaderProps {
         root?: Record<string, string>;
     };
     /** Горизонтальное выравнивание */
-    hAlign?: 'inherit' | 'left' | 'center' | 'right';
+    align?: 'inherit' | 'left' | 'center' | 'right';
     /** Обработчик клика */
     onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
 }

package/dist/es/components/Header/Header.js

@@ -16,8 +16,8 @@ var Header = function Header(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? 'default' : _ref$color,
       dataAttrs = _ref.dataAttrs,
-      _ref$hAlign = _ref.hAlign,
-      hAlign = _ref$hAlign === void 0 ? 'inherit' : _ref$hAlign,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? 'inherit' : _ref$align,
       margin = _ref.margin,
       onClick = _ref.onClick;
   var ElementType = level;
@@ -28,7 +28,7 @@ var Header = function Header(_ref) {
       color: color,
       margin: margin,
       level: level,
-      'h-align': hAlign,
+      'h-align': align,
       space: spaceLevel
     }, className),
     onClick: onClick
@@ -43,7 +43,7 @@ Header.propTypes = {
   space: PropTypes.oneOf(['wide', 'tight']),
   margin: PropTypes.bool,
   addition: PropTypes.element,
-  hAlign: PropTypes.oneOf(['inherit', 'left', 'center', 'right']),
+  align: PropTypes.oneOf(['inherit', 'left', 'center', 'right']),
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired)
   }),

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

@@ -4,7 +4,7 @@ export interface IListProps {
     /** Тип списка */
     as?: 'ul' | 'ol';
     /** Выравнивание по горизонтали */
-    hAlign?: 'center' | 'right';
+    align?: 'center' | 'right';
     /** Жирность шрифта */
     weight?: 'light' | 'regular' | 'bold';
     /** Цвет */

package/dist/es/components/List/List.js

@@ -11,13 +11,13 @@ var List = function List(_ref) {
       color = _ref$color === void 0 ? 'default' : _ref$color,
       _ref$weight = _ref.weight,
       weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
-      hAlign = _ref.hAlign,
+      align = _ref.align,
       className = _ref.className,
       children = _ref.children;
   var ElementType = as;
   return /*#__PURE__*/React.createElement(ElementType, {
     className: cn({
-      'h-align': hAlign,
+      'h-align': align,
       color: color,
       weight: weight,
       type: as
@@ -27,7 +27,7 @@ var List = function List(_ref) {
 
 List.propTypes = {
   as: PropTypes.oneOf(['ul', 'ol']),
-  hAlign: PropTypes.oneOf(['center', 'right']),
+  align: PropTypes.oneOf(['center', 'right']),
   weight: PropTypes.oneOf(['light', 'regular', 'bold']),
   color: PropTypes.oneOf(['default', 'black', 'white', 'gray', 'green', 'purple', 'red', 'inherit']),
   className: PropTypes.string

package/dist/es/components/Notification/Notification.css

@@ -132,7 +132,6 @@ h5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  gap: 16px;
   -webkit-box-align: end;
       -ms-flex-align: end;
           align-items: flex-end;
@@ -142,16 +141,10 @@ h5 {
   width: 100%;
   margin-top: 8px;
 }
-@media screen and (min-width: 768px) {
-  .mfui-notification__bottom {
-    gap: 20px;
-  }
-}
 .mfui-notification__bottom-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  gap: 16px;
   overflow: hidden;
 }
 .mfui-notification__bottom_has-button {
@@ -175,6 +168,9 @@ h5 {
     line-height: 18px;
   }
 }
+.mfui-notification__button + .mfui-notification__link {
+  margin-left: 16px;
+}
 .mfui-notification__link-arrow,
 .mfui-notification__collapse-arrow {
   width: 20px;
@@ -214,6 +210,15 @@ h5 {
   .mfui-notification__collapse-button {
     font-size: 12px;
     line-height: 18px;
+    margin-left: 16px;
+  }
+}
+.mfui-notification__bottom-block + .mfui-notification__collapse-button {
+  margin-left: 20px;
+}
+@media screen and (max-width: 767px) {
+  .mfui-notification__bottom-block + .mfui-notification__collapse-button {
+    margin-left: 16px;
   }
 }
 .mfui-notification__collapse_hidden {
@@ -331,3 +336,11 @@ h5 {
   /* stylelint-disable-line max-nesting-depth */
   fill: var(--stcWhite);
 }
+.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover) {
+  background-color: var(--stcWhite20);
+}
+.mfui-notification_colored.mfui-notification_type_error .mfui-notification__close:not(:hover) .mfui-notification__close-icon {
+  /* stylelint-disable-line max-nesting-depth */
+  opacity: 1;
+  fill: var(--stcWhite);
+}

package/dist/es/components/Search/Search.css

@@ -141,6 +141,15 @@
 .mfui-search__search-wrapper_labeled .mfui-search__search-field:focus:-ms-input-placeholder {
   opacity: 1;
 }
+.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-moz-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-search__search-wrapper_labeled .mfui-search__search-field:focus::placeholder {
+  opacity: 1;
+}
 .mfui-search__search-field_filled + .mfui-search__label,
 .mfui-search__search-field:focus + .mfui-search__label {
   -webkit-transform: scale(0.8) translate(-12.5%, -75%);
@@ -224,11 +233,20 @@
 }
 .mfui-search__list-item {
   font-family: inherit;
-  padding: 8px 32px;
+  padding-top: 12px;
+  padding-bottom: 12px;
   border-radius: 16px;
   background-color: var(--base);
   cursor: pointer;
 }
+.mfui-search__list-item_paddings_large {
+  padding-right: 32px;
+  padding-left: 32px;
+}
+.mfui-search__list-item_paddings_small {
+  padding-right: 12px;
+  padding-left: 12px;
+}
 .mfui-search__list-item_active {
   background-color: var(--spbSky0);
 }

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

@@ -6,11 +6,17 @@ export declare const Verification: {
 };
 declare type VerificationType = typeof Verification[keyof typeof Verification];
 declare type ElementOrString = JSX.Element[] | JSX.Element | Element[] | Element;
+export declare const SearchItemsPaddings: {
+    readonly SMALL: "small";
+    readonly LARGE: "large";
+};
 export declare type SearchItem = {
     /** Значение value элемента */
     value: string;
     /** Настраиваемое отображение элементов в выпадающем списке */
     searchView?: ElementOrString;
+    /** Размер горизонтальных отступов элемента */
+    paddings?: typeof SearchItemsPaddings[keyof typeof SearchItemsPaddings];
 };
 export interface ISearchProps {
     /** Дополнительные data атрибуты к внутренним элементам */

package/dist/es/components/Search/Search.js

@@ -1,4 +1,5 @@
 import "core-js/modules/es.array.map";
+import "core-js/modules/es.object.values";
 import "core-js/modules/es.regexp.constructor";
 import "core-js/modules/es.regexp.exec";
 import "core-js/modules/es.regexp.to-string";
@@ -24,6 +25,10 @@ export var Verification = {
   VALID: 'valid',
   ERROR: 'error'
 };
+export var SearchItemsPaddings = {
+  SMALL: 'small',
+  LARGE: 'large'
+};
 var cn = cnCreate('mfui-search');
 
 var Search = function Search(_ref) {
@@ -220,11 +225,14 @@ var Search = function Search(_ref) {
     className: cn('list-inner')
   }, items.map(function (_ref2, i) {
     var itemValue = _ref2.value,
-        searchView = _ref2.searchView;
+        searchView = _ref2.searchView,
+        _ref2$paddings = _ref2.paddings,
+        paddings = _ref2$paddings === void 0 ? SearchItemsPaddings.LARGE : _ref2$paddings;
     return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1), {
       ref: activeIndex === i ? highlightedItem : null,
       className: cn('list-item', {
-        active: activeIndex === i
+        active: activeIndex === i,
+        paddings: paddings
       }),
       onMouseDown: handleSelectSubmit(i),
       onMouseEnter: handleHoverItem(i),
@@ -254,7 +262,8 @@ Search.propTypes = {
   hideIcon: PropTypes.bool,
   items: PropTypes.arrayOf(PropTypes.shape({
     value: PropTypes.string.isRequired,
-    searchView: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.arrayOf(PropTypes.element)])
+    searchView: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
+    paddings: PropTypes.oneOf(Object.values(SearchItemsPaddings))
   }).isRequired),
   changeDelay: PropTypes.number,
   verification: PropTypes.oneOf(['valid', 'error']),