@salutejs/plasma-new-hope 0.122.0-canary.1349.10352877946.0 → 0.122.0-canary.1349.10356943147.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.122.0-canary.1349.10352877946.0",
3
+ "version": "0.122.0-canary.1349.10356943147.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "react-popper": "2.3.0",
119
119
  "storeon": "3.1.5"
120
120
  },
121
- "gitHead": "be59c3f243b87e470c8d166990124c0fd5ede0b0"
121
+ "gitHead": "9fb784e80ab9390a42b8f4b47487309ba3602af9"
122
122
  }
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {
@@ -60,9 +60,23 @@ const meta: Meta<StorySelectProps> = {
60
60
  type: 'select',
61
61
  },
62
62
  },
63
+ listWidth: {
64
+ control: {
65
+ type: 'text',
66
+ },
67
+ },
68
+ listOverflow: {
69
+ control: {
70
+ type: 'text',
71
+ },
72
+ },
73
+ listHeight: {
74
+ control: {
75
+ type: 'text',
76
+ },
77
+ },
63
78
  },
64
79
  args: {
65
- multiselect: false,
66
80
  target: 'textfield-like',
67
81
  label: 'Label',
68
82
  labelPlacement: 'outer',
@@ -75,7 +89,26 @@ const meta: Meta<StorySelectProps> = {
75
89
  isTargetAmount: false,
76
90
  variant: 'normal',
77
91
  disabled: false,
78
- separator: '',
92
+ },
93
+ parameters: {
94
+ controls: {
95
+ include: [
96
+ 'target',
97
+ 'size',
98
+ 'enableContentLeft',
99
+ 'chipView',
100
+ 'label',
101
+ 'labelPlacement',
102
+ 'placeholder',
103
+ 'helperText',
104
+ 'isTargetAmount',
105
+ 'variant',
106
+ 'disabled',
107
+ 'listWidth',
108
+ 'listOverflow',
109
+ 'listHeight',
110
+ ],
111
+ },
79
112
  },
80
113
  };
81
114
 
@@ -354,8 +387,8 @@ const PredefinedStory = (args: StorySelectProps) => {
354
387
 
355
388
  <Select
356
389
  {...args}
357
- multiselect
358
390
  items={items}
391
+ multiselect
359
392
  value={valueMultiple}
360
393
  onChange={setValueMultiple}
361
394
  contentLeft={args.enableContentLeft ? <IconDone size="s" /> : undefined}
@@ -365,11 +398,6 @@ const PredefinedStory = (args: StorySelectProps) => {
365
398
  };
366
399
 
367
400
  export const Predefined: StoryObj<StorySelectProps> = {
368
- parameters: {
369
- controls: {
370
- exclude: ['multiselect'],
371
- },
372
- },
373
401
  render: (args) => <PredefinedStory {...args} />,
374
402
  };
375
403
 
@@ -795,19 +823,7 @@ const CommonStory = (args: StorySelectProps) => {
795
823
  export const Common: StoryObj<StorySelectProps> = {
796
824
  parameters: {
797
825
  controls: {
798
- include: [
799
- 'size',
800
- 'enableContentLeft',
801
- 'chipView',
802
- 'label',
803
- 'labelPlacement',
804
- 'placeholder',
805
- 'helperText',
806
- 'isTargetAmount',
807
- 'variant',
808
- 'disabled',
809
- 'separator',
810
- ],
826
+ exclude: ['target'],
811
827
  },
812
828
  },
813
829
  argTypes: {