@salutejs/plasma-web 1.585.0-canary.2031.15774276345.0 → 1.585.0-canary.2040.15828624275.0

package/components/Carousel/Carousel.config.js

@@ -1,23 +1,62 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2;
-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: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-solid-default);\n            "])), _styledComponents.carouselNewTokens.paginationDotBackground, _styledComponents.carouselNewTokens.paginationDotActiveBackground)
+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                ",
+        ": var(--surface-solid-default);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-transparent-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-transparent-secondary-hover);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-transparent-secondary-active);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.carouselNewTokens.paginationDotBackground, _styledcomponents.carouselNewTokens.paginationDotActiveBackground, _styledcomponents.carouselNewTokens.controlIconButtonColor, _styledcomponents.carouselNewTokens.controlIconButtonBackgroundColor, _styledcomponents.carouselNewTokens.controlIconButtonColorHover, _styledcomponents.carouselNewTokens.controlIconButtonBackgroundColorHover, _styledcomponents.carouselNewTokens.controlIconButtonColorActive, _styledcomponents.carouselNewTokens.controlIconButtonBackgroundColorActive)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.carouselNewTokens.controlIconButtonRadius)
+        }
     }
-  }
-};
+};

package/components/Carousel/Carousel.js

@@ -1,25 +1,60 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Carousel = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _Carousel = /*#__PURE__*/require("./Legacy/Carousel");
-var _Carousel2 = /*#__PURE__*/require("./Carousel.config");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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); }
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.carouselNewConfig, _Carousel2.config);
-var CarouselNew = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-var CarouselComponent = function CarouselComponent(props, ref) {
-  if (typeof props.index === 'number' && !Number.isNaN(props.index)) {
-    return /*#__PURE__*/_react["default"].createElement(_Carousel.CarouselOld, _extends({
-      ref: ref
+Object.defineProperty(exports, "Carousel", {
+    enumerable: true,
+    get: function() {
+        return Carousel;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _Carousel = require("./Legacy/Carousel");
+var _Carouselconfig = require("./Carousel.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.carouselNewConfig, _Carouselconfig.config);
+var CarouselNew = (0, _styledcomponents.component)(mergedConfig);
+var CarouselComponent = function(props, ref) {
+    if (typeof props.index === 'number') {
+        return /*#__PURE__*/ _react.default.createElement(_Carousel.CarouselOld, _object_spread({
+            ref: ref
+        }, props));
+    }
+    return /*#__PURE__*/ _react.default.createElement(CarouselNew, _object_spread({
+        ref: ref
     }, props));
-  }
-  return /*#__PURE__*/_react["default"].createElement(CarouselNew, _extends({
-    ref: ref
-  }, props));
 };
-var Carousel = exports.Carousel = /*#__PURE__*/(0, _styledComponents.fixedForwardRef)(CarouselComponent);
+var Carousel = (0, _styledcomponents.fixedForwardRef)(CarouselComponent);

package/components/Carousel/Legacy/Carousel.examples.js

@@ -1,44 +1,78 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.CarouselCard = void 0;
-var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
-var _mixins = /*#__PURE__*/require("../../../mixins");
-var _Image = /*#__PURE__*/require("../../Image");
-var _Typography = /*#__PURE__*/require("../../Typography");
-var _excluded = ["title", "subtitle", "imageSrc", "imageAlt", "imageBase"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var StyledCard = /*#__PURE__*/_styledComponents["default"].a.withConfig({
-  componentId: "plasma-web__sc-18zpu6x-0"
-})(["display:flex;position:relative;border-radius:1rem;", ""], /*#__PURE__*/(0, _mixins.addFocus)({
-  outlined: true,
-  outlineRadius: '1.125rem'
+Object.defineProperty(exports, "CarouselCard", {
+    enumerable: true,
+    get: function() {
+        return CarouselCard;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+var _mixins = require("../../../mixins");
+var _Image = require("../../Image");
+var _Typography = require("../../Typography");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var StyledCard = _styledcomponents.default.a.withConfig({
+    displayName: "Carousel.examples__StyledCard",
+    componentId: "sc-5e1927d1-0"
+})([
+    "display:flex;position:relative;border-radius:1rem;",
+    ""
+], (0, _mixins.addFocus)({
+    outlined: true,
+    outlineRadius: '1.125rem'
 }));
-var StyledCardContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
-  componentId: "plasma-web__sc-18zpu6x-1"
-})(["position:absolute;left:0;right:0;bottom:0;padding:1.72rem;color:#fff;"]);
-
-/**
- * Карточка под примеры с каруселью.
- * @private
- */
-var CarouselCard = exports.CarouselCard = function CarouselCard(_ref) {
-  var title = _ref.title,
-    subtitle = _ref.subtitle,
-    imageSrc = _ref.imageSrc,
-    imageAlt = _ref.imageAlt,
-    _ref$imageBase = _ref.imageBase,
-    imageBase = _ref$imageBase === void 0 ? 'div' : _ref$imageBase,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(StyledCard, rest, /*#__PURE__*/_react["default"].createElement(_Image.Image, {
-    src: imageSrc,
-    ratio: "16 / 9",
-    base: imageBase,
-    alt: imageAlt
-  }), /*#__PURE__*/_react["default"].createElement(StyledCardContent, null, /*#__PURE__*/_react["default"].createElement(_Typography.Headline4, null, title), /*#__PURE__*/_react["default"].createElement(_Typography.Footnote1, null, subtitle)));
-};
+var StyledCardContent = _styledcomponents.default.div.withConfig({
+    displayName: "Carousel.examples__StyledCardContent",
+    componentId: "sc-5e1927d1-1"
+})([
+    "position:absolute;left:0;right:0;bottom:0;padding:1.72rem;color:#fff;"
+]);
+var CarouselCard = function(_param) {
+    var title = _param.title, subtitle = _param.subtitle, imageSrc = _param.imageSrc, imageAlt = _param.imageAlt, _param_imageBase = _param.imageBase, imageBase = _param_imageBase === void 0 ? 'div' : _param_imageBase, rest = _object_without_properties(_param, [
+        "title",
+        "subtitle",
+        "imageSrc",
+        "imageAlt",
+        "imageBase"
+    ]);
+    return /*#__PURE__*/ _react.default.createElement(StyledCard, rest, /*#__PURE__*/ _react.default.createElement(_Image.Image, {
+        src: imageSrc,
+        ratio: "16 / 9",
+        base: imageBase,
+        alt: imageAlt
+    }), /*#__PURE__*/ _react.default.createElement(StyledCardContent, null, /*#__PURE__*/ _react.default.createElement(_Typography.Headline4, null, title), /*#__PURE__*/ _react.default.createElement(_Typography.Footnote1, null, subtitle)));
+};

package/components/Carousel/Legacy/Carousel.js

@@ -1,10 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.CarouselOld = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.carouselConfig);
-var CarouselComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-var CarouselOld = exports.CarouselOld = CarouselComponent;
+Object.defineProperty(exports, "CarouselOld", {
+    enumerable: true,
+    get: function() {
+        return CarouselOld;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.carouselConfig);
+var CarouselComponent = (0, _styledcomponents.component)(mergedConfig);
+var CarouselOld = CarouselComponent;

package/components/Carousel/index.js

@@ -1,25 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Carousel", {
-  enumerable: true,
-  get: function get() {
-    return _Carousel.Carousel;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Carousel () {
+        return _Carousel.Carousel;
+    },
+    get CarouselGridWrapper () {
+        return _styledcomponents.CarouselGridWrapper;
+    },
+    get CarouselItem () {
+        return _styledcomponents.CarouselItem;
+    }
 });
-Object.defineProperty(exports, "CarouselGridWrapper", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.CarouselGridWrapper;
-  }
-});
-Object.defineProperty(exports, "CarouselItem", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.CarouselItem;
-  }
-});
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Carousel = /*#__PURE__*/require("./Carousel");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Carousel = require("./Carousel");

package/components/Cell/Cell.config.js

@@ -1,22 +1,184 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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 = {
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": transparent;\n            "])), _styledComponents.cellTokens.cellColor, _styledComponents.cellTokens.cellLabelColor, _styledComponents.cellTokens.cellTitleColor, _styledComponents.cellTokens.cellSubtitleColor, _styledComponents.cellTokens.cellBackgroundColor)
-    },
-    size: {
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\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                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\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            "])), _styledComponents.cellTokens.cellWidth, _styledComponents.cellTokens.cellPadding, _styledComponents.cellTokens.cellPaddingLeftContent, _styledComponents.cellTokens.cellPaddingContent, _styledComponents.cellTokens.cellPaddingRightContent, _styledComponents.cellTokens.cellTextboxGap, _styledComponents.cellTokens.cellGap, _styledComponents.cellTokens.cellLabelFontFamily, _styledComponents.cellTokens.cellLabelFontSize, _styledComponents.cellTokens.cellLabelFontStyle, _styledComponents.cellTokens.cellLabelFontWeight, _styledComponents.cellTokens.cellLabelLetterSpacing, _styledComponents.cellTokens.cellLabelLineHeight, _styledComponents.cellTokens.cellTitleFontFamily, _styledComponents.cellTokens.cellTitleFontSize, _styledComponents.cellTokens.cellTitleFontStyle, _styledComponents.cellTokens.cellTitleFontWeight, _styledComponents.cellTokens.cellTitleLetterSpacing, _styledComponents.cellTokens.cellTitleLineHeight, _styledComponents.cellTokens.cellSubtitleFontFamily, _styledComponents.cellTokens.cellSubtitleFontSize, _styledComponents.cellTokens.cellSubtitleFontStyle, _styledComponents.cellTokens.cellSubtitleFontWeight, _styledComponents.cellTokens.cellSubtitleLetterSpacing, _styledComponents.cellTokens.cellSubtitleLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.5rem;\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\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                ", ": 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.cellTokens.cellWidth, _styledComponents.cellTokens.cellPadding, _styledComponents.cellTokens.cellPaddingLeftContent, _styledComponents.cellTokens.cellPaddingContent, _styledComponents.cellTokens.cellPaddingRightContent, _styledComponents.cellTokens.cellTextboxGap, _styledComponents.cellTokens.cellGap, _styledComponents.cellTokens.cellLabelFontFamily, _styledComponents.cellTokens.cellLabelFontSize, _styledComponents.cellTokens.cellLabelFontStyle, _styledComponents.cellTokens.cellLabelFontWeight, _styledComponents.cellTokens.cellLabelLetterSpacing, _styledComponents.cellTokens.cellLabelLineHeight, _styledComponents.cellTokens.cellTitleFontFamily, _styledComponents.cellTokens.cellTitleFontSize, _styledComponents.cellTokens.cellTitleFontStyle, _styledComponents.cellTokens.cellTitleFontWeight, _styledComponents.cellTokens.cellTitleLetterSpacing, _styledComponents.cellTokens.cellTitleLineHeight, _styledComponents.cellTokens.cellSubtitleFontFamily, _styledComponents.cellTokens.cellSubtitleFontSize, _styledComponents.cellTokens.cellSubtitleFontStyle, _styledComponents.cellTokens.cellSubtitleFontWeight, _styledComponents.cellTokens.cellSubtitleLetterSpacing, _styledComponents.cellTokens.cellSubtitleLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n\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\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\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            "])), _styledComponents.cellTokens.cellWidth, _styledComponents.cellTokens.cellPadding, _styledComponents.cellTokens.cellPaddingLeftContent, _styledComponents.cellTokens.cellPaddingContent, _styledComponents.cellTokens.cellPaddingRightContent, _styledComponents.cellTokens.cellTextboxGap, _styledComponents.cellTokens.cellGap, _styledComponents.cellTokens.cellLabelFontFamily, _styledComponents.cellTokens.cellLabelFontSize, _styledComponents.cellTokens.cellLabelFontStyle, _styledComponents.cellTokens.cellLabelFontWeight, _styledComponents.cellTokens.cellLabelLetterSpacing, _styledComponents.cellTokens.cellLabelLineHeight, _styledComponents.cellTokens.cellTitleFontFamily, _styledComponents.cellTokens.cellTitleFontSize, _styledComponents.cellTokens.cellTitleFontStyle, _styledComponents.cellTokens.cellTitleFontWeight, _styledComponents.cellTokens.cellTitleLetterSpacing, _styledComponents.cellTokens.cellTitleLineHeight, _styledComponents.cellTokens.cellSubtitleFontFamily, _styledComponents.cellTokens.cellSubtitleFontSize, _styledComponents.cellTokens.cellSubtitleFontStyle, _styledComponents.cellTokens.cellSubtitleFontWeight, _styledComponents.cellTokens.cellSubtitleLetterSpacing, _styledComponents.cellTokens.cellSubtitleLineHeight),
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 15rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n\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\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\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            "])), _styledComponents.cellTokens.cellWidth, _styledComponents.cellTokens.cellPadding, _styledComponents.cellTokens.cellPaddingLeftContent, _styledComponents.cellTokens.cellPaddingContent, _styledComponents.cellTokens.cellPaddingRightContent, _styledComponents.cellTokens.cellTextboxGap, _styledComponents.cellTokens.cellGap, _styledComponents.cellTokens.cellLabelFontFamily, _styledComponents.cellTokens.cellLabelFontSize, _styledComponents.cellTokens.cellLabelFontStyle, _styledComponents.cellTokens.cellLabelFontWeight, _styledComponents.cellTokens.cellLabelLetterSpacing, _styledComponents.cellTokens.cellLabelLineHeight, _styledComponents.cellTokens.cellTitleFontFamily, _styledComponents.cellTokens.cellTitleFontSize, _styledComponents.cellTokens.cellTitleFontStyle, _styledComponents.cellTokens.cellTitleFontWeight, _styledComponents.cellTokens.cellTitleLetterSpacing, _styledComponents.cellTokens.cellTitleLineHeight, _styledComponents.cellTokens.cellSubtitleFontFamily, _styledComponents.cellTokens.cellSubtitleFontSize, _styledComponents.cellTokens.cellSubtitleFontStyle, _styledComponents.cellTokens.cellSubtitleFontWeight, _styledComponents.cellTokens.cellSubtitleLetterSpacing, _styledComponents.cellTokens.cellSubtitleLineHeight)
+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(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": transparent;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 15rem;\n\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 0.125rem;\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                ",
+        ": var(--plasma-typo-body-l-font-family);\n                ",
+        ": var(--plasma-typo-body-l-font-size);\n                ",
+        ": var(--plasma-typo-body-l-font-style);\n                ",
+        ": var(--plasma-typo-body-l-font-weight);\n                ",
+        ": var(--plasma-typo-body-l-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-l-line-height);\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            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 15rem;\n\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.5rem;\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\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                ",
+        ": 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            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 15rem;\n\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.375rem;\n\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\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\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            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 15rem;\n\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.375rem;\n\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\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\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            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.cellTokens.cellColor, _styledcomponents.cellTokens.cellLabelColor, _styledcomponents.cellTokens.cellTitleColor, _styledcomponents.cellTokens.cellSubtitleColor, _styledcomponents.cellTokens.cellBackgroundColor)
+        },
+        size: {
+            l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.cellTokens.cellWidth, _styledcomponents.cellTokens.cellPadding, _styledcomponents.cellTokens.cellPaddingLeftContent, _styledcomponents.cellTokens.cellPaddingContent, _styledcomponents.cellTokens.cellPaddingRightContent, _styledcomponents.cellTokens.cellTextboxGap, _styledcomponents.cellTokens.cellGap, _styledcomponents.cellTokens.cellLabelFontFamily, _styledcomponents.cellTokens.cellLabelFontSize, _styledcomponents.cellTokens.cellLabelFontStyle, _styledcomponents.cellTokens.cellLabelFontWeight, _styledcomponents.cellTokens.cellLabelLetterSpacing, _styledcomponents.cellTokens.cellLabelLineHeight, _styledcomponents.cellTokens.cellTitleFontFamily, _styledcomponents.cellTokens.cellTitleFontSize, _styledcomponents.cellTokens.cellTitleFontStyle, _styledcomponents.cellTokens.cellTitleFontWeight, _styledcomponents.cellTokens.cellTitleLetterSpacing, _styledcomponents.cellTokens.cellTitleLineHeight, _styledcomponents.cellTokens.cellSubtitleFontFamily, _styledcomponents.cellTokens.cellSubtitleFontSize, _styledcomponents.cellTokens.cellSubtitleFontStyle, _styledcomponents.cellTokens.cellSubtitleFontWeight, _styledcomponents.cellTokens.cellSubtitleLetterSpacing, _styledcomponents.cellTokens.cellSubtitleLineHeight),
+            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.cellTokens.cellWidth, _styledcomponents.cellTokens.cellPadding, _styledcomponents.cellTokens.cellPaddingLeftContent, _styledcomponents.cellTokens.cellPaddingContent, _styledcomponents.cellTokens.cellPaddingRightContent, _styledcomponents.cellTokens.cellTextboxGap, _styledcomponents.cellTokens.cellGap, _styledcomponents.cellTokens.cellLabelFontFamily, _styledcomponents.cellTokens.cellLabelFontSize, _styledcomponents.cellTokens.cellLabelFontStyle, _styledcomponents.cellTokens.cellLabelFontWeight, _styledcomponents.cellTokens.cellLabelLetterSpacing, _styledcomponents.cellTokens.cellLabelLineHeight, _styledcomponents.cellTokens.cellTitleFontFamily, _styledcomponents.cellTokens.cellTitleFontSize, _styledcomponents.cellTokens.cellTitleFontStyle, _styledcomponents.cellTokens.cellTitleFontWeight, _styledcomponents.cellTokens.cellTitleLetterSpacing, _styledcomponents.cellTokens.cellTitleLineHeight, _styledcomponents.cellTokens.cellSubtitleFontFamily, _styledcomponents.cellTokens.cellSubtitleFontSize, _styledcomponents.cellTokens.cellSubtitleFontStyle, _styledcomponents.cellTokens.cellSubtitleFontWeight, _styledcomponents.cellTokens.cellSubtitleLetterSpacing, _styledcomponents.cellTokens.cellSubtitleLineHeight),
+            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.cellTokens.cellWidth, _styledcomponents.cellTokens.cellPadding, _styledcomponents.cellTokens.cellPaddingLeftContent, _styledcomponents.cellTokens.cellPaddingContent, _styledcomponents.cellTokens.cellPaddingRightContent, _styledcomponents.cellTokens.cellTextboxGap, _styledcomponents.cellTokens.cellGap, _styledcomponents.cellTokens.cellLabelFontFamily, _styledcomponents.cellTokens.cellLabelFontSize, _styledcomponents.cellTokens.cellLabelFontStyle, _styledcomponents.cellTokens.cellLabelFontWeight, _styledcomponents.cellTokens.cellLabelLetterSpacing, _styledcomponents.cellTokens.cellLabelLineHeight, _styledcomponents.cellTokens.cellTitleFontFamily, _styledcomponents.cellTokens.cellTitleFontSize, _styledcomponents.cellTokens.cellTitleFontStyle, _styledcomponents.cellTokens.cellTitleFontWeight, _styledcomponents.cellTokens.cellTitleLetterSpacing, _styledcomponents.cellTokens.cellTitleLineHeight, _styledcomponents.cellTokens.cellSubtitleFontFamily, _styledcomponents.cellTokens.cellSubtitleFontSize, _styledcomponents.cellTokens.cellSubtitleFontStyle, _styledcomponents.cellTokens.cellSubtitleFontWeight, _styledcomponents.cellTokens.cellSubtitleLetterSpacing, _styledcomponents.cellTokens.cellSubtitleLineHeight),
+            xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.cellTokens.cellWidth, _styledcomponents.cellTokens.cellPadding, _styledcomponents.cellTokens.cellPaddingLeftContent, _styledcomponents.cellTokens.cellPaddingContent, _styledcomponents.cellTokens.cellPaddingRightContent, _styledcomponents.cellTokens.cellTextboxGap, _styledcomponents.cellTokens.cellGap, _styledcomponents.cellTokens.cellLabelFontFamily, _styledcomponents.cellTokens.cellLabelFontSize, _styledcomponents.cellTokens.cellLabelFontStyle, _styledcomponents.cellTokens.cellLabelFontWeight, _styledcomponents.cellTokens.cellLabelLetterSpacing, _styledcomponents.cellTokens.cellLabelLineHeight, _styledcomponents.cellTokens.cellTitleFontFamily, _styledcomponents.cellTokens.cellTitleFontSize, _styledcomponents.cellTokens.cellTitleFontStyle, _styledcomponents.cellTokens.cellTitleFontWeight, _styledcomponents.cellTokens.cellTitleLetterSpacing, _styledcomponents.cellTokens.cellTitleLineHeight, _styledcomponents.cellTokens.cellSubtitleFontFamily, _styledcomponents.cellTokens.cellSubtitleFontSize, _styledcomponents.cellTokens.cellSubtitleFontStyle, _styledcomponents.cellTokens.cellSubtitleFontWeight, _styledcomponents.cellTokens.cellSubtitleLetterSpacing, _styledcomponents.cellTokens.cellSubtitleLineHeight)
+        }
+    }
+};

package/components/Cell/Cell.js

@@ -1,15 +1,15 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Cell = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Cell = /*#__PURE__*/require("./Cell.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.cellConfig, _Cell.config);
-var CellComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
-
-/**
- * Кнопка.
- */
-var Cell = exports.Cell = CellComponent;
+Object.defineProperty(exports, "Cell", {
+    enumerable: true,
+    get: function() {
+        return Cell;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Cellconfig = require("./Cell.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.cellConfig, _Cellconfig.config);
+var CellComponent = (0, _styledcomponents.component)(mergedConfig);
+var Cell = CellComponent;