@megafon/ui-core 4.0.0-beta.8 → 4.0.1

package/dist/lib/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/lib/components/Banner/Banner.js

@@ -71,6 +71,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,
@@ -206,7 +208,8 @@ var Banner = function Banner(_ref) {
   }, [autoPlay, pauseOnHover, swiperInstance === null || swiperInstance === void 0 ? void 0 : swiperInstance.autoplay]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.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(_react2.Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
@@ -287,6 +290,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/lib/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/lib/components/Carousel/Carousel.js

@@ -124,7 +124,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 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -249,7 +251,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 () {
@@ -293,6 +297,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/lib/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/lib/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/lib/components/ContentArea/ContentArea.js

@@ -27,9 +27,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/lib/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/lib/components/Header/Header.js

@@ -34,8 +34,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;
@@ -46,7 +46,7 @@ var Header = function Header(_ref) {
       color: color,
       margin: margin,
       level: level,
-      'h-align': hAlign,
+      'h-align': align,
       space: spaceLevel
     }, className),
     onClick: onClick
@@ -61,7 +61,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/lib/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/lib/components/List/List.js

@@ -26,13 +26,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
@@ -42,7 +42,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/lib/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/lib/components/Search/Search.css

@@ -23,13 +23,15 @@
   }
 }
 .mfui-search {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
   position: relative;
   z-index: auto;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   min-height: 40px;
   color: var(--content);
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
 }
 .mfui-search__require-mark {
   margin-left: 1px;
@@ -139,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%);
@@ -222,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/lib/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/lib/components/Search/Search.js

@@ -5,10 +5,12 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Verification = void 0;
+exports["default"] = exports.SearchItemsPaddings = exports.Verification = void 0;
 
 require("core-js/modules/es.array.map");
 
+require("core-js/modules/es.object.values");
+
 require("core-js/modules/es.regexp.constructor");
 
 require("core-js/modules/es.regexp.exec");
@@ -50,6 +52,11 @@ var Verification = {
   ERROR: 'error'
 };
 exports.Verification = Verification;
+var SearchItemsPaddings = {
+  SMALL: 'small',
+  LARGE: 'large'
+};
+exports.SearchItemsPaddings = SearchItemsPaddings;
 var cn = (0, _uiHelpers.cnCreate)('mfui-search');
 
 var Search = function Search(_ref) {
@@ -260,11 +267,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["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.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),
@@ -294,7 +304,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']),

package/dist/lib/components/Select/Select.css

@@ -23,14 +23,16 @@
   }
 }
 .mfui-select {
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
   position: relative;
   z-index: 1;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   min-height: 40px;
   color: var(--content);
+  font-family: inherit;
+  font-size: 15px;
+  line-height: 24px;
+  font-weight: 400;
 }
 .mfui-select__inner {
   position: relative;
@@ -48,21 +50,26 @@
   background-color: var(--base);
   outline: none;
   cursor: pointer;
+  -webkit-transition: border-color 0.3s;
+  transition: border-color 0.3s;
 }
 .mfui-select__control:after {
   content: '';
   position: absolute;
-  top: 53%;
+  top: 50%;
   right: 27px;
+  z-index: 1;
   display: block;
   border-top: 6px solid;
   border-right: 5px solid transparent;
   border-bottom: none;
   border-left: 5px solid transparent;
   color: var(--brandGreen);
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
   cursor: pointer;
+  -webkit-transition: -webkit-transform 0.6s;
+  transition: -webkit-transform 0.6s;
+  transition: transform 0.6s;
+  transition: transform 0.6s, -webkit-transform 0.6s;
 }
 .mfui-select__combobox {
   font-size: 15px;
@@ -89,7 +96,8 @@
      -moz-appearance: none;
           appearance: none;
 }
