@salutejs/sdds-dfa 0.179.0-canary.1588.11975454374.0 → 0.180.0-canary.1534.12008935759.0

package/api/sdds-dfa.api.md

@@ -84,6 +84,7 @@ import type { DistributivePick } from '@salutejs/plasma-new-hope';
 import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
 import { dividerTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { DoubleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
+import { DragEvent as DragEvent_2 } from 'react';
 import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -93,6 +94,8 @@ import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';
+import { dropzoneTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
 import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -100,6 +103,7 @@ import { dsplMBold } from '@salutejs/sdds-themes/tokens';
 import { dsplS } from '@salutejs/sdds-themes/tokens';
 import { dsplSBold } from '@salutejs/sdds-themes/tokens';
 import type { FC } from 'react';
+import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
 import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
 import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
 import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
@@ -218,6 +222,7 @@ import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
 import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
 import { useToast } from '@salutejs/plasma-new-hope/styled-components';
+import { ValidatorReturnType } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
 import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
 import { ViewContainerCustomProps } from '@salutejs/plasma-new-hope/types/components/ViewContainer/ViewContainer';
 
@@ -1198,7 +1203,6 @@ size: {
 l: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1213,7 +1217,6 @@ size: {
 m: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1228,7 +1231,6 @@ size: {
 s: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1243,7 +1245,6 @@ size: {
 xs: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1258,7 +1259,6 @@ size: {
 xxs: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1838,13 +1838,45 @@ default: PolymorphicClassName;
     hoverIndex?: number | undefined;
 } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "view" | "size"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 
+// @public (undocumented)
+export const Dropzone: FunctionComponent<PropsType<    {
+view: {
+default: PolymorphicClassName;
+};
+size: {
+m: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+}> & {
+multiple?: boolean | undefined;
+title?: string | undefined;
+description?: string | undefined;
+icon?: ReactNode;
+iconPlacement?: "top" | "left" | undefined;
+size?: string | undefined;
+view?: string | undefined;
+disabled?: boolean | undefined;
+stretch?: boolean | undefined;
+onDragEnter?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
+onDragLeave?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
+onDragOver?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
+validator?: ((files: File[]) => ValidatorReturnType) | undefined;
+onDrop?: FileProcessHandler | undefined;
+onChoseFiles?: FileProcessHandler | undefined;
+} & InputHTMLAttributes_2<HTMLInputElement> & RefAttributes<HTMLInputElement>>;
+
+export { dropzoneClasses }
+
+export { dropzoneTokens }
+
 // @public (undocumented)
 export const DsplL: FunctionComponent<PropsType<    {
 size: {
 l: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1859,7 +1891,6 @@ size: {
 m: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1874,7 +1905,6 @@ size: {
 s: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1908,7 +1938,6 @@ size: {
 h1: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1923,7 +1952,6 @@ size: {
 h2: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1938,7 +1966,6 @@ size: {
 h3: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1953,7 +1980,6 @@ size: {
 h4: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1968,7 +1994,6 @@ size: {
 h5: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5422,7 +5447,6 @@ size: {
 l: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5437,7 +5461,6 @@ size: {
 m: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5452,7 +5475,6 @@ size: {
 s: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5467,7 +5489,6 @@ size: {
 xs: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;

package/components/Dropzone/Dropzone.config.d.ts

@@ -0,0 +1,17 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/Dropzone/Dropzone.config.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var config = exports.config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--overlay-soft);\n                ", ": var(--outline-solid-secondary);\n                ", ": var(--outline-solid-secondary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.dropzoneTokens.background, _styledComponents.dropzoneTokens.backgroundHover, _styledComponents.dropzoneTokens.overlayColorActive, _styledComponents.dropzoneTokens.borderColor, _styledComponents.dropzoneTokens.borderColorHover, _styledComponents.dropzoneTokens.borderColorActive, _styledComponents.dropzoneTokens.titleColor, _styledComponents.dropzoneTokens.descriptionColor)
+    },
+    size: {
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.dropzoneTokens.padding, _styledComponents.dropzoneTokens.borderRadius, _styledComponents.dropzoneTokens.contentGap, _styledComponents.dropzoneTokens.titleWrapperGap, _styledComponents.dropzoneTokens.titleWrapperGapColumn, _styledComponents.dropzoneTokens.titleFontFamily, _styledComponents.dropzoneTokens.titleFontSize, _styledComponents.dropzoneTokens.titleFontStyle, _styledComponents.dropzoneTokens.titleFontWeight, _styledComponents.dropzoneTokens.titleLetterSpacing, _styledComponents.dropzoneTokens.titleLineHeight, _styledComponents.dropzoneTokens.descriptionFontFamily, _styledComponents.dropzoneTokens.descriptionFontSize, _styledComponents.dropzoneTokens.descriptionFontStyle, _styledComponents.dropzoneTokens.descriptionFontWeight, _styledComponents.dropzoneTokens.descriptionLetterSpacing, _styledComponents.dropzoneTokens.descriptionLineHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.dropzoneTokens.disabledOpacity)
+    }
+  }
+};

package/components/Dropzone/Dropzone.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+export declare const Dropzone: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    multiple?: boolean | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+    icon?: import("react").ReactNode;
+    iconPlacement?: "top" | "left" | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+    disabled?: boolean | undefined;
+    stretch?: boolean | undefined;
+    onDragEnter?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
+    onDragLeave?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
+    onDragOver?: ((event: import("react").DragEvent<HTMLDivElement>) => void) | undefined;
+    validator?: ((files: File[]) => import("@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types").ValidatorReturnType) | undefined;
+    onDrop?: import("@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types").FileProcessHandler | undefined;
+    onChoseFiles?: import("@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types").FileProcessHandler | undefined;
+} & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/components/Dropzone/Dropzone.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dropzone = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Dropzone = /*#__PURE__*/require("./Dropzone.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.dropzoneConfig, _Dropzone.config);
+var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

package/components/Dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropzone } from './Dropzone';
+export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';

package/components/Dropzone/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Dropzone", {
+  enumerable: true,
+  get: function get() {
+    return _Dropzone.Dropzone;
+  }
+});
+Object.defineProperty(exports, "dropzoneClasses", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.dropzoneClasses;
+  }
+});
+Object.defineProperty(exports, "dropzoneTokens", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.dropzoneTokens;
+  }
+});
+var _Dropzone = /*#__PURE__*/require("./Dropzone");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");

package/components/Typography/Typography.d.ts

@@ -4,7 +4,6 @@ export declare const BodyM: import("react").FunctionComponent<import("@salutejs/
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -13,7 +12,6 @@ export declare const BodyL: import("react").FunctionComponent<import("@salutejs/
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -22,7 +20,6 @@ export declare const BodyS: import("react").FunctionComponent<import("@salutejs/
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -31,7 +28,6 @@ export declare const BodyXS: import("react").FunctionComponent<import("@salutejs
         xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -40,7 +36,6 @@ export declare const BodyXXS: import("react").FunctionComponent<import("@salutej
         xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -49,7 +44,6 @@ export declare const DsplM: import("react").FunctionComponent<import("@salutejs/
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -58,7 +52,6 @@ export declare const DsplL: import("react").FunctionComponent<import("@salutejs/
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -67,7 +60,6 @@ export declare const DsplS: import("react").FunctionComponent<import("@salutejs/
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -76,7 +68,6 @@ export declare const H1: import("react").FunctionComponent<import("@salutejs/pla
         h1: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -85,7 +76,6 @@ export declare const H2: import("react").FunctionComponent<import("@salutejs/pla
         h2: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -94,7 +84,6 @@ export declare const H3: import("react").FunctionComponent<import("@salutejs/pla
         h3: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -103,7 +92,6 @@ export declare const H4: import("react").FunctionComponent<import("@salutejs/pla
         h4: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -112,7 +100,6 @@ export declare const H5: import("react").FunctionComponent<import("@salutejs/pla
         h5: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -121,7 +108,6 @@ export declare const TextM: import("react").FunctionComponent<import("@salutejs/
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -130,7 +116,6 @@ export declare const TextL: import("react").FunctionComponent<import("@salutejs/
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -139,7 +124,6 @@ export declare const TextS: import("react").FunctionComponent<import("@salutejs/
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
@@ -148,7 +132,6 @@ export declare const TextXS: import("react").FunctionComponent<import("@salutejs
         xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
-    noWrap?: boolean | undefined;
     breakWord?: boolean | undefined;
     color?: string | undefined;
 } & import("@salutejs/plasma-new-hope/styled-components").SpacingProps & import("@salutejs/plasma-new-hope/types/components/Typography/Typography.types").BoldProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/es/components/Dropzone/Dropzone.config.js

@@ -0,0 +1,20 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, dropzoneTokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--overlay-soft);\n                ", ": var(--outline-solid-secondary);\n                ", ": var(--outline-solid-secondary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.borderColor, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
+    },
+    size: {
+      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentGap, dropzoneTokens.titleWrapperGap, dropzoneTokens.titleWrapperGapColumn, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), dropzoneTokens.disabledOpacity)
+    }
+  }
+};

package/es/components/Dropzone/Dropzone.js

@@ -0,0 +1,4 @@
+import { dropzoneConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './Dropzone.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
+export var Dropzone = /*#__PURE__*/component(mergedConfig);

package/es/components/Dropzone/index.js

@@ -0,0 +1,2 @@
+export { Dropzone } from './Dropzone';
+export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';

package/es/index.js

@@ -52,5 +52,6 @@ export * from './components/EmptyState';
 export * from './components/Attach';
 export * from './components/ViewContainer';
 export * from './components/NumberInput';
+export * from './components/Dropzone';
 export * from './mixins';
 export * from './tokens';

package/index.d.ts

@@ -52,5 +52,6 @@ export * from './components/EmptyState';
 export * from './components/Attach';
 export * from './components/ViewContainer';
 export * from './components/NumberInput';
+export * from './components/Dropzone';
 export * from './mixins';
 export * from './tokens';

package/index.js

@@ -597,6 +597,17 @@ Object.keys(_NumberInput).forEach(function (key) {
     }
   });
 });
+var _Dropzone = /*#__PURE__*/require("./components/Dropzone");
+Object.keys(_Dropzone).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Dropzone[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Dropzone[key];
+    }
+  });
+});
 var _mixins = /*#__PURE__*/require("./mixins");
 Object.keys(_mixins).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-dfa",
-  "version": "0.179.0-canary.1588.11975454374.0",
+  "version": "0.180.0-canary.1534.12008935759.0",
   "description": "Salute Design System / React UI kit for SDDS DFA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-dfa"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.198.0-canary.1588.11975454374.0",
+    "@salutejs/plasma-new-hope": "0.199.0-canary.1534.12008935759.0",
     "@salutejs/sdds-themes": "0.27.0"
   },
   "peerDependencies": {
@@ -37,10 +37,10 @@
     "@babel/preset-typescript": "7.24.1",
     "@microsoft/api-extractor": "7.38.3",
     "@salutejs/plasma-colors": "0.13.0",
-    "@salutejs/plasma-core": "1.186.0",
-    "@salutejs/plasma-cy-utils": "0.117.0",
+    "@salutejs/plasma-core": "1.187.0-canary.1534.12008935759.0",
+    "@salutejs/plasma-cy-utils": "0.118.0-canary.1534.12008935759.0",
     "@salutejs/plasma-icons": "1.209.0-dev.0",
-    "@salutejs/plasma-sb-utils": "0.184.0",
+    "@salutejs/plasma-sb-utils": "0.185.0-canary.1534.12008935759.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -95,5 +95,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "0772da1d6df20a8b9b664db5f9427952bf207188"
+  "gitHead": "c5b7b16381ac4434a5b9919b53640d6ccaf85ccb"
 }

package/temp/sdds-dfa.api.md

@@ -84,6 +84,7 @@ import type { DistributivePick } from '@salutejs/plasma-new-hope';
 import { DividerProps } from '@salutejs/plasma-new-hope/styled-components';
 import { dividerTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { DoubleSliderProps } from '@salutejs/plasma-new-hope/styled-components';
+import { DragEvent as DragEvent_2 } from 'react';
 import { DrawerContentProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerFooterProps } from '@salutejs/plasma-new-hope/styled-components';
 import { DrawerHeaderProps } from '@salutejs/plasma-new-hope/styled-components';
@@ -93,6 +94,8 @@ import type { DropdownNewProps } from '@salutejs/plasma-new-hope';
 import { DropdownNodeSelect } from '@salutejs/plasma-new-hope/styled-components';
 import { DropdownPlacement } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
 import { DropdownTrigger } from '@salutejs/plasma-new-hope/types/components/Dropdown/Dropdown.types';
+import { dropzoneClasses } from '@salutejs/plasma-new-hope/styled-components';
+import { dropzoneTokens } from '@salutejs/plasma-new-hope/styled-components';
 import { dsplL } from '@salutejs/sdds-themes/tokens';
 import { dsplLBold } from '@salutejs/sdds-themes/tokens';
 import { dsplM } from '@salutejs/sdds-themes/tokens';
@@ -100,6 +103,7 @@ import { dsplMBold } from '@salutejs/sdds-themes/tokens';
 import { dsplS } from '@salutejs/sdds-themes/tokens';
 import { dsplSBold } from '@salutejs/sdds-themes/tokens';
 import type { FC } from 'react';
+import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
 import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
 import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
 import { FormTypeString } from '@salutejs/plasma-new-hope/types/types/FormType';
@@ -218,6 +222,7 @@ import { TooltipProps } from '@salutejs/plasma-new-hope/styled-components';
 import { usePopupContext } from '@salutejs/plasma-new-hope/styled-components';
 import { useSegment } from '@salutejs/plasma-new-hope/styled-components';
 import { useToast } from '@salutejs/plasma-new-hope/styled-components';
+import { ValidatorReturnType } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
 import { Variants } from '@salutejs/plasma-new-hope/types/engines/types';
 import { ViewContainerCustomProps } from '@salutejs/plasma-new-hope/types/components/ViewContainer/ViewContainer';
 
@@ -1198,7 +1203,6 @@ size: {
 l: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1213,7 +1217,6 @@ size: {
 m: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1228,7 +1231,6 @@ size: {
 s: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1243,7 +1245,6 @@ size: {
 xs: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1258,7 +1259,6 @@ size: {
 xxs: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1838,13 +1838,45 @@ default: PolymorphicClassName;
     hoverIndex?: number | undefined;
 } & React_2.HTMLAttributes<HTMLDivElement> & React_2.RefAttributes<HTMLDivElement>, "view" | "size"> & React_2.RefAttributes<HTMLButtonElement>) => React_2.ReactElement<any, string | React_2.JSXElementConstructor<any>> | null;
 
+// @public (undocumented)
+export const Dropzone: FunctionComponent<PropsType<    {
+view: {
+default: PolymorphicClassName;
+};
+size: {
+m: PolymorphicClassName;
+};
+disabled: {
+true: PolymorphicClassName;
+};
+}> & {
+multiple?: boolean | undefined;
+title?: string | undefined;
+description?: string | undefined;
+icon?: ReactNode;
+iconPlacement?: "top" | "left" | undefined;
+size?: string | undefined;
+view?: string | undefined;
+disabled?: boolean | undefined;
+stretch?: boolean | undefined;
+onDragEnter?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
+onDragLeave?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
+onDragOver?: ((event: DragEvent_2<HTMLDivElement>) => void) | undefined;
+validator?: ((files: File[]) => ValidatorReturnType) | undefined;
+onDrop?: FileProcessHandler | undefined;
+onChoseFiles?: FileProcessHandler | undefined;
+} & InputHTMLAttributes_2<HTMLInputElement> & RefAttributes<HTMLInputElement>>;
+
+export { dropzoneClasses }
+
+export { dropzoneTokens }
+
 // @public (undocumented)
 export const DsplL: FunctionComponent<PropsType<    {
 size: {
 l: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1859,7 +1891,6 @@ size: {
 m: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1874,7 +1905,6 @@ size: {
 s: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1908,7 +1938,6 @@ size: {
 h1: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1923,7 +1952,6 @@ size: {
 h2: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1938,7 +1966,6 @@ size: {
 h3: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1953,7 +1980,6 @@ size: {
 h4: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -1968,7 +1994,6 @@ size: {
 h5: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5422,7 +5447,6 @@ size: {
 l: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5437,7 +5461,6 @@ size: {
 m: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5452,7 +5475,6 @@ size: {
 s: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
@@ -5467,7 +5489,6 @@ size: {
 xs: PolymorphicClassName;
 };
 }> & {
-noWrap?: boolean | undefined;
 breakWord?: boolean | undefined;
 color?: string | undefined;
 } & SpacingProps & BoldProps & HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;