@salutejs/plasma-new-hope 0.134.0-canary.1392.10603131302.0 → 0.134.0-canary.1403.10590022490.0

package/styled-components/es/examples/plasma_web/components/Segment/Segment.stories.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import styled from 'styled-components';
 import type { ComponentProps } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 
@@ -7,8 +6,6 @@ import { segmentGroupConfig } from '../../../../components/Segment';
 import { mergeConfig } from '../../../../engines';
 import { WithTheme, argTypesFromConfig } from '../../../_helpers';
 import { SegmentProvider } from '../../../../components/Segment/SegmentProvider';
-import { IconMic } from '../../../../components/_Icon';
-import { Counter } from '../Counter/Counter';
 
 import { config } from './SegmentGroup.config';
 import { SegmentItem, SegmentGroup } from './Segment';
@@ -22,39 +19,6 @@ type CustomStorySegmentProps = {
 
 type StorySegmentProps = ComponentProps<typeof SegmentGroup> & CustomStorySegmentProps;
 
-const sizes = ['xs', 's', 'm', 'l'] as const;
-
-type Size = typeof sizes[number];
-
-const contentLeftOptions = ['none', 'icon'];
-const contentRightOptions = ['none', 'text', 'counter', 'icon'];
-
-const getContentLeft = (contentLeftOption: string, size: Size) => {
-    const iconSize = size === 'xs' ? 'xs' : 's';
-    return contentLeftOption === 'icon' ? <IconMic size={iconSize} color="inherit" /> : undefined;
-};
-
-const getContentRight = (contentRightOption: string, size: Size) => {
-    const iconSize = size === 'xs' ? 'xs' : 's';
-
-    switch (contentRightOption) {
-        case 'icon':
-            return <IconMic size={iconSize} color="inherit" />;
-        case 'counter':
-            return <Counter size="s" count={1} view="positive" />;
-        case 'text':
-            return <div>Text</div>;
-        default:
-            return undefined;
-    }
-};
-
-const Column = styled.div`
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-`;
-
 const meta: Meta<StorySegmentProps> = {
     title: 'plasma_web/Segment',
     decorators: [WithTheme],
@@ -73,32 +37,12 @@ const meta: Meta<StorySegmentProps> = {
                 type: 'select',
             },
         },
-        contentLeft: {
-            options: contentLeftOptions,
-            control: {
-                type: 'select',
-            },
-        },
-        contentRight: {
-            options: contentRightOptions,
-            control: {
-                type: 'select',
-            },
-        },
     },
 };
 
 export default meta;
 
