@sberbusiness/triplex-next 1.48.0 → 1.50.0

package/generated/refTokenTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"refTokenTypes.js","sources":["../../src/generated/refTokenTypes.ts"],"sourcesContent":["export const designTokensRefs = ['ColorBrand.0','ColorBrand.10','ColorBrand.20','ColorBrand.30','ColorBrand.40','ColorBrand.50','ColorBrand.60','ColorBrand.70','ColorBrand.80','ColorBrand.90','ColorBrand.95','ColorBrand.100','ColorDarkNeutralAlpha.0','ColorDarkNeutralAlpha.10','ColorDarkNeutralAlpha.20','ColorDarkNeutralAlpha.30','ColorDarkNeutralAlpha.40','ColorDarkNeutralAlpha.50','ColorDarkNeutralAlpha.60','ColorDarkNeutralAlpha.70','ColorDarkNeutralAlpha.80','ColorDarkNeutralAlpha.90','ColorDarkNeutralAlpha.100','ColorDarkNeutral.0','ColorDarkNeutral.10','ColorDarkNeutral.20','ColorDarkNeutral.30','ColorDarkNeutral.40','ColorDarkNeutral.50','ColorDarkNeutral.60','ColorDarkNeutral.70','ColorDarkNeutral.80','ColorDarkNeutral.90','ColorDarkNeutral.100','ColorError.0','ColorError.10','ColorError.20','ColorError.30','ColorError.40','ColorError.50','ColorError.60','ColorError.70','ColorError.80','ColorError.90','ColorError.100','ColorInfo.0','ColorInfo.10','ColorInfo.20','ColorInfo.30','ColorInfo.40','ColorInfo.50','ColorInfo.60','ColorInfo.70','ColorInfo.80','ColorInfo.90','ColorInfo.100','ColorNeutralAlpha.0','ColorNeutralAlpha.10','ColorNeutralAlpha.20','ColorNeutralAlpha.30','ColorNeutralAlpha.40','ColorNeutralAlpha.50','ColorNeutralAlpha.60','ColorNeutralAlpha.70','ColorNeutralAlpha.80','ColorNeutralAlpha.90','ColorNeutralAlpha.100','ColorNeutral.0','ColorNeutral.10','ColorNeutral.20','ColorNeutral.30','ColorNeutral.40','ColorNeutral.50','ColorNeutral.60','ColorNeutral.70','ColorNeutral.80','ColorNeutral.90','ColorNeutral.100','ColorSuccess.0','ColorSuccess.10','ColorSuccess.20','ColorSuccess.30','ColorSuccess.40','ColorSuccess.50','ColorSuccess.60','ColorSuccess.70','ColorSuccess.80','ColorSuccess.90','ColorSuccess.100','ColorSystem.0','ColorSystem.10','ColorSystem.20','ColorSystem.30','ColorSystem.40','ColorSystem.50','ColorSystem.60','ColorSystem.70','ColorSystem.80','ColorSystem.90','ColorSystem.95','ColorSystem.100','ColorWarning.0','ColorWarning.10','ColorWarning.20','ColorWarning.30','ColorWarning.40','ColorWarning.50','ColorWarning.60','ColorWarning.70','ColorWarning.80','ColorWarning.90','ColorWarning.100'] as const;"],"names":[],"mappings":"AAAO,MAAM,mBAAmB,CAAC,gBAAe,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,kBAAiB,2BAA0B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,6BAA4B,sBAAqB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,wBAAuB,gBAAe,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,kBAAiB,eAAc,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,iBAAgB,uBAAsB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,yBAAwB,kBAAiB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,oBAAmB,kBAAiB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,oBAAmB,iBAAgB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,mBAAkB,kBAAiB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,kBAAkB;"}
+{"version":3,"file":"refTokenTypes.js","sources":["../../src/generated/refTokenTypes.ts"],"sourcesContent":["export const designTokensRefs = ['ColorBrand.0','ColorBrand.10','ColorBrand.20','ColorBrand.30','ColorBrand.40','ColorBrand.50','ColorBrand.60','ColorBrand.70','ColorBrand.80','ColorBrand.90','ColorBrand.95','ColorBrand.100','ColorDarkNeutralAlpha.0','ColorDarkNeutralAlpha.10','ColorDarkNeutralAlpha.20','ColorDarkNeutralAlpha.30','ColorDarkNeutralAlpha.40','ColorDarkNeutralAlpha.50','ColorDarkNeutralAlpha.60','ColorDarkNeutralAlpha.70','ColorDarkNeutralAlpha.80','ColorDarkNeutralAlpha.90','ColorDarkNeutralAlpha.100','ColorDarkNeutral.0','ColorDarkNeutral.10','ColorDarkNeutral.20','ColorDarkNeutral.30','ColorDarkNeutral.40','ColorDarkNeutral.50','ColorDarkNeutral.60','ColorDarkNeutral.70','ColorDarkNeutral.80','ColorDarkNeutral.90','ColorDarkNeutral.100','ColorError.0','ColorError.10','ColorError.20','ColorError.30','ColorError.40','ColorError.50','ColorError.60','ColorError.70','ColorError.80','ColorError.90','ColorError.100','ColorInfo.0','ColorInfo.10','ColorInfo.20','ColorInfo.30','ColorInfo.40','ColorInfo.50','ColorInfo.60','ColorInfo.70','ColorInfo.80','ColorInfo.90','ColorInfo.100','ColorNeutralAlpha.0','ColorNeutralAlpha.10','ColorNeutralAlpha.20','ColorNeutralAlpha.30','ColorNeutralAlpha.40','ColorNeutralAlpha.50','ColorNeutralAlpha.60','ColorNeutralAlpha.70','ColorNeutralAlpha.80','ColorNeutralAlpha.90','ColorNeutralAlpha.100','ColorNeutral.0','ColorNeutral.10','ColorNeutral.20','ColorNeutral.30','ColorNeutral.40','ColorNeutral.50','ColorNeutral.60','ColorNeutral.70','ColorNeutral.80','ColorNeutral.90','ColorNeutral.100','ColorSuccess.0','ColorSuccess.10','ColorSuccess.20','ColorSuccess.30','ColorSuccess.40','ColorSuccess.50','ColorSuccess.60','ColorSuccess.70','ColorSuccess.80','ColorSuccess.90','ColorSuccess.100','ColorSystem.0','ColorSystem.10','ColorSystem.20','ColorSystem.30','ColorSystem.40','ColorSystem.50','ColorSystem.60','ColorSystem.70','ColorSystem.80','ColorSystem.90','ColorSystem.95','ColorSystem.100','ColorWarning.0','ColorWarning.10','ColorWarning.20','ColorWarning.30','ColorWarning.40','ColorWarning.50','ColorWarning.60','ColorWarning.70','ColorWarning.80','ColorWarning.90','ColorWarning.100','Shadow.01','Shadow.02','Shadow.03','Shadow.04','Shadow.05','Shadow.06','Shadow.07','DarkShadow.01','DarkShadow.02','DarkShadow.03','DarkShadow.04','DarkShadow.05','DarkShadow.06','DarkShadow.07'] as const;"],"names":[],"mappings":"AAAO,MAAM,mBAAmB,CAAC,gBAAe,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,kBAAiB,2BAA0B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,4BAA2B,6BAA4B,sBAAqB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,uBAAsB,wBAAuB,gBAAe,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,kBAAiB,eAAc,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,gBAAe,iBAAgB,uBAAsB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,wBAAuB,yBAAwB,kBAAiB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,oBAAmB,kBAAiB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,oBAAmB,iBAAgB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,kBAAiB,mBAAkB,kBAAiB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,mBAAkB,oBAAmB,aAAY,aAAY,aAAY,aAAY,aAAY,aAAY,aAAY,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,iBAAgB,eAAe;"}

