@salutejs/sdds-platform-ai 0.332.0-canary.2408.20481631293.0 → 0.332.0-canary.2414.20522309377.0

package/dist/styled-components/cjs/components/Counter/Counter.config.js

@@ -0,0 +1,212 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--inverse-text-primary);\n                ",
+        ": var(--surface-solid-default);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-positive);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-warning);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--surface-negative);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-text-primary);\n                ",
+        ": var(--on-light-surface-solid-default);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-text-primary);\n                ",
+        ": var(--on-dark-surface-solid-default);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1.75rem;\n                ",
+        ": 0 0.625rem;\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            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 0 0.5rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0 0.375rem;\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject10() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0 0.25rem;\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n            "
+    ]);
+    _templateObject10 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject11() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0 0.125rem;\n                ",
+        ": var(--plasma-typo-body-xxs-font-family);\n                ",
+        ": var(--plasma-typo-body-xxs-font-size);\n                ",
+        ": var(--plasma-typo-body-xxs-font-style);\n                ",
+        ": var(--plasma-typo-body-xxs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xxs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xxs-line-height);\n            "
+    ]);
+    _templateObject11 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'l'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.counterTokens.color, _styledcomponents.counterTokens.background),
+            accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.counterTokens.color, _styledcomponents.counterTokens.background),
+            positive: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.counterTokens.color, _styledcomponents.counterTokens.background),
+            warning: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.counterTokens.color, _styledcomponents.counterTokens.background),
+            negative: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.counterTokens.color, _styledcomponents.counterTokens.background),
+            dark: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.counterTokens.color, _styledcomponents.counterTokens.background),
+            light: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.counterTokens.color, _styledcomponents.counterTokens.background)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.counterTokens.borderRadius, _styledcomponents.counterTokens.height, _styledcomponents.counterTokens.padding, _styledcomponents.counterTokens.fontFamily, _styledcomponents.counterTokens.fontSize, _styledcomponents.counterTokens.fontStyle, _styledcomponents.counterTokens.fontWeight, _styledcomponents.counterTokens.letterSpacing, _styledcomponents.counterTokens.lineHeight),
+            m: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.counterTokens.borderRadius, _styledcomponents.counterTokens.height, _styledcomponents.counterTokens.padding, _styledcomponents.counterTokens.fontFamily, _styledcomponents.counterTokens.fontSize, _styledcomponents.counterTokens.fontStyle, _styledcomponents.counterTokens.fontWeight, _styledcomponents.counterTokens.letterSpacing, _styledcomponents.counterTokens.lineHeight),
+            s: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.counterTokens.borderRadius, _styledcomponents.counterTokens.height, _styledcomponents.counterTokens.padding, _styledcomponents.counterTokens.fontFamily, _styledcomponents.counterTokens.fontSize, _styledcomponents.counterTokens.fontStyle, _styledcomponents.counterTokens.fontWeight, _styledcomponents.counterTokens.letterSpacing, _styledcomponents.counterTokens.lineHeight),
+            xs: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.counterTokens.borderRadius, _styledcomponents.counterTokens.height, _styledcomponents.counterTokens.padding, _styledcomponents.counterTokens.fontFamily, _styledcomponents.counterTokens.fontSize, _styledcomponents.counterTokens.fontStyle, _styledcomponents.counterTokens.fontWeight, _styledcomponents.counterTokens.letterSpacing, _styledcomponents.counterTokens.lineHeight),
+            xxs: (0, _styledcomponents.css)(_templateObject11(), _styledcomponents.counterTokens.borderRadius, _styledcomponents.counterTokens.height, _styledcomponents.counterTokens.padding, _styledcomponents.counterTokens.fontFamily, _styledcomponents.counterTokens.fontSize, _styledcomponents.counterTokens.fontStyle, _styledcomponents.counterTokens.fontWeight, _styledcomponents.counterTokens.letterSpacing, _styledcomponents.counterTokens.lineHeight)
+        }
+    }
+};

package/dist/styled-components/cjs/components/Counter/Counter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Counter", {
+    enumerable: true,
+    get: function() {
+        return Counter;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Counterconfig = require("./Counter.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.counterConfig, _Counterconfig.config);
+var Counter = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/Counter/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Counter () {
+        return _Counter.Counter;
+    },
+    get counterTokens () {
+        return _styledcomponents.counterTokens;
+    }
+});
+var _Counter = require("./Counter");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/dist/styled-components/cjs/components/Divider/Divider.config.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-dark-surface-transparent-tertiary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-surface-transparent-tertiary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--inverse-text-tertiary);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm',
+        orientation: 'horizontal'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dividerTokens.background),
+            dark: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dividerTokens.background),
+            light: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.dividerTokens.background),
+            // TODO поменять на корректный токен --inverse-surface-transparent-tertiary когда он появится
+            inverse: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.dividerTokens.background)
+        },
+        size: {
+            m: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.dividerTokens.borderRadius)
+        },
+        orientation: {
+            horizontal: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.dividerTokens.baseSideSize),
+            vertical: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.dividerTokens.baseSideSize)
+        }
+    }
+};

