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

package/es/components/Editable/Editable.config.js

@@ -1,17 +1,51 @@
-var _templateObject, _templateObject2;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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(--background-primary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                ",
+        ": -1rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, editableTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--background-primary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n            "])), editableTokens.editButtonBackground, editableTokens.editButtonColor, editableTokens.editButtonColorHover, editableTokens.placeholderColor, editableTokens.caretColor)
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    size: {
-      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": -1rem;\n            "])), editableTokens.editButtonPaddingLeft, editableTokens.textBoxPaddingRight, editableTokens.textBoxMarginRight)
+    variations: {
+        view: {
+            default: css(_templateObject(), editableTokens.editButtonBackground, editableTokens.editButtonColor, editableTokens.editButtonColorHover, editableTokens.placeholderColor, editableTokens.caretColor)
+        },
+        size: {
+            m: css(_templateObject1(), editableTokens.editButtonPaddingLeft, editableTokens.textBoxPaddingRight, editableTokens.textBoxMarginRight)
+        }
     }
-  }
-};
+};

package/es/components/Editable/Editable.js

@@ -2,6 +2,6 @@ import { editableConfig, component, mergeConfig } from '@salutejs/plasma-new-hop
 import * as typographyComponents from '../Typography';
 import { config } from './Editable.config';
 export var typographyVariants = typographyComponents;
-var finalConfig = /*#__PURE__*/editableConfig(typographyVariants);
-var mergedConfig = /*#__PURE__*/mergeConfig(finalConfig, config);
-export var Editable = /*#__PURE__*/component(mergedConfig);
+var finalConfig = editableConfig(typographyVariants);
+var mergedConfig = mergeConfig(finalConfig, config);
+export var Editable = component(mergedConfig);

package/es/components/Editable/index.js

@@ -1 +1 @@
-export { Editable } from './Editable';
+export { Editable } from './Editable';

package/es/components/ElasticGrid/ElasticGrid.perftest.js

@@ -1,27 +1,40 @@
 import React from 'react';
 import styled from 'styled-components';
 import { ElasticGrid } from '.';
