feat(pure-input): changed size L (72 → 64), added size XL (72)

BREAKING CHANGE: size L changed to size XL
core-ds · Mar 2, 2021 · af4cfb5 · af4cfb5
1 parent 858359a
commit af4cfb5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/packages/pure-input/src/Component.stories.mdx b/packages/pure-input/src/Component.stories.mdx
@@ -17,7 +17,7 @@ import { name, version } from '../package.json';
 
 <Story name='PureInput'>
     <PureInput
-        size={select('size', ['s', 'm', 'l'], 's')}
+        size={select('size', ['s', 'm', 'l', 'xl'], 's')}
         type={select(
             'type',
             ['number', 'card', 'email', 'money', 'password', 'tel', 'text'],

diff --git a/packages/pure-input/src/Component.tsx b/packages/pure-input/src/Component.tsx
@@ -19,7 +19,7 @@ export type PureInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size'
     /**
      * Размер компонента
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
 
     /**
      * Дополнительный класс

diff --git a/packages/pure-input/src/index.module.css b/packages/pure-input/src/index.module.css
@@ -46,6 +46,12 @@
     padding-top: 1px;
 }
 
+.xl {
+    height: var(--form-control-xl-min-height);
+    padding: var(--form-control-l-paddings);
+    padding-top: 1px;
+}
+
 /* DISABLED STATE */
 
 .component:disabled {