@salutejs/plasma-new-hope 0.173.0-canary.1500.11456169969.0 → 0.173.1-canary.1448.11473442920.0

package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx

@@ -31,10 +31,6 @@ const meta: Meta<typeof Badge> = {
             control: { type: 'boolean' },
             if: { arg: 'clear', truthy: false },
         },
-        maxWidth: {
-            control: { type: 'text' },
-            if: { arg: 'truncate', truthy: true },
-        },
         ...disableProps(['contentLeft', 'contentRight']),
     },
 };
@@ -68,7 +64,7 @@ export const Default: Story = {
         },
     },
     args: {
-        text: 'Hello Kitty',
+        text: 'Hello',
         view: 'default',
         size: 'm',
         enableContentLeft: false,
@@ -76,10 +72,8 @@ export const Default: Story = {
         clear: false,
         pilled: false,
         transparent: false,
-        truncate: false,
-        maxWidth: '100px',
     },
-    render: ({ enableContentLeft, enableContentRight, size, maxWidth, ...rest }: StoryProps) => {
+    render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
         const iconSize = size === 'l' ? '1rem' : '0.75rem';
 
         return (
@@ -87,7 +81,6 @@ export const Default: Story = {
                 contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
                 contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
                 size={size}
-                style={{ maxWidth }}
                 {...rest}
             />
         );

package/emotion/cjs/examples/plasma_b2c/components/Tabs/Tabs.stories.tsx

@@ -57,9 +57,6 @@ const meta: Meta<StoryTabsProps> = {
     title: 'plasma_b2c/Tabs',
     component: Tabs,
     decorators: [WithTheme],
-    args: {
-        truncate: false,
-    },
     argTypes: {
         ...disableProps([
             'orientation',
@@ -93,21 +90,13 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         stretch,
-        truncate,
         helperText,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs
-            clip="none"
-            view={hasDivider ? 'divider' : 'clear'}
-            truncate={truncate}
-            stretch={stretch}
-            disabled={disabled}
-            size={size}
-        >
+        <Tabs view={hasDivider ? 'divider' : 'clear'} stretch={stretch} disabled={disabled} size={size}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -121,7 +110,6 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
                             value={helperText}
                             contentLeft={getContentLeft(contentLeftOption, size as Size)}
                             size={size as Size}
-                            truncate={truncate}
                         >
                             {`Label${i + 1}`}
                         </TabItem>
@@ -139,7 +127,6 @@ const StoryHorizontalDefault = (props: HorizontalStoryTabsProps) => {
                         contentLeft={getContentLeft(contentLeftOption, size as Size)}
                         contentRight={getContentRight(contentRightOption, size as Size)}
                         size={size as Size}
-                        truncate={truncate}
                     >
                         {`Label${i + 1}`}
                     </TabItem>
@@ -160,20 +147,12 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
         hasDivider,
         helperText,
         width,
-        truncate,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs
-            truncate={truncate}
-            clip={clip}
-            view={hasDivider ? 'divider' : 'clear'}
-            disabled={disabled}
-            size={size}
-            style={{ width }}
-        >
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size} style={{ width }}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -187,7 +166,6 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
                             value={helperText}
                             contentLeft={getContentLeft(contentLeftOption, size as Size)}
                             size={size as Size}
-                            truncate={truncate}
                         >
                             {`Label${i + 1}`}
                         </TabItem>
@@ -205,7 +183,6 @@ const StoryHorizontalScroll = (props: HorizontalStoryTabsProps) => {
                         contentLeft={getContentLeft(contentLeftOption, size as Size)}
                         contentRight={getContentRight(contentRightOption, size as Size)}
                         size={size as Size}
-                        truncate={truncate}
                     >
                         {`Label${i + 1}`}
                     </TabItem>
@@ -225,7 +202,6 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
-        truncate,
     } = props;
     const maxItemQuantity = 3;
     const items = Array(itemQuantity).fill(0);
@@ -244,7 +220,7 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
     });
 
     return (
-        <Tabs truncate={truncate} clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
+        <Tabs clip={clip} view={hasDivider ? 'divider' : 'clear'} disabled={disabled} size={size}>
             {visibleItems.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -258,7 +234,6 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
                             value={helperText}
                             contentLeft={getContentLeft(contentLeftOption, size as Size)}
                             size={size as Size}
-                            truncate={truncate}
                         >
                             {`Label${i + 1}`}
                         </TabItem>
@@ -276,7 +251,6 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
                         contentLeft={getContentLeft(contentLeftOption, size as Size)}
                         contentRight={getContentRight(contentRightOption, size as Size)}
                         size={size as Size}
-                        truncate={truncate}
                     >
                         {`Label${i + 1}`}
                     </TabItem>
@@ -295,7 +269,6 @@ const StoryHorizontalShowAll = (props: HorizontalStoryTabsProps) => {
                             tabIndex={!disabled ? 0 : -1}
                             disabled={disabled}
                             size={size as Size}
-                            truncate={false}
                         >
                             ShowAll
                         </TabItem>
@@ -370,19 +343,12 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
-        truncate,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
 
     return (
-        <Tabs
-            orientation="vertical"
-            hasDivider={hasDivider}
-            size={size as Size}
-            disabled={disabled}
-            truncate={truncate}
-        >
+        <Tabs orientation="vertical" hasDivider={hasDivider} size={size as Size} disabled={disabled}>
             {items.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -397,7 +363,6 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
                             value={helperText}
                             contentLeft={getContentLeft(contentLeftOption, size as Size)}
                             size={size as Size}
-                            truncate={truncate}
                         >
                             {`Label${i + 1}`}
                         </TabItem>
@@ -416,7 +381,6 @@ const StoryVerticalDefault = (props: VerticalStoryTabsProps) => {
                         contentLeft={getContentLeft(contentLeftOption, size as Size)}
                         contentRight={getContentRight(contentRightOption, size as Size)}
                         size={size as Size}
-                        truncate={truncate}
                     >
                         {`Label${i + 1}`}
                     </TabItem>
@@ -437,7 +401,6 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
         hasDivider,
         helperText,
         height,
-        truncate,
     } = props;
     const items = Array(itemQuantity).fill(0);
     const [index, setIndex] = useState(0);
@@ -450,7 +413,6 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
             clip={clip}
             hasDivider={hasDivider}
             style={{ height }}
-            truncate={truncate}
         >
             {items.map((_, i) => {
                 if (helperText !== '') {
@@ -466,7 +428,6 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
                             value={helperText}
                             contentLeft={getContentLeft(contentLeftOption, size as Size)}
                             size={size as Size}
-                            truncate={truncate}
                         >
                             {`Label${i + 1}`}
                         </TabItem>
@@ -485,7 +446,6 @@ const StoryVerticalScroll = (props: VerticalStoryTabsProps) => {
                         contentLeft={getContentLeft(contentLeftOption, size as Size)}
                         contentRight={getContentRight(contentRightOption, size as Size)}
                         size={size as Size}
-                        truncate={truncate}
                     >
                         {`Label${i + 1}`}
                     </TabItem>
@@ -505,7 +465,6 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
         contentRight: contentRightOption,
         hasDivider,
         helperText,
-        truncate,
     } = props;
     const maxItemQuantity = 3;
     const items = Array(itemQuantity).fill(0);
@@ -524,14 +483,7 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
     });
 
     return (
-        <Tabs
-            clip={clip}
-            orientation="vertical"
-            size={size as Size}
-            disabled={disabled}
-            hasDivider={hasDivider}
-            truncate={truncate}
-        >
+        <Tabs clip={clip} orientation="vertical" size={size as Size} disabled={disabled} hasDivider={hasDivider}>
             {visibleItems.map((_, i) => {
                 if (helperText !== '') {
                     return (
@@ -546,7 +498,6 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
                             value={helperText}
                             contentLeft={getContentLeft(contentLeftOption, size as Size)}
                             size={size as Size}
-                            truncate={truncate}
                         >
                             {`Label${i + 1}`}
                         </TabItem>
@@ -565,7 +516,6 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
                         contentLeft={getContentLeft(contentLeftOption, size as Size)}
                         contentRight={getContentRight(contentRightOption, size as Size)}
                         size={size as Size}
-                        truncate={truncate}
                     >
                         {`Label${i + 1}`}
                     </TabItem>
@@ -584,7 +534,6 @@ const StoryVerticalShowAll = (props: VerticalStoryTabsProps) => {
                         tabIndex={!disabled ? 0 : -1}
                         disabled={disabled}
                         size={size as Size}
-                        truncate={false}
                     >
                         ShowAll
                     </TabItem>
@@ -603,7 +552,6 @@ export const VerticalTabs: StoryObj<VerticalStoryTabsProps> = {
         orientation: 'vertical',
         helperText: '',
         height: '10rem',
-        truncate: false,
     },
     argTypes: {
         contentLeft: {