@salutejs/sdds-cs 0.319.0-canary.2021.15816853505.0 → 0.319.0-canary.2021.15824070198.0

package/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/styled-components';
+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/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, Col, Row } from './Grid';
+export { Grid, Col, Row } from './Grid';

package/es/components/IconButton/IconButton.config.js

@@ -1,27 +1,141 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
-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(--on-dark-text-primary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(",
+        ");\n                ",
+        ": var(--surface-accent-hover);\n                ",
+        ": var(--surface-accent-active);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(",
+        ");\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--surface-solid-primary-hover);\n                ",
+        ": var(--text-accent-active);\n                ",
+        ": var(--surface-solid-primary-active);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--surface-clear);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--surface-transparent-accent);\n                ",
+        ": var(--surface-transparent-accent-active);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2.5rem;\n                ",
+        ": 2.5rem;\n                ",
+        ": 1rem;\n                ",
+        ": 0.75rem;\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-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 2.5rem;\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-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 1.375rem;\n                ",
+        ": inherit;\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, iconButtonTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-  defaults: {
-    view: 'accent',
-    focused: 'true',
-    size: 's'
-  },
-  variations: {
-    view: {
-      accent: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(", ");\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive),
-      secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--surface-solid-primary);\n                ", ": var(", ");\n                ", ": #1A9E32;\n                ", ": var(--surface-solid-primary-hover);\n                ", ": var(--text-accent-active);\n                ", ": var(--surface-solid-primary-active);\n            "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
-      clear: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-transparent-accent);\n                ", ": var(--surface-transparent-accent-active);\n            "])), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
-    },
-    size: {
-      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 2.5rem;\n                ", ": 1rem;\n                ", ": 0.75rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n            "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
-      sr: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.375rem;\n                ", ": inherit;\n            "])), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), iconButtonTokens.iconButtonDisabledOpacity)
+    defaults: {
+        view: 'accent',
+        focused: 'true',
+        size: 's'
     },
-    focused: {
-      "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), iconButtonTokens.iconButtonFocusColor)
+    variations: {
+        view: {
+            accent: css(_templateObject(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive),
+            secondary: css(_templateObject1(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
+            clear: css(_templateObject2(), iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonBackgroundColorActive)
+        },
+        size: {
+            s: css(_templateObject3(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
+            sr: css(_templateObject4(), iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
+        },
+        disabled: {
+            true: css(_templateObject5(), iconButtonTokens.iconButtonDisabledOpacity)
+        },
+        focused: {
+            true: css(_templateObject6(), iconButtonTokens.iconButtonFocusColor)
+        }
     }
-  }
-};
+};

package/es/components/IconButton/IconButton.js

@@ -1,9 +1,7 @@
 import { iconButtonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './IconButton.config';
-var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig, config);
-var IconButtonComponent = /*#__PURE__*/component(mergedConfig);
-
+var mergedConfig = mergeConfig(iconButtonConfig, config);
+var IconButtonComponent = component(mergedConfig);
 /**
  * Кнопка с иконкой.
- */
-export var IconButton = IconButtonComponent;
+ */ export var IconButton = IconButtonComponent;

package/es/components/IconButton/index.js

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

package/es/components/Image/Image.js

@@ -1,8 +1,6 @@
 import { imageConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
-var mergedConfig = /*#__PURE__*/mergeConfig(imageConfig);
-var ImageComponent = /*#__PURE__*/component(mergedConfig);
-
+var mergedConfig = mergeConfig(imageConfig);
+var ImageComponent = component(mergedConfig);
 /**
  * Компонент Image.
- */
-export var Image = ImageComponent;
+ */ export var Image = ImageComponent;

package/es/components/Image/index.js

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

package/es/components/Indicator/Indicator.config.js

@@ -1,25 +1,133 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-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-default);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-accent);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--on-light-surface-solid-primary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-positive);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-negative);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-warning);\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.375rem;\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
 import { css, indicatorTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-  defaults: {
-    size: 's',
-    view: 'default'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-default);\n            "])), tokens.color),
-      accent: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), tokens.color),
-      inactive: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-surface-solid-primary);\n            "])), tokens.color),
-      positive: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-positive);\n            "])), tokens.color),
-      negative: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-negative);\n            "])), tokens.color),
-      warning: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-warning);\n            "])), tokens.color),
-      black: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n            "])), tokens.color)
+    defaults: {
+        size: 's',
+        view: 'default'
     },
-    size: {
-      l: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n            "])), tokens.size),
-      m: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n            "])), tokens.size),
-      s: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n            "])), tokens.size)
+    variations: {
+        view: {
+            default: css(_templateObject(), tokens.color),
+            accent: css(_templateObject1(), tokens.color),
+            inactive: css(_templateObject2(), tokens.color),
+            positive: css(_templateObject3(), tokens.color),
+            negative: css(_templateObject4(), tokens.color),
+            warning: css(_templateObject5(), tokens.color),
+            black: css(_templateObject6(), tokens.color)
+        },
+        size: {
+            l: css(_templateObject7(), tokens.size),
+            m: css(_templateObject8(), tokens.size),
+            s: css(_templateObject9(), tokens.size)
+        }
     }
-  }
-};
+};

package/es/components/Indicator/Indicator.js

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

package/es/components/Indicator/index.js

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