package/helpers/less/colors.less

@@ -109,4 +109,11 @@
 @triplex-next-ColorWarning-70: #FFB13B;
 @triplex-next-ColorWarning-80: #FFD169;
 @triplex-next-ColorWarning-90: #FCEAC7;
-@triplex-next-ColorWarning-100: #FFF4DB;
+@triplex-next-ColorWarning-100: #FFF4DB;
+@triplex-next-Shadow-01: 0px 0px 10px rgba(0, 0, 0, 0.1);
+@triplex-next-Shadow-02: 0px 2px 10px rgba(31, 31, 34, 0.09);
+@triplex-next-Shadow-03: 0px 2px 12px rgba(31, 31, 34, 0.12);
+@triplex-next-Shadow-04: 0px 2px 9px rgba(31, 31, 34, 0.15);
+@triplex-next-Shadow-05: 0px -2px 9px rgba(31, 31, 34, 0.15);
+@triplex-next-Shadow-06: 0px 4px 12px rgba(31, 31, 34, 0.16);
+@triplex-next-Shadow-07: 0px 2px 7px rgba(31, 31, 34, 0.25);

package/index.d.ts

@@ -3,12 +3,15 @@ import { default as default_2 } from 'react';
 import { default as default_3 } from 'moment';
 import { default as default_4 } from 'big.js';
 import { FocusTrapProps } from 'focus-trap-react';
+import { ForwardRefExoticComponent } from 'react';
 import { ISingleColorIconProps } from '@sberbusiness/icons-next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { MaskedInputProps } from 'react-text-mask';
 import { Moment } from 'moment';
 import { MouseSensor } from '@dnd-kit/core';
 import { MouseSensorOptions } from '@dnd-kit/core';
+import { ReactNode } from 'react';
+import { RefAttributes } from 'react';
 import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
 import { TouchSensor } from '@dnd-kit/core';
 import { TouchSensorOptions } from '@dnd-kit/core';
@@ -158,7 +161,13 @@ export declare const ButtonDropdownExtended: IButtonDropdownExtendedComponent;
  */
 export declare const ButtonIcon: default_2.ForwardRefExoticComponent<IButtonIconProps & default_2.RefAttributes<HTMLButtonElement>>;
 
-/** Вычисление позиции шага, относительно других. */
+/**
+ * Вычисление позиции шага относительно других.
+ *
+ * @param stepCount Общее количество шагов.
+ * @param i Индекс шага, начиная с нуля.
+ * @returns EStepPosition.XFirst для первого шага, EStepPosition.XLast для последнего, иначе EStepPosition.Default.
+ */
 export declare const calcPosition: (stepCount: number, i: number) => EStepPosition;
 
 /** Календарь. */
