@megafon/ui-core 6.2.1 → 7.0.0-beta.1

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

@@ -1,389 +1 @@
-@-webkit-keyframes listAppear {
-  from {
-    -webkit-transform: translateY(-25px);
-            transform: translateY(-25px);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-@keyframes listAppear {
-  from {
-    -webkit-transform: translateY(-25px);
-            transform: translateY(-25px);
-    opacity: 0;
-  }
-  to {
-    -webkit-transform: translateY(0);
-            transform: translateY(0);
-    opacity: 1;
-  }
-}
-.mfui-select {
-  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;
-}
-.mfui-select__control {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  height: 60px;
-  border: 1px solid var(--spbSky2);
-  border-radius: 12px;
-  overflow: hidden;
-  background-color: var(--base);
-  outline: none;
-  cursor: pointer;
-  -webkit-transition: border-color 0.3s;
-  transition: border-color 0.3s;
-}
-.mfui-select__combobox {
-  font-size: 15px;
-  line-height: 24px;
-  font-weight: 400;
-  position: relative;
-  z-index: 1;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  padding: 0 45px 0 16px;
-  border: none;
-  border-radius: 0;
-  overflow: auto;
-  color: var(--content);
-  background-color: transparent;
-  outline: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  cursor: text;
-  opacity: 1;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-}
-.mfui-select_no-touch .mfui-select__control:hover,
-.mfui-select_no-touch .mfui-select__control:focus-within {
-  border-color: var(--content);
-}
-.mfui-select__title {
-  position: relative;
-  z-index: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  width: 100%;
-  height: 100%;
-  outline: none;
-}
-.mfui-select__title:after {
-  content: '';
-  position: absolute;
-  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);
-  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__title-value {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  overflow: hidden;
-}
-.mfui-select__title-inner_hide-value .mfui-select__title-value {
-  color: var(--spbSky3);
-}
-.mfui-select__title-inner {
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -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;
-  white-space: nowrap;
-}
-.mfui-select__title-inner:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 40px;
-  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__require-mark {
-  margin-left: 1px;
-  color: var(--fury);
-  font-size: 20px;
-  line-height: 0;
-}
-.mfui-select__list {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  left: 0;
-  z-index: 11;
-  display: none;
-  border-radius: 12px;
-  background-color: var(--base);
-  -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
-          box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
-}
-.mfui-select__list-inner {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  max-height: 368px;
-  padding: 16px;
-  overflow-y: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--spbSky2) transparent;
-}
-.mfui-select__list-inner_short {
-  max-height: 235px;
-}
-.mfui-select__list-inner::-webkit-scrollbar {
-  width: 16px;
-}
-.mfui-select__list-inner::-webkit-scrollbar-thumb {
-  border: 6px solid transparent;
-  border-radius: 16px;
-  background-color: #D8D8D8;
-  background-clip: padding-box;
-}
-.mfui-select__list-inner::-webkit-scrollbar-thumb:hover {
-  background-color: #999999;
-}
-.mfui-select__list-item {
-  font-family: inherit;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  border-radius: 16px;
-  background-color: var(--base);
-  cursor: pointer;
-}
-.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;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.mfui-select__item-title_active {
-  font-weight: 600;
-}
-.mfui-select__list-item_hovered .mfui-select__item-title:after {
-  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
-  background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--spbSky0));
-}
-.mfui-select__not-found {
-  padding: 8px 32px;
-  opacity: 0.5;
-}
-.mfui-select__text {
-  margin-top: 8px;
-  color: var(--spbSky3);
-  font-size: 12px;
-  line-height: 18px;
-}
-.mfui-select__highlighted-fragment {
-  font-weight: bold;
-}
-.mfui-select__label {
-  position: absolute;
-  top: 17px;
-  z-index: 1;
-  display: block;
-  overflow: auto;
-  color: var(--spbSky3);
-  -webkit-transition: top 0.5s, -webkit-transform 0.5s;
-  transition: top 0.5s, -webkit-transform 0.5s;
-  transition: transform 0.5s, top 0.5s;
-  transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s;
-  pointer-events: none;
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-}
-.mfui-select__combobox + .mfui-select__label {
-  left: 16px;
-}
-.mfui-select__combobox::-webkit-input-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-select__combobox:-moz-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-select__combobox:-ms-input-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-select__combobox::-moz-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-select__combobox::-ms-input-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-select__combobox::placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-select_open .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_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_hide-value .mfui-select__title-value {
-  color: var(--spbSky3);
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-  opacity: 0;
-}
-.mfui-select__control_labeled .mfui-select__title-inner,
-.mfui-select__control_labeled .mfui-select__combobox {
-  padding-top: 22px;
-}
-.mfui-select__control_labeled .mfui-select__combobox:focus::-webkit-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::-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: 12;
-}
-.mfui-select_open .mfui-select__title:after {
-  -webkit-transform: rotate(-180deg);
-          transform: rotate(-180deg);
-}
-.mfui-select_open .mfui-select__list {
-  display: block;
-  -webkit-animation-name: listAppear;
-          animation-name: listAppear;
-  -webkit-animation-duration: 0.3s;
-          animation-duration: 0.3s;
-  -webkit-animation-timing-function: ease-in-out;
-          animation-timing-function: ease-in-out;
-}
-.mfui-select_open .mfui-select__control {
-  border-color: var(--content);
-}
-.mfui-select_open .mfui-select__title-inner_hide-value .mfui-select__title-value {
-  opacity: 1;
-}
-.mfui-select_valid .mfui-select__control {
-  border-color: var(--brandGreen) !important;
-}
-.mfui-select_error .mfui-select__control {
-  border-color: var(--fury) !important;
-}
-.mfui-select_error .mfui-select__text {
-  color: var(--fury);
-}
-.mfui-select_disabled .mfui-select__control {
-  border-color: var(--spbSky1);
-  background-color: var(--spbSky1);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  pointer-events: none;
-}
-.mfui-select_disabled .mfui-select__title-inner:after {
-  display: none;
-}
-.mfui-select_disabled .mfui-select__title:after {
-  color: var(--content);
-  opacity: 0.5;
-}
+h1,h2,h3,h4,h5{margin:0}@-webkit-keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes listAppear{0%{opacity:0;-webkit-transform:translateY(-25px);transform:translateY(-25px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mfui-select{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;font-weight:400;line-height:24px;min-height:40px;z-index:1}.mfui-select,.mfui-select__inner{position:relative}.mfui-select__control{background-color:var(--base);border:1px solid var(--spbSky2);border-radius:12px;cursor:pointer;height:60px;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s}.mfui-select__combobox,.mfui-select__control{-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;width:100%}.mfui-select__combobox{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:var(--content);cursor:text;font-size:15px;font-weight:400;height:100%;line-height:24px;opacity:1;overflow:auto;padding:0 45px 0 16px;position:relative;z-index:1}.mfui-select_no-touch .mfui-select__control:focus-within,.mfui-select_no-touch .mfui-select__control:hover{border-color:var(--content)}.mfui-select__title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;outline:none;width:100%}.mfui-select__title:after{border:5px solid transparent;border-bottom:none;border-top:6px solid;color:var(--brandGreen);content:"";cursor:pointer;display:block;position:absolute;right:27px;top:50%;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;z-index:1}.mfui-select__title-value{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3)}.mfui-select__title-inner{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden;padding:0 45px 0 16px;white-space:nowrap}.mfui-select__title-inner:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--base));bottom:0;content:"";position:absolute;right:40px;top:0;width:40px}.mfui-select__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-select__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 1px 16px rgba(0,0,0,.2);box-shadow:0 1px 16px rgba(0,0,0,.2);display:none;left:0;position:absolute;right:0;top:100%;z-index:11}.mfui-select__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px;scrollbar-color:var(--spbSky2) transparent;scrollbar-width:thin}.mfui-select__list-inner_short{max-height:235px}.mfui-select__list-inner::-webkit-scrollbar{width:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#d8d8d8;border:6px solid transparent;border-radius:16px}.mfui-select__list-inner::-webkit-scrollbar-thumb:hover{background-color:#999}.mfui-select__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-select__list-item_hovered{background-color:var(--spbSky0)}.mfui-select__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-select__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-select__item-title{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-select__item-title_active{font-weight:600}.mfui-select__list-item_hovered .mfui-select__item-title:after{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));background:linear-gradient(to right,hsla(0,0%,100%,0),var(--spbSky0))}.mfui-select__not-found{opacity:.5;padding:8px 32px}.mfui-select__text{color:var(--spbSky3);font-size:12px;line-height:18px;margin-top:8px}.mfui-select__highlighted-fragment{font-weight:700}.mfui-select__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;top:17px;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s;z-index:1}.mfui-select__combobox+.mfui-select__label{left:16px}.mfui-select__combobox::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-select__combobox::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__title-inner:not(.mfui-select__title-inner_hide-value) .mfui-select__label,.mfui-select_open .mfui-select__label{-webkit-transform:scale(.8) translate(-12%,-75%);transform:scale(.8) translate(-12%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__combobox:not(.mfui-select__combobox_hide-value)+.mfui-select__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%);-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s}.mfui-select__control_labeled .mfui-select__title-inner_hide-value .mfui-select__title-value{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-select__control_labeled .mfui-select__combobox,.mfui-select__control_labeled .mfui-select__title-inner{padding-top:22px}.mfui-select__control_labeled .mfui-select__combobox:focus::-webkit-input-placeholder{opacity:1}.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:12}.mfui-select_open .mfui-select__title:after{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.mfui-select_open .mfui-select__list{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-name:listAppear;animation-name:listAppear;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;display:block}.mfui-select_open .mfui-select__control{border-color:var(--content)}.mfui-select_open .mfui-select__title-inner_hide-value .mfui-select__title-value{opacity:1}.mfui-select_valid .mfui-select__control{border-color:var(--brandGreen)!important}.mfui-select_error .mfui-select__control{border-color:var(--fury)!important}.mfui-select_error .mfui-select__text{color:var(--fury)}.mfui-select_disabled .mfui-select__control{background-color:var(--spbSky1);border-color:var(--spbSky1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-select_disabled .mfui-select__title-inner:after{display:none}.mfui-select_disabled .mfui-select__title:after{color:var(--content);opacity:.5}

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

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import './Select.less';
+import './Select.scss';
 export declare const SelectItemsPaddings: {
     readonly SMALL: "small";
     readonly LARGE: "large";
@@ -9,15 +8,14 @@ export declare const Verification: {
     readonly VALID: "valid";
     readonly ERROR: "error";
 };
-declare type VerificationType = typeof Verification[keyof typeof Verification];
+type VerificationType = (typeof Verification)[keyof typeof Verification];
 export declare const SelectTypes: {
     readonly CLASSIC: "classic";
     readonly COMBOBOX: "combobox";
 };
-declare type SelectTypesType = typeof SelectTypes[keyof typeof SelectTypes];
-export declare type SelectItemValueType = number | string | undefined;
-declare type ElementOrString = JSX.Element[] | JSX.Element | Element[] | Element | string;
-declare type ViewCallbackArguments = {
+type SelectTypesType = (typeof SelectTypes)[keyof typeof SelectTypes];
+export type SelectItemValueType = number | string | undefined;
+type ViewCallbackArguments = {
     filterValue: string;
     isItemActive: boolean;
 };
@@ -27,11 +25,11 @@ export interface ISelectItem<T extends SelectItemValueType> {
     /** Значение value элемента */
     value: T;
     /** Настраиваемое отображение элементов в выпадающем списке  */
-    view?: ElementOrString | ((data: ViewCallbackArguments) => ElementOrString);
+    view?: React.ReactNode | ((data: ViewCallbackArguments) => React.ReactNode);
     /** Настраиваемое отображение выбранного элемента в поле селекта  */
     selectedView?: JSX.Element | Element | React.ReactElement;
     /** Размер горизонтальных отступов элемента */
-    paddings?: typeof SelectItemsPaddings[keyof typeof SelectItemsPaddings];
+    paddings?: (typeof SelectItemsPaddings)[keyof typeof SelectItemsPaddings];
 }
 export interface ISelectProps<T extends SelectItemValueType> {
     /** Тип компонента */
@@ -93,79 +91,5 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Обработчик при закрытом селекте */
     onClosed?: () => void;
 }
-declare const Select: {
-    <T extends string | number | undefined>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, onClosed, onOpened, onSelect, }: ISelectProps<T>): JSX.Element;
-    propTypes: {
-        type: PropTypes.Requireable<"classic" | "combobox">;
-        label: PropTypes.Requireable<string>;
-        id: PropTypes.Requireable<string>;
-        currentValue: PropTypes.Requireable<string | number>;
-        verification: PropTypes.Requireable<"error" | "valid">;
-        noticeText: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
-        disabled: PropTypes.Requireable<boolean>;
-        required: PropTypes.Requireable<boolean>;
-        placeholder: PropTypes.Requireable<string>;
-        notFoundText: PropTypes.Requireable<string>;
-        className: PropTypes.Requireable<string>;
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<string>;
-            control: PropTypes.Requireable<string>;
-            title: PropTypes.Requireable<string>;
-            titleInner: PropTypes.Requireable<string>;
-            list: PropTypes.Requireable<string>;
-            listInner: PropTypes.Requireable<string>;
-            listItem: PropTypes.Requireable<string>;
-            listItemTitle: PropTypes.Requireable<string>;
-        }>>;
-        dataAttrs: PropTypes.Requireable<PropTypes.InferProps<{
-            root: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            label: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            control: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            title: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            titleInner: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            input: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            noticeText: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            list: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            listInner: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            listItem: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            listItemTitle: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-            notFound: PropTypes.Requireable<{
-                [x: string]: string;
-            }>;
-        }>>;
-        items: PropTypes.Validator<(Required<PropTypes.InferProps<{
-            view: PropTypes.Requireable<string | PropTypes.ReactElementLike | ((...args: any[]) => any)>;
-            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)[]>;
-        shortList: PropTypes.Requireable<boolean>;
-        onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        onOpened: PropTypes.Requireable<(...args: any[]) => any>;
-        onClosed: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-};
+declare const Select: <T extends SelectItemValueType>({ type, disabled, verification, noticeText, label, labelId, required, className, classes, dataAttrs, notFoundText, items, placeholder, currentValue, shortList, onClosed, onOpened, onSelect, }: ISelectProps<T>) => JSX.Element;
 export default Select;