package/dist/styled-components/cjs/components/Divider/Divider.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Divider", {
+    enumerable: true,
+    get: function() {
+        return Divider;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Dividerconfig = require("./Divider.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dividerConfig, _Dividerconfig.config);
+var Divider = (0, _styledcomponents.component)(mergedConfig);

package/dist/styled-components/cjs/components/Divider/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Divider () {
+        return _Divider.Divider;
+    },
+    get dividerTokens () {
+        return _styledcomponents.dividerTokens;
+    }
+});
+var _Divider = require("./Divider");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/dist/styled-components/cjs/components/Dropdown/Dropdown.config.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.125rem;\n                ",
+        ": 15rem;\n                ",
+        ": 0.75rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 0.75rem 0.875rem;\n                ",
+        ": 0.5rem 0.875rem;\n                ",
+        ": 0.625rem;\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.375rem;\n\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--surface-transparent-tertiary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        size: {
+            m: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.dropdownTokens.padding, _styledcomponents.dropdownTokens.width, _styledcomponents.dropdownTokens.borderRadius, _styledcomponents.dropdownTokens.itemHeight, _styledcomponents.dropdownTokens.itemPadding, _styledcomponents.dropdownTokens.itemPaddingTight, _styledcomponents.dropdownTokens.itemBorderRadius, _styledcomponents.dropdownTokens.dividerMarginTop, _styledcomponents.dropdownTokens.dividerMarginRight, _styledcomponents.dropdownTokens.dividerMarginBottom, _styledcomponents.dropdownTokens.dividerMarginLeft, _styledcomponents.dropdownTokens.dividerMarginTopTight, _styledcomponents.dropdownTokens.dividerMarginBottomTight, _styledcomponents.dropdownTokens.itemFontFamily, _styledcomponents.dropdownTokens.itemFontSize, _styledcomponents.dropdownTokens.itemFontStyle, _styledcomponents.dropdownTokens.itemFontWeightBold, _styledcomponents.dropdownTokens.itemFontLetterSpacing, _styledcomponents.dropdownTokens.itemFontLineHeight, _styledcomponents.dropdownTokens.cellPadding, _styledcomponents.dropdownTokens.cellPaddingLeftContent, _styledcomponents.dropdownTokens.cellPaddingContent, _styledcomponents.dropdownTokens.cellPaddingRightContent, _styledcomponents.dropdownTokens.cellTextboxGap, _styledcomponents.dropdownTokens.cellGap, _styledcomponents.dropdownTokens.cellTitleFontFamily, _styledcomponents.dropdownTokens.cellTitleFontSize, _styledcomponents.dropdownTokens.cellTitleFontStyle, _styledcomponents.dropdownTokens.cellTitleFontWeight, _styledcomponents.dropdownTokens.cellTitleLetterSpacing, _styledcomponents.dropdownTokens.cellTitleLineHeight)
+        },
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dropdownTokens.itemBackgroundHover, _styledcomponents.dropdownTokens.dividerColor)
+        }
+    }
+};

package/dist/styled-components/cjs/components/Dropdown/Dropdown.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Dropdown", {
+    enumerable: true,
+    get: function() {
+        return Dropdown;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _Dropdownconfig = require("./Dropdown.config");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dropdownConfig, _Dropdownconfig.config);
+var DropdownNewHope = (0, _styledcomponents.component)(mergedConfig);
+var DropdownComponent = function(props, ref) {
+    return /*#__PURE__*/ _react.default.createElement(DropdownNewHope, _object_spread({
+        ref: ref
+    }, props));
+};
+var Dropdown = (0, _styledcomponents.fixedForwardRef)(DropdownComponent);

package/dist/styled-components/cjs/components/Dropdown/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Dropdown", {
+    enumerable: true,
+    get: function() {
+        return _Dropdown.Dropdown;
+    }
+});
+var _Dropdown = require("./Dropdown");

package/dist/styled-components/cjs/components/Dropzone/Dropzone.config.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\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            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\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            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _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: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.dropzoneTokens.padding, _styledcomponents.dropzoneTokens.borderRadius, _styledcomponents.dropzoneTokens.contentWrapperGap, _styledcomponents.dropzoneTokens.contentGap, _styledcomponents.dropzoneTokens.contentColumnGap, _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: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.dropzoneTokens.disabledOpacity)
+        }
+    }
+};

package/dist/styled-components/cjs/components/Dropzone/Dropzone.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Dropzone", {
+    enumerable: true,
+    get: function() {
+        return Dropzone;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Dropzoneconfig = require("./Dropzone.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.dropzoneConfig, _Dropzoneconfig.config);
+var Dropzone = (0, _styledcomponents.component)(mergedConfig);