-const StoryDefault = ({
-    contentItemsNumber,
-    selectionMode,
-    segmentItemView,
-    view,
-    contentLeft: contentLeftOption,
-    contentRight: contentRightOption,
-    ...args
-}: StorySegmentProps) => {
+const StoryDefault = ({ contentItemsNumber, selectionMode, segmentItemView, view, ...args }: StorySegmentProps) => {
     const contentItems = Array(contentItemsNumber).fill(0);
 
     return (
@@ -112,8 +56,6 @@ const StoryDefault = ({
                             label={`Label ${i}`}
                             value={`label_${i}`}
                             key={`label_${i}`}
-                            contentLeft={getContentLeft(contentLeftOption, args.size as Size)}
-                            contentRight={getContentRight(contentRightOption, args.size as Size)}
                             {...args}
                         />
                     ))}
@@ -122,20 +64,13 @@ const StoryDefault = ({
 
             <h3>Segment with fixed width</h3>
             <SegmentProvider>
-                <SegmentGroup
-                    view={view}
-                    style={{ width: '329px' /* , position: 'relative', background: 'lightblue'*/ }}
-                    selectionMode={selectionMode}
-                    {...args}
-                >
+                <SegmentGroup view={view} style={{ width: '28.5rem' }} selectionMode={selectionMode} {...args}>
                     {contentItems.map((_, i) => (
                         <SegmentItem
                             view={segmentItemView}
                             label={`Label ${i}`}
                             value={`label_${i}`}
                             key={`label_${i}`}
-                            contentLeft={getContentLeft(contentLeftOption, args.size as Size)}
-                            contentRight={getContentRight(contentRightOption, args.size as Size)}
                             {...args}
                         />
                     ))}
@@ -155,81 +90,6 @@ export const Default: StoryObj<StorySegmentProps> = {
         pilled: false,
         filledBackground: false,
         disabled: false,
-        vertical: false,
     },
     render: (args) => <StoryDefault {...args} />,
 };
-
-const StorySegmentItem = ({
-    contentItemsNumber,
-    selectionMode,
-    segmentItemView,
-    view,
-    contentLeft: contentLeftOption,
-    contentRight: contentRightOption,
-    ...args
-}: StorySegmentProps) => {
-    return (
-        <>
-            <h3>Items</h3>
-            <Column>
-                <SegmentProvider>
-                    <SegmentItem view={segmentItemView} size={args.size} label="Label" value="label_value" />
-                    <SegmentItem
-                        view={segmentItemView}
-                        label="Label"
-                        value="label_value"
-                        contentLeft={<IconMic color="inherit" />}
-                        {...args}
-                    />
-                    <SegmentItem
-                        view={segmentItemView}
-                        label="Label"
-                        value="label_value"
-                        contentRight={<IconMic color="inherit" />}
-                        {...args}
-                    />
-                    <SegmentItem
-                        view={segmentItemView}
-                        label="Label"
-                        value="label_value"
-                        contentLeft={<IconMic color="inherit" />}
-                        contentRight={<IconMic color="inherit" />}
-                        {...args}
-                    />
-                    <SegmentItem
-                        view={segmentItemView}
-                        label="Label"
-                        value="label_value"
-                        contentLeft={<IconMic color="inherit" />}
-                        contentRight="HelpText"
-                        {...args}
-                    />
-                    <SegmentItem
-                        view={segmentItemView}
-                        label="Label"
-                        value="label_value"
-                        contentLeft={getContentLeft(contentLeftOption, args.size as Size)}
-                        contentRight={getContentRight(contentRightOption, args.size as Size)}
-                        {...args}
-                    />
-                </SegmentProvider>
-            </Column>
-        </>
-    );
-};
-
-export const SegmentItemPage: StoryObj<StorySegmentProps> = {
-    args: {
-        view: 'clear',
-        size: 'xs',
-        segmentItemView: 'clear',
-        selectionMode: 'single',
-        contentItemsNumber: 11,
-        pilled: false,
-        filledBackground: false,
-        disabled: false,
-        vertical: false,
-    },
-    render: (args) => <StorySegmentItem {...args} />,
-};

package/styled-components/es/examples/plasma_web/components/Segment/SegmentGroup.config.js

@@ -11,10 +11,10 @@ export var config = {
       filled: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.arrowColor, segmentTokens.groupBackgroundColor, segmentTokens.outlineFocusColor)
     },
     size: {
-      xs: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":auto;", ":11.25rem;", ":0.25rem 0.75rem;", ":0.75rem 0;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding),
-      s: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":auto;", ":11.25rem;", ":0.5rem 0.875rem;", ":0.875rem 0;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;", ":16.25rem;", ":0.75rem 1.25rem;", ":1.25rem 0;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding),
-      l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;", ":18.75rem;", ":1rem 1.375rem;", ":1.375rem 0;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight, segmentTokens.groupVerticalHeight, segmentTokens.groupArrowPadding, segmentTokens.groupVerticalArrowPadding)
+      xs: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
+      s: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
+      m: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight),
+      l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":auto;"], segmentTokens.groupBorderRadius, segmentTokens.groupWidth, segmentTokens.groupHeight)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], segmentTokens.disabledOpacity)
@@ -24,12 +24,6 @@ export var config = {
     },
     filledBackground: {
       "true": /*#__PURE__*/css(["", ":var(--plasma-colors-surface-liquid02);"], segmentTokens.groupFilledBackgroundColor)
-    },
-    stretch: {
-      "true": /*#__PURE__*/css([""])
-    },
-    vertical: {
-      "true": /*#__PURE__*/css([""])
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/Segment/SegmentItem.config.js

@@ -7,21 +7,21 @@ export var config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-tertiary);", ":var(--text-secondary);", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--plasma-colors-button-focused);"], 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(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--plasma-colors-button-focused);"], 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),
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-secondary);", ":var(--text-secondary);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-secondary);", ":var(--inverse-text-secondary);", ":var(--plasma-colors-button-focused);"], 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)
+      clear: /*#__PURE__*/css(["", ":var(--text-secondary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor),
+      secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--text-primary);", ":var(--surface-solid-card);", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor),
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":transparent;", ":var(--text-primary);", ":transparent;", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--plasma-colors-button-focused);"], segmentTokens.itemColor, segmentTokens.itemBackgroundColor, segmentTokens.itemColorHover, segmentTokens.itemBackgroundColorHover, segmentTokens.itemSelectedColor, segmentTokens.itemSelectedBackgroundColor, segmentTokens.itemSelectedColorHover, segmentTokens.itemSelectedBackgroundColorHover, segmentTokens.outlineFocusColor)
     },
     size: {
-      xs: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2rem;", ":0.5rem 0.75rem;", ":0.0625rem 0.125rem;", ":0.125rem;", ":0;", ":var(--plasma-typo-body-xs-bold-font-family);", ":var(--plasma-typo-body-xs-bold-font-size);", ":var(--plasma-typo-body-xs-bold-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-bold-letter-spacing);", ":var(--plasma-typo-body-xs-bold-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
-      s: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0.5rem 1rem;", ":0.1875rem 0.125rem;", ":0.125rem;", ":0rem;", ":var(--plasma-typo-body-s-bold-font-family);", ":var(--plasma-typo-body-s-bold-font-size);", ":var(--plasma-typo-body-s-bold-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-bold-letter-spacing);", ":var(--plasma-typo-body-s-bold-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3rem;", ":0.75rem 1.25rem;", ":0.125rem;", ":0.25rem;", ":0rem;", ":var(--plasma-typo-body-m-bold-font-family);", ":var(--plasma-typo-body-m-bold-font-size);", ":var(--plasma-typo-body-m-bold-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-bold-letter-spacing);", ":var(--plasma-typo-body-m-bold-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
-      l: /*#__PURE__*/css(["", ":0.875rem;", ":auto;", ":3.5rem;", ":1rem 1.5rem;", ":0.0625rem 0.125rem;", ":0.375rem;", ":0;", ":var(--plasma-typo-body-l-bold-font-family);", ":var(--plasma-typo-body-l-bold-font-size);", ":var(--plasma-typo-body-l-bold-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-bold-letter-spacing);", ":var(--plasma-typo-body-l-bold-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemContentPadding, segmentTokens.itemIconMargin, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight)
+      xs: /*#__PURE__*/css(["", ":0.375rem;", ":auto;", ":1.5rem;", ":0 0.625rem;", ":0.125rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
+      s: /*#__PURE__*/css(["", ":0.5rem;", ":auto;", ":2rem;", ":0 0.75rem;", ":0.125rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
+      m: /*#__PURE__*/css(["", ":0.625rem;", ":auto;", ":2.5rem;", ":0 0.875rem;", ":0.125rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight),
+      l: /*#__PURE__*/css(["", ":0.75rem;", ":auto;", ":3rem;", ":0 1rem;", ":0.125rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);"], segmentTokens.itemBorderRadius, segmentTokens.itemWidth, segmentTokens.itemHeight, segmentTokens.itemPadding, segmentTokens.itemMarginLeft, segmentTokens.fontFamily, segmentTokens.fontSize, segmentTokens.fontStyle, segmentTokens.fontWeight, segmentTokens.letterSpacing, segmentTokens.lineHeight)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], segmentTokens.disabledOpacity)
     },
     pilled: {
-      "true": /*#__PURE__*/css(["", ":1.75rem;"], segmentTokens.itemPilledBorderRadius)
+      "true": /*#__PURE__*/css(["", ":1.5rem;"], segmentTokens.itemPilledBorderRadius)
     }
   }
 };

package/styled-components/es/examples/plasma_web/components/Switch/Switch.config.js

@@ -14,7 +14,7 @@ export var config = {
       m: /*#__PURE__*/css(["", ":var(--plasma-typo-body1-font-family);", ":var(--plasma-typo-body1-font-style);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-font-weight);", ":var(--plasma-typo-body1-line-height);", ":var(--plasma-typo-body1-font-size);", ":var(--plasma-typo-body1-letter-spacing);", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.5rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--surface-transparent-tertiary-active);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOff, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
     },
     labelPosition: {
       before: labelPosition_Before,

package/styled-components/es/examples/sds_engineer/components/Segment/Segment.stories.tsx

@@ -64,12 +64,7 @@ const StoryDefault = ({ contentItemsNumber, selectionMode, segmentItemView, view
 
             <h3>Segment with fixed width</h3>
             <SegmentProvider>
-                <SegmentGroup
-                    view={view}
-                    style={{ width: args.vertical ? 'auto' : '28.5rem' }}
-                    selectionMode={selectionMode}
-                    {...args}
-                >
+                <SegmentGroup view={view} style={{ width: '28.5rem' }} selectionMode={selectionMode} {...args}>
                     {contentItems.map((_, i) => (
                         <SegmentItem
                             view={segmentItemView}

package/types/components/Segment/tokens.d.ts

@@ -3,10 +3,6 @@ export declare const classes: {
     segmentPilled: string;
     segmentGroupFilledBackground: string;
     segmentStretch: string;
-    segmentVertical: string;
-    segmentArrowPadding: string;
-    segmentGroupClipScroll: string;
-    segmentGroupClipShowAll: string;
 };
 export declare const tokens: {
     fontFamily: string;
@@ -21,9 +17,6 @@ export declare const tokens: {
     groupPilledBorderRadius: string;
     groupWidth: string;
     groupHeight: string;
-    groupVerticalHeight: string;
-    groupArrowPadding: string;
-    groupVerticalArrowPadding: string;
     groupBackgroundColor: string;
     groupFilledBackgroundColor: string;
     itemBorderRadius: string;
@@ -32,20 +25,14 @@ export declare const tokens: {
     itemHeight: string;
     itemPadding: string;
     itemMarginLeft: string;
-    itemContentPadding: string;
-    itemIconMargin: string;
     itemColor: string;
     itemBackgroundColor: string;
     itemColorHover: string;
     itemBackgroundColorHover: string;
-    itemAdditionalColor: string;
-    itemAdditionalColorHover: string;
     itemSelectedColor: string;
     itemSelectedBackgroundColor: string;
     itemSelectedColorHover: string;
     itemSelectedBackgroundColorHover: string;
-    itemSelectedAdditionalColor: string;
-    itemSelectedAdditionalColorHover: string;
     disabledOpacity: string;
 };
 //# sourceMappingURL=tokens.d.ts.map

package/types/components/Segment/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Segment/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;CASnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ClB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Segment/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsClB,CAAC"}

package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import type { RootProps } from '../../../../engines/types';
 import type { SegmentGroupProps } from './SegmentGroup.types';
-export declare const getChildNodes: (wrapper: HTMLElement | null) => HTMLElement[];
 export declare const segmentGroupRoot: (Root: RootProps<HTMLDivElement, SegmentGroupProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     selectionMode?: "multiple" | "single" | undefined;
     disabled?: boolean | undefined;
     stretch?: boolean | undefined;
-    vertical?: boolean | undefined;
     pilled?: boolean | undefined;
     filledBackground?: boolean | undefined;
     size?: string | undefined;
@@ -19,7 +17,6 @@ export declare const segmentGroupConfig: {
         selectionMode?: "multiple" | "single" | undefined;
         disabled?: boolean | undefined;
         stretch?: boolean | undefined;
-        vertical?: boolean | undefined;
         pilled?: boolean | undefined;
         filledBackground?: boolean | undefined;
         size?: string | undefined;
@@ -45,10 +42,6 @@ export declare const segmentGroupConfig: {
             css: import("@linaria/core").LinariaClassName;
             attrs: boolean;
         };
-        vertical: {
-            css: import("@linaria/core").LinariaClassName;
-            attrs: boolean;
-        };
         filledBackground: {
             css: import("@linaria/core").LinariaClassName;
             attrs: boolean;

package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAa3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAkB9D,eAAO,MAAM,aAAa,YAAa,WAAW,GAAG,IAAI,kBAGxD,CAAC;AACF,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;wCA2O7E,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBA7OQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkRlF,CAAC"}
+{"version":3,"file":"SegmentGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0E,MAAM,OAAO,CAAC;AAI/F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAY3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,eAAO,MAAM,gBAAgB,SAAU,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;wCAqJ7E,CAAC;AAEP,eAAO,MAAM,kBAAkB;;;mBAvJQ,UAAU,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwLlF,CAAC"}

package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts

@@ -3,16 +3,4 @@ export declare const base: import("@linaria/core").LinariaClassName;
 export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StyledArrow: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const StyledLeftArrow: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
-export declare const StyledRightArrow: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
-export declare const StyledTopArrow: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
-export declare const StyledBottomArrow: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
-}>;
 //# sourceMappingURL=SegmentGroup.styles.d.ts.map

package/types/components/Segment/ui/SegmentGroup/SegmentGroup.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAyBhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLAiBvB,CAAC;AAEF,eAAO,MAAM,eAAe;;EAI3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;EAI5B,CAAC;AAEF,eAAO,MAAM,cAAc;;EAI1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;EAI7B,CAAC"}
+{"version":3,"file":"SegmentGroup.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAiBhC,CAAC;AAEF,eAAO,MAAM,WAAW,iLAkBvB,CAAC"}

package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts

@@ -9,13 +9,9 @@ declare type CustomSegmentGroupProps = {
      */
     disabled?: boolean;
     /**
-     * Группа сегментов растянута на доступную область
+     * Группа сегментов группа сегментов растянута на доступную область
      */
     stretch?: boolean;
-    /**
-     * Вертикальное выравнивание группы сегментов
-     */
-    vertical?: boolean;
     /**
      * Группа сегментов c округлым border-radius
      */

package/types/components/Segment/ui/SegmentGroup/SegmentGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,aAAK,uBAAuB,GAAG;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"SegmentGroup.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentGroup/SegmentGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,aAAK,uBAAuB,GAAG;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,uBAAuB,CAAC"}

package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts

@@ -9,8 +9,6 @@ export declare const segmentItemRoot: (Root: RootProps<HTMLLabelElement, Segment
     customHandleSelect?: ((e: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void) | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    contentLeft?: React.ReactNode;
-    contentRight?: React.ReactNode;
 } & React.RefAttributes<HTMLLabelElement>>;
 export declare const segmentItemConfig: {
     name: string;
@@ -23,8 +21,6 @@ export declare const segmentItemConfig: {
         customHandleSelect?: ((e: React.MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void) | undefined;
         size?: string | undefined;
         view?: string | undefined;
-        contentLeft?: React.ReactNode;
-        contentRight?: React.ReactNode;
     } & React.RefAttributes<HTMLLabelElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {

package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAS3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,eAAe,SAAU,UAAU,gBAAgB,EAAE,gBAAgB,CAAC;;;;;;;;;;0CA2D7E,CAAC;AAEP,eAAO,MAAM,iBAAiB;;;mBA7DQ,UAAU,gBAAgB,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFlF,CAAC"}
+{"version":3,"file":"SegmentItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAS3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,eAAe,SAAU,UAAU,gBAAgB,EAAE,gBAAgB,CAAC;;;;;;;;0CAuD7E,CAAC;AAEP,eAAO,MAAM,iBAAiB;;;mBAzDQ,UAAU,gBAAgB,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFlF,CAAC"}

package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts

@@ -1,12 +1,4 @@
 /// <reference types="react" />
 export declare const base: import("@linaria/core").LinariaClassName;
-export declare const StyledLeftIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledRightIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    hasRightMargin?: boolean | undefined;
-    hasLeftMargin?: boolean | undefined;
-    isSecondary?: boolean | undefined;
-}>;
-export declare const RightContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const LeftContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 //# sourceMappingURL=SegmentItem.styles.d.ts.map

package/types/components/Segment/ui/SegmentItem/SegmentItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAkChB,CAAC;AAEF,eAAO,MAAM,cAAc,qKAE1B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAE3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;EAYzB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC"}
+{"version":3,"file":"SegmentItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,IAAI,0CAmChB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC"}

package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts

@@ -28,14 +28,6 @@ declare type CustomSegmentItemProps = {
      * Вид сегмента
      */
     view?: string;
-    /**
-     * Слот для контента слева.
-     */
-    contentLeft?: React.ReactNode;
-    /**
-     * Слот для контента справа.
-     */
-    contentRight?: React.ReactNode | string;
 };
 export declare type SegmentItemProps = ButtonHTMLAttributes<HTMLButtonElement> & CustomSegmentItemProps;
 export {};

package/types/components/Segment/ui/SegmentItem/SegmentItem.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE9D,aAAK,sBAAsB,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CAC3C,CAAC;AAEF,oBAAY,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,sBAAsB,CAAC"}
+{"version":3,"file":"SegmentItem.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Segment/ui/SegmentItem/SegmentItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE9D,aAAK,sBAAsB,GAAG;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,gBAAgB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,sBAAsB,CAAC"}

package/types/components/Segment/ui/SegmentItem/variations/_view/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_view/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA8BhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/Segment/ui/SegmentItem/variations/_view/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}

package/types/components/Tabs/ui/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAY3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,oMA0M7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBA5MQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CAwOlE,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tabs/ui/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuF,MAAM,OAAO,CAAC;AAI5G,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAY3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,QAAQ,SAAU,UAAU,cAAc,EAAE,SAAS,CAAC,oMA6M7D,CAAC;AAEP,eAAO,MAAM,UAAU;;;mBA/MQ,UAAU,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA2OlE,CAAC"}

package/types/components/_Icon/index.d.ts

@@ -1,8 +1,6 @@
 export { IconDisclosureLeft } from './Icons/IconDisclosureLeft';
 export { IconDisclosureRight } from './Icons/IconDisclosureRight';
 export { IconDisclosureDownFill } from './Icons/IconDisclosureDownFill';
-export { IconDisclosureDown } from './Icons/IconDisclosureDown';
-export { IconDisclosureUp } from './Icons/IconDisclosureUp';
 export { IconMic } from './Icons/IconMic';
 export { IconChevronLeft } from './Icons/IconChevronLeft';
 export { IconChevronDoubleLeft } from './Icons/IconChevronDoubleLeft';

package/types/components/_Icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/_Icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC"}

package/types/examples/plasma_b2c/components/Segment/Segment.d.ts

@@ -22,14 +22,10 @@ export declare const SegmentGroup: import("react").FunctionComponent<import("../
     filledBackground: {
         true: import("@linaria/core").LinariaClassName;
     };
-    vertical: {
-        true: import("@linaria/core").LinariaClassName;
-    };
 }> & import("react").HTMLAttributes<HTMLDivElement> & {
     selectionMode?: "multiple" | "single" | undefined;
     disabled?: boolean | undefined;
     stretch?: boolean | undefined;
-    vertical?: boolean | undefined;
     pilled?: boolean | undefined;
     filledBackground?: boolean | undefined;
     size?: string | undefined;
@@ -61,7 +57,5 @@ export declare const SegmentItem: import("react").FunctionComponent<import("../.
     customHandleSelect?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    contentLeft?: import("react").ReactNode;
-    contentRight?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLLabelElement>>;
 //# sourceMappingURL=Segment.d.ts.map

package/types/examples/plasma_b2c/components/Segment/Segment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Segment.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Segment/Segment.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAAsC,CAAC;AAChE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAqC,CAAC"}
+{"version":3,"file":"Segment.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Segment/Segment.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kDAAsC,CAAC;AAChE,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;oDAAqC,CAAC"}

package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts

@@ -26,9 +26,6 @@ export declare const config: {
         filledBackground: {
             true: import("@linaria/core").LinariaClassName;
         };
-        vertical: {
-            true: import("@linaria/core").LinariaClassName;
-        };
     };
 };
 //# sourceMappingURL=SegmentGroup.config.d.ts.map

package/types/examples/plasma_b2c/components/Segment/SegmentGroup.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Segment/SegmentGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ElB,CAAC"}
+{"version":3,"file":"SegmentGroup.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Segment/SegmentGroup.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DlB,CAAC"}

package/types/examples/plasma_b2c/components/Segment/SegmentItem.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Segment/SegmentItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAqIlB,CAAC"}
+{"version":3,"file":"SegmentItem.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Segment/SegmentItem.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAiHlB,CAAC"}

package/types/examples/plasma_b2c/components/Switch/Switch.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAoDlB,CAAC"}
+{"version":3,"file":"Switch.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Switch/Switch.config.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;CAkDlB,CAAC"}

package/types/examples/plasma_web/components/Segment/Segment.d.ts

@@ -19,17 +19,10 @@ export declare const SegmentGroup: import("react").FunctionComponent<import("../
     filledBackground: {
         true: import("@linaria/core").LinariaClassName;
     };
-    stretch: {
-        true: import("@linaria/core").LinariaClassName;
-    };
-    vertical: {
-        true: import("@linaria/core").LinariaClassName;
-    };
 }> & import("react").HTMLAttributes<HTMLDivElement> & {
     selectionMode?: "multiple" | "single" | undefined;
     disabled?: boolean | undefined;
     stretch?: boolean | undefined;
-    vertical?: boolean | undefined;
     pilled?: boolean | undefined;
     filledBackground?: boolean | undefined;
     size?: string | undefined;
@@ -61,7 +54,5 @@ export declare const SegmentItem: import("react").FunctionComponent<import("../.
     customHandleSelect?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
     size?: string | undefined;
     view?: string | undefined;
-    contentLeft?: import("react").ReactNode;
-    contentRight?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLLabelElement>>;
 //# sourceMappingURL=Segment.d.ts.map