@@ -1360,15 +1369,19 @@ declare const designTokensCoreGroupColorSystemKeys: readonly ["100", "95", "90",
 
 declare const designTokensCoreGroupColorWarningKeys: readonly ["100", "90", "80", "70", "60", "50", "40", "30", "20", "10", "0"];
 
+declare const designTokensCoreGroupDarkShadowKeys: readonly ["01", "02", "03", "04", "05", "06", "07"];
+
+declare const designTokensCoreGroupShadowKeys: readonly ["01", "02", "03", "04", "05", "06", "07"];
+
 export declare const DesignTokensCoreThemeDark: TDesignTokensCore;
 
-declare const designTokensRefs: readonly ["ColorBrand.0", "ColorBrand.10", "ColorBrand.20", "ColorBrand.30", "ColorBrand.40", "ColorBrand.50", "ColorBrand.60", "ColorBrand.70", "ColorBrand.80", "ColorBrand.90", "ColorBrand.95", "ColorBrand.100", "ColorDarkNeutralAlpha.0", "ColorDarkNeutralAlpha.10", "ColorDarkNeutralAlpha.20", "ColorDarkNeutralAlpha.30", "ColorDarkNeutralAlpha.40", "ColorDarkNeutralAlpha.50", "ColorDarkNeutralAlpha.60", "ColorDarkNeutralAlpha.70", "ColorDarkNeutralAlpha.80", "ColorDarkNeutralAlpha.90", "ColorDarkNeutralAlpha.100", "ColorDarkNeutral.0", "ColorDarkNeutral.10", "ColorDarkNeutral.20", "ColorDarkNeutral.30", "ColorDarkNeutral.40", "ColorDarkNeutral.50", "ColorDarkNeutral.60", "ColorDarkNeutral.70", "ColorDarkNeutral.80", "ColorDarkNeutral.90", "ColorDarkNeutral.100", "ColorError.0", "ColorError.10", "ColorError.20", "ColorError.30", "ColorError.40", "ColorError.50", "ColorError.60", "ColorError.70", "ColorError.80", "ColorError.90", "ColorError.100", "ColorInfo.0", "ColorInfo.10", "ColorInfo.20", "ColorInfo.30", "ColorInfo.40", "ColorInfo.50", "ColorInfo.60", "ColorInfo.70", "ColorInfo.80", "ColorInfo.90", "ColorInfo.100", "ColorNeutralAlpha.0", "ColorNeutralAlpha.10", "ColorNeutralAlpha.20", "ColorNeutralAlpha.30", "ColorNeutralAlpha.40", "ColorNeutralAlpha.50", "ColorNeutralAlpha.60", "ColorNeutralAlpha.70", "ColorNeutralAlpha.80", "ColorNeutralAlpha.90", "ColorNeutralAlpha.100", "ColorNeutral.0", "ColorNeutral.10", "ColorNeutral.20", "ColorNeutral.30", "ColorNeutral.40", "ColorNeutral.50", "ColorNeutral.60", "ColorNeutral.70", "ColorNeutral.80", "ColorNeutral.90", "ColorNeutral.100", "ColorSuccess.0", "ColorSuccess.10", "ColorSuccess.20", "ColorSuccess.30", "ColorSuccess.40", "ColorSuccess.50", "ColorSuccess.60", "ColorSuccess.70", "ColorSuccess.80", "ColorSuccess.90", "ColorSuccess.100", "ColorSystem.0", "ColorSystem.10", "ColorSystem.20", "ColorSystem.30", "ColorSystem.40", "ColorSystem.50", "ColorSystem.60", "ColorSystem.70", "ColorSystem.80", "ColorSystem.90", "ColorSystem.95", "ColorSystem.100", "ColorWarning.0", "ColorWarning.10", "ColorWarning.20", "ColorWarning.30", "ColorWarning.40", "ColorWarning.50", "ColorWarning.60", "ColorWarning.70", "ColorWarning.80", "ColorWarning.90", "ColorWarning.100"];
+declare const designTokensRefs: readonly ["ColorBrand.0", "ColorBrand.10", "ColorBrand.20", "ColorBrand.30", "ColorBrand.40", "ColorBrand.50", "ColorBrand.60", "ColorBrand.70", "ColorBrand.80", "ColorBrand.90", "ColorBrand.95", "ColorBrand.100", "ColorDarkNeutralAlpha.0", "ColorDarkNeutralAlpha.10", "ColorDarkNeutralAlpha.20", "ColorDarkNeutralAlpha.30", "ColorDarkNeutralAlpha.40", "ColorDarkNeutralAlpha.50", "ColorDarkNeutralAlpha.60", "ColorDarkNeutralAlpha.70", "ColorDarkNeutralAlpha.80", "ColorDarkNeutralAlpha.90", "ColorDarkNeutralAlpha.100", "ColorDarkNeutral.0", "ColorDarkNeutral.10", "ColorDarkNeutral.20", "ColorDarkNeutral.30", "ColorDarkNeutral.40", "ColorDarkNeutral.50", "ColorDarkNeutral.60", "ColorDarkNeutral.70", "ColorDarkNeutral.80", "ColorDarkNeutral.90", "ColorDarkNeutral.100", "ColorError.0", "ColorError.10", "ColorError.20", "ColorError.30", "ColorError.40", "ColorError.50", "ColorError.60", "ColorError.70", "ColorError.80", "ColorError.90", "ColorError.100", "ColorInfo.0", "ColorInfo.10", "ColorInfo.20", "ColorInfo.30", "ColorInfo.40", "ColorInfo.50", "ColorInfo.60", "ColorInfo.70", "ColorInfo.80", "ColorInfo.90", "ColorInfo.100", "ColorNeutralAlpha.0", "ColorNeutralAlpha.10", "ColorNeutralAlpha.20", "ColorNeutralAlpha.30", "ColorNeutralAlpha.40", "ColorNeutralAlpha.50", "ColorNeutralAlpha.60", "ColorNeutralAlpha.70", "ColorNeutralAlpha.80", "ColorNeutralAlpha.90", "ColorNeutralAlpha.100", "ColorNeutral.0", "ColorNeutral.10", "ColorNeutral.20", "ColorNeutral.30", "ColorNeutral.40", "ColorNeutral.50", "ColorNeutral.60", "ColorNeutral.70", "ColorNeutral.80", "ColorNeutral.90", "ColorNeutral.100", "ColorSuccess.0", "ColorSuccess.10", "ColorSuccess.20", "ColorSuccess.30", "ColorSuccess.40", "ColorSuccess.50", "ColorSuccess.60", "ColorSuccess.70", "ColorSuccess.80", "ColorSuccess.90", "ColorSuccess.100", "ColorSystem.0", "ColorSystem.10", "ColorSystem.20", "ColorSystem.30", "ColorSystem.40", "ColorSystem.50", "ColorSystem.60", "ColorSystem.70", "ColorSystem.80", "ColorSystem.90", "ColorSystem.95", "ColorSystem.100", "ColorWarning.0", "ColorWarning.10", "ColorWarning.20", "ColorWarning.30", "ColorWarning.40", "ColorWarning.50", "ColorWarning.60", "ColorWarning.70", "ColorWarning.80", "ColorWarning.90", "ColorWarning.100", "Shadow.01", "Shadow.02", "Shadow.03", "Shadow.04", "Shadow.05", "Shadow.06", "Shadow.07", "DarkShadow.01", "DarkShadow.02", "DarkShadow.03", "DarkShadow.04", "DarkShadow.05", "DarkShadow.06", "DarkShadow.07"];
 
-/** Разделитель. */
-export declare const Divider: default_2.FC<IDividerProps>;
+/** Разделитель. Горизонтальная линия между блоками контента с опциональными отступами сверху и снизу. */
+export declare const Divider: default_2.ForwardRefExoticComponent<IDividerProps & default_2.RefAttributes<HTMLHRElement>>;
 
 /** Поле редактирования номера документа. */
-export declare const DocumentNumberEdit: default_2.FC<IDocumentNumberEditProps>;
+export declare const DocumentNumberEdit: default_2.ForwardRefExoticComponent<IDocumentNumberEditProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /**
  * Выпадающее меню.
@@ -1735,6 +1748,11 @@ export declare enum ELineType {
     COMPACT = "compact"
 }
 
+/**
+ * Сворачивает в многоточие текст, не поместившийся в заданное количество строк.
+ * Обрезка построена на CSS `line-clamp`, поэтому паддинги компоненту задавать нельзя:
+ * они попадают внутрь обрезаемой области и искажают число видимых строк.
+ */
 export declare const Ellipsis: default_2.ForwardRefExoticComponent<IEllipsisProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /**
@@ -1834,8 +1852,11 @@ export declare enum ESegmentedControlType {
 
 /** Типы компонента Skeleton. */
 export declare enum ESkeletonType {
+    /** Непрозрачные нейтральные серые — для светло-серых поверхностей. */
     TYPE_1 = "type_1",
+    /** Полупрозрачный тёмный тинт — для обычных светлых поверхностей. */
     TYPE_2 = "type_2",
+    /** Полупрозрачный светлый тинт — для тёмных и брендовых цветных поверхностей. */
     TYPE_3 = "type_3"
 }
 
@@ -3633,10 +3654,10 @@ declare interface IDesignTokenValueString {
 }
 
 /** Свойства компонента Divider. */
-export declare interface IDividerProps extends default_2.HTMLAttributes<HTMLHRElement> {
-    /** Отступ сверху. */
+export declare interface IDividerProps extends Omit<default_2.HTMLAttributes<HTMLHRElement>, "children"> {
+    /** Отступ сверху, в пикселях. По умолчанию отступа нет. */
     marginTopSize?: TDividerMarginSize;
-    /** ОТступ снизу. */
+    /** Отступ снизу, в пикселях. По умолчанию отступа нет. */
     marginBottomSize?: TDividerMarginSize;
 }
 
@@ -3644,15 +3665,15 @@ export declare interface IDividerProps extends default_2.HTMLAttributes<HTMLHREl
 export declare interface IDocumentNumberEditProps extends ISmallInputProps {
     /** Номер документа. */
     value?: default_2.ReactText;
-    /** Текст кнопки "Изменить". По умолчанию - "Изменить". */
+    /** Текст кнопки редактирования номера. Например, "Изменить". */
     buttonLabel: string;
-    /** Текст кнопки "Изменить" при отсутствии номера. По умолчанию - "Задать номер". */
+    /** Текст кнопки редактирования, когда номер не задан. Например, "Задать номер". */
     emptyNumberButtonLabel: string;
-    /** Текст перед номером, при отсутствии номера. По умолчанию - "Номер документа будет присвоен автоматически". */
+    /** Текст вместо номера, когда номер не задан. Например, "Номер документа будет присвоен автоматически". */
     emptyNumberLabel: string;
-    /** Текст перед номером. По умолчанию - "Документ №". */
+    /** Текст перед номером. Например, "Документ №". */
     numberLabel: string;
-    /** Максимальная длина поля ввода. */
+    /** Максимальная длина поля ввода. По умолчанию 6. */
     maxLength?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }
 
@@ -3785,7 +3806,10 @@ export declare interface IDropdownProps extends IDropdownDesktopProps {
 export declare interface IDropownMobileLoaderProps extends Omit<ILoaderSmallProps, "theme" | "size"> {
 }
 
+/** Свойства компонента Ellipsis. */
 export declare interface IEllipsisProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Обрезаемое содержимое. Рассчитано на текст. */
+    children?: default_2.ReactNode;
     /** Количество строк, после которых происходит сворачивание в многоточие. */
     maxLines: number;
 }
@@ -5269,20 +5293,26 @@ export declare interface IPortalProps {
 
 /** Свойства компонента Radio. */
 export declare interface IRadioProps extends Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
-    /** Объект label-атрибутов. */
+    /** Атрибуты корневого label. Его className объединяется с внутренними классами label. */
     labelAttributes?: default_2.LabelHTMLAttributes<HTMLLabelElement>;
-    /** Размер радио-кнопки. */
+    /** Размер радио-кнопки. По умолчанию EComponentSize.MD. */
     size?: EComponentSize;
+    /** Контент лейбла радио-кнопки. */
+    children?: default_2.ReactNode;
 }
 
 /** Свойства компонента RadioXGroup. */
 export declare interface IRadioXGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    /** Размер отступа. */
+    /** Радио-кнопки группы. */
+    children?: default_2.ReactNode;
+    /** Размер горизонтального отступа между радио-кнопками. По умолчанию 12. */
     indent?: TIndentSize;
 }
 
 /** Свойства компонента RadioYGroup. */
 export declare interface IRadioYGroupProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    /** Содержимое группы, обычно набор Radio с одинаковым name. */
+    children?: default_2.ReactNode;
 }
 
 /** Свойства компонента Row. */
