@salutejs/plasma-new-hope 0.156.0-canary.1451.11071985286.0 → 0.156.0-canary.1461.11068657609.0

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

@@ -2,7 +2,8 @@ import React, { useState } from 'react';
 import type { ComponentProps } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { tertiary } from '@salutejs/plasma-core';
+import styled from '@emotion/styled';
 
 import { textAreaConfig } from '../../../../components/TextArea';
 import { mergeConfig } from '../../../../engines';
@@ -47,13 +48,11 @@ const meta: Meta<StoryTextAreaProps> = {
             control: {
                 type: 'number',
             },
-            if: { arg: 'clear', truthy: false },
         },
         cols: {
             control: {
                 type: 'number',
             },
-            if: { arg: 'clear', truthy: false },
         },
         labelPlacement: {
             options: labelPlacements,
@@ -61,20 +60,11 @@ const meta: Meta<StoryTextAreaProps> = {
                 type: 'select',
             },
         },
-        hasDivider: {
-            control: {
-                type: 'boolean',
-            },
-            if: { arg: 'clear', truthy: true },
-        },
     },
     args: {
         id: 'example-textarea',
-        view: 'default',
-        size: 's',
         enableContentRight: true,
-        label: 'Лейбл',
-        labelPlacement: 'outer',
+        label: 'Подсказка',
         placeholder: 'Заполните многострочное поле',
         leftHelper: 'Подсказка к полю слева',
         rightHelper: 'Подсказка к полю справа',
@@ -86,8 +76,6 @@ const meta: Meta<StoryTextAreaProps> = {
         optional: false,
         required: false,
         requiredPlacement: 'right',
-        clear: false,
-        hasDivider: false,
     },
 };
 
@@ -97,15 +85,20 @@ const onChange = action('onChange');
 const onFocus = action('onFocus');
 const onBlur = action('onBlur');
 
+const IconPlaceholder = styled.div`
+    width: 1.5rem;
+    height: 1.5rem;
+    border-radius: 50%;
+    background: ${tertiary};
+`;
+
 const StoryDefault = (props: StoryTextAreaProps) => {
     const [value, setValue] = useState('Значение поля');
 
-    const iconSize = props.size === 'xs' ? 'xs' : 's';
-
     return (
         <TextArea
             value={value}
-            contentRight={props.enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
+            contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
             onChange={(e) => {
                 setValue(e.target.value);
                 onChange(e);