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

package/es/components/Rating/Rating.config.js

@@ -1,112 +1,19 @@
-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 _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) } })); }
 import { css, ratingTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 's'
+  defaults: {
+    view: 'default',
+    size: 's'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n            "])), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor),
+      accent: /*#__PURE__*/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            "])), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor)
     },
-    variations: {
-        view: {
-            default: css(_templateObject(), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor),
-            accent: css(_templateObject1(), tokens.color, tokens.helperTextColor, tokens.iconColor, tokens.outlineIconColor)
-        },
-        size: {
-            s: css(_templateObject2(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconSize),
-            h4: css(_templateObject3(), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall)
-        }
+    size: {
+      s: /*#__PURE__*/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            "])), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconSize),
+      h4: /*#__PURE__*/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            "])), tokens.gap, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.helperTextFontFamily, tokens.helperTextFontSize, tokens.helperTextFontStyle, tokens.helperTextFontWeight, tokens.helperTextLetterSpacing, tokens.helperTextLineHeight, tokens.contentGap, tokens.singleIconContentGap, tokens.starsWrapperGap, tokens.iconMarginBottom, tokens.iconSizeLarge, tokens.iconSizeMedium, tokens.iconSizeSmall, tokens.singleIconMarginBottom, tokens.singleIconSizeLarge, tokens.singleIconSizeMedium, tokens.singleIconSizeSmall)
     }
-};
+  }
+};

package/es/components/Rating/Rating.js

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

package/es/components/Rating/index.js

@@ -1,2 +1,2 @@
 export { Rating } from './Rating';
-export { ratingTokens, ratingClasses } from '@salutejs/plasma-new-hope/styled-components';
+export { ratingTokens, ratingClasses } from '@salutejs/plasma-new-hope/styled-components';

package/es/components/SSRProvider/index.js

@@ -1 +1 @@
-export { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';
+export { SSRProvider } from '@salutejs/plasma-new-hope/styled-components';

package/es/components/Segment/Segment.js

@@ -1,14 +1,19 @@
 import { segmentItemConfig, segmentGroupConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config as configSegmentItem } from './SegmentItem.config';
 import { config as configSegmentGroup } from './SegmentGroup.config';
+
 /**
  * Провайдер контекста для группы сегментов и хук для доступа к контексту.
- */ export { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope/styled-components';
-var mergedSegmentItemConfig = mergeConfig(segmentItemConfig, configSegmentItem);
-var mergedSegmentGroupConfig = mergeConfig(segmentGroupConfig, configSegmentGroup);
+ */
+export { SegmentProvider, useSegment } from '@salutejs/plasma-new-hope/styled-components';
+var mergedSegmentItemConfig = /*#__PURE__*/mergeConfig(segmentItemConfig, configSegmentItem);
+var mergedSegmentGroupConfig = /*#__PURE__*/mergeConfig(segmentGroupConfig, configSegmentGroup);
+
 /**
  * Компонент группы сегментов.
- */ export var SegmentGroup = component(mergedSegmentGroupConfig);
+ */
+export var SegmentGroup = /*#__PURE__*/component(mergedSegmentGroupConfig);
 /**
  * Компонент сегмента.
- */ export var SegmentItem = component(mergedSegmentItemConfig);
+ */
+export var SegmentItem = /*#__PURE__*/component(mergedSegmentItemConfig);

package/es/components/Segment/SegmentGroup.config.js

@@ -1,125 +1,33 @@
-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 _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) } })); }
 import { css, segmentTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-    defaults: {
-        view: 'clear',
-        size: 'xs'
+  defaults: {
+    view: 'clear',
+    size: 'xs'
+  },
+  variations: {
+    view: {
+      clear: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": var(--text-accent);\n            "])), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor),
+      filled: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": var(--text-accent);\n            "])), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor)
+    },
+    size: {
+      xs: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 1.375rem;\n                ", ": auto;\n                ", ": auto;\n            "])), segmentTokens.groupBorderRadius, segmentTokens.groupPilledBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), segmentTokens.disabledOpacity)
+    },
+    pilled: {
+      "true": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
+    stretch: {
+      "true": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
+    filledBackground: {
+      "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-primary);\n            "])), segmentTokens.groupFilledBackgroundColor)
     },
