nntc-ui 0.1.6 → 0.1.7

package/index.css

@@ -13,7 +13,6 @@
 .button-module__state-layer__t1MJf {
   display: inline-flex;
   flex-direction: row;
-  gap: 8px;
   align-items: center;
   justify-content: center;
   width: 100%;
@@ -21,16 +20,16 @@
 }
 
 .button-module__root__gX6OQ:hover > .button-module__state-layer__t1MJf {
-  background-color: var(--theme-overlay-8);
+  background-color: var(--theme-button-state-hover);
 }
 
-.button-module__root__gX6OQ:focus > .button-module__state-layer__t1MJf {
-  background-color: var(--theme-overlay-12);
+.button-module__root__gX6OQ:focus-visible > .button-module__state-layer__t1MJf,
+.button-module__root__gX6OQ.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-state-focus);
 }
 
-.button-module__root__gX6OQ:active > .button-module__state-layer__t1MJf,
-.button-module__root__gX6OQ.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
-  background-color: var(--theme-overlay-12);
+.button-module__root__gX6OQ:active > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-state-pressed);
 }
 
 .button-module__filled__D7eAr {
@@ -38,14 +37,48 @@
   background-color: var(--theme-focus);
 }
 
+.button-module__filled__D7eAr:hover > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-filled-hover-layer);
+}
+
+.button-module__filled__D7eAr:focus-visible > .button-module__state-layer__t1MJf,
+.button-module__filled__D7eAr.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-filled-focus-layer);
+}
+
+.button-module__filled__D7eAr:active > .button-module__state-layer__t1MJf {
+  background-color: var(--theme-button-filled-pressed-layer);
+}
+
+.button-module__filled__D7eAr:focus-visible,
+.button-module__filled__D7eAr.button-module__active__hSEWs {
+  background-color: var(--theme-button-filled-focus);
+}
+
+.button-module__filled__D7eAr:active {
+  background-color: var(--theme-button-filled-pressed);
+}
+
+.button-module__filled__D7eAr:hover {
+  box-shadow:
+    0 1px 2px 0 rgba(0, 0, 0, 0.3),
+    0 1px 3px 1px rgba(0, 0, 0, 0.15);
+}
+
+.button-module__filled__D7eAr:focus-visible:hover,
+.button-module__filled__D7eAr.button-module__active__hSEWs:hover {
+  background-color: var(--theme-button-filled-focus);
+}
+
 .button-module__outlined__c_PHO {
   color: var(--theme-focus);
-  outline: 1px solid var(--theme-grey-500);
   background-color: transparent;
+  border: 1px solid var(--theme-button-outlined-border);
 }
 
