@salutejs/plasma-web 1.620.1-next-sbcom.0 → 1.621.0-dev.0

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

@@ -25,4 +25,4 @@ _export(exports, {
         return _Calendar.CalendarDoubleRange;
     }
 });
-var _Calendar = require("./Calendar");
+const _Calendar = require("./Calendar");

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

@@ -8,79 +8,37 @@ Object.defineProperty(exports, "config", {
         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            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.0625rem;\n                ",
-        ": 1rem;\n                ",
-        ": 0.5rem;\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.625rem;\n                ",
-        ": 0.0625rem;\n                ",
-        ": 0.875rem;\n                ",
-        ": 0.375rem;\n            "
-    ]);
-    _templateObject2 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject3() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.5rem;\n                ",
-        ": 0.0625rem;\n                ",
-        ": 0.75rem;\n                ",
-        ": 0.375rem;\n            "
-    ]);
-    _templateObject3 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-var config = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'default',
         size: 'm'
     },
     variations: {
         view: {
-            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.cardTokens.solidBackground)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.cardTokens.solidBackground}: var(--surface-solid-card);
+            `
         },
         size: {
-            l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
-            m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius),
-            s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.cardTokens.outlineWidth, _styledcomponents.cardTokens.borderWidth, _styledcomponents.cardTokens.borderRadius, _styledcomponents.cardTokens.contentBorderRadius)
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.cardTokens.outlineWidth}: 0.75rem;
+                ${_styledcomponents.cardTokens.borderWidth}: 0.0625rem;
+                ${_styledcomponents.cardTokens.borderRadius}: 1rem;
+                ${_styledcomponents.cardTokens.contentBorderRadius}: 0.5rem;
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.cardTokens.outlineWidth}: 0.625rem;
+                ${_styledcomponents.cardTokens.borderWidth}: 0.0625rem;
+                ${_styledcomponents.cardTokens.borderRadius}: 0.875rem;
+                ${_styledcomponents.cardTokens.contentBorderRadius}: 0.375rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.cardTokens.outlineWidth}: 0.5rem;
+                ${_styledcomponents.cardTokens.borderWidth}: 0.0625rem;
+                ${_styledcomponents.cardTokens.borderRadius}: 0.75rem;
+                ${_styledcomponents.cardTokens.contentBorderRadius}: 0.375rem;
+            `
         }
     }
 };

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

@@ -19,8 +19,8 @@ _export(exports, {
         return _styledcomponents.CardInnerContent;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Cardconfig = require("./Card.config");
-var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.cardConfig, _Cardconfig.config);
-var CardComponent = (0, _styledcomponents.component)(mergedConfig);
-var Card = CardComponent;
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Cardconfig = require("./Card.config");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.cardConfig, _Cardconfig.config);
+const CardComponent = (0, _styledcomponents.component)(mergedConfig);
+const Card = CardComponent;

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

@@ -19,4 +19,4 @@ _export(exports, {
         return _Card.CardInnerContent;
     }
 });
-var _Card = require("./Card");
+const _Card = require("./Card");

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