@@ -5299,37 +5329,45 @@ export declare interface IRowProps extends default_2.HTMLAttributes<HTMLDivEleme
 export declare const isCollapsibleTreeNodeLeaf: (node: TCollapsibleTreeNode) => node is ICollapsibleTreeNodeLeaf;
 
 /** Общие свойства компонента SegmentedControl. */
-export declare interface ISegmentedControlCommonProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+export declare interface ISegmentedControlCommonProps extends Omit<default_2.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     /** Визуальный стиль сегментов. */
     theme: ESegmentedControlTheme;
     /** Размер сегментов. */
     size: ESegmentedControlSize;
-    /** Неактивное состояние. */
+    /** Неактивное состояние. Блокирует все сегменты. По умолчанию false. */
     disabled?: boolean;
+    /** Сегменты контрола — SegmentedControl.Segment. */
+    children?: ReactNode;
 }
 
 /** Свойства компонента SegmentedControl с множественным выбором. */
 export declare interface ISegmentedControlMultipleProps extends ISegmentedControlCommonProps {
-    /** Значение. */
+    /** Значения выбранных сегментов. */
     value: string[];
     /** Тип выбора элементов. */
     type: ESegmentedControlType.MULTIPLE;
-    /** Колбэк-функция выбора элемента. */
+    /** Колбэк-функция выбора элемента. Получает новый набор выбранных значений. */
     onSelect: (value: string[]) => void;
 }
 
 /** Свойства компонента SegmentedControlSegment. */
 export declare interface ISegmentedControlSegmentProps extends IButtonBaseProps {
+    /** Значение сегмента. Сравнивается со значением SegmentedControl, чтобы определить выбранное состояние. */
     value: string;
+    /**
+     * Содержимое сегмента — подпись, иконка или и то и другое.
+     * Строковое содержимое подставляется в атрибут title, если title не передан явно.
+     */
+    children?: ReactNode;
 }
 
 /** Свойства компонента SegmentedControl с одиночным выбором. */
 export declare interface ISegmentedControlSingleProps extends ISegmentedControlCommonProps {
-    /** Значение. */
+    /** Значение выбранного сегмента. */
     value: string;
     /** Тип выбора элементов. */
     type: ESegmentedControlType.SINGLE;
-    /** Колбэк-функция выбора элемента. */
+    /** Колбэк-функция выбора элемента. Получает значение нажатого сегмента. */
     onSelect: (value: string) => void;
 }
 
