fix(intl-phone-input): design fixes (#1030)

alfa-laboratory · Mar 18, 2022 · 27cfb9b · 27cfb9b
1 parent 292b76c
commit 27cfb9b
Show file tree

Hide file tree

Showing 7 changed files with 1,300 additions and 4,437 deletions.
diff --git a/packages/intl-phone-input/src/__snapshots__/component.test.tsx.snap b/packages/intl-phone-input/src/__snapshots__/component.test.tsx.snap
@@ -43,7 +43,7 @@ exports[`IntlPhoneInput should match snapshot 1`] = `
                     class="flagIconContainer"
                   >
                     <span
-                      class="flagIcon m ru"
+                      class="flagIcon ru"
                     />
                   </span>
                   <svg

diff --git a/packages/intl-phone-input/src/component.tsx b/packages/intl-phone-input/src/component.tsx
@@ -275,6 +275,7 @@ export const IntlPhoneInput = forwardRef<HTMLInputElement, IntlPhoneInputProps>(
                         />
                     ),
                 }}
+                optionsListWidth="field"
                 closeOnSelect={true}
                 onInput={handleInputChange}
                 onChange={handleChange}

diff --git a/packages/intl-phone-input/src/components/flag-icon/component.tsx b/packages/intl-phone-input/src/components/flag-icon/component.tsx
@@ -9,11 +9,6 @@ export type FlagIconProps = {
      */
     country?: string;
 
-    /**
-     * Размер компонента
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-
     /**
      * Дополнительный класс
      */
@@ -23,6 +18,6 @@ export type FlagIconProps = {
 /**
  * Компонент флага в виде иконки.
  */
-export const FlagIcon: FC<FlagIconProps> = ({ size = 'm', country = '', className }) => {
-    return <span className={cn(styles.flagIcon, styles[size], styles[country], className)} />;
+export const FlagIcon: FC<FlagIconProps> = ({ country = '', className }) => {
+    return <span className={cn(styles.flagIcon, styles[country], className)} />;
 };