@salutejs/sdds-scan 0.370.0-dev.0 → 0.371.0-dev.0

package/dist/styled-components/es/components/TextArea/TextArea.config.js

@@ -246,6 +246,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: 0.312rem -2.813rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -319,6 +320,7 @@ export const config = {
                 ${tokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

package/dist/styled-components/es/components/TextField/TextField.config.js

@@ -165,6 +165,7 @@ export const config = {
                 ${tokens.clearHintInnerLabelPlacementOffset}: 0.312rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.3125rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
@@ -251,6 +252,7 @@ export const config = {
                 ${tokens.clearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
 
                 ${tokens.titleCaptionInnerLabelOffset}: 0.25rem;
+                ${tokens.titleCaptionMargin}: 0.1875rem;
                 ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
                 ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
                 ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};

package/dist/styled-components/es/components/TimePicker/TimePicker.config.js

@@ -47,6 +47,7 @@ export const config = {
                 ${tokens.disabledOpacity}: 0.4;
 
                 ${tokens.leftHelperColor}: ${textSecondary};
+                ${tokens.titleCaptionColor}: ${textSecondary};
                 ${tokens.leftHelperColorError}: ${textNegative};
                 ${tokens.leftHelperColorSuccess}: ${textPositive};
 
@@ -71,6 +72,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyL.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyL.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyL.lineHeight};
+                ${tokens.titleCaptionMargin}: 0.375rem;
+                ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
+                ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.indicatorSize}: 0.5rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -142,6 +150,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyM.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyM.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyM.lineHeight};
+                ${tokens.titleCaptionMargin}: 0.3125rem;
+                ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
+                ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.indicatorSize}: 0.5rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -225,6 +240,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyS.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyS.lineHeight};
+                ${tokens.titleCaptionMargin}: 0.1875rem;
+                ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
+                ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.indicatorSize}: 0.375rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -308,6 +330,13 @@ export const config = {
                 ${tokens.labelFontWeight}: ${bodyXS.fontWeight};
                 ${tokens.labelLetterSpacing}: ${bodyXS.letterSpacing};
                 ${tokens.labelLineHeight}: ${bodyXS.lineHeight};
+                ${tokens.titleCaptionMargin}: 0;
+                ${tokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};
+                ${tokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};
+                ${tokens.titleCaptionFontSize}: ${bodyXS.fontSize};
+                ${tokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};
+                ${tokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};
+                ${tokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};
 
                 ${tokens.indicatorSize}: 0.375rem;
                 ${tokens.indicatorSizeOuter}: 0.375rem;
@@ -443,6 +472,7 @@ export const config = {
                 ${tokens.backgroundReadOnly}: ${surfaceTransparentPrimary};
                 ${tokens.labelColorReadOnly}: ${textSecondary};
                 ${tokens.leftHelperColorReadOnly}: ${textSecondary};
+                ${tokens.titleCaptionColorReadOnly}: ${textSecondary};
 
                 ${tokens.textFieldColorReadOnly}: ${textSecondary};
                 ${tokens.textFieldBackgroundColorReadOnly}: ${surfaceTransparentPrimary};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-scan",
-  "version": "0.370.0-dev.0",
+  "version": "0.371.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS SCAN web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "publishConfig": {
@@ -37,11 +37,11 @@
   "peerDependencies": {
     "react": ">=16.13.1",
     "react-dom": ">=16.13.1",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.11"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.384.0-dev.0",
-    "@salutejs/sdds-themes": "0.84.0-dev.0"
+    "@salutejs/plasma-new-hope": "0.385.0-dev.0",
+    "@salutejs/sdds-themes": "0.85.0-dev.0"
   },
   "devDependencies": {
     "@babel/cli": "7.24.1",
@@ -60,10 +60,10 @@
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
     "@salutejs/plasma-colors": "0.26.0-dev.0",
-    "@salutejs/plasma-core": "1.246.0-dev.0",
-    "@salutejs/plasma-cy-utils": "0.176.0-dev.0",
-    "@salutejs/plasma-icons": "1.253.0-dev.0",
-    "@salutejs/plasma-sb-utils": "0.247.0-dev.0",
+    "@salutejs/plasma-core": "1.247.0-dev.0",
+    "@salutejs/plasma-cy-utils": "0.177.0-dev.0",
+    "@salutejs/plasma-icons": "1.254.0-dev.0",
+    "@salutejs/plasma-sb-utils": "0.248.0-dev.0",
     "@types/node": "16.7.13",
     "@types/react": "18.0.28",
     "@types/react-dom": "18.0.11",
@@ -74,7 +74,7 @@
     "default-browser-id": "2.0.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "styled-components": "5.3.1",
+    "styled-components": "5.3.11",
     "typescript-coverage-report": "0.7.0"
   },
   "scripts": {
@@ -108,5 +108,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "573a5eebb5c872332089cd4fd4b3738a975c1f6d"
+  "gitHead": "192f858f2e44fc11fc92b19949cbe9b40eb12210"
 }

package/types/components/Autocomplete/Autocomplete.d.ts

@@ -55,7 +55,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;
@@ -114,7 +115,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;
@@ -175,7 +177,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;
@@ -234,7 +237,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;
@@ -295,7 +299,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;
@@ -354,7 +359,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;
@@ -415,7 +421,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;
@@ -474,7 +481,8 @@ export declare const AutocompleteComponent: React.FunctionComponent<import("@sal
     rootStyle?: React.CSSProperties;
     size?: string;
     view?: string;
-} & Omit<{
+    titleCaption?: React.ReactNode;
+} & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & Omit<{
     titleCaption?: React.ReactNode;
     leftHelper?: React.ReactNode;
     rightHelper?: React.ReactNode;

package/types/components/Calendar/Calendar.d.ts

@@ -13,7 +13,9 @@ export declare const CalendarBase: import("react").FunctionComponent<import("@sa
         m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").Calendar & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarConfigProps & import("react").RefAttributes<HTMLDivElement>>;
+}> & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").Calendar & import("@salutejs/plasma-new-hope/types/components/Calendar/Calendar.types.js").CalendarConfigProps & {
+    periodSelectorAlign?: "start" | "center";
+} & import("react").RefAttributes<HTMLDivElement>>;
 export declare const CalendarDouble: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;

package/types/components/DatePicker/DatePicker.d.ts

@@ -52,7 +52,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
             isoDate?: string;
         };
     }) => void;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Pick<import("@salutejs/plasma-new-hope/styled-components").CalendarBaseProps, "periodSelectorAlign"> & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
     hintView?: string;
