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

package/dist/lib/components/Search/Search.css

@@ -1,453 +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-search {
-  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;
-  color: var(--fury);
-  font-size: 20px;
-  line-height: 0;
-}
-.mfui-search__control {
-  position: relative;
-  z-index: 1;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  border: 1px solid;
-  outline: none;
-  cursor: pointer;
-  -webkit-transition: border-color 0.3s;
-  transition: border-color 0.3s;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.mfui-search__field_labeled::-webkit-input-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-search__field_labeled::-moz-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-search__field_labeled:-moz-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-search__field_labeled:-ms-input-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-search__field_labeled::-ms-input-placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-search__field_labeled::placeholder {
-  color: var(--spbSky3);
-  opacity: 0;
-  -webkit-transition: opacity 0.2s;
-  transition: opacity 0.2s;
-}
-.mfui-search__field:focus::-webkit-input-placeholder {
-  opacity: 1;
-}
-.mfui-search__field:focus::-moz-placeholder {
-  opacity: 1;
-}
-.mfui-search__field:focus:-moz-placeholder {
-  opacity: 1;
-}
-.mfui-search__field:focus:-ms-input-placeholder {
-  opacity: 1;
-}
-.mfui-search__field:focus::-ms-input-placeholder {
-  opacity: 1;
-}
-.mfui-search__field:focus::placeholder {
-  opacity: 1;
-}
-.mfui-search__field {
-  position: relative;
-  z-index: 1;
-  display: block;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  overflow: auto;
-  color: var(--content);
-  font-size: 100%;
-  font-family: inherit;
-  line-height: 25px;
-  background-color: transparent;
-  outline: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  cursor: text;
-  opacity: 1;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  caret-color: var(--brandGreen);
-}
-@media screen and (max-width: 767px) {
-  .mfui-search__field {
-    width: 90%;
-  }
-}
-.mfui-search__label {
-  position: absolute;
-  z-index: 1;
-  display: block;
-  overflow: auto;
-  color: var(--spbSky3);
-  -webkit-transition-duration: 0.2s, 0.01s;
-          transition-duration: 0.2s, 0.01s;
-  pointer-events: none;
-  font-family: inherit;
-  font-size: 15px;
-  line-height: 24px;
-}
-.mfui-search__list {
-  position: absolute;
-  top: calc(100% + 1px);
-  right: -1px;
-  left: -1px;
-  z-index: 0;
-  display: none;
-  border-radius: 12px;
-  background-color: var(--base);
-  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
-}
-.mfui-search__clear,
-.mfui-search__submit-button {
-  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;
-          justify-content: center;
-  height: 100%;
-  padding: 0;
-  border: none;
-  text-align: center;
-  background-color: transparent;
-  cursor: pointer;
-}
-.mfui-search__list-inner {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  max-height: 368px;
-  padding: 16px;
-  overflow-y: auto;
-}
-.mfui-search__list-item {
-  font-family: inherit;
-  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__popular-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  min-height: 48px;
-  padding-right: 16px;
-  padding-left: 12px;
-  border-radius: 16px;
-  text-decoration: none;
-  background-color: var(--base);
-  cursor: pointer;
-}
-.mfui-search__popular-icon {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  width: 32px;
-  height: 32px;
-  margin-right: 16px;
-}
-.mfui-search__list-item_active,
-.mfui-search__popular-item_active {
-  background-color: var(--spbSky0);
-}
-.mfui-search__item-title,
-.mfui-search__popular-item-title {
-  position: relative;
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.mfui-search__item-title:after,
-.mfui-search__popular-item-title:after {
-  content: '';
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 40px;
-  background: var(--base);
-  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--base)));
-  -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--base) 100%);
-  mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
-  mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
-}
-.mfui-search__list-item_active .mfui-search__item-title:after,
-.mfui-search__popular-item_active .mfui-search__popular-item-title:after {
-  background: var(--spbSky0);
-  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
-  -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
-  mask-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(var(--spbSky0)));
-  mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--spbSky0) 100%);
-}
-.mfui-search__highlighted-fragment {
-  font-weight: bold;
-}
-.mfui-search__notice {
-  margin-top: 4px;
-  font-size: 12px;
-  line-height: 16px;
-}
-.mfui-search__notice_error {
-  color: var(--fury);
-}
-.mfui-search__notice_success {
-  color: var(--brandGreen);
-}
-.mfui-search__icons {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  height: 100%;
-}
-.mfui-search__list_not-found {
-  cursor: default;
-}
-.mfui-search__not-found-text {
-  font-family: inherit;
-  padding: 12px 32px;
-  color: var(--spbSky3);
-  background-color: var(--base);
-}
-.mfui-search__not-found-text_show-popular {
-  padding: 0 0 16px 0;
-  border-bottom: 1px solid var(--spbSky2);
-}
-.mfui-search__popular-title {
-  padding-top: 16px;
-  padding-bottom: 8px;
-}
-.mfui-search_open {
-  z-index: 12;
-}
-.mfui-search_open .mfui-search__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-search_type_textfield .mfui-search__control {
-  height: 60px;
-  padding: 0 16px 0 16px;
-  border-color: var(--spbSky2);
-  border-radius: 12px;
-  background-color: var(--base);
-}
-.mfui-search_type_textfield .mfui-search__control:hover {
-  border-color: var(--content);
-}
-.mfui-search_type_textfield .mfui-search__label {
-  top: 17px;
-}
-.mfui-search_type_textfield .mfui-search__field_filled + .mfui-search__label,
-.mfui-search_type_textfield .mfui-search__field:focus + .mfui-search__label {
-  -webkit-transform: scale(0.8) translate(-12.5%, -75%);
-          transform: scale(0.8) translate(-12.5%, -75%);
-}
-.mfui-search_type_textfield .mfui-search__field_labeled {
-  padding-top: 22px;
-}
-.mfui-search_type_textfield .mfui-search__submit-icon {
-  width: 32px;
-  height: 32px;
-  fill: var(--content);
-}
-.mfui-search_type_textfield.mfui-search_disabled .mfui-search__control {
-  border-color: var(--spbSky1);
-  background-color: var(--spbSky1);
-}
-.mfui-search_type_textfield.mfui-search_disabled .mfui-search__submit-icon {
-  opacity: 0.5;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.mfui-search_type_compact .mfui-search__control {
-  height: 40px;
-  padding: 0 12px;
-  border-color: var(--spbSky0);
-  border-radius: 24px;
-  background-color: var(--spbSky0);
-  -webkit-transition: background-color, border-color 0.3s;
-  transition: background-color, border-color 0.3s;
-}
-.mfui-search_type_compact .mfui-search__control:hover {
-  background-color: var(--spbSky1);
-}
-.mfui-search_type_compact .mfui-search__field {
-  height: 100%;
-  padding: 8px 0 8px 12px;
-}
-.mfui-search_type_compact .mfui-search__label {
-  top: 50%;
-  left: 44px;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-.mfui-search_type_compact .mfui-search__field_filled + .mfui-search__label,
-.mfui-search_type_compact .mfui-search__field:focus + .mfui-search__label {
-  opacity: 0;
-}
-.mfui-search_type_compact .mfui-search__submit-icon {
-  width: 20px;
-  height: 20px;
-  fill: var(--spbSky3);
-}
-.mfui-search_type_compact .mfui-search__clear {
-  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;
-          justify-content: center;
-  width: 24px;
-  height: 24px;
-  margin-left: 12px;
-  padding: 0;
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-}
-.mfui-search_type_compact .mfui-search__clear-icon {
-  width: 24px;
-  height: 24px;
-  fill: var(--spbSky3);
-}
-.mfui-search_type_compact .mfui-search__clear-icon:hover {
-  fill: var(--content);
-}
-.mfui-search_type_compact .mfui-search__clear-icon:active {
-  fill: var(--buttonDown);
-}
-.mfui-search_type_compact.mfui-search_open .mfui-search__control {
-  background-color: var(--spbSky1);
-}
-.mfui-search_type_compact.mfui-search_open .mfui-search__submit-icon {
-  fill: var(--content);
-}
-.mfui-search_disabled .mfui-search__control {
-  cursor: default;
-  pointer-events: none;
-}
-.mfui-search_disabled .mfui-search__submit-icon {
-  opacity: 0.5;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.mfui-search_error .mfui-search__control {
-  border-color: var(--fury);
-}
-.mfui-search_success .mfui-search__control {
-  border-color: var(--brandGreen);
-}
+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-search{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);font-family:inherit;font-size:15px;line-height:24px;min-height:40px;position:relative;z-index:auto}.mfui-search__require-mark{color:var(--fury);font-size:20px;line-height:0;margin-left:1px}.mfui-search__control{border:1px solid;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;outline:none;position:relative;-webkit-transition:border-color .3s;transition:border-color .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;z-index:1}.mfui-search__field_labeled::-webkit-input-placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled::-moz-placeholder{color:var(--spbSky3);opacity:0;-moz-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled:-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled::-ms-input-placeholder{color:var(--spbSky3);opacity:0;-ms-transition:opacity .2s;transition:opacity .2s}.mfui-search__field_labeled::placeholder{color:var(--spbSky3);opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.mfui-search__field:focus::-webkit-input-placeholder{opacity:1}.mfui-search__field:focus::-moz-placeholder{opacity:1}.mfui-search__field:focus:-ms-input-placeholder{opacity:1}.mfui-search__field:focus::-ms-input-placeholder{opacity:1}.mfui-search__field:focus::placeholder{opacity:1}.mfui-search__field{display:block;position:relative;z-index:1;-webkit-box-flex:1;-ms-flex-positive:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;box-sizing:border-box;caret-color:var(--brandGreen);color:var(--content);cursor:text;flex-grow:1;font-family:inherit;font-size:100%;height:100%;line-height:25px;opacity:1;outline:none;overflow:auto;padding:0;width:100%}@media screen and (max-width:767px){.mfui-search__field{width:90%}}.mfui-search__label{color:var(--spbSky3);display:block;font-family:inherit;font-size:15px;line-height:24px;overflow:auto;pointer-events:none;position:absolute;-webkit-transition-duration:.2s,.01s;transition-duration:.2s,.01s;z-index:1}.mfui-search__list{background-color:var(--base);border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);display:none;left:-1px;position:absolute;right:-1px;top:calc(100% + 1px);z-index:0}.mfui-search__clear,.mfui-search__submit-button{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;background-color:transparent;border:none;cursor:pointer;height:100%;justify-content:center;padding:0;text-align:center}.mfui-search__list-inner{-webkit-box-sizing:border-box;box-sizing:border-box;max-height:368px;overflow-y:auto;padding:16px}.mfui-search__list-item{background-color:var(--base);border-radius:16px;cursor:pointer;font-family:inherit;padding-bottom:12px;padding-top:12px}.mfui-search__list-item_paddings_large{padding-left:32px;padding-right:32px}.mfui-search__list-item_paddings_small{padding-left:12px;padding-right:12px}.mfui-search__popular-item{background-color:var(--base);border-radius:16px;cursor:pointer;min-height:48px;padding-left:12px;padding-right:16px;text-decoration:none}.mfui-search__popular-icon,.mfui-search__popular-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-search__popular-icon{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:32px;justify-content:center;margin-right:16px;width:32px}.mfui-search__list-item_active,.mfui-search__popular-item_active{background-color:var(--spbSky0)}.mfui-search__item-title,.mfui-search__popular-item-title{position:relative;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;white-space:nowrap}.mfui-search__item-title:after,.mfui-search__popular-item-title:after{background:var(--base);bottom:0;content:"";-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--base)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--base) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);position:absolute;right:0;top:0;width:40px}.mfui-search__list-item_active .mfui-search__item-title:after,.mfui-search__popular-item_active .mfui-search__popular-item-title:after{background:var(--spbSky0);-webkit-mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));-webkit-mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%);mask-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(var(--spbSky0)));mask-image:linear-gradient(to right,hsla(0,0%,100%,0) 0,var(--spbSky0) 100%)}.mfui-search__highlighted-fragment{font-weight:700}.mfui-search__notice{font-size:12px;line-height:16px;margin-top:4px}.mfui-search__notice_error{color:var(--fury)}.mfui-search__notice_success{color:var(--brandGreen)}.mfui-search__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.mfui-search__list_not-found{cursor:default}.mfui-search__not-found-text{background-color:var(--base);color:var(--spbSky3);font-family:inherit;padding:12px 32px}.mfui-search__not-found-text_show-popular{border-bottom:1px solid var(--spbSky2);padding:0 0 16px}.mfui-search__popular-title{padding-bottom:8px;padding-top:16px}.mfui-search_open{z-index:12}.mfui-search_open .mfui-search__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-search_type_textfield .mfui-search__control{background-color:var(--base);border-color:var(--spbSky2);border-radius:12px;height:60px;padding:0 16px}.mfui-search_type_textfield .mfui-search__control:hover{border-color:var(--content)}.mfui-search_type_textfield .mfui-search__label{top:17px}.mfui-search_type_textfield .mfui-search__field:focus+.mfui-search__label,.mfui-search_type_textfield .mfui-search__field_filled+.mfui-search__label{-webkit-transform:scale(.8) translate(-12.5%,-75%);transform:scale(.8) translate(-12.5%,-75%)}.mfui-search_type_textfield .mfui-search__field_labeled{padding-top:22px}.mfui-search_type_textfield .mfui-search__submit-icon{height:32px;width:32px;fill:var(--content)}.mfui-search_type_textfield.mfui-search_disabled .mfui-search__control{background-color:var(--spbSky1);border-color:var(--spbSky1)}.mfui-search_type_textfield.mfui-search_disabled .mfui-search__submit-icon{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-search_type_compact .mfui-search__control{background-color:var(--spbSky0);border-color:var(--spbSky0);border-radius:24px;height:40px;padding:0 12px;-webkit-transition:background-color,border-color .3s;transition:background-color,border-color .3s}.mfui-search_type_compact .mfui-search__control:hover{background-color:var(--spbSky1)}.mfui-search_type_compact .mfui-search__field{height:100%;padding:8px 0 8px 12px}.mfui-search_type_compact .mfui-search__label{left:44px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.mfui-search_type_compact .mfui-search__field:focus+.mfui-search__label,.mfui-search_type_compact .mfui-search__field_filled+.mfui-search__label{opacity:0}.mfui-search_type_compact .mfui-search__submit-icon{height:20px;width:20px;fill:var(--spbSky3)}.mfui-search_type_compact .mfui-search__clear{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;background-color:transparent;border:none;cursor:pointer;height:24px;justify-content:center;margin-left:12px;padding:0;width:24px}.mfui-search_type_compact .mfui-search__clear-icon{height:24px;width:24px;fill:var(--spbSky3)}.mfui-search_type_compact .mfui-search__clear-icon:hover{fill:var(--content)}.mfui-search_type_compact .mfui-search__clear-icon:active{fill:var(--buttonDown)}.mfui-search_type_compact.mfui-search_open .mfui-search__control{background-color:var(--spbSky1)}.mfui-search_type_compact.mfui-search_open .mfui-search__submit-icon{fill:var(--content)}.mfui-search_disabled .mfui-search__control{cursor:default;pointer-events:none}.mfui-search_disabled .mfui-search__submit-icon{opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-search_error .mfui-search__control{border-color:var(--fury)}.mfui-search_success .mfui-search__control{border-color:var(--brandGreen)}

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

@@ -1,26 +1,25 @@
-import React from 'react';
-import './Search.less';
+import * as React from 'react';
+import './Search.scss';
 export declare const Verification: {
     readonly VALID: "valid";
     readonly ERROR: "error";
 };
-declare type VerificationType = typeof Verification[keyof typeof Verification];
-declare type ElementOrString = JSX.Element[] | JSX.Element | Element[] | Element;
+type VerificationType = (typeof Verification)[keyof typeof Verification];
 export declare const SearchItemsPaddings: {
     readonly SMALL: "small";
     readonly LARGE: "large";
 };
-export declare type SearchItem = {
+export type SearchItem = {
     /** Значение value элемента */
     value: string;
     /** Ссылка элемента */
     href?: string;
     /** Настраиваемое отображение элементов в выпадающем списке */
-    searchView?: ElementOrString;
+    searchView?: React.ReactNode;
     /** Размер горизонтальных отступов элемента */
-    paddings?: typeof SearchItemsPaddings[keyof typeof SearchItemsPaddings];
+    paddings?: (typeof SearchItemsPaddings)[keyof typeof SearchItemsPaddings];
 };
-export declare type PopularItem = {
+export type PopularItem = {
     /** Название элемента */
     title: string;
     /** Ссылка элемента */
@@ -60,7 +59,7 @@ export interface ISearchProps {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */