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

BREAKING CHANGE: size L changed to size XL
core-ds · Mar 2, 2021 · 9077b7f · 9077b7f
1 parent 79699e3
commit 9077b7f
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 7 deletions.
diff --git a/packages/intl-phone-input/src/component.stories.mdx b/packages/intl-phone-input/src/component.stories.mdx
@@ -41,7 +41,7 @@ import { IntlPhoneInput } from '@alfalab/core-components-intl-phone-input';
             const handleChange = React.useCallback((newValue) => {
                 setValue(newValue);
             }, [setValue]);
-            const size = select('size', ['s', 'm', 'l'], 'm');
+            const size = select('size', ['s', 'm', 'l', 'xl'], 'm');
             const block = boolean('block', false);
             const disabled = boolean('disabled', false);
             const label = text('label', 'Номер телефона');

diff --git a/packages/intl-phone-input/src/components/flag-icon/component.tsx b/packages/intl-phone-input/src/components/flag-icon/component.tsx
@@ -12,7 +12,7 @@ export type FlagIconProps = {
     /**
      * Размер компонента
      */
-    size?: 's' | 'm' | 'l';
+    size?: 's' | 'm' | 'l' | 'xl';
 
     /**
      * Дополнительный класс

diff --git a/packages/intl-phone-input/src/components/flag-icon/index.module.css b/packages/intl-phone-input/src/components/flag-icon/index.module.css
@@ -27,7 +27,8 @@
     }
 }
 
-.l {
+.l,
+.xl {
     background-image: url('./images/sprites/flag-icon_size_l@1x.png');
     background-size: 300px 275px;
 
@@ -3140,8 +3141,9 @@
     }
 }
 
-/* sprite size l */
-.l {
+/* sprite size l/xl */
+.l,
+.xl {
     &.ac {
         width: 22px;
         height: 11px;

diff --git a/packages/intl-phone-input/src/components/select-field/index.module.css b/packages/intl-phone-input/src/components/select-field/index.module.css
@@ -22,7 +22,8 @@
     outline: none;
 }
 
-.l .inner {
+.l .inner,
+.xl .inner {
     padding-left: var(--gap-m);
 }
 

diff --git a/packages/intl-phone-input/src/index.module.css b/packages/intl-phone-input/src/index.module.css
@@ -2,7 +2,8 @@
     padding-left: 0;
 }
 
-.l {
+.l,
+.xl {
     & .addons {
         padding-left: 0;
     }