diff --git a/src/CONST.ts b/src/CONST.ts index baf23d16f6dd..254c2db42f41 100755 --- a/src/CONST.ts +++ b/src/CONST.ts @@ -3902,6 +3902,7 @@ const CONST = { DROPDOWN_BUTTON_SIZE: { LARGE: 'large', MEDIUM: 'medium', + SMALL: 'small', }, SF_COORDINATES: [-122.4194, 37.7749], diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx index c6d93f93ee23..a2ff548fbe84 100644 --- a/src/components/Button/index.tsx +++ b/src/components/Button/index.tsx @@ -289,8 +289,9 @@ function Button( ) : ( ({ isLoading={isLoading} shouldRemoveRightBorderRadius style={[styles.flex1, styles.pr0]} - large={isButtonSizeLarge} - medium={!isButtonSizeLarge} + large={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.LARGE} + medium={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.MEDIUM} + small={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.SMALL} innerStyles={[innerStyleDropButton, !isSplitButton && styles.dropDownButtonCartIconView]} enterKeyEventListenerPriority={enterKeyEventListenerPriority} iconRight={Expensicons.DownArrow} @@ -129,8 +130,9 @@ function ButtonWithDropdownMenu({ style={[styles.pl0]} onPress={() => setIsMenuVisible(!isMenuVisible)} shouldRemoveLeftBorderRadius - large={isButtonSizeLarge} - medium={!isButtonSizeLarge} + large={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.LARGE} + medium={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.MEDIUM} + small={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.SMALL} innerStyles={[styles.dropDownButtonCartIconContainerPadding, innerStyleDropButton]} enterKeyEventListenerPriority={enterKeyEventListenerPriority} > @@ -158,8 +160,9 @@ function ButtonWithDropdownMenu({ isLoading={isLoading} text={selectedItem.text} onPress={(event) => onPress(event, options[0].value)} - large={isButtonSizeLarge} - medium={!isButtonSizeLarge} + large={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.LARGE} + medium={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.MEDIUM} + small={buttonSize === CONST.DROPDOWN_BUTTON_SIZE.SMALL} innerStyles={[innerStyleDropButton]} enterKeyEventListenerPriority={enterKeyEventListenerPriority} /> diff --git a/src/components/ImportColumn.tsx b/src/components/ImportColumn.tsx index ef1aebacc459..be8099722057 100644 --- a/src/components/ImportColumn.tsx +++ b/src/components/ImportColumn.tsx @@ -188,6 +188,7 @@ function ImportColumn({column, containsHeader, columnName, columnRoles, columnIn {}} + buttonSize={CONST.DROPDOWN_BUTTON_SIZE.SMALL} shouldShowSelectedItemCheck menuHeaderText={columnHeader} isSplitButton={false} diff --git a/src/styles/utils/index.ts b/src/styles/utils/index.ts index def901b716bd..478369c9489c 100644 --- a/src/styles/utils/index.ts +++ b/src/styles/utils/index.ts @@ -991,6 +991,13 @@ function getDropDownButtonHeight(buttonSize: ButtonSizeValue): ViewStyle { height: variables.componentSizeLarge, }; } + + if (buttonSize === CONST.DROPDOWN_BUTTON_SIZE.SMALL) { + return { + height: variables.componentSizeSmall, + }; + } + return { height: variables.componentSizeNormal, };