-.mfui-select_no-touch .mfui-select__control:hover {
+.mfui-select_no-touch .mfui-select__control:hover,
+.mfui-select_no-touch .mfui-select__control:focus-within {
   border-color: var(--content);
 }
 .mfui-select__title {
@@ -109,11 +117,12 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: end;
-      -ms-flex-align: end;
-          align-items: flex-end;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow: hidden;
 }
-.mfui-select__title-inner_placeholder .mfui-select__title-value {
+.mfui-select__title-inner_hide-value .mfui-select__title-value {
   color: var(--spbSky3);
 }
 .mfui-select__title-inner {
@@ -127,6 +136,8 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 100%;
   padding: 0 45px 0 16px;
   overflow: hidden;
@@ -136,7 +147,7 @@
   content: '';
   position: absolute;
   top: 0;
-  right: 0;
+  right: 40px;
   bottom: 0;
   width: 40px;
   background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
@@ -153,7 +164,7 @@
   top: 100%;
   right: 0;
   left: 0;
-  z-index: 10;
+  z-index: 11;
   display: none;
   border-radius: 12px;
   background-color: var(--base);
@@ -181,7 +192,8 @@
 }
 .mfui-select__list-item {
   font-family: inherit;
-  padding: 8px 32px;
+  padding-top: 12px;
+  padding-bottom: 12px;
   border-radius: 16px;
   background-color: var(--base);
   cursor: pointer;
@@ -189,6 +201,14 @@
 .mfui-select__list-item_hovered {
   background-color: var(--spbSky0);
 }
+.mfui-select__list-item_paddings_large {
+  padding-right: 32px;
+  padding-left: 32px;
+}
+.mfui-select__list-item_paddings_small {
+  padding-right: 12px;
+  padding-left: 12px;
+}
 .mfui-select__item-title {
   position: relative;
   display: -webkit-box;
@@ -200,18 +220,6 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.mfui-select__item-title:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 40px;
-  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
-  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--base));
 }
 .mfui-select__item-title_active {
   font-weight: 600;
@@ -289,19 +297,19 @@
   transition: opacity 0.2s;
 }
 .mfui-select_open .mfui-select__label,
-.mfui-select__title-inner:not(.mfui-select__title-inner_placeholder) .mfui-select__label {
+.mfui-select__title-inner:not(.mfui-select__title-inner_hide-value) .mfui-select__label {
   -webkit-transform: scale(0.8) translate(-12%, -75%);
           transform: scale(0.8) translate(-12%, -75%);
   -webkit-transition-duration: 0.2s, 0.01s;
           transition-duration: 0.2s, 0.01s;
 }
-.mfui-select__combobox:not(.mfui-select__combobox_placeholder) + .mfui-select__label {
+.mfui-select__combobox:not(.mfui-select__combobox_hide-value) + .mfui-select__label {
   -webkit-transform: scale(0.8) translate(-12.5%, -75%);
           transform: scale(0.8) translate(-12.5%, -75%);
   -webkit-transition-duration: 0.2s, 0.01s;
           transition-duration: 0.2s, 0.01s;
 }
-.mfui-select__control_labeled .mfui-select__title-inner_placeholder .mfui-select__title-value {
+.mfui-select__control_labeled .mfui-select__title-inner_hide-value .mfui-select__title-value {
   color: var(--spbSky3);
   -webkit-transition: opacity 0.2s;
   transition: opacity 0.2s;
@@ -320,12 +328,21 @@
 .mfui-select__control_labeled .mfui-select__combobox:focus:-ms-input-placeholder {
   opacity: 1;
 }
+.mfui-select__control_labeled .mfui-select__combobox:focus::-moz-placeholder {
+  opacity: 1;
+}
+.mfui-select__control_labeled .mfui-select__combobox:focus::-ms-input-placeholder {
+  opacity: 1;
+}
+.mfui-select__control_labeled .mfui-select__combobox:focus::placeholder {
+  opacity: 1;
+}
 .mfui-select_open {
   z-index: 100;
 }
 .mfui-select_open .mfui-select__control:after {
-  border-top: none;
-  border-bottom: 6px solid;
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 .mfui-select_open .mfui-select__list {
   display: block;
@@ -339,7 +356,7 @@
 .mfui-select_open .mfui-select__control {
   border-color: var(--content);
 }
-.mfui-select_open .mfui-select__title-inner_placeholder .mfui-select__title-value {
+.mfui-select_open .mfui-select__title-inner_hide-value .mfui-select__title-value {
   opacity: 1;
 }
 .mfui-select_valid .mfui-select__control {

package/dist/lib/components/Select/Select.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import './Select.less';
+export declare const SelectItemsPaddings: {
+    readonly SMALL: "small";
+    readonly LARGE: "large";
+};
 export declare const Verification: {
     readonly VALID: "valid";
     readonly ERROR: "error";
@@ -26,6 +30,8 @@ export interface ISelectItem<T extends SelectItemValueType> {
     view?: ElementOrString | ((data: ViewCallbackArguments) => ElementOrString);
     /** Настраиваемое отображение выбранного элемента в поле селекта  */
     selectedView?: JSX.Element | Element | React.ReactElement;
+    /** Размер горизонтальных отступов элемента */
+    paddings?: typeof SelectItemsPaddings[keyof typeof SelectItemsPaddings];
 }
 export interface ISelectProps<T extends SelectItemValueType> {
     /** Тип компонента */
@@ -134,6 +140,7 @@ declare const Select: {
             selectedView: PropTypes.Requireable<string | PropTypes.ReactElementLike | ((...args: any[]) => any)>;
             title: PropTypes.Validator<string>;
             value: PropTypes.Validator<string | number>;
+            paddings: PropTypes.Requireable<"small" | "large">;
         }>> | null | undefined)[]>;
         onSelect: PropTypes.Requireable<(...args: any[]) => any>;
         onOpened: PropTypes.Requireable<(...args: any[]) => any>;