@salutejs/plasma-new-hope 0.194.0-dev.0 → 0.195.0-canary.1534.11893340297.0

package/emotion/es/components/Dropzone/variations/_size/tokens.json

@@ -0,0 +1,19 @@
+[
+    "--plasma-dropzone-padding",
+    "--plasma-dropzone-border-radius",
+    "--plasma-dropzone-content-gap",
+    "--plasma-dropzone-title-wrapper-gap",
+    "--plasma-dropzone-title-wrapper-gap",
+    "--plasma-dropzone-title-font-family",
+    "--plasma-dropzone-title-font-size",
+    "--plasma-dropzone-title-font-style",
+    "--plasma-dropzone-title-font-weight",
+    "--plasma-dropzone-title-letter-spacing",
+    "--plasma-dropzone-title-line-height",
+    "--plasma-dropzone-description-font-family",
+    "--plasma-dropzone-description-font-size",
+    "--plasma-dropzone-description-font-style",
+    "--plasma-dropzone-description-font-weight",
+    "--plasma-dropzone-description-letter-spacing",
+    "--plasma-dropzone-description-line-height"
+]

package/emotion/es/components/Dropzone/variations/_view/base.js

@@ -0,0 +1,4 @@
+import { css } from '@emotion/react';
+import { classes, tokens } from '../../Dropzone.tokens';
+import { Description, TitleWrapper } from '../../Dropzone.styles';
+export var base = /*#__PURE__*/css("background:var(", tokens.background, ");border:var(", tokens.border, ");&:not(.", classes.active, "):hover,&:not(.", classes.active, "):focus-within{border-color:var(", tokens.borderColorHover, ");outline:none;}&.", classes.active, "{border-color:var(", tokens.borderColorActive, ");&:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(", tokens.overlayColorActive, ");}}", TitleWrapper, "{color:var(", tokens.titleColor, ");}", Description, "{color:var(", tokens.descriptionColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3B6b25lL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vRHJvcHpvbmUudG9rZW5zJztcbmltcG9ydCB7IERlc2NyaXB0aW9uLCBUaXRsZVdyYXBwZXIgfSBmcm9tICcuLi8uLi9Ecm9wem9uZS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmJvcmRlcn0pO1xuXG4gICAgJjpub3QoLiR7Y2xhc3Nlcy5hY3RpdmV9KTpob3ZlcixcbiAgICAmOm5vdCguJHtjbGFzc2VzLmFjdGl2ZX0pOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJvcmRlci1jb2xvcjogdmFyKCR7dG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9KTtcbiAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5hY3RpdmV9IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JBY3RpdmV9KTtcblxuICAgICAgICAmOmFmdGVyIHtcbiAgICAgICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgbGVmdDogMDtcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZVdyYXBwZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtEZXNjcmlwdGlvbn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));

package/emotion/es/components/Dropzone/variations/_view/tokens.json

@@ -0,0 +1,9 @@
+[
+    "--plasma-dropzone-background",
+    "--plasma-dropzone-overlay-color-active",
+    "--plasma-dropzone-border-color",
+    "--plasma-dropzone-border-color-hover",
+    "--plasma-dropzone-border-color-active",
+    "--plasma-dropzone-title-color",
+    "--plasma-dropzone-description-color"
+]

package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js

@@ -0,0 +1,16 @@
+var _path;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+export var ArrowBarDown = function ArrowBarDown(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "100%",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.95833 1.875C8.23448 1.875 8.45833 2.09886 8.45833 2.375V10.4043L11.2686 7.54868C11.4623 7.35186 11.7789 7.34933 11.9757 7.54302C12.1725 7.73672 12.1751 8.05329 11.9814 8.25011L8.3147 11.9759C8.21782 12.0744 8.08453 12.1283 7.94645 12.1251C7.80837 12.1218 7.67779 12.0615 7.5857 11.9586L4.25237 8.23278C4.06824 8.02698 4.08582 7.71088 4.29162 7.52676C4.49742 7.34264 4.81351 7.36021 4.99763 7.56601L7.45833 10.3164V2.375C7.45833 2.09886 7.68219 1.875 7.95833 1.875ZM2.5 14.0001C2.5 13.724 2.72386 13.5001 3 13.5001H13C13.2761 13.5001 13.5 13.724 13.5 14.0001C13.5 14.2763 13.2761 14.5001 13 14.5001H3C2.72386 14.5001 2.5 14.2763 2.5 14.0001Z",
+    fill: "currentColor"
+  })));
+};

