@salutejs/plasma-new-hope 0.158.0-canary.1443.11127069754.0 → 0.158.0-canary.1451.11128265656.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/TextArea/TextArea.js +23 -16
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.tokens.js +18 -2
- package/cjs/components/TextArea/TextArea.tokens.js.map +1 -1
- package/cjs/components/{Steps/variations/_size → TextArea/variations/_clear}/base.js +2 -2
- package/cjs/components/TextArea/variations/_clear/base.js.map +1 -0
- package/cjs/components/TextArea/variations/_clear/base_vidplj.css +1 -0
- package/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/cjs/components/TextArea/variations/_view/base.js.map +1 -1
- package/cjs/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
- package/cjs/index.css +3 -13
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/TextArea/TextArea.js +24 -17
- package/emotion/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/cjs/components/TextArea/TextArea.tokens.js +18 -2
- package/emotion/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/emotion/cjs/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/TextArea/TextArea.js +22 -15
- package/emotion/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/emotion/es/components/TextArea/TextArea.tokens.js +18 -2
- package/emotion/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/emotion/es/components/TextArea/variations/_clear/base.js +4 -0
- package/emotion/es/components/TextArea/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.config.js +12 -9
- package/emotion/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/emotion/es/index.js +0 -1
- package/es/components/TextArea/TextArea.js +23 -16
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.tokens.js +18 -2
- package/es/components/TextArea/TextArea.tokens.js.map +1 -1
- package/es/components/{Steps/variations/_view → TextArea/variations/_clear}/base.js +2 -2
- package/es/components/TextArea/variations/_clear/base.js.map +1 -0
- package/es/components/TextArea/variations/_clear/base_vidplj.css +1 -0
- package/es/components/TextArea/variations/_view/base.js +1 -1
- package/es/components/TextArea/variations/_view/base.js.map +1 -1
- package/es/components/TextArea/variations/_view/base_d1s4o7.css +1 -0
- package/es/index.css +3 -13
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +23 -16
- package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/cjs/components/TextArea/TextArea.tokens.js +18 -2
- package/styled-components/cjs/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/cjs/components/TextArea/variations/_clear/base.js +10 -0
- package/styled-components/cjs/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/cjs/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/cjs/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/TextArea/TextArea.js +21 -14
- package/styled-components/es/components/TextArea/TextArea.template-doc.mdx +29 -0
- package/styled-components/es/components/TextArea/TextArea.tokens.js +18 -2
- package/styled-components/es/components/TextArea/mixins/applyDynamicLabel.js +1 -1
- package/styled-components/es/components/TextArea/variations/_clear/base.js +4 -0
- package/styled-components/es/components/TextArea/variations/_view/base.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.config.js +12 -9
- package/styled-components/es/examples/plasma_b2c/components/TextArea/TextArea.stories.tsx +18 -11
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.config.js +11 -8
- package/styled-components/es/examples/plasma_web/components/TextArea/TextArea.stories.tsx +18 -12
- package/styled-components/es/index.js +0 -1
- package/types/components/TextArea/TextArea.d.ts +4 -0
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.tokens.d.ts +16 -0
- package/types/components/TextArea/TextArea.tokens.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +15 -3
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/types/components/TextArea/mixins/applyDynamicLabel.d.ts.map +1 -1
- package/types/components/TextArea/variations/_clear/base.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts +3 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts +81 -0
- package/types/examples/plasma_web/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Steps/Steps.css +0 -18
- package/cjs/components/Steps/Steps.js +0 -118
- package/cjs/components/Steps/Steps.js.map +0 -1
- package/cjs/components/Steps/Steps.styles.js +0 -9
- package/cjs/components/Steps/Steps.styles.js.map +0 -1
- package/cjs/components/Steps/Steps.styles_1qandre.css +0 -1
- package/cjs/components/Steps/Steps.tokens.js +0 -81
- package/cjs/components/Steps/Steps.tokens.js.map +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.css +0 -16
- package/cjs/components/Steps/ui/StepItem/StepItem.js +0 -117
- package/cjs/components/Steps/ui/StepItem/StepItem.js.map +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -83
- package/cjs/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
- package/cjs/components/Steps/ui/StepItem/StepItem.styles_1nnkvta.css +0 -9
- package/cjs/components/Steps/variations/_size/base.js.map +0 -1
- package/cjs/components/Steps/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Steps/variations/_view/base.js +0 -9
- package/cjs/components/Steps/variations/_view/base.js.map +0 -1
- package/cjs/components/Steps/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/emotion/cjs/components/Steps/Steps.js +0 -130
- package/emotion/cjs/components/Steps/Steps.review-doc.mdx +0 -304
- package/emotion/cjs/components/Steps/Steps.styles.js +0 -9
- package/emotion/cjs/components/Steps/Steps.template-doc.mdx +0 -86
- package/emotion/cjs/components/Steps/Steps.tokens.js +0 -79
- package/emotion/cjs/components/Steps/Steps.types.js +0 -5
- package/emotion/cjs/components/Steps/index.js +0 -25
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.js +0 -127
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -52
- package/emotion/cjs/components/Steps/ui/StepItem/StepItem.types.js +0 -5
- package/emotion/cjs/components/Steps/ui/StepItem/index.js +0 -12
- package/emotion/cjs/components/Steps/ui/index.js +0 -16
- package/emotion/cjs/components/Steps/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Steps/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Steps/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Steps/variations/_view/tokens.json +0 -1
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -13
- package/emotion/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
- package/emotion/es/components/Steps/Steps.js +0 -121
- package/emotion/es/components/Steps/Steps.review-doc.mdx +0 -304
- package/emotion/es/components/Steps/Steps.styles.js +0 -3
- package/emotion/es/components/Steps/Steps.template-doc.mdx +0 -86
- package/emotion/es/components/Steps/Steps.tokens.js +0 -73
- package/emotion/es/components/Steps/Steps.types.js +0 -1
- package/emotion/es/components/Steps/index.js +0 -2
- package/emotion/es/components/Steps/ui/StepItem/StepItem.js +0 -118
- package/emotion/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -45
- package/emotion/es/components/Steps/ui/StepItem/StepItem.types.js +0 -1
- package/emotion/es/components/Steps/ui/StepItem/index.js +0 -1
- package/emotion/es/components/Steps/ui/index.js +0 -1
- package/emotion/es/components/Steps/variations/_size/base.js +0 -2
- package/emotion/es/components/Steps/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Steps/variations/_view/base.js +0 -2
- package/emotion/es/components/Steps/variations/_view/tokens.json +0 -1
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.js +0 -9
- package/emotion/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
- package/es/components/Steps/Steps.css +0 -18
- package/es/components/Steps/Steps.js +0 -113
- package/es/components/Steps/Steps.js.map +0 -1
- package/es/components/Steps/Steps.styles.js +0 -5
- package/es/components/Steps/Steps.styles.js.map +0 -1
- package/es/components/Steps/Steps.styles_1qandre.css +0 -1
- package/es/components/Steps/Steps.tokens.js +0 -76
- package/es/components/Steps/Steps.tokens.js.map +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.css +0 -16
- package/es/components/Steps/ui/StepItem/StepItem.js +0 -113
- package/es/components/Steps/ui/StepItem/StepItem.js.map +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -71
- package/es/components/Steps/ui/StepItem/StepItem.styles.js.map +0 -1
- package/es/components/Steps/ui/StepItem/StepItem.styles_1nnkvta.css +0 -9
- package/es/components/Steps/variations/_size/base.js +0 -5
- package/es/components/Steps/variations/_size/base.js.map +0 -1
- package/es/components/Steps/variations/_size/base_x642ct.css +0 -1
- package/es/components/Steps/variations/_view/base.js.map +0 -1
- package/es/components/Steps/variations/_view/base_x642ct.css +0 -1
- package/es/components/TextArea/variations/_view/base_8npjyq.css +0 -1
- package/styled-components/cjs/components/Steps/Steps.js +0 -130
- package/styled-components/cjs/components/Steps/Steps.review-doc.mdx +0 -304
- package/styled-components/cjs/components/Steps/Steps.styles.js +0 -9
- package/styled-components/cjs/components/Steps/Steps.template-doc.mdx +0 -86
- package/styled-components/cjs/components/Steps/Steps.tokens.js +0 -79
- package/styled-components/cjs/components/Steps/Steps.types.js +0 -5
- package/styled-components/cjs/components/Steps/index.js +0 -25
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.js +0 -127
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js +0 -43
- package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.types.js +0 -5
- package/styled-components/cjs/components/Steps/ui/StepItem/index.js +0 -12
- package/styled-components/cjs/components/Steps/ui/index.js +0 -16
- package/styled-components/cjs/components/Steps/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Steps/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Steps/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Steps/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.config.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.js +0 -13
- package/styled-components/cjs/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
- package/styled-components/es/components/Steps/Steps.js +0 -121
- package/styled-components/es/components/Steps/Steps.review-doc.mdx +0 -304
- package/styled-components/es/components/Steps/Steps.styles.js +0 -3
- package/styled-components/es/components/Steps/Steps.template-doc.mdx +0 -86
- package/styled-components/es/components/Steps/Steps.tokens.js +0 -73
- package/styled-components/es/components/Steps/Steps.types.js +0 -1
- package/styled-components/es/components/Steps/index.js +0 -2
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.js +0 -118
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.styles.js +0 -36
- package/styled-components/es/components/Steps/ui/StepItem/StepItem.types.js +0 -1
- package/styled-components/es/components/Steps/ui/StepItem/index.js +0 -1
- package/styled-components/es/components/Steps/ui/index.js +0 -1
- package/styled-components/es/components/Steps/variations/_size/base.js +0 -2
- package/styled-components/es/components/Steps/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Steps/variations/_view/base.js +0 -2
- package/styled-components/es/components/Steps/variations/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.config.js +0 -19
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.js +0 -9
- package/styled-components/es/examples/plasma_b2c/components/Steps/Steps.stories.tsx +0 -169
- package/types/components/Steps/Steps.d.ts +0 -23
- package/types/components/Steps/Steps.d.ts.map +0 -1
- package/types/components/Steps/Steps.styles.d.ts +0 -2
- package/types/components/Steps/Steps.styles.d.ts.map +0 -1
- package/types/components/Steps/Steps.tokens.d.ts +0 -74
- package/types/components/Steps/Steps.tokens.d.ts.map +0 -1
- package/types/components/Steps/Steps.types.d.ts +0 -55
- package/types/components/Steps/Steps.types.d.ts.map +0 -1
- package/types/components/Steps/index.d.ts +0 -4
- package/types/components/Steps/index.d.ts.map +0 -1
- package/types/components/Steps/ui/StepItem/StepItem.d.ts +0 -17
- package/types/components/Steps/ui/StepItem/StepItem.d.ts.map +0 -1
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts +0 -20
- package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map +0 -1
- package/types/components/Steps/ui/StepItem/StepItem.types.d.ts +0 -35
- package/types/components/Steps/ui/StepItem/StepItem.types.d.ts.map +0 -1
- package/types/components/Steps/ui/StepItem/index.d.ts +0 -3
- package/types/components/Steps/ui/StepItem/index.d.ts.map +0 -1
- package/types/components/Steps/ui/index.d.ts +0 -2
- package/types/components/Steps/ui/index.d.ts.map +0 -1
- package/types/components/Steps/variations/_size/base.d.ts.map +0 -1
- package/types/components/Steps/variations/_view/base.d.ts +0 -2
- package/types/components/Steps/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts +0 -18
- package/types/examples/plasma_b2c/components/Steps/Steps.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Steps/Steps.d.ts +0 -35
- package/types/examples/plasma_b2c/components/Steps/Steps.d.ts.map +0 -1
- /package/types/components/{Steps/variations/_size → TextArea/variations/_clear}/base.d.ts +0 -0
@@ -2,8 +2,7 @@ import React, { useState } from 'react';
|
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
4
4
|
import { action } from '@storybook/addon-actions';
|
5
|
-
import {
|
6
|
-
import styled from '@emotion/styled';
|
5
|
+
import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
|
7
6
|
|
8
7
|
import { textAreaConfig } from '../../../../components/TextArea';
|
9
8
|
import { mergeConfig } from '../../../../engines';
|
@@ -48,11 +47,13 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
48
47
|
control: {
|
49
48
|
type: 'number',
|
50
49
|
},
|
50
|
+
if: { arg: 'clear', truthy: false },
|
51
51
|
},
|
52
52
|
cols: {
|
53
53
|
control: {
|
54
54
|
type: 'number',
|
55
55
|
},
|
56
|
+
if: { arg: 'clear', truthy: false },
|
56
57
|
},
|
57
58
|
labelPlacement: {
|
58
59
|
options: labelPlacements,
|
@@ -60,11 +61,20 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
60
61
|
type: 'select',
|
61
62
|
},
|
62
63
|
},
|
64
|
+
hasDivider: {
|
65
|
+
control: {
|
66
|
+
type: 'boolean',
|
67
|
+
},
|
68
|
+
if: { arg: 'clear', truthy: true },
|
69
|
+
},
|
63
70
|
},
|
64
71
|
args: {
|
65
72
|
id: 'example-textarea',
|
73
|
+
view: 'default',
|
74
|
+
size: 's',
|
66
75
|
enableContentRight: true,
|
67
|
-
label: '
|
76
|
+
label: 'Лейбл',
|
77
|
+
labelPlacement: 'outer',
|
68
78
|
placeholder: 'Заполните многострочное поле',
|
69
79
|
leftHelper: 'Подсказка к полю слева',
|
70
80
|
rightHelper: 'Подсказка к полю справа',
|
@@ -76,6 +86,8 @@ const meta: Meta<StoryTextAreaProps> = {
|
|
76
86
|
optional: false,
|
77
87
|
required: false,
|
78
88
|
requiredPlacement: 'right',
|
89
|
+
clear: false,
|
90
|
+
hasDivider: false,
|
79
91
|
},
|
80
92
|
};
|
81
93
|
|
@@ -85,20 +97,15 @@ const onChange = action('onChange');
|
|
85
97
|
const onFocus = action('onFocus');
|
86
98
|
const onBlur = action('onBlur');
|
87
99
|
|
88
|
-
const IconPlaceholder = styled.div`
|
89
|
-
width: 1.5rem;
|
90
|
-
height: 1.5rem;
|
91
|
-
border-radius: 50%;
|
92
|
-
background: ${tertiary};
|
93
|
-
`;
|
94
|
-
|
95
100
|
const StoryDefault = (props: StoryTextAreaProps) => {
|
96
101
|
const [value, setValue] = useState('Значение поля');
|
97
102
|
|
103
|
+
const iconSize = props.size === 'xs' ? 'xs' : 's';
|
104
|
+
|
98
105
|
return (
|
99
106
|
<TextArea
|
100
107
|
value={value}
|
101
|
-
contentRight={props.enableContentRight ? <IconPlaceholder /> : undefined}
|
108
|
+
contentRight={props.enableContentRight ? <IconPlaceholder size={iconSize} /> : undefined}
|
102
109
|
onChange={(e) => {
|
103
110
|
setValue(e.target.value);
|
104
111
|
onChange(e);
|