@@ -5465,10 +5503,9 @@ export declare interface ISelectFieldProps extends Omit<ISelectExtendedFieldProp
 export declare interface ISelectionControlsProps extends default_2.HTMLAttributes<HTMLDivElement> {
 }
 
+/** Свойства компонента Skeleton. */
 export declare interface ISkeletonProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Тип скелетона. По умолчанию ESkeletonType.TYPE_2.
-     */
+    /** Тип скелетона. По умолчанию ESkeletonType.TYPE_2. */
     type?: ESkeletonType;
 }
 
@@ -5760,31 +5797,31 @@ export declare interface ISortOrder {
 
 /** Базовые свойства компонента Spoiler. */
 export declare interface ISpoilerBaseProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    /** Текст раскрытия содержимого. */
+    /** Текст кнопки в свёрнутом состоянии — приглашение раскрыть содержимое. */
     labelExpand: string;
-    /** Текст скрытия содержимого. */
+    /** Текст кнопки в раскрытом состоянии. Без него в раскрытом состоянии у кнопки остаётся только иконка. */
     labelCollapse?: string;
-    /** Обработчик скрытия/раскрытия. */
+    /** Обработчик скрытия/раскрытия. Вызывается в обоих режимах и получает следующее состояние. */
     onToggle?: (expanded: boolean) => void;
-    /** Элемент правого блока. */
+    /** Содержимое правой части заголовка. Рендерится рядом с кнопкой раскрытия, вне неё. */
     rightBlock?: default_2.ReactNode;
-    /** Размер компонента. */
+    /** Размер компонента. По умолчанию EComponentSize.MD. */
     size?: EComponentSize;
 }
 
 /** Свойства контролируемого Spoiler. */
 export declare interface ISpoilerControlledProps extends ISpoilerBaseProps {
-    /** Контролируемое состояние скрыт/раскрыт. */
+    /** Контролируемое состояние скрыт/раскрыт. Передача этого свойства переводит компонент в контролируемый режим. */
     expanded: boolean;
-    /** Контролирующая функция скрытия/раскрытия. */
+    /** Контролирующая функция скрытия/раскрытия. Обязательна в контролируемом режиме: сам компонент состояние не меняет. */
     toggle: (nextExpanded: boolean) => void;
 }
 
 /** Свойства неконтролируемого Spoiler. */
 export declare interface ISpoilerUncontrolledProps extends ISpoilerBaseProps {
-    /** Контролируемое состояние скрыт/раскрыт. */
+    /** В неконтролируемом режиме не передаётся — состояние скрыт/раскрыт хранит сам компонент. */
     expanded?: never;
-    /** Контролирующая функция скрытия/раскрытия. */
+    /** В неконтролируемом режиме не передаётся — состояние меняет сам компонент, сообщая о смене через onToggle. */
     toggle?: never;
 }
 
