@megafon/ui-core 6.0.0-beta.4 → 6.0.1

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

@@ -1 +1,453 @@
-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)}
+@-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);
+}

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

@@ -1,25 +1,26 @@
-import * as React from 'react';
-import './Search.scss';
+import React from 'react';
+import './Search.less';
 export declare const Verification: {
     readonly VALID: "valid";
     readonly ERROR: "error";
 };
-type VerificationType = (typeof Verification)[keyof typeof 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 type SearchItem = {
+export declare type SearchItem = {
     /** Значение value элемента */
     value: string;
     /** Ссылка элемента */
     href?: string;
     /** Настраиваемое отображение элементов в выпадающем списке */
-    searchView?: React.ReactNode;
+    searchView?: ElementOrString;
     /** Размер горизонтальных отступов элемента */
-    paddings?: (typeof SearchItemsPaddings)[keyof typeof SearchItemsPaddings];
+    paddings?: typeof SearchItemsPaddings[keyof typeof SearchItemsPaddings];
 };
-export type PopularItem = {
+export declare type PopularItem = {
     /** Название элемента */
     title: string;
     /** Ссылка элемента */