-    variations: {
-        view: {
-            clear: css(_templateObject(), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor),
-            filled: css(_templateObject1(), segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor)
-        },
-        size: {
-            xs: css(_templateObject2(), segmentTokens.groupBorderRadius, segmentTokens.groupPilledBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
-        },
-        disabled: {
-            true: css(_templateObject3(), segmentTokens.disabledOpacity)
-        },
-        pilled: {
-            true: css(_templateObject4())
-        },
-        stretch: {
-            true: css(_templateObject5())
-        },
-        filledBackground: {
-            true: css(_templateObject6(), segmentTokens.groupFilledBackgroundColor)
-        },
-        orientation: {
-            vertical: css(_templateObject7())
-        }
+    orientation: {
+      vertical: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     }
-};
+  }
+};

package/es/components/Segment/SegmentItem.config.js

@@ -1,119 +1,24 @@
-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                ",
-        ": #1A9E32;\n                ",
-        ": transparent;\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-primary);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-secondary);\n                ",
-        ": var(--text-secondary);\n\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject1() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": var(--text-accent);\n                ",
-        ": transparent;\n                ",
-        ": #1A9E32;\n                ",
-        ": transparent;\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-accent);\n                ",
-        ": var(--surface-solid-card);\n                ",
-        ": var(--text-accent-minor);\n                ",
-        ": var(--text-accent-minor);\n\n                ",
-        ": var(--surface-accent);\n            "
-    ]);
-    _templateObject1 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
-function _templateObject2() {
-    var data = _tagged_template_literal([
-        "\n                ",
-        ": 0.625rem;\n                ",
-        ": auto;\n                ",
-        ": 2.25rem;\n                ",
-        ": 0.5rem 1rem;\n                ",
-        ": 0.5rem 0.5rem;\n                ",
-        ": 0rem 0rem;\n                ",
-        ": 0.25rem;\n                ",
-        ": 0rem;\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            "
-    ]);
-    _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([
-        "\n                // NOTE: change on token when added\n                ",
-        ": 1000px;\n            "
-    ]);
-    _templateObject4 = function _templateObject() {
-        return data;
-    };
-    return data;
-}
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, segmentTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
-    defaults: {
-        view: 'default',
-        size: 'xs'
+  defaults: {
+    view: 'default',
+    size: 'xs'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": #1A9E32;\n                ", ": transparent;\n                ", ": var(--text-accent-minor);\n                ", ": var(--text-accent-minor);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-accent);\n            "])), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemAdditionalColor, segmentTokens.itemAdditionalColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.itemSelectedAdditionalColor, segmentTokens.itemSelectedAdditionalColorHover, segmentTokens.outlineFocusColor),
+      secondary: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": transparent;\n                ", ": #1A9E32;\n                ", ": transparent;\n                ", ": var(--text-accent-minor);\n                ", ": var(--text-accent-minor);\n                ", ": var(--text-accent);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-accent);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-accent-minor);\n                ", ": var(--text-accent-minor);\n\n                ", ": var(--surface-accent);\n            "])), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemAdditionalColor, segmentTokens.itemAdditionalColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.itemSelectedAdditionalColor, segmentTokens.itemSelectedAdditionalColorHover, segmentTokens.outlineFocusColor)
+    },
+    size: {
+      xs: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.5rem 1rem;\n                ", ": 0.5rem 0.5rem;\n                ", ": 0rem 0rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\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            "])), segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemPilledPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), segmentTokens.disabledOpacity)
     },
-    variations: {
-        view: {
-            default: css(_templateObject(), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemAdditionalColor, segmentTokens.itemAdditionalColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.itemSelectedAdditionalColor, segmentTokens.itemSelectedAdditionalColorHover, segmentTokens.outlineFocusColor),
-            secondary: css(_templateObject1(), segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemAdditionalColor, segmentTokens.itemAdditionalColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.itemSelectedAdditionalColor, segmentTokens.itemSelectedAdditionalColorHover, segmentTokens.outlineFocusColor)
-        },
-        size: {
-            xs: css(_templateObject2(), segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemPilledPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight)
-        },
-        disabled: {
-            true: css(_templateObject3(), segmentTokens.disabledOpacity)
-        },
-        pilled: {
-            true: css(_templateObject4(), segmentTokens.itemPilledBorderRadius)
-        }
+    pilled: {
+      "true": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                // NOTE: change on token when added\n                ", ": 1000px;\n            "])), segmentTokens.itemPilledBorderRadius)
     }
-};
+  }
+};

package/es/components/Segment/index.js

@@ -1 +1 @@
-export { useSegment, SegmentProvider, SegmentItem, SegmentGroup } from './Segment';
+export { useSegment, SegmentProvider, SegmentItem, SegmentGroup } from './Segment';