-.button-module__outlined__c_PHO:focus {
-  outline-color: var(--theme-focus);
+.button-module__outlined__c_PHO:focus-visible,
+.button-module__outlined__c_PHO.button-module__active__hSEWs {
+  border-color: var(--theme-focus);
 }
 
 .button-module__text__rG7nD {
@@ -57,119 +90,213 @@
   color: var(--theme-focus);
   background-color: var(--theme-button-elevated);
   box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
-    0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+    0 1px 2px 0 rgba(0, 0, 0, 0.3),
+    0 1px 3px 1px rgba(0, 0, 0, 0.15);
 }
 
 .button-module__elevated__nAlrD:hover {
   box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
-    0px 2px 6px 2px rgba(0, 0, 0, 0.15);
+    0 1px 2px 0 rgba(0, 0, 0, 0.3),
+    0 2px 6px 2px rgba(0, 0, 0, 0.15);
 }
 
-.button-module__tonal__u6w_G {
-  color: var(--theme-text-button-primary);
-  background-color: var(--theme-button-tonal);
+.button-module__small__HHNmk.button-module__elevated__nAlrD,
+.button-module__medium__v66y0.button-module__elevated__nAlrD,
+.button-module__large__gt0K2.button-module__elevated__nAlrD {
+  background-color: var(--theme-button-elevated-subtle);
 }
 
-.button-module__tonal__u6w_G:hover {
-  box-shadow:
-    0px 1px 2px 0px rgba(0, 0, 0, 0.3),
-    0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+.button-module__extraLarge__ycvek.button-module__elevated__nAlrD {
+  background-color: var(--theme-button-elevated);
+  background-image: linear-gradient(var(--theme-overlay-8), var(--theme-overlay-8));
 }
 
-.button-module__link__F_tgW {
-  color: var(--theme-focus);
-  background-color: transparent;
+.button-module__tonal__u6w_G {
+  color: var(--theme-button-tonal-text);
+  background-color: var(--theme-button-tonal-subtle);
 }
 
-.button-module__link__F_tgW:hover > .button-module__state-layer__t1MJf,
-.button-module__link__F_tgW:focus > .button-module__state-layer__t1MJf,
-.button-module__link__F_tgW:active > .button-module__state-layer__t1MJf,
-.button-module__link__F_tgW.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
-  background-color: transparent;
+.button-module__extraLarge__ycvek.button-module__tonal__u6w_G {
+  background-color: var(--theme-button-tonal);
 }
 
 .button-module__filled__D7eAr > .button-module__state-layer__t1MJf > svg {
   fill: var(--theme-text-button-invert);
 }
 
-.button-module__outlined__c_PHO > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-focus);
-}
-
-.button-module__text__rG7nD > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-focus);
-}
-
+.button-module__outlined__c_PHO > .button-module__state-layer__t1MJf > svg,
+.button-module__text__rG7nD > .button-module__state-layer__t1MJf > svg,
 .button-module__elevated__nAlrD > .button-module__state-layer__t1MJf > svg {
   fill: var(--theme-focus);
 }
 
 .button-module__tonal__u6w_G > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-text-button-primary);
+  fill: var(--theme-button-tonal-text);
 }
 
-.button-module__link__F_tgW > .button-module__state-layer__t1MJf > svg {
-  fill: var(--theme-focus);
+.button-module__small__HHNmk,
+.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  height: 24px;
 }
 
 .button-module__medium__v66y0,
 .button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  height: 40px;
+  height: 28px;
 }
 
-.button-module__small__HHNmk,
-.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+.button-module__large__gt0K2,
+.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
   height: 32px;
 }
 
-.button-module__with-icon__C4Cw6.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 8px 16px;
+.button-module__extraLarge__ycvek,
+.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  height: 40px;
 }
 
-.button-module__with-icon__C4Cw6.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
-  padding: 4px 16px;
+.button-module__small__HHNmk .button-module__state-layer__t1MJf > svg {
+  width: 20px;
+  height: 20px;
 }
 
-.button-module__without-icon__GOGFF.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 8px 24px;
+.button-module__medium__v66y0 .button-module__state-layer__t1MJf > svg {
+  width: 20px;
+  height: 20px;
+}
+
+.button-module__large__gt0K2 .button-module__state-layer__t1MJf > svg,
+.button-module__extraLarge__ycvek .button-module__state-layer__t1MJf > svg {
+  width: 24px;
+  height: 24px;
 }
 
 .button-module__without-icon__GOGFF.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
-  padding: 4px 24px;
+  padding: 2px 12px;
 }
 
-.button-module__text__rG7nD.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 8px 12px;
+.button-module__without-icon__GOGFF.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  padding: 4px 16px;
 }
 
-.button-module__text__rG7nD.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
-  padding: 6px 12px;
+.button-module__without-icon__GOGFF.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 6px 24px;
+}
+
+.button-module__without-icon__GOGFF.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  padding: 10px 24px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 2px 12px 2px 8px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 4px 16px 4px 12px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 4px 20px 4px 8px;
+}
+
+.button-module__with-icon__C4Cw6.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 8px 20px 8px 8px;
+}
+
+.button-module__only-icon__zOzfl.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  padding: 2px;
 }
 
 .button-module__only-icon__zOzfl.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  padding: 4px;
+}
+
+.button-module__only-icon__zOzfl.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 4px;
+}
+
+.button-module__only-icon__zOzfl.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
   padding: 8px;
 }
 
