@salutejs/sdds-cs 0.318.1-canary.2038.15820228509.0 → 0.318.1-canary.2042.15845695068.0

package/emotion/es/components/Dropdown/Dropdown.config.js

@@ -1,17 +1,89 @@
-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                ",
+        ": 0rem;\n                ",
+        ": 12.5rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 1.5rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.5rem 0.75rem;\n                ",
+        ": 0.25rem 0.75rem;\n\n                ",
+        ": 0.5rem;\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.25rem;\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                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.375rem;\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            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-transparent-tertiary);\n                ",
+        ": 0.4;\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--surface-solid-card-brightness);\n                ",
+        ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, dropdownTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-  defaults: {
-    view: 'default',
-    size: 's'
-  },
-  variations: {
-    size: {
-      s: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0rem;\n                ", ": 12.5rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\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                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\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.padding, tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.itemHeight, tokens.itemMargin, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight)
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    view: {
-      "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.4;\n                ", ": var(--outline-solid-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-accent);\n            "])), tokens.dividerColor, tokens.disabledOpacity, tokens.borderColor, tokens.focusColor, tokens.background, tokens.boxShadow, tokens.disclosureIconColor, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.disclosureIconColor, tokens.dividerColor, tokens.disclosureIconColor)
+    variations: {
+        size: {
+            s: css(_templateObject(), tokens.padding, tokens.width, tokens.borderRadius, tokens.borderWidth, tokens.itemHeight, tokens.itemMargin, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.dividerMarginTop, tokens.dividerMarginRight, tokens.dividerMarginBottom, tokens.dividerMarginLeft, tokens.dividerMarginTopTight, tokens.dividerMarginBottomTight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeightBold, tokens.itemFontLetterSpacing, tokens.itemFontLineHeight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight)
+        },
+        view: {
+            default: css(_templateObject1(), tokens.dividerColor, tokens.disabledOpacity, tokens.borderColor, tokens.focusColor, tokens.background, tokens.boxShadow, tokens.disclosureIconColor, tokens.itemBackground, tokens.itemBackgroundHover, tokens.itemColor, tokens.disclosureIconColor, tokens.dividerColor, tokens.disclosureIconColor)
+        }
     }
-  }
-};
+};

package/emotion/es/components/Dropdown/Dropdown.js

@@ -1,13 +1,40 @@
-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); }
+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 _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;
+}
 import { dropdownConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/emotion';
 import React from 'react';
 import { config } from './Dropdown.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(dropdownConfig, config);
-var DropdownNewHope = /*#__PURE__*/component(mergedConfig);
-var DropdownComponent = function DropdownComponent(props, ref) {
-  return /*#__PURE__*/React.createElement(DropdownNewHope, _extends({
-    ref: ref
-  }, props));
+var mergedConfig = mergeConfig(dropdownConfig, config);
+var DropdownNewHope = component(mergedConfig);
+var DropdownComponent = function(props, ref) {
+    return /*#__PURE__*/ React.createElement(DropdownNewHope, _object_spread({
+        ref: ref
+    }, props));
 };
-var Dropdown = /*#__PURE__*/fixedForwardRef(DropdownComponent);
-export { Dropdown };
+var Dropdown = fixedForwardRef(DropdownComponent);
+export { Dropdown };

package/emotion/es/components/Dropdown/index.js

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

package/emotion/es/components/Dropzone/Dropzone.config.js

@@ -1,20 +1,81 @@
-var _templateObject, _templateObject2, _templateObject3;
-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(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card-hover);\n                ",
+        ": var(--overlay-soft);\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--outline-solid-primary-hover);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.5rem;\n\n                ",
+        ": var(--plasma-typo-h4-font-family);\n                ",
+        ": var(--plasma-typo-h4-font-size);\n                ",
+        ": var(--plasma-typo-h4-font-style);\n                ",
+        ": var(--plasma-typo-h4-bold-font-weight);\n                ",
+        ": var(--plasma-typo-h4-letter-spacing);\n                ",
+        ": var(--plasma-typo-h4-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            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, dropzoneTokens } from '@salutejs/plasma-new-hope/emotion';
 export var config = {
-  defaults: {
-    view: 'default',
-    size: 'm'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--overlay-soft);\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.borderColor, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
-    },
-    size: {
-      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-bold-font-weight);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-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            "])), dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentWrapperGap, dropzoneTokens.contentGap, dropzoneTokens.contentColumnGap, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
+    defaults: {
+        view: 'default',
+        size: 'm'
     },
-    disabled: {
-      "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), dropzoneTokens.disabledOpacity)
+    variations: {
+        view: {
+            default: css(_templateObject(), dropzoneTokens.background, dropzoneTokens.backgroundHover, dropzoneTokens.overlayColorActive, dropzoneTokens.borderColor, dropzoneTokens.borderColorHover, dropzoneTokens.borderColorActive, dropzoneTokens.titleColor, dropzoneTokens.descriptionColor)
+        },
+        size: {
+            m: css(_templateObject1(), dropzoneTokens.padding, dropzoneTokens.borderRadius, dropzoneTokens.contentWrapperGap, dropzoneTokens.contentGap, dropzoneTokens.contentColumnGap, dropzoneTokens.titleFontFamily, dropzoneTokens.titleFontSize, dropzoneTokens.titleFontStyle, dropzoneTokens.titleFontWeight, dropzoneTokens.titleLetterSpacing, dropzoneTokens.titleLineHeight, dropzoneTokens.descriptionFontFamily, dropzoneTokens.descriptionFontSize, dropzoneTokens.descriptionFontStyle, dropzoneTokens.descriptionFontWeight, dropzoneTokens.descriptionLetterSpacing, dropzoneTokens.descriptionLineHeight)
+        },
+        disabled: {
+            true: css(_templateObject2(), dropzoneTokens.disabledOpacity)
+        }
     }
-  }
-};
+};

package/emotion/es/components/Dropzone/Dropzone.js

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

package/emotion/es/components/Dropzone/index.js

@@ -1,2 +1,2 @@
 export { Dropzone } from './Dropzone';
-export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/emotion';
+export { dropzoneTokens, dropzoneClasses } from '@salutejs/plasma-new-hope/emotion';

package/emotion/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/emotion';
 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/emotion/es/components/EmptyState/EmptyState.js

@@ -1,4 +1,4 @@
 import { emptyStateConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
 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/emotion/es/components/EmptyState/index.js

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

package/emotion/es/components/Flow/Flow.config.js

@@ -1,4 +1,4 @@
 export var config = {
-  defaults: {},
-  variations: {}
-};
+    defaults: {},
+    variations: {}
+};

package/emotion/es/components/Flow/Flow.js

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

package/emotion/es/components/Flow/index.js

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

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

@@ -1,17 +1,65 @@
-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;
-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;
+}
 import { css, gridTokens, getBaseGridView } from '@salutejs/plasma-new-hope/emotion';
+var _obj;
 export var config = {
-  defaults: {
-    view: 'default'
-  },
-  variations: {
-    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)
+    defaults: {
+        view: 'default'
+    },
+    variations: {
+        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)
+        }
     }
-  }
-};
+};

package/emotion/es/components/Grid/Grid.js

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

package/emotion/es/components/Grid/index.js

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