Merge pull request #24 from unix/button-dropdown

fix(button-dropdown): fix button text vertical alignment on firefox

components/button-dropdown/button-dropdown-item.tsx

@@ -52,6 +52,8 @@ const ButtonDropdownItem: React.FC<React.PropsWithChildren<ButtonDropdownItemPro
           display: inline-flex;
           flex: 1;
           justify-content: center;
+          align-items: center;
+          vertical-align: middle;
           text-align: center;
           cursor: ${cursor};
           box-sizing: border-box;

components/button-dropdown/button-dropdown.tsx

@@ -3,7 +3,7 @@ import useTheme from '../styles/use-theme'
 import useClickAway from '../utils/use-click-away'
 import { getColor } from './styles'
 import ButtonDropdownIcon from './icon'
-import ButtonDropdownItem from './item'
+import ButtonDropdownItem from './button-dropdown-item'
 import { ButtonDropdownContext } from './button-dropdown-context'
 import { NormalSizes, NormalTypes } from '../utils/prop-types'
 import { pickChild, pickChildByProps } from '../utils/collections'

components/button-dropdown/index.ts

@@ -1,5 +1,5 @@
 import ButtonDropdown from './button-dropdown'
-import ButtonDropdownItem from './item'
+import ButtonDropdownItem from './button-dropdown-item'
 
 ButtonDropdown.Item = ButtonDropdownItem