-.button-module__only-icon__zOzfl.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  padding: 2px 12px;
+}
+
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  padding: 4px 12px;
+}
+
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 6px 24px;
+}
+
+.button-module__text__rG7nD.button-module__without-icon__GOGFF.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  padding: 10px 24px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 2px 12px 2px 8px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
+  gap: 4px;
+  padding: 4px 12px 4px 8px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 6px 24px 6px 8px;
+}
+
+.button-module__text__rG7nD.button-module__with-icon__C4Cw6.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  gap: 8px;
+  padding: 10px 24px 10px 8px;
+}
+
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+  padding: 2px;
+}
+
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
   padding: 4px;
 }
 
-.button-module__link__F_tgW.button-module__medium__v66y0 > .button-module__state-layer__t1MJf {
-  padding: 0;
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__large__gt0K2 > .button-module__state-layer__t1MJf {
+  padding: 4px;
+}
+
+.button-module__text__rG7nD.button-module__only-icon__zOzfl.button-module__extraLarge__ycvek > .button-module__state-layer__t1MJf {
+  padding: 8px;
+}
+
+.button-module__compact__nfUBM,
+.button-module__compact__nfUBM > .button-module__state-layer__t1MJf {
+  height: auto;
 }
 
-.button-module__link__F_tgW.button-module__small__HHNmk > .button-module__state-layer__t1MJf {
+.button-module__compact__nfUBM > .button-module__state-layer__t1MJf {
+  width: auto;
   padding: 0;
 }
 
+.button-module__compact__nfUBM:hover > .button-module__state-layer__t1MJf,
+.button-module__compact__nfUBM:focus-visible > .button-module__state-layer__t1MJf,
+.button-module__compact__nfUBM:active > .button-module__state-layer__t1MJf,
+.button-module__compact__nfUBM.button-module__active__hSEWs > .button-module__state-layer__t1MJf {
+  background-color: transparent;
+}
+
 .button-module__text-secondary__jXFdx {
   color: var(--theme-text-secondary) !important;
 }
 
 .button-module__text-secondary__jXFdx:hover,
-.button-module__text-secondary__jXFdx:focus,
+.button-module__text-secondary__jXFdx:focus-visible,
 .button-module__text-secondary__jXFdx:active,
 .button-module__text-secondary__jXFdx.button-module__active__hSEWs {
   color: var(--theme-focus) !important;
@@ -180,7 +307,7 @@
 }
 
 .button-module__text-secondary__jXFdx:hover > span > svg,
-.button-module__text-secondary__jXFdx:focus > span > svg,
+.button-module__text-secondary__jXFdx:focus-visible > span > svg,
 .button-module__text-secondary__jXFdx:active > span > svg,
 .button-module__text-secondary__jXFdx.button-module__active__hSEWs > span > svg {
   fill: var(--theme-focus) !important;
@@ -201,6 +328,12 @@
 .button-module__filled__D7eAr:disabled,
 .button-module__filled__D7eAr[disabled] {
   background-color: var(--theme-grey-700);
+  box-shadow: none;
+}
+
+.button-module__outlined__c_PHO:disabled,
+.button-module__outlined__c_PHO[disabled] {
+  border-color: var(--theme-button-outlined-border);
 }
 
 .typography-module__h1__pRuCD {
@@ -414,6 +547,100 @@
   background-color: var(--theme-selection-selected-pressed);
 }
 
+.tooltip-module__trigger__PIfJx {
+  display: inline-flex;
+  align-items: center;
+  height: 100%;
+}
+
+.tooltip-module__content__nH6p2 {
+  z-index: 999;
+  max-width: 280px;
+  padding: 6px 8px;
+  font-size: var(--text-caption-size);
+  font-weight: var(--text-caption-weight);
+  line-height: var(--text-caption-height);
+  color: var(--theme-alert-default-color);
+  text-align: center;
+  letter-spacing: var(--text-caption-letter);
+  background-color: var(--theme-alert-default-background);
+  border-radius: 4px;
+  box-shadow:
+    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
+    0px 2px 1px 0px rgba(0, 0, 0, 0.12),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.14);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT {
+  color: var(--theme-alert-success-color);
+  background-color: var(--theme-alert-success-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr {
+  color: var(--theme-alert-warning-color);
+  background-color: var(--theme-alert-warning-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s {
+  color: var(--theme-alert-error-color);
+  background-color: var(--theme-alert-error-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 {
+  color: var(--theme-alert-info-color);
+  background-color: var(--theme-alert-info-background);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP {
+  width: 6px;
+  height: 6px;
+  --arrow-color: var(--theme-alert-default-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-success-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-warning-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-error-background);
+}
+
+.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 > .tooltip-module__arrow__SONUP {
+  --arrow-color: var(--theme-alert-info-background);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__top-arrow__UHvch {
+  border-top: 6px solid var(--arrow-color);
+  border-right: 6px solid transparent;
+  border-left: 6px solid transparent;
+  transform: translate(0, 6px);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__bottom-arrow__GdFYs {
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid var(--arrow-color);
+  border-left: 6px solid transparent;
+  transform: translate(0, -6px);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__left-arrow__BFwGV {
+  border-top: 6px solid transparent;
+  border-bottom: 6px solid transparent;
+  border-left: 6px solid var(--arrow-color);
+  transform: translate(6px, 0);
+}
+
+.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__right-arrow__ZFRBE {
+  border-top: 6px solid transparent;
+  border-right: 6px solid var(--arrow-color);
+  border-bottom: 6px solid transparent;
+  transform: translate(-6px, 0);
+}
+
 /*
  * Общая геометрия и состояния полей ввода (Input, Select, MultiSelect,
  * DateTime, ColorPicker) по макету «Input and selector Dark Theme».
@@ -447,17 +674,43 @@
 
 .fieldShell-module__root__vQ9PI[data-size='large'],
 .fieldShell-module__root__vQ9PI[data-size='extraLarge'] {
-  gap: 8px;
+  gap: 4px;
 }
 
 /* Label small из макета: 12/12, без letter-spacing */
 .fieldShell-module__root__vQ9PI > .fieldShell-module__label__fdgQq {
   font-size: 12px;
   line-height: 12px;
-  color: var(--theme-text-secondary);
+  color: var(--theme-input-label);
   letter-spacing: normal;
 }
 
+.fieldShell-module__label-row__bOAYh {
+  display: flex;
+  gap: 4px;
+  align-items: flex-start;
+  width: 100%;
+  min-width: 0;
+}
+
+.fieldShell-module__label-row__bOAYh > .fieldShell-module__label__fdgQq {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.fieldShell-module__error-name__LUg8D {
+  flex-shrink: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--theme-error);
+  white-space: nowrap;
+}
+
 .fieldShell-module__wrapper__OLPGQ {
   position: relative;
   width: 100%;
@@ -547,6 +800,32 @@
   padding-right: 36px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 54px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 56px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 64px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h) {
+  right: 30px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h) {
+  right: 32px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h),
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-dual-end-icon]) .fieldShell-module__end-icon__ajeP3:not(.fieldShell-module__error-icon__Nyh0h) {
+  right: 32px;
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-arrow]) > .fieldShell-module__input__mpHQB {
   padding-right: 26px;
 }
@@ -560,6 +839,32 @@
   padding-right: 36px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 50px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 56px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) > .fieldShell-module__input__mpHQB {
+  padding-right: 64px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K {
+  padding-right: 50px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K {
+  padding-right: 56px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-chips][data-arrow][data-error-icon]) > .fieldShell-module__chips__Eyi_K {
+  padding-right: 64px;
+}
+
 :where(.fieldShell-module__wrapper__OLPGQ[data-variant='filled']) > .fieldShell-module__input__mpHQB {
   background-color: var(--theme-input-filled);
 }
@@ -571,7 +876,39 @@
 :where(.fieldShell-module__wrapper__OLPGQ[data-variant='filled']) > .fieldShell-module__input__mpHQB:focus {
   outline: 2px solid var(--theme-focus);
   outline-offset: -2px;
-  background-color: var(--theme-input-filled-hover);
+  background-color: var(--theme-input-filled-focus);
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack']) > .fieldShell-module__input__mpHQB {
+  outline: 1px solid var(--theme-input-filled-black-border);
+  outline-offset: -1px;
+  background-color: var(--theme-input-filled-black);
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack']:hover) > .fieldShell-module__input__mpHQB:not(:disabled):not(:focus) {
+  outline-color: var(--theme-input-filled-black-border-hover);
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack']) > .fieldShell-module__input__mpHQB:focus {
+  outline: 2px solid var(--theme-focus);
+  outline-offset: -2px;
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-error]) > .fieldShell-module__input__mpHQB {
+  outline: 1px solid var(--theme-error) !important;
+  outline-offset: -1px;
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-error]) > .fieldShell-module__input__mpHQB:focus {
+  outline: 2px solid var(--theme-error) !important;
+  outline-offset: -2px;
+}
+
+:where(.fieldShell-module__wrapper__OLPGQ[data-variant='filledBlack'][data-error]) > .fieldShell-module__input__mpHQB {
+  background-image: linear-gradient(
+    var(--theme-input-filled-black-error-overlay),
+    var(--theme-input-filled-black-error-overlay)
+  );
 }
 
 :where(.fieldShell-module__wrapper__OLPGQ[data-variant='outlined']) > .fieldShell-module__input__mpHQB {
@@ -619,6 +956,14 @@
   fill: var(--theme-icon-primary);
 }
 
+.fieldShell-module__error-icon__Nyh0h {
+  cursor: default;
+}
+
+.fieldShell-module__error-icon__Nyh0h > svg {
+  fill: var(--theme-error);
+}
+
 :where(.fieldShell-module__root__vQ9PI[data-size='small']) .fieldShell-module__start-icon__FNrDk {
   left: 6px;
 }
@@ -664,6 +1009,19 @@
   height: 24px;
 }
 
+:where(.fieldShell-module__root__vQ9PI[data-size='small'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp {
+  right: 30px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='medium'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp {
+  right: 32px;
+}
+
+:where(.fieldShell-module__root__vQ9PI[data-size='large'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp,
+:where(.fieldShell-module__root__vQ9PI[data-size='extraLarge'] .fieldShell-module__wrapper__OLPGQ[data-arrow][data-error-icon]) .fieldShell-module__arrow__dXtPp {
+  right: 32px;
+}
+
 .fieldShell-module__wrapper__OLPGQ[data-chips] {
   display: flex;
   height: auto;
@@ -1085,11 +1443,11 @@
 .menu-module__item__DO2AJ {
   width: 100%;
   padding: 0;
-  font-size: var(--text-subtitle2-size);
-  font-weight: var(--text-subtitle2-weight);
-  line-height: var(--text-subtitle2-height);
+  font-size: var(--text-caption-size);
+  font-weight: var(--text-caption-weight);
+  line-height: var(--text-caption-height);
   text-align: left;
-  letter-spacing: var(--text-subtitle2-letter);
+  letter-spacing: var(--text-caption-letter);
   cursor: pointer;
   outline: none;
   background-color: transparent;
@@ -1100,21 +1458,32 @@
 .menu-module__state-layer__m8uMf {
   display: inline-flex;
   flex-direction: row;
-  gap: 12px;
   align-items: center;
   width: 100%;
   color: var(--theme-text-secondary);
   background-color: transparent;
 }
 
-.menu-module__medium__Jev6c .menu-module__state-layer__m8uMf {
+.menu-module__extraLarge__RIQUR .menu-module__state-layer__m8uMf {
+  gap: 12px;
   padding: 12px 16px;
 }
 
-.menu-module__small__uGqFV .menu-module__state-layer__m8uMf {
+.menu-module__large__jYm_Q .menu-module__state-layer__m8uMf {
+  gap: 12px;
+  padding: 12px 16px;
+}
+
+.menu-module__medium__Jev6c .menu-module__state-layer__m8uMf {
+  gap: 8px;
   padding: 8px 16px;
 }
 
+.menu-module__small__uGqFV .menu-module__state-layer__m8uMf {
+  gap: 4px;
+  padding: 4px 8px;
+}
+
 .menu-module__item__DO2AJ:not(.menu-module__item-disabled__E7Z4s):hover > .menu-module__state-layer__m8uMf {
   color: var(--theme-text-primary);
   background-color: var(--theme-overlay-8);
@@ -1653,6 +2022,19 @@
   padding-right: 64px;
 }
 
+[data-size='small'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU {
+  padding-right: 74px;
+}
+
+[data-size='medium'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU {
+  padding-right: 80px;
+}
+
+[data-size='large'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU,
+[data-size='extraLarge'] [data-error-icon][data-clear] > .multiSelect-module__input__Hk3TU {
+  padding-right: 88px;
+}
+
 [data-size='small'] .multiSelect-module__chips__CUViE {
   padding-right: 50px;
 }
@@ -1666,6 +2048,32 @@
   padding-right: 64px;
 }
 
+[data-size='small'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE {
+  padding-right: 74px;
+}
+
+[data-size='medium'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE {
+  padding-right: 80px;
+}
+
+[data-size='large'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE,
+[data-size='extraLarge'] [data-error-icon][data-clear] > .multiSelect-module__chips__CUViE {
+  padding-right: 88px;
+}
+
+[data-size='small'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH {
+  right: 54px;
+}
+
+[data-size='medium'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH {
+  right: 56px;
+}
+
+[data-size='large'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH,
+[data-size='extraLarge'] [data-error-icon][data-clear] > .multiSelect-module__clear__CwQiH {
+  right: 60px;
+}
+
 /* Кастомная иконка в левом слоте */
 .multiSelect-module__icon__TnLPX {
   position: absolute;
@@ -1956,100 +2364,6 @@
   padding: 66px 8px 8px 8px;
 }
 
-.tooltip-module__trigger__PIfJx {
-  display: inline-flex;
-  align-items: center;
-  height: 100%;
-}
-
-.tooltip-module__content__nH6p2 {
-  z-index: 999;
-  max-width: 280px;
-  padding: 6px 8px;
-  font-size: var(--text-caption-size);
-  font-weight: var(--text-caption-weight);
-  line-height: var(--text-caption-height);
-  color: var(--theme-alert-default-color);
-  text-align: center;
-  letter-spacing: var(--text-caption-letter);
-  background-color: var(--theme-alert-default-background);
-  border-radius: 4px;
-  box-shadow:
-    0px 1px 3px 0px rgba(0, 0, 0, 0.2),
-    0px 2px 1px 0px rgba(0, 0, 0, 0.12),
-    0px 1px 1px 0px rgba(0, 0, 0, 0.14);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT {
-  color: var(--theme-alert-success-color);
-  background-color: var(--theme-alert-success-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr {
-  color: var(--theme-alert-warning-color);
-  background-color: var(--theme-alert-warning-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s {
-  color: var(--theme-alert-error-color);
-  background-color: var(--theme-alert-error-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 {
-  color: var(--theme-alert-info-color);
-  background-color: var(--theme-alert-info-background);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP {
-  width: 6px;
-  height: 6px;
-  --arrow-color: var(--theme-alert-default-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__success__OXBJT > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-success-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__warning__Xb_Wr > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-warning-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__error__XWI8s > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-error-background);
-}
-
-.tooltip-module__content__nH6p2.tooltip-module__info__un5n7 > .tooltip-module__arrow__SONUP {
-  --arrow-color: var(--theme-alert-info-background);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__top-arrow__UHvch {
-  border-top: 6px solid var(--arrow-color);
-  border-right: 6px solid transparent;
-  border-left: 6px solid transparent;
-  transform: translate(0, 6px);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__bottom-arrow__GdFYs {
-  border-right: 6px solid transparent;
-  border-bottom: 6px solid var(--arrow-color);
-  border-left: 6px solid transparent;
-  transform: translate(0, -6px);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__left-arrow__BFwGV {
-  border-top: 6px solid transparent;
-  border-bottom: 6px solid transparent;
-  border-left: 6px solid var(--arrow-color);
-  transform: translate(6px, 0);
-}
-
-.tooltip-module__content__nH6p2 > .tooltip-module__arrow__SONUP.tooltip-module__right-arrow__ZFRBE {
-  border-top: 6px solid transparent;
-  border-right: 6px solid var(--arrow-color);
-  border-bottom: 6px solid transparent;
-  transform: translate(-6px, 0);
-}
-
 .tabs-module__root__m7YiQ {
   display: flex;
   flex-direction: row;