@salutejs/sdds-cs 0.313.1-canary.1931.14570122322.0 → 0.314.0-canary.1715.14635441934.0

package/emotion/cjs/components/Combobox/Combobox.stories.tsx

@@ -1,16 +1,17 @@
 import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { disableProps, InSpacingDecorator, getConfigVariations } from '@salutejs/plasma-sb-utils';
 import { IconDone } from '@salutejs/plasma-icons';
 
 import { Combobox } from './Combobox';
+import { config } from './Combobox.config';
 
 type StorySelectProps = ComponentProps<typeof Combobox> & {
     enableContentLeft?: boolean;
 };
 
-const view = ['default', 'negative'];
+const { views } = getConfigVariations(config);
 const chip = ['default', 'secondary', 'accent'];
 const variant = ['normal', 'tight'];
 
@@ -20,7 +21,7 @@ const meta: Meta<StorySelectProps> = {
     component: Combobox,
     argTypes: {
         view: {
-            options: view,
+            options: views,
             control: {
                 type: 'select',
             },
@@ -367,13 +368,12 @@ const items = [
     {
         value: 'africa',
         label: 'Африка',
-        isDisabled: true,
+        disabled: true,
     },
 ];
 
 const SingleStory = (args: StorySelectProps) => {
     const [value, setValue] = useState('');
-
     return (
         <div style={{ width: '400px' }}>
             <Combobox
@@ -382,6 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
                 value={value}
                 onChange={setValue}
                 contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+                onToggle={(e) => console.log(e)}
             />
         </div>
     );
@@ -389,6 +390,9 @@ const SingleStory = (args: StorySelectProps) => {
 
 export const Single: StoryObj<StorySelectProps> = {
     render: (args) => <SingleStory {...args} />,
+    args: {
+        closeAfterSelect: true,
+    },
     parameters: {
         controls: {
             exclude: ['isTargetAmount'],
@@ -415,4 +419,7 @@ const MultipleStory = (args: StorySelectProps) => {
 
 export const Multiple: StoryObj<StorySelectProps> = {
     render: (args) => <MultipleStory {...args} />,
+    args: {
+        closeAfterSelect: false,
+    },
 };

package/emotion/cjs/components/Select/Select.stories.tsx

@@ -1,18 +1,19 @@
 import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { disableProps, InSpacingDecorator, getConfigVariations } from '@salutejs/plasma-sb-utils';
 import { IconPlasma } from '@salutejs/plasma-icons';
 
 import './style.css';
 
 import { Select } from './Select';
+import { config } from './Select.config';
 
 type StorySelectProps = ComponentProps<typeof Select> & {
     enableContentLeft?: boolean;
 };
 
-const view = ['default', 'negative'];
+const { views } = getConfigVariations(config);
 const variant = ['normal', 'tight'];
 
 const meta: Meta<StorySelectProps> = {
@@ -25,8 +26,8 @@ const meta: Meta<StorySelectProps> = {
             options: ['button-like', 'textfield-like'],
         },
         view: {
-            control: 'select',
-            options: view,
+            control: 'inline-radio',
+            options: views,
         },
         variant: {
             control: 'select',

package/emotion/cjs/components/TextField/TextField.stories.tsx

@@ -2,19 +2,19 @@ import React, { ComponentProps, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import styled from 'styled-components';
-import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
-import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
+import { InSpacingDecorator, disableProps, getConfigVariations } from '@salutejs/plasma-sb-utils';
 import { IconPlasma, IconLockOutline } from '@salutejs/plasma-icons';
+import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
 
-import { TextField } from '.';
+import { TextField } from './TextField';
+import { config } from './TextField.config';
 
 const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 const onSearch = action('onSearch');
 
-const sizes = ['s'];
-const views = ['default', 'negative'];
+const { views, sizes } = getConfigVariations(config);
 const labelPlacements = ['outer'];
 
 const StyledIconLockOutline = styled(IconLockOutline)`
@@ -104,12 +104,6 @@ const meta: Meta<typeof TextField> = {
                 eq: 'inner',
             },
         },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
         titleCaption: {
             control: { type: 'text' },
         },
@@ -233,7 +227,6 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, readOnly, ...r
 export const Default: StoryObj<StoryPropsDefault> = {
     args: {
         id: 'example-text-field',
-        size: 's',
         view: 'default',
         label: 'Лейбл',
         labelPlacement: 'outer',
@@ -256,7 +249,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
     },
     parameters: {
         controls: {
-            exclude: ['chipType'],
+            exclude: ['chipType', 'size'],
         },
     },
     render: (args) => <StoryDemo {...args} />,

package/emotion/es/components/Combobox/Combobox.stories.tsx

@@ -1,16 +1,17 @@
 import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { disableProps, InSpacingDecorator, getConfigVariations } from '@salutejs/plasma-sb-utils';
 import { IconDone } from '@salutejs/plasma-icons';
 
 import { Combobox } from './Combobox';
+import { config } from './Combobox.config';
 
 type StorySelectProps = ComponentProps<typeof Combobox> & {
     enableContentLeft?: boolean;
 };
 
-const view = ['default', 'negative'];
+const { views } = getConfigVariations(config);
 const chip = ['default', 'secondary', 'accent'];
 const variant = ['normal', 'tight'];
 
@@ -20,7 +21,7 @@ const meta: Meta<StorySelectProps> = {
     component: Combobox,
     argTypes: {
         view: {
-            options: view,
+            options: views,
             control: {
                 type: 'select',
             },
@@ -367,13 +368,12 @@ const items = [
     {
         value: 'africa',
         label: 'Африка',
-        isDisabled: true,
+        disabled: true,
     },
 ];
 
 const SingleStory = (args: StorySelectProps) => {
     const [value, setValue] = useState('');
-
     return (
         <div style={{ width: '400px' }}>
             <Combobox
@@ -382,6 +382,7 @@ const SingleStory = (args: StorySelectProps) => {
                 value={value}
                 onChange={setValue}
                 contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
+                onToggle={(e) => console.log(e)}
             />
         </div>
     );
@@ -389,6 +390,9 @@ const SingleStory = (args: StorySelectProps) => {
 
 export const Single: StoryObj<StorySelectProps> = {
     render: (args) => <SingleStory {...args} />,
+    args: {
+        closeAfterSelect: true,
+    },
     parameters: {
         controls: {
             exclude: ['isTargetAmount'],
@@ -415,4 +419,7 @@ const MultipleStory = (args: StorySelectProps) => {
 
 export const Multiple: StoryObj<StorySelectProps> = {
     render: (args) => <MultipleStory {...args} />,
+    args: {
+        closeAfterSelect: false,
+    },
 };

package/emotion/es/components/Select/Select.stories.tsx

@@ -1,18 +1,19 @@
 import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
-import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
+import { disableProps, InSpacingDecorator, getConfigVariations } from '@salutejs/plasma-sb-utils';
 import { IconPlasma } from '@salutejs/plasma-icons';
 
 import './style.css';
 
 import { Select } from './Select';
+import { config } from './Select.config';
 
 type StorySelectProps = ComponentProps<typeof Select> & {
     enableContentLeft?: boolean;
 };
 
-const view = ['default', 'negative'];
+const { views } = getConfigVariations(config);
 const variant = ['normal', 'tight'];
 
 const meta: Meta<StorySelectProps> = {
@@ -25,8 +26,8 @@ const meta: Meta<StorySelectProps> = {
             options: ['button-like', 'textfield-like'],
         },
         view: {
-            control: 'select',
-            options: view,
+            control: 'inline-radio',
+            options: views,
         },
         variant: {
             control: 'select',

package/emotion/es/components/TextField/TextField.stories.tsx

@@ -2,19 +2,19 @@ import React, { ComponentProps, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
 import styled from 'styled-components';
-import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
-import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
+import { InSpacingDecorator, disableProps, getConfigVariations } from '@salutejs/plasma-sb-utils';
 import { IconPlasma, IconLockOutline } from '@salutejs/plasma-icons';
+import type { PopoverPlacement } from '@salutejs/plasma-new-hope';
 
-import { TextField } from '.';
+import { TextField } from './TextField';
+import { config } from './TextField.config';
 
 const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 const onSearch = action('onSearch');
 
-const sizes = ['s'];
-const views = ['default', 'negative'];
+const { views, sizes } = getConfigVariations(config);
 const labelPlacements = ['outer'];
 
 const StyledIconLockOutline = styled(IconLockOutline)`
@@ -104,12 +104,6 @@ const meta: Meta<typeof TextField> = {
                 eq: 'inner',
             },
         },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
         titleCaption: {
             control: { type: 'text' },
         },
@@ -233,7 +227,6 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, readOnly, ...r
 export const Default: StoryObj<StoryPropsDefault> = {
     args: {
         id: 'example-text-field',
-        size: 's',
         view: 'default',
         label: 'Лейбл',
         labelPlacement: 'outer',
@@ -256,7 +249,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
     },
     parameters: {
         controls: {
-            exclude: ['chipType'],
+            exclude: ['chipType', 'size'],
         },
     },
     render: (args) => <StoryDemo {...args} />,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-cs",
-  "version": "0.313.1-canary.1931.14570122322.0",
+  "version": "0.314.0-canary.1715.14635441934.0",
   "description": "Salute Design System / React UI kit for SDDS CS web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -30,8 +30,8 @@
     "directory": "packages/sdds-cs"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.321.1-canary.1931.14570122322.0",
-    "@salutejs/sdds-themes": "0.35.0"
+    "@salutejs/plasma-new-hope": "0.322.0-canary.1715.14635441934.0",
+    "@salutejs/sdds-themes": "0.36.0-canary.1715.14635441934.0"
   },
   "peerDependencies": {
     "@emotion/react": ">=11",
@@ -57,7 +57,7 @@
     "@salutejs/plasma-core": "1.196.0",
     "@salutejs/plasma-cy-utils": "0.127.0",
     "@salutejs/plasma-icons": "1.217.0",
-    "@salutejs/plasma-sb-utils": "0.196.0",
+    "@salutejs/plasma-sb-utils": "0.197.0-canary.1715.14635441934.0",
     "@storybook/addon-docs": "7.6.17",
     "@storybook/addon-essentials": "7.6.17",
     "@storybook/addons": "7.6.17",
@@ -123,5 +123,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "b403573fce2d1c1d61b0be26f9505f297cc4e239"
+  "gitHead": "98b24824a12b42a82106125a6d02a7dd79fe506a"
 }