@@ -5902,13 +5939,13 @@ export declare interface IStepperStepProps extends default_2.LiHTMLAttributes<HT
 
 /** Свойства компонента Step. */
 export declare interface IStepProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    /** Размер компонента. */
+    /** Размер компонента. По умолчанию EComponentSize.MD. */
     size?: EComponentSize;
     /** Номер шага для отображения в кружке. */
     step: number;
     /** Статус текущего шага. */
     status: EStepStatus;
-    /** Позиция шага, относительно других. */
+    /** Позиция шага относительно других. Определяет выравнивание подсказки. По умолчанию EStepPosition.Default. */
     position?: EStepPosition;
 }
 
@@ -6504,8 +6541,12 @@ export declare interface ITextareaFieldProps extends Omit<ITextFieldBaseProps, "
     textareaProps: IFormFieldTextareaProps & DataAttributes & default_2.RefAttributes<HTMLTextAreaElement>;
 }
 
-/** Свойства компонента TextFieldBase. */
-declare interface ITextFieldBaseProps extends Omit<IFormFieldProps, "prefix" | "postfix"> {
+/**
+ * Базовые свойства текстовых полей: label, prefix/postfix, description, counter и слот `children` для поля ввода.
+ * `TextField`, `MaskedField`, `AmountField` и `TextareaField` наследуют их без `children` —
+ * так же типизируются props собственной обёртки: `Omit<ITextFieldBaseProps, "children">`.
+ */
+export declare interface ITextFieldBaseProps extends Omit<IFormFieldProps, "prefix" | "postfix"> {
     /** Дочерние элементы. */
     children: default_2.ReactNode;
     /** Описание поля ввода. */
@@ -7328,14 +7369,22 @@ export declare const PaginationSelect: default_2.ForwardRefExoticComponent<IPagi
 /** Портал для рендера содержимого во внешний DOM-узел (обёртка над ReactDOM.createPortal). */
 export declare const Portal: default_2.FC<IPortalProps>;
 
-/** Радио-кнопка с описанием. */
+/**
+ * Радио-кнопка с описанием.
+ * Корневой элемент — label, внутри него нативный input[type="radio"], на который указывает ref.
+ * className и остальные input-атрибуты применяются к input, labelAttributes — к label.
+ */
 export declare const Radio: default_2.ForwardRefExoticComponent<IRadioProps & default_2.RefAttributes<HTMLInputElement>>;
 
 /** Группа радио-кнопок с направлением по оси X. */
-export declare const RadioXGroup: default_2.FC<IRadioXGroupProps>;
+export declare const RadioXGroup: default_2.ForwardRefExoticComponent<IRadioXGroupProps & default_2.RefAttributes<HTMLDivElement>>;
 
-/** Группа радио-кнопок с направлением по оси Y. */
-export declare const RadioYGroup: default_2.FC<IRadioYGroupProps>;
+/**
+ * Группа радио-кнопок с направлением по оси Y.
+ * Корневой div получает ref, className и остальные HTML-атрибуты.
+ * По умолчанию имеет роль radiogroup, которую можно переопределить через role.
+ */
+export declare const RadioYGroup: default_2.ForwardRefExoticComponent<IRadioYGroupProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /**
  * Строка сетки с нижним отступом, предназначенная для использования с колонками Col в children.
@@ -7354,11 +7403,11 @@ export declare const scrollSmoothHorizontally: (element: HTMLElement, amount: nu
 
 /** Набор опций для выбора одного или нескольких вариантов. */
 export declare const SegmentedControl: default_2.ForwardRefExoticComponent<TSegmentedControlProps & default_2.RefAttributes<HTMLDivElement>> & {
-    Segment: default_2.FC<ISegmentedControlSegmentProps>;
+    Segment: default_2.ForwardRefExoticComponent<ISegmentedControlSegmentProps & default_2.RefAttributes<HTMLButtonElement>>;
 };
 
 /** Элемент SegmentedControl, представляет собой опцию для выбора. */
-export declare const SegmentedControlSegment: default_2.FC<ISegmentedControlSegmentProps>;
+export declare const SegmentedControlSegment: default_2.ForwardRefExoticComponent<ISegmentedControlSegmentProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Базовый компонент Select. На его основе строятся Select'ы с любыми value, options и target.
@@ -7401,9 +7450,12 @@ export declare const SelectionControls: default_2.ForwardRefExoticComponent<ISel
 export declare function setCaretPosition(field: HTMLInputElement | null, position: number): void;
 
 /**
- * Элемент для визуализации содержимого, которое еще не загрузилось.
+ * Элемент для визуализации содержимого, которое ещё не загрузилось.
+ * Собственных размеров нет: размер задаёт потребитель через `width`/`height`,
+ * либо скелетон растягивается внутри flex-контейнера (`flex-grow: 1`).
+ * Пульсирует цветом фона в зависимости от типа.
  */
-export declare const Skeleton: default_2.FC<ISkeletonProps>;
+export declare const Skeleton: default_2.ForwardRefExoticComponent<ISkeletonProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /**
  * Слайдер с одним ползунком — готовая сборка SliderExtended: полоса, ползунок, трек и метки.
@@ -7456,7 +7508,15 @@ export declare const SMSFieldSubmit: default_2.FC<ISMSFieldSubmitProps>;
 
 export declare const SMSFieldTooltip: default_2.FC<ISMSFieldTooltipProps>;
 
-/** Компонент "Спойлер", используется для раскрытия внутреннего содержимого. */
+/**
+ * Компонент "Спойлер", используется для раскрытия внутреннего содержимого.
+ *
+ * Работает в двух режимах. Без `expanded` — неконтролируемый: состояние хранится внутри, о его
+ * смене компонент сообщает через `onToggle`. С `expanded` — контролируемый: состояние живёт у
+ * потребителя, по клику вызывается `toggle` со следующим значением.
+ *
+ * Корневой элемент — div, на него указывает ref и приходят className и остальные props.
+ */
 export declare const Spoiler: default_2.ForwardRefExoticComponent<TSpoilerProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /**
@@ -7525,7 +7585,11 @@ export declare const StatusTrackerSum: default_2.ForwardRefExoticComponent<IStat
 /** Заголовок блока заголовка статус-трекера. Рендерится как Title размера H3 с жирным начертанием. */
 export declare const StatusTrackerTitle: default_2.ForwardRefExoticComponent<IStatusTrackerTitleProps & default_2.RefAttributes<HTMLElement>>;
 
-export declare const Step: default_2.FC<IStepProps>;
+/**
+ * Шаг — круглый индикатор с номером и цветом по статусу.
+ * Если передан children, номер оборачивается в подсказку, раскрывающуюся по наведению.
+ */
+export declare const Step: default_2.ForwardRefExoticComponent<IStepProps & default_2.RefAttributes<HTMLDivElement>>;
 
 /** Компонент Stepper, список шагов */
 export declare const Stepper: default_2.FC<IStepperProps> & IStepperComposition;
@@ -7565,7 +7629,7 @@ export declare const SuggestContext: default_2.Context<ISuggestContext<any>>;
 
 /** Выпадающий список с возможностью поиска по введённому значению. */
 export declare const SuggestField: (<T extends ISuggestFieldOption = ISuggestFieldOption>(props: ISuggestFieldProps<T>) => JSX.Element) & {
-    Input: default_2.ForwardRefExoticComponent<IFormFieldInputProps & default_2.RefAttributes<HTMLInputElement>>;
+    Input: ForwardRefExoticComponent<IFormFieldInputProps & RefAttributes<HTMLInputElement>>;
 };
 
 /**
@@ -8272,7 +8336,7 @@ declare type TDesignTokensComponentsUploadZoneKeys = (typeof designTokensCompone
 
 declare type TDesignTokensComponentsUploadZoneValue = Record<TDesignTokensComponentsUploadZoneKeys, TDesignTokenValue>;
 
-declare type TDesignTokensCore = TDesignTokensCoreGroupColorBrand & TDesignTokensCoreGroupColorDarkNeutralAlpha & TDesignTokensCoreGroupColorDarkNeutral & TDesignTokensCoreGroupColorError & TDesignTokensCoreGroupColorInfo & TDesignTokensCoreGroupColorNeutralAlpha & TDesignTokensCoreGroupColorNeutral & TDesignTokensCoreGroupColorSuccess & TDesignTokensCoreGroupColorSystem & TDesignTokensCoreGroupColorWarning;
+declare type TDesignTokensCore = TDesignTokensCoreGroupColorBrand & TDesignTokensCoreGroupColorDarkNeutralAlpha & TDesignTokensCoreGroupColorDarkNeutral & TDesignTokensCoreGroupColorError & TDesignTokensCoreGroupColorInfo & TDesignTokensCoreGroupColorNeutralAlpha & TDesignTokensCoreGroupColorNeutral & TDesignTokensCoreGroupColorSuccess & TDesignTokensCoreGroupColorSystem & TDesignTokensCoreGroupColorWarning & TDesignTokensCoreGroupShadow & TDesignTokensCoreGroupDarkShadow;
 
 declare type TDesignTokensCoreGroupColorBrand = {
     ColorBrand: TDesignTokensCoreGroupColorBrandValue;
@@ -8354,12 +8418,28 @@ declare type TDesignTokensCoreGroupColorWarningKeys = (typeof designTokensCoreGr
 
 declare type TDesignTokensCoreGroupColorWarningValue = Record<TDesignTokensCoreGroupColorWarningKeys, TDesignTokenValue>;
 
+declare type TDesignTokensCoreGroupDarkShadow = {
+    DarkShadow: TDesignTokensCoreGroupDarkShadowValue;
+};
+
+declare type TDesignTokensCoreGroupDarkShadowKeys = (typeof designTokensCoreGroupDarkShadowKeys)[number];
+
+declare type TDesignTokensCoreGroupDarkShadowValue = Record<TDesignTokensCoreGroupDarkShadowKeys, TDesignTokenValue>;
+
+declare type TDesignTokensCoreGroupShadow = {
+    Shadow: TDesignTokensCoreGroupShadowValue;
+};
+
+declare type TDesignTokensCoreGroupShadowKeys = (typeof designTokensCoreGroupShadowKeys)[number];
+
+declare type TDesignTokensCoreGroupShadowValue = Record<TDesignTokensCoreGroupShadowKeys, TDesignTokenValue>;
+
 declare type TDesignTokensPartial = TCreatePartialTokens<TDesignTokens>;
 
 /** Значение токена. */
 declare type TDesignTokenValue = IDesignTokenValueString | IDesignTokenValueRef;
 
-/** Возможные размеры отступов. */
+/** Возможные размеры отступов Divider, в пикселях. */
 export declare type TDividerMarginSize = 4 | 8 | 12 | 16 | 20 | 24 | 28 | 32;
 
 /**

package/index.js

@@ -30,7 +30,7 @@ import { checkChildrenCheckboxes, checkParentCheckboxes, traverseCheckboxes } fr
 import { CheckboxTreeExtended } from "./components/CheckboxTreeExtended/CheckboxTreeExtended.js";
 import { CheckboxTreeExtendedNode } from "./components/CheckboxTreeExtended/components/CheckboxTreeExtendedNode.js";
 import { EChipType } from "./components/Chip/enums.js";
-import { C } from "./chunks/Chip-DF_tx9l4.js";
+import { C } from "./chunks/Chip-HiAUilI6.js";
 import { ChipDatePicker } from "./components/Chip/ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./components/Chip/ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./components/Chip/ChipClearButton.js";
@@ -69,7 +69,7 @@ import { DocumentNumberEdit } from "./components/DocumentNumberEdit/DocumentNumb
 import { DropdownListContext } from "./components/Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "./components/Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "./components/Dropdown/desktop/DropdownList.js";
-import { D } from "./chunks/DropdownListItem-cXbzcYKR.js";
+import { D } from "./chunks/DropdownListItem-BDtBpFPH.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./components/Dropdown/desktop/enums.js";
 import { DropdownMobile } from "./components/Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./components/Dropdown/mobile/DropdownMobileBody.js";
@@ -124,7 +124,7 @@ import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtended/comp
 import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import { I } from "./chunks/ImageGalleryExtendedThumb-CDVXTjWG.js";
+import { I } from "./chunks/ImageGalleryExtendedThumb-D4Ws4ax0.js";
 import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
 import { EImageGalleryArrowDirection } from "./components/ImageGalleryExtended/enums.js";
 import { Island } from "./components/Island/Island.js";
@@ -155,7 +155,7 @@ import { ListItem } from "./components/List/components/ListItem.js";
 import { ListItemControls } from "./components/List/components/ListItemControls.js";
 import { ListItemContent } from "./components/List/components/ListItemContent.js";
 import { ListActionItem } from "./components/List/components/ListActionItem.js";
-import { L } from "./chunks/ListItemControlsButton-DkpPeYFO.js";
+import { L } from "./chunks/ListItemControlsButton-DZKgVfLa.js";
 import { ListItemControlsButtonDropdown } from "./components/List/components/ListItemControlsButtonDropdown.js";
 import { ListEmptyState } from "./components/List/components/ListEmptyState.js";
 import { ListItemLoading } from "./components/List/components/ListItemLoading.js";
@@ -270,7 +270,7 @@ import { SuggestFieldDesktopDropdown } from "./components/SuggestField/desktop/S
 import { SuggestFieldDesktop } from "./components/SuggestField/desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./components/SuggestField/mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./components/SuggestField/mobile/SuggestFieldMobileDropdown.js";
-import { S } from "./chunks/SuggestFieldMobileDropdownHint-BeT6Ch46.js";
+import { S } from "./chunks/SuggestFieldMobileDropdownHint-BogTgDdU.js";
 import { SuggestField } from "./components/SuggestField/SuggestField.js";
 import { SwipeableArea } from "./components/SwipeableArea/SwipeableArea.js";
 import { MasterTable } from "./components/Table/MasterTable.js";
@@ -326,7 +326,7 @@ import { Title } from "./components/Typography/Title.js";
 import { UnorderedList } from "./components/UnorderedList/UnorderedList.js";
 import { UnorderedListExtended } from "./components/UnorderedListExtended/UnorderedListExtended.js";
 import { UploadZone } from "./components/UploadZone/UploadZone.js";
-import { U } from "./chunks/UploadZoneInput-85sqlQnz.js";
+import { U } from "./chunks/UploadZoneInput-Dne6D9Xv.js";
 import { WindowResizeListener } from "./components/WindowResizeListener/WindowResizeListener.js";
 import { EComponentSize } from "./enums/EComponentSize.js";
 import { EFocusSource } from "./enums/EFocusSource.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sberbusiness/triplex-next",
-  "version": "1.48.0",
+  "version": "1.50.0",
   "description": "Библиотека компонентов дизайн-системы Triplex.",
   "license": "Sber Public License at-nc-sa v.2",
   "repository": {