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

package/emotion/cjs/components/Drawer/Drawer.tokens.js

@@ -12,6 +12,9 @@ _export(exports, {
     get classes () {
         return classes;
     },
+    get privateTokens () {
+        return privateTokens;
+    },
     get tokens () {
         return tokens;
     }
@@ -21,6 +24,9 @@ var classes = {
     header: 'drawer-header',
     footer: 'drawer-footer',
     overlay: 'drawer-overlay',
+    panel: 'drawer-panel',
+    enterCustomAnimation: 'drawer-enter-custom-animation',
+    exitCustomAnimation: 'drawer-exit-custom-animation',
     horizontal: 'drawer-horizontal',
     hasHeader: 'drawer-has-header',
     isRightClose: 'drawer-right-close-button',
@@ -29,6 +35,12 @@ var classes = {
     rightPlacement: 'drawer-right-placement',
     leftPlacement: 'drawer-left-placement'
 };
+var privateTokens = {
+    enterAnimation: '--plasma__private-drawer-enter-animation',
+    exitAnimation: '--plasma__private-drawer-exit-animation',
+    customEnterAnimation: '--plasma__private-drawer-custom-enter-animation',
+    customExitAnimation: '--plasma__private-drawer-custom-exit-animation'
+};
 var tokens = {
     drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',
     drawerOverlayColor: '--plasma-drawer-overlay-color',

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

@@ -19,6 +19,7 @@ _export(exports, {
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _mixins = require("../../../mixins");
 var _base = require("./variations/_size/base");
+var _base1 = require("./variations/_view/base");
 var _LineSkeletonstyles = require("./LineSkeleton.styles");
 function _define_property(obj, key, value) {
     if (key in obj) {
@@ -118,22 +119,24 @@ function _object_without_properties_loose(source, excluded) {
 }
 var lineSkeletonRoot = function(Root) {
     return /*#__PURE__*/ (0, _react.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 = (0, _mixins.getRoundness)({
             roundness: roundness
         });
-        var skeletonGradientColor = (0, _mixins.getSkeletonColor)({
+        var skeletonGradientColor = lighter ? (0, _mixins.getSkeletonColor)({
             lighter: lighter,
             customGradientColor: customGradientColor
-        });
+        }) : undefined;
         return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
             ref: outerRootRef,
-            size: size
+            size: size,
+            view: view
         }, rest), /*#__PURE__*/ _react.default.createElement(_LineSkeletonstyles.StyledVisibleLine, {
             roundness: roundnessValue,
             gradientColor: skeletonGradientColor
@@ -148,6 +151,9 @@ var lineSkeletonConfig = {
     variations: {
         size: {
             css: _base.base
+        },
+        view: {
+            css: _base1.base
         }
     },
     defaults: {}

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

@@ -19,19 +19,20 @@ _export(exports, {
 var _react = require("@emotion/react");
 var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
 var _mixins = require("../../../mixins");
+var _tokens = require("../tokens");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-var base = (0, /*#__PURE__*/ _react.css)("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9vQiJ9 */");
+var base = (0, /*#__PURE__*/ _react.css)("display:flex;align-items:center;width:100%;", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW9CIn0= */");
 var StyledVisibleLine = (0, /*#__PURE__*/ _styled.default)("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;
 }, ";", (0, _mixins.applyRoundness)('var(--plasma_private-line-skeleton-roundness)'), ";--plasma_private-line-skeleton-gradient:", function(param) {
     var gradientColor = param.gradientColor;
-    return gradientColor;
-}, ";", (0, _mixins.applySkeletonGradient)('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuXG5pbXBvcnQgdHlwZSB7IFN0eWxlZFZpc2libGVMaW5lUHJvcHMgfSBmcm9tICcuL0xpbmVTa2VsZXRvbi50eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIHdpZHRoOiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFZpc2libGVMaW5lID0gc3R5bGVkLmRpdjxTdHlsZWRWaXNpYmxlTGluZVByb3BzPmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzczogJHsoeyByb3VuZG5lc3MgfSkgPT4gcm91bmRuZXNzfTtcbiAgICAke2FwcGx5Um91bmRuZXNzKCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLXJvdW5kbmVzcyknKX07XG5cbiAgICAtLXBsYXNtYV9wcml2YXRlLWxpbmUtc2tlbGV0b24tZ3JhZGllbnQ6ICR7KHsgZ3JhZGllbnRDb2xvciB9KSA9PiBncmFkaWVudENvbG9yfTtcbiAgICAke2FwcGx5U2tlbGV0b25HcmFkaWVudCgndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1ncmFkaWVudCknKX07XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyJ9 */");
+    return gradientColor || "var(".concat(_tokens.tokens.gradientColor, ")");
+}, ";", (0, _mixins.applySkeletonGradient)('var(--plasma_private-line-skeleton-gradient)'), ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vTGluZVNrZWxldG9uLnN0eWxlcy50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGFwcGx5Um91bmRuZXNzLCBhcHBseVNrZWxldG9uR3JhZGllbnQgfSBmcm9tICcuLi8uLi8uLi9taXhpbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vdG9rZW5zJztcblxuaW1wb3J0IHR5cGUgeyBTdHlsZWRWaXNpYmxlTGluZVByb3BzIH0gZnJvbSAnLi9MaW5lU2tlbGV0b24udHlwZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgICB3aWR0aDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRWaXNpYmxlTGluZSA9IHN0eWxlZC5kaXY8U3R5bGVkVmlzaWJsZUxpbmVQcm9wcz5gXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICB3aWR0aDogMTAwJTtcblxuICAgIC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3M6ICR7KHsgcm91bmRuZXNzIH0pID0+IHJvdW5kbmVzc307XG4gICAgJHthcHBseVJvdW5kbmVzcygndmFyKC0tcGxhc21hX3ByaXZhdGUtbGluZS1za2VsZXRvbi1yb3VuZG5lc3MpJyl9O1xuXG4gICAgLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50OiAkeyh7IGdyYWRpZW50Q29sb3IgfSkgPT4gZ3JhZGllbnRDb2xvciB8fCBgdmFyKCR7dG9rZW5zLmdyYWRpZW50Q29sb3J9KWB9O1xuICAgICR7YXBwbHlTa2VsZXRvbkdyYWRpZW50KCd2YXIoLS1wbGFzbWFfcHJpdmF0ZS1saW5lLXNrZWxldG9uLWdyYWRpZW50KScpfTtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWlDIn0= */");

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

@@ -9,6 +9,4 @@ Object.defineProperty(exports, "base", {
     }
 });
 var _react = require("@emotion/react");
-var _LineSkeletonstyles = require("../../LineSkeleton.styles");
-var _tokens = require("../../../tokens");
-var base = (0, /*#__PURE__*/ _react.css)("height:var(", _tokens.tokens.lineHeight, ");& ", _LineSkeletonstyles.StyledVisibleLine, "{height:var(", _tokens.tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");
+var base = (0, /*#__PURE__*/ _react.css)("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL19zaXplL2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BgO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQiJ9 */");

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _react = require("@emotion/react");
+var _LineSkeletonstyles = require("../../LineSkeleton.styles");
+var _tokens = require("../../../tokens");
+var base = (0, /*#__PURE__*/ _react.css)("height:var(", _tokens.tokens.lineHeight, ");& ", _LineSkeletonstyles.StyledVisibleLine, "{height:var(", _tokens.tokens.visibleLineHeight, ");}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ta2VsZXRvbi9MaW5lU2tlbGV0b24vdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NrZWxldG9uL0xpbmVTa2VsZXRvbi92YXJpYXRpb25zL192aWV3L2Jhc2UudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBTdHlsZWRWaXNpYmxlTGluZSB9IGZyb20gJy4uLy4uL0xpbmVTa2VsZXRvbi5zdHlsZXMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMubGluZUhlaWdodH0pO1xuXG4gICAgJiAke1N0eWxlZFZpc2libGVMaW5lfSB7XG4gICAgICAgIGhlaWdodDogdmFyKCR7dG9rZW5zLnZpc2libGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0IifQ== */");

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

@@ -195,13 +195,14 @@ var variousWidth = [
 ];
 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((0, _react.useState)(null), 2), fixedWidth = _useState[0], setFixedWidth = _useState[1];
         var _useState1 = _sliced_to_array((0, _react.useState)([]), 2), linesWidth = _useState1[0], setLinesWidth = _useState1[1];
@@ -239,6 +240,7 @@ var textSkeleton = function(Component) {
             return /*#__PURE__*/ _react.default.createElement(ComponentSkeleton, {
                 key: "line:".concat(i),
                 size: size,
+                view: view,
                 roundness: roundness,
                 customGradientColor: customGradientColor,
                 lighter: lighter,

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

@@ -10,5 +10,6 @@ Object.defineProperty(exports, "tokens", {
 });
 var tokens = {
     lineHeight: '--plasma-skeleton-line-height',
-    visibleLineHeight: '--plasma-skeleton-visible-line-height'
+    visibleLineHeight: '--plasma-skeleton-visible-line-height',
+    gradientColor: '--plasma-skeleton-gradient-color'
 };