@@ -8,55 +8,29 @@ Object.defineProperty(exports, "config", {
         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 = {
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const config = {
     defaults: {
         view: 'default',
         size: 's'
     },
     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)
+            default: (0, _styledcomponents.css)`
+                ${_styledcomponents.carouselNewTokens.paginationDotBackground}: var(--surface-transparent-tertiary);
+                ${_styledcomponents.carouselNewTokens.paginationDotActiveBackground}: var(--surface-solid-default);
+                ${_styledcomponents.carouselNewTokens.controlIconButtonColor}: var(--text-primary);
+                ${_styledcomponents.carouselNewTokens.controlIconButtonBackgroundColor}: var(--surface-transparent-secondary);
+                ${_styledcomponents.carouselNewTokens.controlIconButtonColorHover}: var(--text-primary);
+                ${_styledcomponents.carouselNewTokens.controlIconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);
+                ${_styledcomponents.carouselNewTokens.controlIconButtonColorActive}: var(--text-primary);
+                ${_styledcomponents.carouselNewTokens.controlIconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);
+            `
         },
         size: {
-            s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.carouselNewTokens.controlIconButtonRadius)
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.carouselNewTokens.controlIconButtonRadius}: 100%;
+            `
         }
     }
 };

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

@@ -8,53 +8,27 @@ Object.defineProperty(exports, "Carousel", {
         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;
-}
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _Carousel = require("./Legacy/Carousel");
+const _Carouselconfig = require("./Carousel.config");
 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 CarouselComponent(props, ref) {
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.carouselNewConfig, _Carouselconfig.config);
+const CarouselNew = (0, _styledcomponents.component)(mergedConfig);
+const CarouselComponent = (props, ref)=>{
     if (typeof props.index === 'number') {
-        return /*#__PURE__*/ _react.default.createElement(_Carousel.CarouselOld, _object_spread({
-            ref: ref
-        }, props));
+        return /*#__PURE__*/ _react.default.createElement(_Carousel.CarouselOld, {
+            ref: ref,
+            ...props
+        });
     }
-    return /*#__PURE__*/ _react.default.createElement(CarouselNew, _object_spread({
-        ref: ref
-    }, props));
+    return /*#__PURE__*/ _react.default.createElement(CarouselNew, {
+        ref: ref,
+        ...props
+    });
 };
-var Carousel = (0, _styledcomponents.fixedForwardRef)(CarouselComponent);
+const Carousel = (0, _styledcomponents.fixedForwardRef)(CarouselComponent);

package/dist/styled-components/cjs/components/Carousel/Legacy/Carousel.examples.js

@@ -8,80 +8,35 @@ Object.defineProperty(exports, "CarouselCard", {
         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");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
+const _mixins = require("../../../mixins");
+const _Image = require("../../Image");
+const _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 = {}, sourceKeys, key, i;
-    if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
-        sourceKeys = Reflect.ownKeys(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[i];
-            if (excluded.indexOf(key) >= 0) continue;
-            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-            target[key] = source[key];
-        }
-        return target;
-    }
-    target = _object_without_properties_loose(source, excluded);
-    if (Object.getOwnPropertySymbols) {
-        sourceKeys = Object.getOwnPropertySymbols(source);
-        for(i = 0; i < sourceKeys.length; i++){
-            key = sourceKeys[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 = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
-    for(i = 0; i < sourceKeys.length; i++){
-        key = sourceKeys[i];
-        if (excluded.indexOf(key) >= 0) continue;
-        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-        target[key] = source[key];
-    }
-    return target;
-}
-var StyledCard = _styledcomponents.default.a.withConfig({
+const StyledCard = _styledcomponents.default.a.withConfig({
     displayName: "Carousel.examples__StyledCard",
     componentId: "sc-5e1927d1-0"
 })([
-    "display:flex;position:relative;border-radius:1rem;",
-    ""
+    `display:flex;position:relative;border-radius:1rem;`,
+    ``
 ], (0, _mixins.addFocus)({
     outlined: true,
     outlineRadius: '1.125rem'
 }));
-var StyledCardContent = _styledcomponents.default.div.withConfig({
+const 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;"
+    `position:absolute;left:0;right:0;bottom:0;padding:1.72rem;color:#fff;`
 ]);
-var CarouselCard = function CarouselCard(_0) {
-    var title = _0.title, subtitle = _0.subtitle, imageSrc = _0.imageSrc, imageAlt = _0.imageAlt, _0_imageBase = _0.imageBase, imageBase = _0_imageBase === void 0 ? 'div' : _0_imageBase, rest = _object_without_properties(_0, [
-        "title",
-        "subtitle",
-        "imageSrc",
-        "imageAlt",
-        "imageBase"
-    ]);
-    return /*#__PURE__*/ _react.default.createElement(StyledCard, rest, /*#__PURE__*/ _react.default.createElement(_Image.Image, {
+const CarouselCard = ({ title, subtitle, imageSrc, imageAlt, imageBase = 'div', ...rest })=>/*#__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/dist/styled-components/cjs/components/Carousel/Legacy/Carousel.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "CarouselOld", {
         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;
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.carouselConfig);
+const CarouselComponent = (0, _styledcomponents.component)(mergedConfig);
+const CarouselOld = CarouselComponent;

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

@@ -19,5 +19,5 @@ _export(exports, {
         return _styledcomponents.CarouselItem;
     }
 });
-var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
-var _Carousel = require("./Carousel");
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _Carousel = require("./Carousel");