nntc-ui 0.2.20 → 0.2.22

package/components/inputs/Textarea/Textarea.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode, TextareaHTMLAttributes } from 'react';
+import { FieldError, FieldSize, FieldVariant } from '../FieldShell/index';
+export type { FieldError };
+interface Props {
+    variant?: FieldVariant;
+    componentSize?: FieldSize;
+    fullWidth?: boolean;
+    label?: string;
+    error?: FieldError;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode | ReactNode[];
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<Props & {
+    classes?: import("../../../models/UiProps").PropsObject;
+} & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAE,sBAAsB,EAAsB,MAAM,OAAO,CAAC;AAG7F,OAAO,EAAE,UAAU,EAA8B,SAAS,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAOhH,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;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACtD;AAYD,eAAO,MAAM,QAAQ;;qGAkGpB,CAAC"}

package/components/inputs/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export { Textarea } from './Textarea';
+//# sourceMappingURL=index.d.ts.map

package/components/inputs/Textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -10,6 +10,8 @@ interface Props<T> {
     filled?: boolean;
     /** Заливка каждой вкладки по отдельности, с отступом между ними */
     filledTabs?: boolean;
+    /** Растянуть горизонтальные вкладки поровну на всю ширину и центрировать содержимое */
+    fillEvenly?: boolean;
     isVertical?: boolean;
     /** Подпись повёрнута на бок, как на корешке. Иконка задаётся у вкладки, как обычно. */
     verticalText?: boolean;

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,uFAAuF;IACvF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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;AA4LzF,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,uFAAuF;IACvF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uFAAuF;IACvF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,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;AA8LzF,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

@@ -677,7 +677,7 @@
 }
 
 /*
- * Общая геометрия и состояния полей ввода (Input, Select, MultiSelect,
+ * Общая геометрия и состояния полей ввода (Input, Textarea, Select, MultiSelect,
  * DateTime, ColorPicker) по макету «Input and selector Dark Theme».
  *
  * Размеры (small/medium/large/extraLarge): высота 24/28/32/40, иконки 20/20/24/24.
@@ -2108,6 +2108,64 @@
   color: var(--theme-text-secondary);
 }
 
+div.textarea-module__shell__R6sh7 {
+  height: auto;
+}
+
+textarea.textarea-module__textarea__UXOYk {
+  --textarea-pad: 6px;
+
+  box-sizing: border-box;
+  display: block;
+  height: calc(var(--textarea-rows, 4) * 1lh + var(--textarea-pad) * 2);
+  padding-top: var(--textarea-pad);
+  padding-bottom: var(--textarea-pad);
+  margin: 0;
+  overflow: auto;
+  text-overflow: clip;
+  font-family: inherit;
+  overflow-wrap: break-word;
+  white-space: pre-wrap;
+  resize: vertical;
+}
+
+:where([data-size='small']) textarea.textarea-module__textarea__UXOYk {
+  --textarea-pad: 4px;
+}
+
+:where([data-size='extraLarge']) textarea.textarea-module__textarea__UXOYk {
+  --textarea-pad: 8px;
+}
+
+textarea.textarea-module__resize-none__qC18Z {
+  resize: none;
+}
+
+textarea.textarea-module__resize-horizontal__cdonZ {
+  resize: horizontal;
+}
+
+textarea.textarea-module__resize-both__cAT78 {
+  resize: both;
+}
+
+.textarea-module__field-icon__oJCht {
+  cursor: text;
+}
+
+span.textarea-module__pin-top__Z1CUC {
+  top: 4px;
+  transform: none;
+}
+
+:where([data-size='small']) span.textarea-module__pin-top__Z1CUC {
+  top: 2px;
+}
+
+:where([data-size='extraLarge']) span.textarea-module__pin-top__Z1CUC {
+  top: 8px;
+}
+
 .wrapForLabel-module__root__n2E0p {
   display: flex;
   align-items: center;
@@ -3437,13 +3495,13 @@
 }
 
 .collapse-module__header__O2tiZ.collapse-module__small__oMCcw {
-  padding: 8px 8px 4px;
+  padding: 6px 0 2px;
   color: var(--theme-text-secondary);
   border-bottom: 1px solid var(--theme-divider);
 }
 
 .collapse-module__header__O2tiZ.collapse-module__medium__L7bmb {
-  padding: 12px 12px 8px;
+  padding: 8px;
   color: var(--theme-text-primary);
 }
 
@@ -3478,11 +3536,11 @@
 }
 
 .collapse-module__content__RPGR6.collapse-module__small__oMCcw {
-  padding: 8px;
+  padding: 2px 0 0;
 }
 
 .collapse-module__content__RPGR6.collapse-module__medium__L7bmb {
-  padding: 8px 12px 12px;
+  padding: 8px;
 }
 
 .tabs-module__root__m7YiQ {
@@ -3597,6 +3655,10 @@
   border-bottom: none;
 }
 
+.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) {
+  width: 100%;
+}
+
 .tabs-module__small__hiwdI.tabs-module__filled-tabs___LvVq {
   gap: 4px;
 }
@@ -3650,6 +3712,11 @@
   height: auto;
 }
 
+.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) .tabs-module__tab__NoNie {
+  flex-grow: 1;
+  width: 0;
+}
+
 .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;
@@ -3793,6 +3860,16 @@
   padding: 0 16px;
 }
 
+.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) .tabs-module__tab-title__XsuJP {
+  justify-content: center;
+  padding: 0 8px;
+}
+
+.tabs-module__root__m7YiQ.tabs-module__fill-evenly__N60ct:not(.tabs-module__vertical__sPO6h) .tabs-module__tab-title__XsuJP > span {
+  min-width: 0;
+  overflow-wrap: break-word;
+}
+
 .tabs-module__tab-title__XsuJP > span {
   overflow: hidden;
   text-overflow: ellipsis;