@salutejs/plasma-new-hope 0.336.0-canary.2235.17792261875.0 → 0.336.0-canary.2238.17818313113.0

package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.js

@@ -56,27 +56,30 @@ function _object_without_properties_loose(source, excluded) {
 import React, { forwardRef } from "react";
 import { getRoundness, getSkeletonColor } from "../../../mixins";
 import { base as sizeCSS } from "./variations/_size/base";
+import { base as viewCSS } from "./variations/_view/base";
 import { StyledVisibleLine, base } from "./LineSkeleton.styles";
 /**
  * Копонент-составляющая Скелетона
  */ export var lineSkeletonRoot = function(Root) {
     return /*#__PURE__*/ forwardRef(function(_param, outerRootRef) {
-        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, rest = _object_without_properties(_param, [
+        var size = _param.size, lighter = _param.lighter, customGradientColor = _param.customGradientColor, _param_roundness = _param.roundness, roundness = _param_roundness === void 0 ? '16' : _param_roundness, view = _param.view, rest = _object_without_properties(_param, [
             "size",
             "lighter",
             "customGradientColor",
-            "roundness"
+            "roundness",
+            "view"
         ]);
         var roundnessValue = getRoundness({
             roundness: roundness
         });
-        var skeletonGradientColor = getSkeletonColor({
+        var skeletonGradientColor = lighter ? getSkeletonColor({
             lighter: lighter,
             customGradientColor: customGradientColor
-        });
+        }) : undefined;
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             ref: outerRootRef,
-            size: size
+            size: size,
+            view: view
         }, rest), /*#__PURE__*/ React.createElement(StyledVisibleLine, {
             roundness: roundnessValue,
             gradientColor: skeletonGradientColor
@@ -91,6 +94,9 @@ export var lineSkeletonConfig = {
     variations: {
         size: {
             css: sizeCSS
+        },
+        view: {
+            css: viewCSS
         }
     },
     defaults: {}

package/emotion/es/components/Skeleton/LineSkeleton/LineSkeleton.styles.js

@@ -1,14 +1,15 @@
 import { css } from "@emotion/react";
 import styled from "@emotion/styled";
 import { applyRoundness, applySkeletonGradient } from "../../../mixins";
-export var base = /*#__PURE__*/ css("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vQiJ9 */");
+import { tokens } from "../tokens";
+export var base = /*#__PURE__*/ css("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW9CIn0= */");
 export var StyledVisibleLine = /*#__PURE__*/ styled("div", {
-    target: "e9r372l0",
+    target: "e4hwyxn0",
     label: "StyledVisibleLine"
 })("position:relative;overflow:hidden;width:100%;--plasma_private-line-skeleton-roundness:", function(param) {
     var roundness = param.roundness;
     return roundness;
 }, ";", applyRoundness('var(--plasma_private-line-skeleton-roundness)'), ";--plasma_private-line-skeleton-gradient:", function(param) {
     var gradientColor = param.gradientColor;
-    return gradientColor;
-}, ";", applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyJ9 */");
+    return gradientColor || "var(".concat(tokens.gradientColor, ")");
+}, ";", applySkeletonGradient('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIn0= */");

package/emotion/es/components/Skeleton/LineSkeleton/variations/_size/base.js

@@ -1,4 +1,2 @@
 import { css } from "@emotion/react";
-import { StyledVisibleLine } from "../../LineSkeleton.styles";
-import { tokens } from "../../../tokens";
-export var base = /*#__PURE__*/ css("height:var(", tokens.lineHeight, ");& ", StyledVisibleLine, "{height:var(", tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQiJ9 */");

package/emotion/es/components/Skeleton/LineSkeleton/variations/_view/base.js

@@ -0,0 +1,4 @@
+import { css } from "@emotion/react";
+import { StyledVisibleLine } from "../../LineSkeleton.styles";
+import { tokens } from "../../../tokens";
+export var base = /*#__PURE__*/ css("height:var(", tokens.lineHeight, ");& ", StyledVisibleLine, "{height:var(", tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");

package/emotion/es/components/Skeleton/TextSkeleton/TextSkeleton.js

@@ -147,13 +147,14 @@ var variousWidth = [
  * Размеры компонента задаются с помощью констант и соответствуют размерам [типографических элементов](/?path=/docs/).
  */ export var textSkeleton = function(Component) {
     return function(_param) {
-        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, props = _object_without_properties(_param, [
+        var lines = _param.lines, width = _param.width, roundness = _param.roundness, customGradientColor = _param.customGradientColor, lighter = _param.lighter, _param_size = _param.size, size = _param_size === void 0 ? 'bodyM' : _param_size, _param_view = _param.view, view = _param_view === void 0 ? 'default' : _param_view, props = _object_without_properties(_param, [
             "lines",
             "width",
             "roundness",
             "customGradientColor",
             "lighter",
-            "size"
+            "size",
+            "view"
         ]);
         var _useState = _sliced_to_array(useState(null), 2), fixedWidth = _useState[0], setFixedWidth = _useState[1];
         var _useState1 = _sliced_to_array(useState([]), 2), linesWidth = _useState1[0], setLinesWidth = _useState1[1];
@@ -191,6 +192,7 @@ var variousWidth = [
             return /*#__PURE__*/ React.createElement(ComponentSkeleton, {
                 key: "line:".concat(i),
                 size: size,
+                view: view,
                 roundness: roundness,
                 customGradientColor: customGradientColor,
                 lighter: lighter,

package/emotion/es/components/Skeleton/tokens.js

@@ -1,4 +1,5 @@
 export var tokens = {
     lineHeight: '--plasma-skeleton-line-height',
-    visibleLineHeight: '--plasma-skeleton-visible-line-height'
+    visibleLineHeight: '--plasma-skeleton-visible-line-height',
+    gradientColor: '--plasma-skeleton-gradient-color'
 };