nntc-ui 0.2.11 → 0.2.13

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/index.css

@@ -3299,6 +3299,7 @@
 }
 
 .tabs-module__root__m7YiQ {
+  box-sizing: border-box;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -3336,6 +3337,69 @@
   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: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);
 }
@@ -3390,20 +3454,33 @@
   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;
+  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 {
@@ -3501,32 +3578,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 {
@@ -3540,6 +3617,11 @@
   white-space: nowrap;
 }
 
+.tabs-module__root__m7YiQ:not(.tabs-module__scrollable__eR0BR) .tabs-module__tab-title__XsuJP > span {
+  text-overflow: unset;
+  white-space: normal;
+}
+
 .tabs-module__tab-border__tvFwj {
   flex: 0 0 auto;
   width: 100%;