@salutejs/sdds-cs 0.319.0-canary.1973.15679545656.0 → 0.319.0-canary.1973.15850054289.0

package/components/Range/Range.js

@@ -1,14 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Range = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Range = /*#__PURE__*/require("./Range.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.rangeConfig, _Range.config);
-
-/**
- * Компонент Range.
- */
-var Range = exports.Range = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "Range", {
+    enumerable: true,
+    get: function() {
+        return Range;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Rangeconfig = require("./Range.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.rangeConfig, _Rangeconfig.config);
+var Range = (0, _styledcomponents.component)(mergedConfig);

package/components/Range/index.js

@@ -1,19 +1,20 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Range", {
-  enumerable: true,
-  get: function get() {
-    return _Range.Range;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Range () {
+        return _Range.Range;
+    },
+    get rangeTokens () {
+        return _styledcomponents.rangeTokens;
+    }
 });
-Object.defineProperty(exports, "rangeTokens", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.rangeTokens;
-  }
-});
-var _Range = /*#__PURE__*/require("./Range");
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Range = require("./Range");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/components/Rating/Rating.config.js

@@ -1,25 +1,122 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-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) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    size: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), _styledComponents.ratingTokens.color, _styledComponents.ratingTokens.helperTextColor, _styledComponents.ratingTokens.iconColor, _styledComponents.ratingTokens.outlineIconColor),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                // TODO: change with token data-yellow, when it will be added to theme\n                ", ": var(--text-warning);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.ratingTokens.color, _styledComponents.ratingTokens.helperTextColor, _styledComponents.ratingTokens.iconColor, _styledComponents.ratingTokens.outlineIconColor)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+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(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                // TODO: change with token data-yellow, when it will be added to theme\n                ",
+        ": var(--text-warning);\n                ",
+        ": var(--text-tertiary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.25rem;\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-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-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\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 1rem;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\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-bold-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-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\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 1.25rem;\n\n                ",
+        ": 0.125rem;\n                ",
+        ": 1.5rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 1.25rem;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
     },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-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\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n\n                ", ": 1rem;\n            "])), _styledComponents.ratingTokens.gap, _styledComponents.ratingTokens.fontFamily, _styledComponents.ratingTokens.fontSize, _styledComponents.ratingTokens.fontStyle, _styledComponents.ratingTokens.fontWeight, _styledComponents.ratingTokens.letterSpacing, _styledComponents.ratingTokens.lineHeight, _styledComponents.ratingTokens.helperTextFontFamily, _styledComponents.ratingTokens.helperTextFontSize, _styledComponents.ratingTokens.helperTextFontStyle, _styledComponents.ratingTokens.helperTextFontWeight, _styledComponents.ratingTokens.helperTextLetterSpacing, _styledComponents.ratingTokens.helperTextLineHeight, _styledComponents.ratingTokens.contentGap, _styledComponents.ratingTokens.singleIconContentGap, _styledComponents.ratingTokens.starsWrapperGap, _styledComponents.ratingTokens.iconSize),