package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ArrowBarDown } from '../Icon.assets/ArrowBarDown';
+import { IconRoot } from '../IconRoot';
+export var IconArrowBarDown = function IconArrowBarDown(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'xs' : _ref$size,
+    color = _ref.color,
+    className = _ref.className;
+  return /*#__PURE__*/React.createElement(IconRoot, {
+    className: className,
+    size: size,
+    color: color,
+    icon: ArrowBarDown
+  });
+};

package/emotion/es/components/_Icon/index.js

@@ -24,4 +24,5 @@ export { IconBlankOutline } from './Icons/IconBlankOutline';
 export { IconBlankPdfOutline } from './Icons/IconBlankPdfOutline';
 export { IconBlankTxtOutline } from './Icons/IconBlankTxtOutline';
 export { IconBlankXlsOutline } from './Icons/IconBlankXlsOutline';
-export { IconInfoCircleOutline } from './Icons/IconInfoCircleOutline';
+export { IconInfoCircleOutline } from './Icons/IconInfoCircleOutline';
+export { IconArrowBarDown } from './Icons/IconArrowBarDown';

package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/react';
+import { dropzoneTokens } from '../../../../components/Dropzone';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(dropzoneTokens.background, ":var(--surface-solid-card);", dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", dropzoneTokens.borderColorHover, ":var(--outline-secondary);", dropzoneTokens.borderColorActive, ":var(--outline-accent);", dropzoneTokens.titleColor, ":var(--text-primary);", dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMub3ZlcmxheUNvbG9yQWN0aXZlfTogdmFyKC0tb3ZlcmxheS1zb2Z0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlcn06IDAuMDYzcmVtIGRhc2hlZCB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckhvdmVyfTogdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JBY3RpdmV9OiB2YXIoLS1vdXRsaW5lLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmNvbnRlbnRHYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXBDb2x1bW59OiAwLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1oNC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    size: {
+      m: /*#__PURE__*/css(dropzoneTokens.padding, ":1.5rem;", dropzoneTokens.borderRadius, ":1.25rem;", dropzoneTokens.contentGap, ":0.75rem;", dropzoneTokens.titleWrapperGap, ":0.375rem;", dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", dropzoneTokens.titleFontFamily, ":var(--plasma-typo-body-h4-font-family);", dropzoneTokens.titleFontSize, ":var(--plasma-typo-body-h4-font-size);", dropzoneTokens.titleFontStyle, ":var(--plasma-typo-body-h4-font-style);", dropzoneTokens.titleFontWeight, ":var(--plasma-typo-body-h4-bold-font-weight);", dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-body-h4-letter-spacing);", dropzoneTokens.titleLineHeight, ":var(--plasma-typo-body-h4-line-height);", dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", dropzoneTokens.descriptionLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
+};

package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js

@@ -0,0 +1,5 @@
+import { dropzoneConfig } from '../../../../components/Dropzone';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Dropzone.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
+export var Dropzone = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx

@@ -0,0 +1,57 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Dropzone } from './Dropzone';
+
+const onDragEnter = action('onDragEnter');
+const onDragLeave = action('onDragLeave');
+const onDrop = action('onDrop');
+const onChange = action('onChange');
+const onChoseFiles = action('onChoseFiles');
+
+const iconPlacements = ['top', 'left'];
+
+const meta: Meta<typeof Dropzone> = {
+    title: 'plasma_b2c/Dropzone',
+    component: Dropzone,
+    decorators: [WithTheme],
+    argTypes: {
+        iconPlacement: {
+            options: iconPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+            defaultValue: 'top',
+        },
+        ...disableProps(['view', 'size']),
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof Dropzone>;
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        iconPlacement: 'top',
+        width: 400,
+        height: 280,
+        disabled: false,
+        title: 'Click to upload',
+        description: 'or drag and drop files here',
+    },
+    render: (args) => (
+        <Dropzone
+            {...args}
+            onDragEnter={onDragEnter}
+            onDragLeave={onDragLeave}
+            onDrop={onDrop}
+            onChange={onChange}
+            onChoseFiles={onChoseFiles}
+        />
+    ),
+};

package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js

