@salutejs/plasma-new-hope 0.76.0-canary.1172.8687373718.0 → 0.76.1-dev.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.76.0-canary.1172.8687373718.0",
+  "version": "0.76.1-dev.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -67,7 +67,7 @@
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.156.0-canary.1172.8687373718.0",
+    "@salutejs/plasma-sb-utils": "0.156.0-dev.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
     "@storybook/addons": "^7.6.17",
@@ -97,10 +97,10 @@
     "@linaria/core": "5.0.2",
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
-    "@salutejs/plasma-core": "1.158.0-canary.1172.8687373718.0",
+    "@salutejs/plasma-core": "1.158.0-dev.0",
     "focus-visible": "5.2.0",
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "bbc7f3fb9e9e9e726344b79612d60c7d48caa15f"
+  "gitHead": "dfedf7e6882e5e32bf07877b4331002b4b9b98ac"
 }

package/styled-components/cjs/examples/plasma_b2c/components/Divider/Divider.stories.tsx

@@ -26,6 +26,7 @@ const meta: Meta<typeof Divider> = {
             },
             table: { defaultValue: { summary: 'default' } },
         },
+        length: { control: 'text' },
     },
 };
 

package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryDemo = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsDefault) => {
+const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
         leftHelper: 'Подсказка к полю',
         disabled: false,
         readOnly: false,
-        'storybook:contentLeft': true,
-        'storybook:contentRight': true,
+        enableContentLeft: true,
+        enableContentRight: true,
     },
     render: (args) => <StoryDemo {...args} />,
 };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
     | 'required'
     | 'enumerationType'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryChips = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsChips) => {
+const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';

package/styled-components/cjs/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx

@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
             control: {
                 type: 'select',
             },
+            mapping: placements,
         },
         size: {
             options: ['m', 's'],

package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx

@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryDemo = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsDefault) => {
+const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
         leftHelper: 'Подсказка к полю',
         disabled: false,
         readOnly: false,
-        'storybook:contentLeft': true,
-        'storybook:contentRight': true,
+        enableContentLeft: true,
+        enableContentRight: true,
     },
     render: (args) => <StoryDemo {...args} />,
 };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
     | 'required'
     | 'enumerationType'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryChips = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsChips) => {
+const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';

package/styled-components/cjs/examples/plasma_web/components/Tooltip/Tooltip.stories.tsx

@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
             control: {
                 type: 'select',
             },
+            mapping: placements,
         },
         size: {
             options: ['m', 's'],

package/styled-components/cjs/examples/sds_engineer/components/TextField/TextField.stories.tsx

@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryDemo = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsDefault) => {
+const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
         leftHelper: 'Подсказка к полю',
         disabled: false,
         readOnly: false,
-        'storybook:contentLeft': true,
-        'storybook:contentRight': true,
+        enableContentLeft: true,
+        enableContentRight: true,
     },
     render: (args) => <StoryDemo {...args} />,
 };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
     | 'required'
     | 'enumerationType'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryChips = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsChips) => {
+const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';

package/styled-components/cjs/examples/sds_engineer/components/Tooltip/Tooltip.stories.tsx

@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
             control: {
                 type: 'select',
             },
+            mapping: placements,
         },
         size: {
             options: ['m', 's'],

package/styled-components/es/examples/plasma_b2c/components/Divider/Divider.stories.tsx

@@ -26,6 +26,7 @@ const meta: Meta<typeof Divider> = {
             },
             table: { defaultValue: { summary: 'default' } },
         },
+        length: { control: 'text' },
     },
 };
 

package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx

@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryDemo = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsDefault) => {
+const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
         leftHelper: 'Подсказка к полю',
         disabled: false,
         readOnly: false,
-        'storybook:contentLeft': true,
-        'storybook:contentRight': true,
+        enableContentLeft: true,
+        enableContentRight: true,
     },
     render: (args) => <StoryDemo {...args} />,
 };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
     | 'required'
     | 'enumerationType'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryChips = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsChips) => {
+const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';

package/styled-components/es/examples/plasma_b2c/components/Tooltip/Tooltip.stories.tsx

@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
             control: {
                 type: 'select',
             },
+            mapping: placements,
         },
         size: {
             options: ['m', 's'],

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

@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryDemo = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsDefault) => {
+const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
         leftHelper: 'Подсказка к полю',
         disabled: false,
         readOnly: false,
-        'storybook:contentLeft': true,
-        'storybook:contentRight': true,
+        enableContentLeft: true,
+        enableContentRight: true,
     },
     render: (args) => <StoryDemo {...args} />,
 };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
     | 'required'
     | 'enumerationType'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryChips = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsChips) => {
+const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';

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

@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
             control: {
                 type: 'select',
             },
+            mapping: placements,
         },
         size: {
             options: ['m', 's'],

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

@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
     | 'chips'
     | 'onChangeChips'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryDemo = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsDefault) => {
+const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
         leftHelper: 'Подсказка к полю',
         disabled: false,
         readOnly: false,
-        'storybook:contentLeft': true,
-        'storybook:contentRight': true,
+        enableContentLeft: true,
+        enableContentRight: true,
     },
     render: (args) => <StoryDemo {...args} />,
 };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
     | 'required'
     | 'enumerationType'
 > & {
-    'storybook:contentLeft': boolean;
-    'storybook:contentRight': boolean;
+    enableContentLeft: boolean;
+    enableContentRight: boolean;
 };
 
-const StoryChips = ({
-    'storybook:contentLeft': enableContentLeft,
-    'storybook:contentRight': enableContentRight,
-    view,
-    ...rest
-}: StoryPropsChips) => {
+const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
     const [text, setText] = useState('Значение поля');
 
     const iconSize = rest.size === 'xs' ? 'xs' : 's';

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

@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
             control: {
                 type: 'select',
             },
+            mapping: placements,
         },
         size: {
             options: ['m', 's'],