@@ -94,7 +94,7 @@ export declare const DatePicker: import("react").FunctionComponent<import("@salu
             isoDate?: string;
         };
     }) => void;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps & Pick<import("@salutejs/plasma-new-hope/styled-components").CalendarBaseProps, "periodSelectorAlign"> & import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps & {
     hintTrigger?: never;
     hintText?: never;
     hintView?: never;
@@ -133,7 +133,7 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
     readOnly: {
         true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
     };
-}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerVariationProps & {
+}> & import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerVariationProps & Pick<import("@salutejs/plasma-new-hope/styled-components").CalendarBaseProps, "periodSelectorAlign"> & {
     requiredPlacement?: "left" | "right";
     required?: boolean;
     hasRequiredIndicator?: boolean;
@@ -153,16 +153,16 @@ export declare const DatePickerRange: import("react").FunctionComponent<import("
         };
     }) => void;
 } & {
-    size?: string | undefined;
-    disabled?: boolean | undefined;
-    autoComplete?: string | undefined;
-    readOnly?: boolean | undefined;
-    required?: boolean | undefined;
     label?: string | undefined;
     view?: string | undefined;
-    appearance?: string | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    autoComplete?: string | undefined;
+    disabled?: boolean | undefined;
+    size?: string | undefined;
     contentLeft?: React.ReactNode;
     contentRight?: React.ReactNode;
+    appearance?: string | undefined;
     hintText?: string | undefined;
     hintTrigger?: ("hover" | "click") | undefined;
     hintTargetIcon?: React.ReactNode;

package/types/components/DateTimePicker/DateTimePicker.d.ts

@@ -43,7 +43,7 @@ export declare const DateTimePicker: import("react").FunctionComponent<import("@
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
     dateShortcutsWidth?: import("react").CSSProperties["width"];
     dateShortcutsPlacement?: "right" | "left";
-} & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "format" | "maskWithFormat" | "calendarContainerWidth" | "calendarContainerHeight"> & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "isOpen" | "closeAfterDateSelect"> & Pick<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "calendarContainerWidth" | "calendarContainerHeight"> & {
+} & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "format" | "maskWithFormat" | "calendarContainerWidth" | "calendarContainerHeight"> & Pick<import("@salutejs/plasma-new-hope/styled-components").CalendarBaseProps, "periodSelectorAlign"> & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "isOpen" | "closeAfterDateSelect"> & Pick<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "calendarContainerWidth" | "calendarContainerHeight"> & {
     onCommitDate?: (value: string, formattedValues: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").FormattedValues) => void;
     onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, formattedValues?: Omit<import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").FormattedValues, "quarterInfo">) => void;
     onSearch?: (event?: import("react").KeyboardEvent<HTMLInputElement>, value?: string) => void;
@@ -83,7 +83,7 @@ export declare const DateTimePicker: import("react").FunctionComponent<import("@
     dateShortcuts?: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").DateShortcutItem[];
     dateShortcutsWidth?: import("react").CSSProperties["width"];
     dateShortcutsPlacement?: "right" | "left";
-} & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "format" | "maskWithFormat" | "calendarContainerWidth" | "calendarContainerHeight"> & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "isOpen" | "closeAfterDateSelect"> & Pick<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "calendarContainerWidth" | "calendarContainerHeight"> & {
+} & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "format" | "maskWithFormat" | "calendarContainerWidth" | "calendarContainerHeight"> & Pick<import("@salutejs/plasma-new-hope/styled-components").CalendarBaseProps, "periodSelectorAlign"> & Omit<import("@salutejs/plasma-new-hope/types/components/DatePicker/SingleDate/SingleDate.types.js").DatePickerPopoverProps, "isOpen" | "closeAfterDateSelect"> & Pick<import("@salutejs/plasma-new-hope/types/components/DatePicker/DatePickerBase.types.js").DatePickerCalendarProps, "calendarContainerWidth" | "calendarContainerHeight"> & {
     onCommitDate?: (value: string, formattedValues: import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").FormattedValues) => void;
     onChangeValue?: (event: import("react").SyntheticEvent<HTMLInputElement> | null, value?: string, formattedValues?: Omit<import("@salutejs/plasma-new-hope/types/components/DateTimePicker/DateTimePicker.types.js").FormattedValues, "quarterInfo">) => void;
     onSearch?: (event?: import("react").KeyboardEvent<HTMLInputElement>, value?: string) => void;

package/types/components/Select/Select.d.ts

@@ -55,6 +55,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -68,7 +69,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
     hintPortal?: string | React.RefObject<HTMLElement | null>;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & {
@@ -87,6 +88,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -100,7 +102,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & {
@@ -119,6 +121,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -132,7 +135,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
     hintPortal?: string | React.RefObject<HTMLElement | null>;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & {
@@ -151,6 +154,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -164,7 +168,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & Omit<{
@@ -187,6 +191,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -200,7 +205,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
     hintPortal?: string | React.RefObject<HTMLElement | null>;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & Omit<{
@@ -223,6 +228,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -236,7 +242,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & Omit<{
@@ -259,6 +265,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -272,7 +279,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: string;
     hintContentLeft?: React.ReactNode;
     hintPortal?: string | React.RefObject<HTMLElement | null>;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & Omit<{
@@ -295,6 +302,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     helperText?: string;
     chipType?: "default" | "text";
     chipClickArea?: "full" | "close-icon";
+    titleCaption?: React.ReactNode;
 } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -308,7 +316,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     hintWidth?: never;
     hintContentLeft?: never;
     hintPortal?: never;
-} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & {
+} & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").LabelProps & Pick<import("@salutejs/plasma-new-hope/styled-components").TextFieldProps, "hasDivider"> & {
     _offset?: [number, number];
     _checkboxAppearance?: string;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "defaultValue" | "placeholder" | "onChange" | "onScroll" | "value"> & React.RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").BasicProps<SelectItemOption> & {
@@ -321,6 +329,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     selectAllOptions?: never;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -329,6 +338,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -355,6 +365,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     selectAllOptions?: never;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -363,6 +374,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -389,6 +401,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").SelectAllProps;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -397,6 +410,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -423,6 +437,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     selectAllOptions?: import("@salutejs/plasma-new-hope/types/components/Select/Select.types.js").SelectAllProps;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -431,6 +446,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -461,6 +477,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     onChange?: React.ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -469,6 +486,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -499,6 +517,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     onChange?: React.ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -507,6 +526,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;
@@ -537,6 +557,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     onChange?: React.ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -545,6 +566,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintText: string;
     hintTrigger?: "hover" | "click";
@@ -575,6 +597,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     onChange?: React.ChangeEventHandler<HTMLSelectElement>;
 } & {
     target: "button-like";
+    hasDivider?: never;
     label?: string;
     contentLeft?: never;
     contentRight?: never;
@@ -583,6 +606,7 @@ declare const SelectNewHope: React.FunctionComponent<import("@salutejs/plasma-ne
     keepPlaceholder?: never;
     chipType?: never;
     chipClickArea?: never;
+    titleCaption?: never;
 } & import("@salutejs/plasma-new-hope/styled-components").NeverProps<import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types.js").RequiredProps & {
     hintTrigger?: never;
     hintText?: never;

package/types/components/TimePicker/TimePicker.d.ts

@@ -47,6 +47,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
     valueError?: boolean;
     valueSuccess?: boolean;
     valueEdited?: boolean;
+    titleCaption?: import("react").ReactNode;
     leftHelper?: string;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;
@@ -93,6 +94,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("@salu
     valueError?: boolean;
     valueSuccess?: boolean;
     valueEdited?: boolean;
+    titleCaption?: import("react").ReactNode;
     leftHelper?: string;
     contentLeft?: React.ReactElement;
     contentRight?: React.ReactElement;