Merge pull request #2373 from skbkontur/fx-input-sizes

Изменение размера кнопки в FxInput при передаче пропа size

packages/react-ui/components/FxInput/FxInput.tsx

@@ -67,7 +67,13 @@ export class FxInput extends React.Component<FxInputProps> {
       inputProps.leftIcon = <FunctionIcon />;
     } else {
       button = (
-        <Button narrow onClick={this.props.onRestore} borderless={this.props.borderless} disabled={this.props.disabled}>
+        <Button
+          size={this.props.size}
+          narrow
+          onClick={this.props.onRestore}
+          borderless={this.props.borderless}
+          disabled={this.props.disabled}
+        >
           <UndoIcon />
         </Button>
       );

packages/react-ui/components/FxInput/__stories__/FxInput.stories.tsx

@@ -3,14 +3,24 @@ import { CSFStory } from 'creevey';
 
 import { BGRuler } from '../../../internal/BGRuler';
 import { FxInput } from '../FxInput';
+import { Gapped } from '../../Gapped';
 import { createPropsGetter } from '../../../lib/createPropsGetter';
-import { InputType } from '../../Input';
+import { InputSize, InputType } from '../../Input';
 
 export default { title: 'FxInput' };
 
 export const TypeText = () => <TestFxInput />;
 TypeText.story = { name: 'type text' };
 
+export const DifferentSizesFxInput = () => (
+  <Gapped vertical>
+    <TestFxInput size="small" />
+    <TestFxInput size="medium" />
+    <TestFxInput size="large" />
+  </Gapped>
+);
+DifferentSizesFxInput.story = { name: 'different sizes' };
+
 export const TypeCurrency = () => <TestFxInput type={'currency'} fractionDigits={4} />;
 TypeCurrency.story = { name: 'type currency' };
 
@@ -54,6 +64,7 @@ interface TestFxInputProps {
   autoFocus?: boolean;
   borderless?: boolean;
   fractionDigits?: number;
+  size?: InputSize;
 }
 
 interface TestFxInputState {
@@ -86,6 +97,7 @@ class TestFxInput extends React.Component<TestFxInputProps, TestFxInputState> {
         value={this.state.value}
         onRestore={this.handleRestore}
         onValueChange={this.handleChange}
+        size={this.props.size}
       />
     );
   }