@@ -0,0 +1,19 @@
+import { css } from '@emotion/react';
+import { dropzoneTokens } from '../../../../components/Dropzone';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(dropzoneTokens.background, ":var(--surface-solid-card);", dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", dropzoneTokens.borderColorHover, ":var(--outline-secondary);", dropzoneTokens.borderColorActive, ":var(--outline-accent);", dropzoneTokens.titleColor, ":var(--text-primary);", dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMub3ZlcmxheUNvbG9yQWN0aXZlfTogdmFyKC0tb3ZlcmxheS1zb2Z0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlcn06IDAuMDYzcmVtIGRhc2hlZCB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckhvdmVyfTogdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JBY3RpdmV9OiB2YXIoLS1vdXRsaW5lLWFjY2VudCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUNvbG9yfTogdmFyKC0tdGV4dC1wcmltYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9OiB2YXIoLS10ZXh0LXNlY29uZGFyeSk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBzaXplOiB7XG4gICAgICAgICAgICBtOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5wYWRkaW5nfTogMS41cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyUmFkaXVzfTogMS4yNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmNvbnRlbnRHYXB9OiAwLjc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwfTogMC4zNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXBDb2x1bW59OiAwLjVyZW07XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1oNC1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtbGluZS1oZWlnaHQpO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXNpemUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250U3R5bGV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1saW5lLWhlaWdodCk7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgdHJ1ZTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGlzYWJsZWRPcGFjaXR5fTogMC40O1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICB9LFxufTtcbiJdfQ== */"))
+    },
+    size: {
+      m: /*#__PURE__*/css(dropzoneTokens.padding, ":1.5rem;", dropzoneTokens.borderRadius, ":1.25rem;", dropzoneTokens.contentGap, ":0.75rem;", dropzoneTokens.titleWrapperGap, ":0.375rem;", dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", dropzoneTokens.titleFontFamily, ":var(--plasma-typo-body-h4-font-family);", dropzoneTokens.titleFontSize, ":var(--plasma-typo-body-h4-font-size);", dropzoneTokens.titleFontStyle, ":var(--plasma-typo-body-h4-font-style);", dropzoneTokens.titleFontWeight, ":var(--plasma-typo-body-h4-bold-font-weight);", dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-body-h4-letter-spacing);", dropzoneTokens.titleLineHeight, ":var(--plasma-typo-body-h4-line-height);", dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", dropzoneTokens.descriptionLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktaDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWJvbGQtZm9udC13ZWlnaHQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVMZXR0ZXJTcGFjaW5nfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
+    }
+  }
+};

package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js

@@ -0,0 +1,5 @@
+import { dropzoneConfig } from '../../../../components/Dropzone';
+import { component, mergeConfig } from '../../../../engines';
+import { config } from './Dropzone.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
+export var Dropzone = /*#__PURE__*/component(mergedConfig);

package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx

@@ -0,0 +1,57 @@
+import React, { ComponentProps } from 'react';
+import type { StoryObj, Meta } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { disableProps } from '@salutejs/plasma-sb-utils';
+
+import { WithTheme } from '../../../_helpers';
+
+import { Dropzone } from './Dropzone';
+
+const onDragEnter = action('onDragEnter');
+const onDragLeave = action('onDragLeave');
+const onDrop = action('onDrop');
+const onChange = action('onChange');
+const onChoseFiles = action('onChoseFiles');
+
+const iconPlacements = ['top', 'left'];
+
+const meta: Meta<typeof Dropzone> = {
+    title: 'plasma_web/Dropzone',
+    component: Dropzone,
+    decorators: [WithTheme],
+    argTypes: {
+        iconPlacement: {
+            options: iconPlacements,
+            control: {
+                type: 'inline-radio',
+            },
+            defaultValue: 'top',
+        },
+        ...disableProps(['view', 'size']),
+    },
+};
+
+export default meta;
+
+type StoryPropsDefault = ComponentProps<typeof Dropzone>;
+
+export const Default: StoryObj<StoryPropsDefault> = {
+    args: {
+        iconPlacement: 'top',
+        width: 400,
+        height: 280,
+        disabled: false,
+        title: 'Click to upload',
+        description: 'or drag and drop files here',
+    },
+    render: (args) => (
+        <Dropzone
+            {...args}
+            onDragEnter={onDragEnter}
+            onDragLeave={onDragLeave}
+            onDrop={onDrop}
+            onChange={onChange}
+            onChoseFiles={onChoseFiles}
+        />
+    ),
+};

package/emotion/es/index.js

@@ -63,4 +63,5 @@ export * from './components/Editable';
 export * from './components/Mask';
 export * from './components/Attach';
 export * from './components/ViewContainer';
-export * from './components/NumberInput';
+export * from './components/NumberInput';
+export * from './components/Dropzone';