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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.76.0-dev.0",
3
+ "version": "0.76.1-dev.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -102,5 +102,5 @@
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "a472ddfdd261f1a196280ad246b24d6afe24fe44"
105
+ "gitHead": "dfedf7e6882e5e32bf07877b4331002b4b9b98ac"
106
106
  }
@@ -26,6 +26,7 @@ const meta: Meta<typeof Divider> = {
26
26
  },
27
27
  table: { defaultValue: { summary: 'default' } },
28
28
  },
29
+ length: { control: 'text' },
29
30
  },
30
31
  };
31
32
 
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
@@ -26,6 +26,7 @@ const meta: Meta<typeof Divider> = {
26
26
  },
27
27
  table: { defaultValue: { summary: 'default' } },
28
28
  },
29
+ length: { control: 'text' },
29
30
  },
30
31
  };
31
32
 
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],
@@ -70,16 +70,11 @@ type StoryPropsDefault = Omit<
70
70
  | 'chips'
71
71
  | 'onChangeChips'
72
72
  > & {
73
- 'storybook:contentLeft': boolean;
74
- 'storybook:contentRight': boolean;
73
+ enableContentLeft: boolean;
74
+ enableContentRight: boolean;
75
75
  };
76
76
 
77
- const StoryDemo = ({
78
- 'storybook:contentLeft': enableContentLeft,
79
- 'storybook:contentRight': enableContentRight,
80
- view,
81
- ...rest
82
- }: StoryPropsDefault) => {
77
+ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsDefault) => {
83
78
  const [text, setText] = useState('Значение поля');
84
79
 
85
80
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -114,8 +109,8 @@ export const Default: StoryObj<StoryPropsDefault> = {
114
109
  leftHelper: 'Подсказка к полю',
115
110
  disabled: false,
116
111
  readOnly: false,
117
- 'storybook:contentLeft': true,
118
- 'storybook:contentRight': true,
112
+ enableContentLeft: true,
113
+ enableContentRight: true,
119
114
  },
120
115
  render: (args) => <StoryDemo {...args} />,
121
116
  };
@@ -139,16 +134,11 @@ type StoryPropsChips = Omit<
139
134
  | 'required'
140
135
  | 'enumerationType'
141
136
  > & {
142
- 'storybook:contentLeft': boolean;
143
- 'storybook:contentRight': boolean;
137
+ enableContentLeft: boolean;
138
+ enableContentRight: boolean;
144
139
  };
145
140
 
146
- const StoryChips = ({
147
- 'storybook:contentLeft': enableContentLeft,
148
- 'storybook:contentRight': enableContentRight,
149
- view,
150
- ...rest
151
- }: StoryPropsChips) => {
141
+ const StoryChips = ({ enableContentLeft, enableContentRight, view, ...rest }: StoryPropsChips) => {
152
142
  const [text, setText] = useState('Значение поля');
153
143
 
154
144
  const iconSize = rest.size === 'xs' ? 'xs' : 's';
@@ -185,6 +185,7 @@ export const Live: StoryObj<TooltipProps> = {
185
185
  control: {
186
186
  type: 'select',
187
187
  },
188
+ mapping: placements,
188
189
  },
189
190
  size: {
190
191
  options: ['m', 's'],