-      h4: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\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-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-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\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n\n                ", ": 0.125rem;\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n\n                ", ": 0.125rem;\n                ", ": 1.5rem;\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n            "])), _styledComponents.ratingTokens.gap, _styledComponents.ratingTokens.fontFamily, _styledComponents.ratingTokens.fontSize, _styledComponents.ratingTokens.fontStyle, _styledComponents.ratingTokens.fontWeight, _styledComponents.ratingTokens.letterSpacing, _styledComponents.ratingTokens.lineHeight, _styledComponents.ratingTokens.helperTextFontFamily, _styledComponents.ratingTokens.helperTextFontSize, _styledComponents.ratingTokens.helperTextFontStyle, _styledComponents.ratingTokens.helperTextFontWeight, _styledComponents.ratingTokens.helperTextLetterSpacing, _styledComponents.ratingTokens.helperTextLineHeight, _styledComponents.ratingTokens.contentGap, _styledComponents.ratingTokens.singleIconContentGap, _styledComponents.ratingTokens.starsWrapperGap, _styledComponents.ratingTokens.iconMarginBottom, _styledComponents.ratingTokens.iconSizeLarge, _styledComponents.ratingTokens.iconSizeMedium, _styledComponents.ratingTokens.iconSizeSmall, _styledComponents.ratingTokens.singleIconMarginBottom, _styledComponents.ratingTokens.singleIconSizeLarge, _styledComponents.ratingTokens.singleIconSizeMedium, _styledComponents.ratingTokens.singleIconSizeSmall)
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.ratingTokens.color, _styledcomponents.ratingTokens.helperTextColor, _styledcomponents.ratingTokens.iconColor, _styledcomponents.ratingTokens.outlineIconColor),
+            accent: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.ratingTokens.color, _styledcomponents.ratingTokens.helperTextColor, _styledcomponents.ratingTokens.iconColor, _styledcomponents.ratingTokens.outlineIconColor)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconSize),
+            h4: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.ratingTokens.gap, _styledcomponents.ratingTokens.fontFamily, _styledcomponents.ratingTokens.fontSize, _styledcomponents.ratingTokens.fontStyle, _styledcomponents.ratingTokens.fontWeight, _styledcomponents.ratingTokens.letterSpacing, _styledcomponents.ratingTokens.lineHeight, _styledcomponents.ratingTokens.helperTextFontFamily, _styledcomponents.ratingTokens.helperTextFontSize, _styledcomponents.ratingTokens.helperTextFontStyle, _styledcomponents.ratingTokens.helperTextFontWeight, _styledcomponents.ratingTokens.helperTextLetterSpacing, _styledcomponents.ratingTokens.helperTextLineHeight, _styledcomponents.ratingTokens.contentGap, _styledcomponents.ratingTokens.singleIconContentGap, _styledcomponents.ratingTokens.starsWrapperGap, _styledcomponents.ratingTokens.iconMarginBottom, _styledcomponents.ratingTokens.iconSizeLarge, _styledcomponents.ratingTokens.iconSizeMedium, _styledcomponents.ratingTokens.iconSizeSmall, _styledcomponents.ratingTokens.singleIconMarginBottom, _styledcomponents.ratingTokens.singleIconSizeLarge, _styledcomponents.ratingTokens.singleIconSizeMedium, _styledcomponents.ratingTokens.singleIconSizeSmall)
+        }
     }
-  }
-};
+};

package/components/Rating/Rating.js

@@ -1,10 +1,14 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.Rating = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _Rating = /*#__PURE__*/require("./Rating.config");
-var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.ratingConfig, _Rating.config);
-var Rating = exports.Rating = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
+Object.defineProperty(exports, "Rating", {
+    enumerable: true,
+    get: function() {
+        return Rating;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _Ratingconfig = require("./Rating.config");
+var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.ratingConfig, _Ratingconfig.config);
+var Rating = (0, _styledcomponents.component)(mergedConfig);

package/components/Rating/index.js

@@ -1,25 +1,23 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-Object.defineProperty(exports, "Rating", {
-  enumerable: true,
-  get: function get() {
-    return _Rating.Rating;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Rating () {
+        return _Rating.Rating;
+    },
+    get ratingClasses () {
+        return _styledcomponents.ratingClasses;
+    },
+    get ratingTokens () {
+        return _styledcomponents.ratingTokens;
+    }
 });
-Object.defineProperty(exports, "ratingClasses", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.ratingClasses;
-  }
-});
-Object.defineProperty(exports, "ratingTokens", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.ratingTokens;
-  }
-});
-var _Rating = /*#__PURE__*/require("./Rating");
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Rating = require("./Rating");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/components/SSRProvider/index.js

@@ -1,12 +1,11 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 Object.defineProperty(exports, "SSRProvider", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.SSRProvider;
-  }
+    enumerable: true,
+    get: function() {
+        return _styledcomponents.SSRProvider;
+    }
 });
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");

package/components/Segment/Segment.js

@@ -1,36 +1,31 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.SegmentItem = exports.SegmentGroup = void 0;
-Object.defineProperty(exports, "SegmentProvider", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.SegmentProvider;
-  }
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get SegmentGroup () {
+        return SegmentGroup;
+    },
+    get SegmentItem () {
+        return SegmentItem;
+    },
+    get SegmentProvider () {
+        return _styledcomponents.SegmentProvider;
+    },
+    get useSegment () {
+        return _styledcomponents.useSegment;
+    }
 });
