nntc-ui 0.2.10 → 0.2.12

package/components/inputs/FieldShell/FieldShell.d.ts

@@ -13,8 +13,7 @@ interface Props {
     inputId?: string;
     onLabelClick?: MouseEventHandler;
     hasStartIcon?: boolean;
-    hasEndIcon?: boolean;
-    hasDualEndIcon?: boolean;
+    endIconCount?: number;
     hasErrorIcon?: boolean;
     hasClearButton?: boolean;
     hasArrow?: boolean;

package/components/inputs/FieldShell/FieldShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/FieldShell/FieldShell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKpD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAEpD,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;mFAiEtB,CAAC"}
+{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/FieldShell/FieldShell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAIhG,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKpD,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC;AAEpD,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU;;mFAiEtB,CAAC"}

package/components/inputs/Input/Input.d.ts

@@ -8,7 +8,7 @@ interface Props {
     label?: string;
     error?: FieldError;
     startIcon?: ReactNode;
-    endIcon?: ReactNode;
+    endIcon?: ReactNode | ReactNode[];
 }
 export declare const Input: import("react").ForwardRefExoticComponent<Props & {
     classes?: import("../../../models/UiProps").PropsObject;

package/components/inputs/Input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,mBAAmB,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAGjH,OAAO,EAAE,UAAU,EAA8B,SAAS,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAQhH,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,KAAK;;4FAmHjB,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,mBAAmB,EAAiB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAGjH,OAAO,EAAE,UAAU,EAA8B,SAAS,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAQhH,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B,UAAU,KAAK;IACb,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACnC;AAYD,eAAO,MAAM,KAAK;;4FAyHjB,CAAC"}

package/components/navigation/Tabs/Tabs.d.ts

@@ -14,6 +14,10 @@ interface Props<T> {
     disableBorder?: boolean;
     allowDeselect?: boolean;
     showTooltips?: boolean;
+    /** Прокручивать вкладки, не перенося текст.
+     *  Без флага, если набор не помещается в контейнер, вкладки сужаются и текст переносится.
+     */
+    scrollable?: boolean;
     /** Использовать внешнее состояние вместо внутреннего.
      *  При включении компонент не управляет состоянием самостоятельно, а использует переданные value и onChange
      * */

package/components/navigation/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;AAKpG,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;SAEK;IACL,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wFAAwF;IACxF,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,KAAK,SAAS,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AA8KzF,eAAO,MAAM,IAAI,EAA4B,CAAC,CAAC,EAC7C,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACzD,YAAY,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAmC,MAAM,OAAO,CAAC;AAKpG,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGrC,UAAU,KAAK,CAAC,CAAC;IACf,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;SAEK;IACL,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wFAAwF;IACxF,KAAK,CAAC,EAAE,CAAC,CAAC;CACX;AAED,KAAK,SAAS,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC;AAiLzF,eAAO,MAAM,IAAI,EAA4B,CAAC,CAAC,EAC7C,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACzD,YAAY,CAAC"}

package/icons/RegexIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './Icon';
+export declare const RegexIcon: React.FC<IconProps>;
+//# sourceMappingURL=RegexIcon.d.ts.map

package/icons/RegexIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegexIcon.d.ts","sourceRoot":"","sources":["../../src/icons/RegexIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,SAAS,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAMzC,CAAC"}

package/icons/index.d.ts

@@ -30,6 +30,7 @@ export * from './ChevronUpIcon';
 export * from './ChevronDownIcon';
 export * from './ListIcon';
 export * from './MoreVerticalIcon';
+export * from './RegexIcon';
 export * from './SearchIcon';
 export * from './SelectUniqueIcon';
 export * from './SettingsIcon';

package/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC"}

package/index.css

@@ -701,15 +701,24 @@
 
 .fieldShell-module__root__A1OLC[data-size='small'] {
   gap: 2px;
+  --end-icon-slot: 24px;
+  --end-icon-inset: 6px;
+  --end-icon-edge: 6px;
 }
 
 .fieldShell-module__root__A1OLC[data-size='medium'] {
   gap: 4px;
+  --end-icon-slot: 24px;
+  --end-icon-inset: 8px;
+  --end-icon-edge: 8px;
 }
 
 .fieldShell-module__root__A1OLC[data-size='large'],
 .fieldShell-module__root__A1OLC[data-size='extraLarge'] {
   gap: 4px;
+  --end-icon-slot: 28px;
+  --end-icon-inset: 8px;
+  --end-icon-edge: 4px;
 }
 
 /* Label small из макета: 12/12, без letter-spacing */
@@ -822,43 +831,8 @@
   padding-left: 36px;
 }
 
-:where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
-  padding-right: 30px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='medium'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
-  padding-right: 32px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='large'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8,
-:where(.fieldShell-module__root__A1OLC[data-size='extraLarge'] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
-  padding-right: 36px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8 {
-  padding-right: 54px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='medium'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8 {
-  padding-right: 56px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='large'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8,
-:where(.fieldShell-module__root__A1OLC[data-size='extraLarge'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) > .fieldShell-module__input__uhnF8 {
-  padding-right: 64px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B) {
-  right: 30px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='medium'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B) {
-  right: 32px;
-}
-
-:where(.fieldShell-module__root__A1OLC[data-size='large'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B),
-:where(.fieldShell-module__root__A1OLC[data-size='extraLarge'] .fieldShell-module__wrapper__OvvEL[data-dual-end-icon]) .fieldShell-module__end-icon__b8buW:not(.fieldShell-module__error-icon__aHf1B) {
-  right: 32px;
+:where(.fieldShell-module__root__A1OLC[data-size] .fieldShell-module__wrapper__OvvEL[data-end-icon]) > .fieldShell-module__input__uhnF8 {
+  padding-right: calc(var(--end-icon-inset) + var(--end-icon-count) * var(--end-icon-slot));
 }
 
 :where(.fieldShell-module__root__A1OLC[data-size='small'] .fieldShell-module__wrapper__OvvEL[data-arrow]) > .fieldShell-module__input__uhnF8 {
@@ -3325,6 +3299,7 @@
 }
 
 .tabs-module__root__m7YiQ {
+  box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -3362,6 +3337,72 @@
   gap: 8px;
 }
 
+.tabs-module__root__m7YiQ.tabs-module__small__hiwdI:not(.tabs-module__vertical__sPO6h) {
+  height: 24px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__medium__dvN0f:not(.tabs-module__vertical__sPO6h) {
+  height: 28px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__large__v3OJM:not(.tabs-module__vertical__sPO6h) {
+  height: 32px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__extraLarge__Vr50m:not(.tabs-module__vertical__sPO6h) {
+  height: 40px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__small__hiwdI:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR),
+.tabs-module__root__m7YiQ.tabs-module__medium__dvN0f:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR),
+.tabs-module__root__m7YiQ.tabs-module__large__v3OJM:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR),
+.tabs-module__root__m7YiQ.tabs-module__extraLarge__Vr50m:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR) {
+  align-items: stretch;
+  height: auto;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__small__hiwdI:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR) {
+  min-height: 24px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__medium__dvN0f:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR) {
+  min-height: 28px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__large__v3OJM:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR) {
+  min-height: 32px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__extraLarge__Vr50m:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR) {
+  min-height: 40px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__scrollable__eR0BR:not(.tabs-module__vertical__sPO6h) {
+  align-items: flex-start;
+  height: auto;
+  overflow: auto hidden;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__scrollable__eR0BR.tabs-module__small__hiwdI:not(.tabs-module__vertical__sPO6h) .tabs-module__tab__NoNie {
+  height: 24px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__scrollable__eR0BR.tabs-module__medium__dvN0f:not(.tabs-module__vertical__sPO6h) .tabs-module__tab__NoNie {
+  height: 28px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__scrollable__eR0BR.tabs-module__large__v3OJM:not(.tabs-module__vertical__sPO6h) .tabs-module__tab__NoNie {
+  height: 32px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__scrollable__eR0BR.tabs-module__extraLarge__Vr50m:not(.tabs-module__vertical__sPO6h) .tabs-module__tab__NoNie {
+  height: 40px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__scrollable__eR0BR.tabs-module__vertical__sPO6h {
+  overflow: hidden auto;
+}
+
 .tabs-module__root__m7YiQ.tabs-module__filled__Kzrnb {
   background-color: var(--theme-overlay-8);
 }
@@ -3416,20 +3457,34 @@
   height: 40px;
 }
 
-.tabs-module__vertical__sPO6h.tabs-module__small__hiwdI .tabs-module__tab__NoNie {
-  padding-left: 8px;
+.tabs-module__root__m7YiQ:not(.tabs-module__vertical__sPO6h) .tabs-module__tab__NoNie {
+  height: 100%;
 }
 
-.tabs-module__vertical__sPO6h.tabs-module__medium__dvN0f .tabs-module__tab__NoNie {
-  padding-left: 8px;
+.tabs-module__root__m7YiQ:not(.tabs-module__vertical__sPO6h):not(.tabs-module__scrollable__eR0BR) .tabs-module__tab__NoNie {
+  flex-shrink: 1;
+  min-width: 0;
+  height: auto;
 }
 
-.tabs-module__vertical__sPO6h.tabs-module__large__v3OJM .tabs-module__tab__NoNie {
-  padding-left: 12px;
+.tabs-module__root__m7YiQ.tabs-module__vertical__sPO6h:not(.tabs-module__scrollable__eR0BR).tabs-module__small__hiwdI .tabs-module__tab__NoNie {
+  height: auto;
+  min-height: 24px;
 }
 
-.tabs-module__vertical__sPO6h.tabs-module__extraLarge__Vr50m .tabs-module__tab__NoNie {
-  padding-left: 12px;
+.tabs-module__root__m7YiQ.tabs-module__vertical__sPO6h:not(.tabs-module__scrollable__eR0BR).tabs-module__medium__dvN0f .tabs-module__tab__NoNie {
+  height: auto;
+  min-height: 28px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__vertical__sPO6h:not(.tabs-module__scrollable__eR0BR).tabs-module__large__v3OJM .tabs-module__tab__NoNie {
+  height: auto;
+  min-height: 32px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__vertical__sPO6h:not(.tabs-module__scrollable__eR0BR).tabs-module__extraLarge__Vr50m .tabs-module__tab__NoNie {
+  height: auto;
+  min-height: 40px;
 }
 
 .tabs-module__tab__NoNie.tabs-module__tab-filled__Gmwpo {
@@ -3527,32 +3582,32 @@
 }
 
 .tabs-module__vertical__sPO6h.tabs-module__small__hiwdI .tabs-module__tab-title__XsuJP {
-  padding: 0;
+  padding: 0 8px;
 }
 
 .tabs-module__vertical__sPO6h.tabs-module__medium__dvN0f .tabs-module__tab-title__XsuJP {
-  padding: 0 8px;
+  padding: 0 16px;
 }
 
 .tabs-module__vertical__sPO6h.tabs-module__large__v3OJM .tabs-module__tab-title__XsuJP {
-  padding: 0 8px;
+  padding: 0 20px;
 }
 
 .tabs-module__vertical__sPO6h.tabs-module__extraLarge__Vr50m .tabs-module__tab-title__XsuJP {
-  padding: 0 12px;
+  padding: 0 24px;
 }
 
 .tabs-module__vertical__sPO6h.tabs-module__small__hiwdI .tabs-module__tab-title__XsuJP.tabs-module__icon-only__qDPjH {
-  padding: 0;
+  padding: 0 8px;
 }
 
 .tabs-module__vertical__sPO6h.tabs-module__medium__dvN0f .tabs-module__tab-title__XsuJP.tabs-module__icon-only__qDPjH {
-  padding: 0 4px;
+  padding: 0 12px;
 }
 
 .tabs-module__vertical__sPO6h.tabs-module__large__v3OJM .tabs-module__tab-title__XsuJP.tabs-module__icon-only__qDPjH,
 .tabs-module__vertical__sPO6h.tabs-module__extraLarge__Vr50m .tabs-module__tab-title__XsuJP.tabs-module__icon-only__qDPjH {
-  padding: 0 4px;
+  padding: 0 16px;
 }
 
 .tabs-module__tab-title__XsuJP > span {
@@ -3566,6 +3621,17 @@
   white-space: nowrap;
 }
 
+.tabs-module__root__m7YiQ:not(.tabs-module__scrollable__eR0BR) .tabs-module__tab-title__XsuJP {
+  min-width: 0;
+}
+
+.tabs-module__root__m7YiQ:not(.tabs-module__scrollable__eR0BR) .tabs-module__tab-title__XsuJP > span {
+  min-width: 0;
+  overflow-wrap: break-word;
+  text-overflow: unset;
+  white-space: normal;
+}
+
 .tabs-module__tab-border__tvFwj {
   flex: 0 0 auto;
   width: 100%;