nntc-ui 0.2.21 → 0.2.23

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/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.
@@ -721,14 +721,6 @@
   --end-icon-edge: 4px;
 }
 
-/* Label small из макета: 12/12, без letter-spacing */
-.fieldShell-module__root__A1OLC > .fieldShell-module__label__MW9yk {
-  font-size: 12px;
-  line-height: 12px;
-  color: var(--theme-input-label);
-  letter-spacing: normal;
-}
-
 .fieldShell-module__label-row__UkRCm {
   display: flex;
   gap: 4px;
@@ -737,11 +729,16 @@
   min-width: 0;
 }
 
+/* Label small из макета: 12/12, без letter-spacing. Лейбл лежит внутри .label-row, не прямой ребёнок .root. */
 .fieldShell-module__label-row__UkRCm > .fieldShell-module__label__MW9yk {
   flex: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
+  font-size: 12px;
+  line-height: 12px;
+  color: var(--theme-text-secondary);
+  letter-spacing: normal;
   white-space: nowrap;
 }
 
@@ -2108,6 +2105,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;