-Object.defineProperty(exports, "useSegment", {
-  enumerable: true,
-  get: function get() {
-    return _styledComponents.useSegment;
-  }
-});
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _SegmentItem = /*#__PURE__*/require("./SegmentItem.config");
-var _SegmentGroup = /*#__PURE__*/require("./SegmentGroup.config");
-/**
- * Провайдер контекста для группы сегментов и хук для доступа к контексту.
- */
-
-var mergedSegmentItemConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.segmentItemConfig, _SegmentItem.config);
-var mergedSegmentGroupConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.segmentGroupConfig, _SegmentGroup.config);
-
-/**
- * Компонент группы сегментов.
- */
-var SegmentGroup = exports.SegmentGroup = /*#__PURE__*/(0, _styledComponents.component)(mergedSegmentGroupConfig);
-/**
- * Компонент сегмента.
- */
-var SegmentItem = exports.SegmentItem = /*#__PURE__*/(0, _styledComponents.component)(mergedSegmentItemConfig);
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+var _SegmentItemconfig = require("./SegmentItem.config");
+var _SegmentGroupconfig = require("./SegmentGroup.config");
+var mergedSegmentItemConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.segmentItemConfig, _SegmentItemconfig.config);
+var mergedSegmentGroupConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.segmentGroupConfig, _SegmentGroupconfig.config);
+var SegmentGroup = (0, _styledcomponents.component)(mergedSegmentGroupConfig);
+var SegmentItem = (0, _styledcomponents.component)(mergedSegmentItemConfig);

package/components/Segment/SegmentGroup.config.js

@@ -1,39 +1,135 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'clear',
-    size: 'xs'
-  },
-  variations: {
-    view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": var(--text-accent);\n            "])), _styledComponents.segmentTokens.arrowColor, _styledComponents.segmentTokens.groupBackgroundColor, _styledComponents.segmentTokens.outlineFocusColor),
-      filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": var(--text-accent);\n            "])), _styledComponents.segmentTokens.arrowColor, _styledComponents.segmentTokens.groupBackgroundColor, _styledComponents.segmentTokens.outlineFocusColor)
-    },
-    size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 1.375rem;\n                ", ": auto;\n                ", ": auto;\n            "])), _styledComponents.segmentTokens.groupBorderRadius, _styledComponents.segmentTokens.groupPilledBorderRadius, _styledComponents.segmentTokens.groupWidth, _styledComponents.segmentTokens.groupHeight)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.segmentTokens.disabledOpacity)
-    },
-    pilled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
-    },
-    stretch: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral([""])))
-    },
-    filledBackground: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-primary);\n            "])), _styledComponents.segmentTokens.groupFilledBackgroundColor)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+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(--text-accent);\n                ",
+        ": transparent;\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": transparent;\n                ",
+        ": var(--text-accent);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.75rem;\n                ",
+        ": 1.375rem;\n                ",
+        ": auto;\n                ",
+        ": auto;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.4;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-primary);\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        ""
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'clear',
+        size: 'xs'
     },
-    orientation: {
-      vertical: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    variations: {
+        view: {
+            clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.segmentTokens.arrowColor, _styledcomponents.segmentTokens.groupBackgroundColor, _styledcomponents.segmentTokens.outlineFocusColor),
+            filled: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.segmentTokens.arrowColor, _styledcomponents.segmentTokens.groupBackgroundColor, _styledcomponents.segmentTokens.outlineFocusColor)
+        },
+        size: {
+            xs: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.segmentTokens.groupBorderRadius, _styledcomponents.segmentTokens.groupPilledBorderRadius, _styledcomponents.segmentTokens.groupWidth, _styledcomponents.segmentTokens.groupHeight)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.segmentTokens.disabledOpacity)
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)(_templateObject4())
+        },
+        stretch: {
+            true: (0, _styledcomponents.css)(_templateObject5())
+        },
+        filledBackground: {
+            true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.segmentTokens.groupFilledBackgroundColor)
+        },
+        orientation: {
+            vertical: (0, _styledcomponents.css)(_templateObject7())
+        }
     }
-  }
-};
+};