-var StyledElasticGrid = /*#__PURE__*/styled(ElasticGrid).withConfig({
-  componentId: "plasma-web__sc-11ngxdo-0"
-})(["width:", ";"], function (_ref) {
-  var $width = _ref.$width;
-  return $width;
+var StyledElasticGrid = styled(ElasticGrid).withConfig({
+    displayName: "ElasticGrid.perftest__StyledElasticGrid",
+    componentId: "sc-a45519ff-0"
+})([
+    "width:",
+    ";"
+], function(param) {
+    var $width = param.$width;
+    return $width;
 });
-var Item = /*#__PURE__*/styled.div.withConfig({
-  componentId: "plasma-web__sc-11ngxdo-1"
-})(["width:100%;height:100px;background-color:#999;border-radius:10px;"]);
+var Item = styled.div.withConfig({
+    displayName: "ElasticGrid.perftest__Item",
+    componentId: "sc-a45519ff-1"
+})([
+    "width:100%;height:100px;background-color:#999;border-radius:10px;"
+]);
 var defaultProps = {
-  $width: '600px',
-  itemsNumber: 5,
-  minColWidth: 125,
-  gapX: 8,
-  gapY: 8
+    $width: '600px',
+    itemsNumber: 5,
+    minColWidth: 125,
+    gapX: 8,
+    gapY: 8
+};
+var arr = [
+    0,
+    0,
+    0,
+    0,
+    0
+];
+export var Default = function() {
+    return /*#__PURE__*/ React.createElement(StyledElasticGrid, defaultProps, arr.map(function(_, k) {
+        return /*#__PURE__*/ React.createElement(Item, {
+            key: k
+        });
+    }));
 };
-var arr = [0, 0, 0, 0, 0];
-export var Default = function Default() {
-  return /*#__PURE__*/React.createElement(StyledElasticGrid, defaultProps, arr.map(function (_, k) {
-    return /*#__PURE__*/React.createElement(Item, {
-      key: k
-    });
-  }));
-};

package/es/components/ElasticGrid/index.js

@@ -1 +1 @@
-export { ElasticGrid } from '@salutejs/plasma-hope';
+export { ElasticGrid } from '@salutejs/plasma-hope';

package/es/components/EmptyState/EmptyState.config.js

@@ -1,16 +1,108 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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.875rem;\n                ",
+        ": 2rem 1rem 1rem 1rem;\n                ",
+        ": 0 0 0.5rem 0;\n                ",
+        ": 0 0 1rem 0;\n                ",
+        ": -1rem 0 0 0;\n                ",
+        ": 3.5rem;\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            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": 1.625rem 1rem 0.875rem 1rem;\n                ",
+        ": 0 0 0.375rem 0;\n                ",
+        ": 0 0 0.875rem 0;\n                ",
+        ": -0.875rem 0 0 0;\n                ",
+        ": 3rem;\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                ",
+        ": 0.625rem;\n                ",
+        ": 1.375rem 0.875rem 0.625rem 0.875rem;\n                ",
+        ": 0 0 0.25rem 0;\n                ",
+        ": 0 0 0.625rem 0;\n                ",
+        ": -0.625rem 0 0 0;\n                ",
+        ": 2.5rem;\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                ",
+        ": 0.5rem;\n                ",
+        ": 1rem 0.625rem 0.5rem 0.625rem;\n                ",
+        ": 0 0 0.25rem 0;\n                ",
+        ": 0 0 0.5rem 0;\n                ",
+        ": -0.5rem 0 0 0;\n                ",
+        ": 2rem;\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;
+}
 import { css, emptyStateTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-  defaults: {
-    size: 'l'
-  },
-  variations: {
-    size: {
-      l: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": 2rem 1rem 1rem 1rem;\n                ", ": 0 0 0.5rem 0;\n                ", ": 0 0 1rem 0;\n                ", ": -1rem 0 0 0;\n                ", ": 3.5rem;\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            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
-      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 1.625rem 1rem 0.875rem 1rem;\n                ", ": 0 0 0.375rem 0;\n                ", ": 0 0 0.875rem 0;\n                ", ": -0.875rem 0 0 0;\n                ", ": 3rem;\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            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
-      s: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": 1.375rem 0.875rem 0.625rem 0.875rem;\n                ", ": 0 0 0.25rem 0;\n                ", ": 0 0 0.625rem 0;\n                ", ": -0.625rem 0 0 0;\n                ", ": 2.5rem;\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            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
-      xs: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1rem 0.625rem 0.5rem 0.625rem;\n                ", ": 0 0 0.25rem 0;\n                ", ": 0 0 0.5rem 0;\n                ", ": -0.5rem 0 0 0;\n                ", ": 2rem;\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            "])), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
+    defaults: {
+        size: 'l'
+    },
+    variations: {
+        size: {
+            l: css(_templateObject(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+            m: css(_templateObject1(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+            s: css(_templateObject2(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight),
+            xs: css(_templateObject3(), tokens.borderRadius, tokens.padding, tokens.iconMargin, tokens.descriptionMargin, tokens.buttonMargin, tokens.buttonHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight)
+        }
     }
-  }
-};
+};

package/es/components/EmptyState/EmptyState.js

@@ -1,4 +1,4 @@
 import { emptyStateConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './EmptyState.config';
-export var mergedConfig = /*#__PURE__*/mergeConfig(emptyStateConfig, config);
-export var EmptyState = /*#__PURE__*/component(mergedConfig);
+export var mergedConfig = mergeConfig(emptyStateConfig, config);
+export var EmptyState = component(mergedConfig);

package/es/components/EmptyState/index.js

@@ -1 +1 @@
-export { EmptyState } from './EmptyState';
+export { EmptyState } from './EmptyState';

package/es/components/Flow/Flow.js

@@ -1,3 +1,3 @@
 import { flowConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
-var mergedConfig = /*#__PURE__*/mergeConfig(flowConfig);
-export var Flow = /*#__PURE__*/component(mergedConfig);
+var mergedConfig = mergeConfig(flowConfig);
+export var Flow = component(mergedConfig);

package/es/components/Flow/index.js

@@ -1 +1 @@
-export { Flow } from './Flow';
+export { Flow } from './Flow';

package/es/components/Grid/Grid.config.js

@@ -1,20 +1,96 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _templateObject, _templateObject2;
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+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 _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                ",
+        ";\n\n                ",
+        ": 6;\n                ",
+        ": 0.5rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0;\n\n                ",
+        ": 12;\n                ",
+        ": 0.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 35rem;\n\n                ",
+        ": 18;\n                ",
+        ": 0.5rem;\n                ",
+        ": 1.75rem;\n                ",
+        ": 49.125rem;\n\n                ",
+        ": 24;\n                ",
+        ": 0.5rem;\n                ",
+        ": 2.5rem;\n                ",
+        ": 60rem;\n\n                ",
+        ": 30;\n                ",
+        ": 0.5rem;\n                ",
+        ": 4rem;\n                ",
+        ": 75rem;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ";\n\n                ",
+        ": 4;\n                ",
+        ": 0.5rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0;\n\n                ",
+        ": 6;\n                ",
+        ": 1rem;\n                ",
+        ": 3.5rem;\n                ",
+        ": 35rem;\n\n                ",
+        ": 8;\n                ",
+        ": 1rem;\n                ",
+        ": 3.5rem;\n                ",
+        ": 48.0625rem;\n\n                ",
+        ": 12;\n                ",
+        ": 1rem;\n                ",
+        ": 4rem;\n                ",
+        ": 60rem;\n\n                ",
+        ": 16;\n                ",
+        ": 1rem;\n                ",
+        ": 4rem;\n                ",
+        ": 75rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, gridTokens, getBaseGridView } from '@salutejs/plasma-new-hope/styled-components';
+var _obj, _obj1;
 export var config = {
-  defaults: {
-    view: 'legacy'
-  },
-  variations: {
-    /* stylelint-disable */
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ";\n\n                ", ": 6;\n                ", ": 0.5rem;\n                ", ": 1rem;\n                ", ": 0;\n\n                ", ": 12;\n                ", ": 0.5rem;\n                ", ": 1.25rem;\n                ", ": 35rem;\n\n                ", ": 18;\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 49.125rem;\n\n                ", ": 24;\n                ", ": 0.5rem;\n                ", ": 2.5rem;\n                ", ": 60rem;\n\n                ", ": 30;\n                ", ": 0.5rem;\n                ", ": 4rem;\n                ", ": 75rem;\n            "])), /*#__PURE__*/getBaseGridView( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty({}, gridTokens.smallMMinWidth, 0), gridTokens.mediumSMinWidth, '35rem'), gridTokens.mediumMMinWidth, '49.125rem'), gridTokens.largeSMinWidth, '60rem'), gridTokens.largeMMinWidth, '75rem'), 'default'), gridTokens.smallMColsCount, gridTokens.smallMGap, gridTokens.smallMMargin, gridTokens.smallMMinWidth, gridTokens.mediumSColsCount, gridTokens.mediumSGap, gridTokens.mediumSMargin, gridTokens.mediumSMinWidth, gridTokens.mediumMColsCount, gridTokens.mediumMGap, gridTokens.mediumMMargin, gridTokens.mediumMMinWidth, gridTokens.largeSColsCount, gridTokens.largeSGap, gridTokens.largeSMargin, gridTokens.largeSMinWidth, gridTokens.largeMColsCount, gridTokens.largeMGap, gridTokens.largeMMargin, gridTokens.largeMMinWidth),
-      legacy: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ";\n\n                ", ": 4;\n                ", ": 0.5rem;\n                ", ": 1rem;\n                ", ": 0;\n\n                ", ": 6;\n                ", ": 1rem;\n                ", ": 3.5rem;\n                ", ": 35rem;\n\n                ", ": 8;\n                ", ": 1rem;\n                ", ": 3.5rem;\n                ", ": 48.0625rem;\n\n                ", ": 12;\n                ", ": 1rem;\n                ", ": 4rem;\n                ", ": 60rem;\n\n                ", ": 16;\n                ", ": 1rem;\n                ", ": 4rem;\n                ", ": 75rem;\n            "])), /*#__PURE__*/getBaseGridView( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty( /*#__PURE__*/_defineProperty({}, gridTokens.smallMMinWidth, 0), gridTokens.mediumSMinWidth, '35rem'), gridTokens.mediumMMinWidth, '48.0625rem'), gridTokens.largeSMinWidth, '60rem'), gridTokens.largeMMinWidth, '75rem'), 'legacy'), gridTokens.smallMColsCount, gridTokens.smallMGap, gridTokens.smallMMargin, gridTokens.smallMMinWidth, gridTokens.mediumSColsCount, gridTokens.mediumSGap, gridTokens.mediumSMargin, gridTokens.mediumSMinWidth, gridTokens.mediumMColsCount, gridTokens.mediumMGap, gridTokens.mediumMMargin, gridTokens.mediumMMinWidth, gridTokens.largeSColsCount, gridTokens.largeSGap, gridTokens.largeSMargin, gridTokens.largeSMinWidth, gridTokens.largeMColsCount, gridTokens.largeMGap, gridTokens.largeMMargin, gridTokens.largeMMinWidth)
+    defaults: {
+        view: 'legacy'
+    },
+    variations: {
+        /* stylelint-disable */ view: {
+            default: css(_templateObject(), getBaseGridView((_obj = {}, _define_property(_obj, gridTokens.smallMMinWidth, 0), _define_property(_obj, gridTokens.mediumSMinWidth, '35rem'), _define_property(_obj, gridTokens.mediumMMinWidth, '49.125rem'), _define_property(_obj, gridTokens.largeSMinWidth, '60rem'), _define_property(_obj, gridTokens.largeMMinWidth, '75rem'), _obj), 'default'), gridTokens.smallMColsCount, gridTokens.smallMGap, gridTokens.smallMMargin, gridTokens.smallMMinWidth, gridTokens.mediumSColsCount, gridTokens.mediumSGap, gridTokens.mediumSMargin, gridTokens.mediumSMinWidth, gridTokens.mediumMColsCount, gridTokens.mediumMGap, gridTokens.mediumMMargin, gridTokens.mediumMMinWidth, gridTokens.largeSColsCount, gridTokens.largeSGap, gridTokens.largeSMargin, gridTokens.largeSMinWidth, gridTokens.largeMColsCount, gridTokens.largeMGap, gridTokens.largeMMargin, gridTokens.largeMMinWidth),
+            legacy: css(_templateObject1(), getBaseGridView((_obj1 = {}, _define_property(_obj1, gridTokens.smallMMinWidth, 0), _define_property(_obj1, gridTokens.mediumSMinWidth, '35rem'), _define_property(_obj1, gridTokens.mediumMMinWidth, '48.0625rem'), _define_property(_obj1, gridTokens.largeSMinWidth, '60rem'), _define_property(_obj1, gridTokens.largeMMinWidth, '75rem'), _obj1), 'legacy'), gridTokens.smallMColsCount, gridTokens.smallMGap, gridTokens.smallMMargin, gridTokens.smallMMinWidth, gridTokens.mediumSColsCount, gridTokens.mediumSGap, gridTokens.mediumSMargin, gridTokens.mediumSMinWidth, gridTokens.mediumMColsCount, gridTokens.mediumMGap, gridTokens.mediumMMargin, gridTokens.mediumMMinWidth, gridTokens.largeSColsCount, gridTokens.largeSGap, gridTokens.largeSMargin, gridTokens.largeSMinWidth, gridTokens.largeMColsCount, gridTokens.largeMGap, gridTokens.largeMMargin, gridTokens.largeMMinWidth)
+        }
     }
-    /* stylelint-enable */
-  }
-};
+};

package/es/components/Grid/Grid.js

@@ -1,5 +1,5 @@
 import { gridConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Grid.config';
 export { Row, Col } from '@salutejs/plasma-new-hope/styled-components';
-var mergedConfig = /*#__PURE__*/mergeConfig(gridConfig, config);
-export var Grid = /*#__PURE__*/component(mergedConfig);
+var mergedConfig = mergeConfig(gridConfig, config);
+export var Grid = component(mergedConfig);

package/es/components/Grid/index.js

@@ -1 +1 @@
-export { Grid as Container, Col, Row } from './Grid';
+export { Grid as Container, Col, Row } from './Grid';