@salutejs/plasma-new-hope 0.142.0-canary.1424.10791681494.0 → 0.142.0-canary.1428.10806066547.0

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

@@ -1,4 +1,4 @@
-import React, { ComponentProps } from 'react';
+import React from 'react';
 import { disableProps } from '@salutejs/plasma-sb-utils';
 import type { StoryObj, Meta } from '@storybook/react';
 
@@ -23,25 +23,13 @@ const meta: Meta<typeof Badge> = {
                 type: 'select',
             },
         },
-        pilled: {
-            control: { type: 'boolean' },
-            if: { arg: 'clear', truthy: false },
-        },
-        transparent: {
-            control: { type: 'boolean' },
-            if: { arg: 'clear', truthy: false },
-        },
         ...disableProps(['contentLeft', 'contentRight']),
     },
 };
 
 export default meta;
 
-type StoryProps = ComponentProps<typeof Badge> & {
-    enableContentLeft: boolean;
-    enableContentRight: boolean;
-};
-type Story = StoryObj<StoryProps>;
+type Story = StoryObj<typeof Badge>;
 
 const BellIcon = (props) => (
     <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
@@ -53,36 +41,16 @@ const BellIcon = (props) => (
 );
 
 export const Default: Story = {
-    argTypes: {
-        enableContentLeft: {
-            control: { type: 'boolean' },
-            if: { arg: 'enableContentRight', truthy: false },
-        },
-        enableContentRight: {
-            control: { type: 'boolean' },
-            if: { arg: 'enableContentLeft', truthy: false },
-        },
-    },
     args: {
         text: 'Hello',
         view: 'default',
         size: 'm',
-        enableContentLeft: false,
-        enableContentRight: false,
-        clear: false,
         pilled: false,
         transparent: false,
     },
-    render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
-        const iconSize = size === 'l' ? '1rem' : '0.75rem';
+};
 
-        return (
-            <Badge
-                contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
-                contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
-                size={size}
-                {...rest}
-            />
-        );
-    },
+export const WithIcon: Story = {
+    args: { ...Default.args },
+    render: (args) => <Badge contentLeft={<BellIcon width="1rem" height="1rem" />} {...args} />,
 };

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

@@ -32,6 +32,12 @@ const meta: Meta<typeof CalendarBase> = {
                 type: 'inline-radio',
             },
         },
+        local: {
+            options: ['ru', 'eng'],
+            control: {
+                type: 'select',
+            },
+        },
     },
 };
 
@@ -75,7 +81,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
 };
 
 const StoryDefault = (args: CalendarProps) => {
-    const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
+    const { isRange, isDouble, min, max, date, includeEdgeDates, size, local } = args;
     const [value, setValue] = useState(new Date(2023, 10, 16));
     const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
 
@@ -97,6 +103,7 @@ const StoryDefault = (args: CalendarProps) => {
             min={min}
             max={max}
             includeEdgeDates={includeEdgeDates}
+            local={local}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
         />
     );
@@ -110,6 +117,7 @@ export const Default: StoryObj<CalendarProps> = {
         isRange: false,
         includeEdgeDates: false,
         size: 'm',
+        local: 'ru',
     },
     render: (args) => <StoryDefault {...args} />,
 };