Update phone input styling and remove unnecessary attributes

iPagar · Feb 5, 2024 · 35c97fc · 35c97fc
1 parent 33b6774
commit 35c97fc
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 3 deletions.
diff --git a/stories/phone-input-stories.module.scss b/stories/phone-input-stories.module.scss
@@ -151,6 +151,7 @@
         line-height: normal;
 
         &:hover {
+          color: var(--main-black, #414141);
           background: var(--hover-blue-15, rgba(180, 231, 239, 0.15));
         }
 

diff --git a/stories/phone-input.stories.tsx b/stories/phone-input.stories.tsx
@@ -200,21 +200,18 @@ export function Styled() {
             <ul className={styles.countrySelectList}>
               {searchCountryList.map((countryItem) => (
                 <PhoneInput.Item
-                  aria-selected="true"
                   className={styles.countrySelectItem}
                   data-value={countryItem.alpha2}
                   key={countryItem.alpha2}
                   onClick={pickCountry}
                   onKeyDown={pickCountry}
-                  role="option"
                   tabIndex={0}
                 >
                   <CountryFlag
                     className={styles.countrySelectItemFlag}
                     country={countryItem.alpha2}
                     type="svg"
                   />
-
                   <span>{countryItem.name}</span>
                 </PhoneInput.Item>
               ))}