diff --git a/.gitignore b/.gitignore
index ec8b184..61b2bc6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -68,4 +68,8 @@ dist/
 
 # Static storybook page
 .storybook_static
-.docs
\ No newline at end of file
+.docs
+
+# Environments handler
+/env.json
+.env
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 7dc79ff..5c9c816 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,35 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.10.3] - 2024-10-24
+
+### Fixed
+
+- Adjusted action button and close button's sizing for toast component
+
+## [1.10.2] - 2024-10-23
+
+### Fixed
+
+- Fixed shadow and pressed shadow for base card list component
+
+## [1.10.1] - 2024-10-22
+
+### Fixed
+
+- Fixed shadow for base card list component
+
+## [1.10.0] - 2024-10-14
+
+### Fixed
+
+- Fixed an error with layout buttons
+
+### Added
+
+- Added swipe item selection list component
+- Added MainCardList component.
+
 ## [1.9.0] - 2024-07-22
 
 ### Added
diff --git a/env.json b/env.json
deleted file mode 100644
index 4e60c2c..0000000
--- a/env.json
+++ /dev/null
@@ -1 +0,0 @@
-{"LOAD_STORYBOOK": true, "WEB_MODE": false}
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 7059363..a804291 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@janiscommerce/ui-native",
-	"version": "1.9.0",
+	"version": "1.10.3",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@janiscommerce/ui-native",
-			"version": "1.9.0",
+			"version": "1.10.3",
 			"license": "ISC",
 			"dependencies": {
 				"@gorhom/bottom-sheet": "^4.5.1",
diff --git a/package.json b/package.json
index 1876647..99fd741 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@janiscommerce/ui-native",
-	"version": "1.9.0",
+	"version": "1.10.3",
 	"description": "components library for Janis app",
 	"main": "dist/index.js",
 	"typings": "dist/index.d.ts",
diff --git a/src/components/atoms/BaseCardList/index.tsx b/src/components/atoms/BaseCardList/index.tsx
index f981151..3214a3e 100644
--- a/src/components/atoms/BaseCardList/index.tsx
+++ b/src/components/atoms/BaseCardList/index.tsx
@@ -18,10 +18,14 @@ const BaseCardList: FC<BaseCardListProps> = ({children, isSelected = false, styl
 			borderRadius: 20,
 			width: '100%',
 			padding: 16,
+			elevation: 2,
+			shadowColor: palette.black.main,
 		},
 		selectedContainer: {
 			borderWidth: 2,
 			borderColor: palette.primary.main,
+			elevation: 4,
+			shadowColor: palette.primary.main,
 		},
 	});
 
diff --git a/src/components/atoms/RadioButton/index.tsx b/src/components/atoms/RadioButton/index.tsx
index 71c52c5..8616047 100644
--- a/src/components/atoms/RadioButton/index.tsx
+++ b/src/components/atoms/RadioButton/index.tsx
@@ -41,7 +41,7 @@ const styles = StyleSheet.create({
 
 	row: {
 		flexDirection: 'row',
-		justifyContent: 'flex-start',
+		justifyContent: 'space-between',
 	},
 	reverseRow: {
 		flexDirection: 'row-reverse',
diff --git a/src/components/molecules/Button/index.test.tsx b/src/components/molecules/Button/index.test.tsx
index fe66cc4..0dbf646 100644
--- a/src/components/molecules/Button/index.test.tsx
+++ b/src/components/molecules/Button/index.test.tsx
@@ -15,6 +15,14 @@ jest.spyOn(React, 'useEffect').mockImplementation((f) => f());
 jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
 
 describe('Button component', () => {
+	describe('it does not render', () => {
+		it('as there is no value nor icon', () => {
+			const ButtonComponent = create(<Button />).toJSON();
+
+			expect(ButtonComponent).toBeFalsy();
+		});
+	});
+
 	describe('it renders correctly', () => {
 		it('when it has valie as minimum prop', () => {
 			const {root} = create(<Button value={validData.value} />);
diff --git a/src/components/molecules/Button/index.tsx b/src/components/molecules/Button/index.tsx
index bc1f752..195c59e 100644
--- a/src/components/molecules/Button/index.tsx
+++ b/src/components/molecules/Button/index.tsx
@@ -66,7 +66,7 @@ const Button: FC<ButtonProps> = ({
 	color = 'primary',
 	iconPosition = 'left',
 	isLoading = false,
-	value = 'Button',
+	value = '',
 	icon = null,
 	disabled = false,
 	style,
@@ -74,6 +74,10 @@ const Button: FC<ButtonProps> = ({
 	textStyle,
 	...props
 }) => {
+	if (!value && !icon) {
+		return null;
+	}
+
 	const validDisabled = disabled || isLoading;
 	const hasIconAndText = !!icon && !!value;
 	const borderRadius = variant === 'text' ? 6 : 50;
@@ -89,12 +93,12 @@ const Button: FC<ButtonProps> = ({
 	});
 	const styles = StyleSheet.create(buttonStyles);
 
-	const LoadingCompontent = <Loading isLoading={isLoading} color={styles.loadingColor} size={24} />;
+	const LoadingComponent = <Loading isLoading={isLoading} color={styles.loadingColor} size={24} />;
 
 	const WrapperComponent = (
 		<View style={styles.direction}>
 			{icon && <Icon name={icon} style={[styles.icon, iconStyle]} size={24} />}
-			{value && <Text style={[styles.text, textStyle]}>{value}</Text>}
+			{!!value && <Text style={[styles.text, textStyle]}>{value}</Text>}
 		</View>
 	);
 
@@ -105,7 +109,7 @@ const Button: FC<ButtonProps> = ({
 			borderRadius={borderRadius}
 			disabled={validDisabled}
 			{...props}>
-			{isLoading ? LoadingCompontent : WrapperComponent}
+			{isLoading ? LoadingComponent : WrapperComponent}
 		</BaseButton>
 	);
 };
diff --git a/src/components/molecules/Button/utils/getButtonStyles/index.test.ts b/src/components/molecules/Button/utils/getButtonStyles/index.test.ts
index 8f68645..9219a8e 100644
--- a/src/components/molecules/Button/utils/getButtonStyles/index.test.ts
+++ b/src/components/molecules/Button/utils/getButtonStyles/index.test.ts
@@ -42,9 +42,17 @@ describe('getMixedButtonStyles util', () => {
 				fontWeight: '500',
 				textAlign: 'center',
 				color: '#C4C6CC',
+				fontFamily: 'Roboto-Medium',
+				letterSpacing: 0,
 				fontSize: 29,
 			},
-			icon: {fontWeight: '500', textAlign: 'center', color: '#C4C6CC'},
+			icon: {
+				fontWeight: '500',
+				fontFamily: 'Roboto-Medium',
+				letterSpacing: 0,
+				textAlign: 'center',
+				color: '#C4C6CC',
+			},
 			loadingColor: '#2979FF',
 		});
 	});
@@ -70,9 +78,17 @@ describe('getMixedButtonStyles util', () => {
 				fontWeight: '500',
 				textAlign: 'center',
 				color: '#fff',
+				fontFamily: 'Roboto-Medium',
+				letterSpacing: 0,
 				fontSize: 29,
 			},
-			icon: {fontWeight: '500', textAlign: 'center', color: '#fff'},
+			icon: {
+				fontWeight: '500',
+				textAlign: 'center',
+				color: '#fff',
+				fontFamily: 'Roboto-Medium',
+				letterSpacing: 0,
+			},
 			loadingColor: '#2979FF',
 		});
 	});
diff --git a/src/components/molecules/Button/utils/getButtonStyles/utils/styleConfigs/index.ts b/src/components/molecules/Button/utils/getButtonStyles/utils/styleConfigs/index.ts
index 33a2784..a223f9b 100644
--- a/src/components/molecules/Button/utils/getButtonStyles/utils/styleConfigs/index.ts
+++ b/src/components/molecules/Button/utils/getButtonStyles/utils/styleConfigs/index.ts
@@ -108,6 +108,8 @@ export const styleConfig = {
 	text: {
 		fontWeight: '500',
 		textAlign: 'center',
+		fontFamily: 'Roboto-Medium',
+		letterSpacing: 0,
 	},
 	icon: {
 		margin: {
diff --git a/src/components/molecules/ItemSelectionButton/index.test.tsx b/src/components/molecules/ItemSelectionButton/index.test.tsx
new file mode 100644
index 0000000..29f28ec
--- /dev/null
+++ b/src/components/molecules/ItemSelectionButton/index.test.tsx
@@ -0,0 +1,58 @@
+import React from 'react';
+import {create} from 'react-test-renderer';
+import ItemSelectionButton from './index';
+import CheckBox from 'atoms/CheckBox';
+import RadioButton from 'atoms/RadioButton';
+import {TouchableOpacity} from 'react-native';
+
+describe('ItemSelectionButton component', () => {
+	describe('does not render', () => {
+		it('as name prop is not passed', () => {
+			const {toJSON} = create(<ItemSelectionButton name="" />);
+
+			expect(toJSON()).toBeNull();
+		});
+	});
+
+	it('should render with checkbox at the right', () => {
+		const ItemSelectionButtonComp = create(
+			<ItemSelectionButton name="Warehouse" rightSelection />
+		).root;
+		const CheckboxComp = ItemSelectionButtonComp.findByType(CheckBox);
+
+		expect(CheckboxComp).toBeTruthy();
+	});
+
+	it('should render with checkbox at the left and press it', () => {
+		const ItemSelectionButtonComp = create(
+			<ItemSelectionButton name="Warehouse" leftSelection />
+		).root;
+
+		const Touchable = ItemSelectionButtonComp.findByType(TouchableOpacity);
+		const {onPress: onSelection} = Touchable.props;
+
+		onSelection();
+
+		const CheckboxComp = ItemSelectionButtonComp.findByType(CheckBox);
+
+		expect(CheckboxComp).toBeTruthy();
+	});
+
+	it('should render with radioButton at the right', () => {
+		const ItemSelectionButtonComp = create(
+			<ItemSelectionButton name="Warehouse" radioButton rightSelection />
+		).root;
+		const RadioButtonComp = ItemSelectionButtonComp.findByType(RadioButton);
+
+		expect(RadioButtonComp).toBeTruthy();
+	});
+
+	it('should render with radioButton at the left', () => {
+		const ItemSelectionButtonComp = create(
+			<ItemSelectionButton name="Warehouse" radioButton leftSelection />
+		).root;
+		const RadioButtonComp = ItemSelectionButtonComp.findByType(RadioButton);
+
+		expect(RadioButtonComp).toBeTruthy();
+	});
+});
diff --git a/src/components/molecules/ItemSelectionButton/index.tsx b/src/components/molecules/ItemSelectionButton/index.tsx
new file mode 100644
index 0000000..524935d
--- /dev/null
+++ b/src/components/molecules/ItemSelectionButton/index.tsx
@@ -0,0 +1,100 @@
+import React from 'react';
+import RadioButton from 'atoms/RadioButton';
+import CheckBox from 'atoms/CheckBox';
+import {StyleSheet, TouchableOpacity, View} from 'react-native';
+import Text from 'atoms/Text';
+import {palette} from 'theme/palette';
+import {horizontalScale, moderateScale, scaledForDevice, verticalScale} from 'scale';
+
+export interface ItemSelectionButtonProps {
+	name: string;
+	selected?: boolean;
+	radioButton?: boolean;
+	leftSelection?: boolean;
+	rightSelection?: boolean;
+	onSelection?: () => {};
+}
+
+const validPaddingHorizontal = scaledForDevice(16, horizontalScale);
+const validMarginVertical = scaledForDevice(13, moderateScale);
+
+const styles = StyleSheet.create({
+	container: {
+		justifyContent: 'center',
+	},
+	radioButtonContainer: {
+		display: 'flex',
+		height: verticalScale(48),
+		borderRadius: verticalScale(4),
+	},
+	checkBoxContainer: {
+		flexDirection: 'row',
+		justifyContent: 'space-between',
+		paddingHorizontal: validPaddingHorizontal,
+		marginVertical: validMarginVertical,
+		alignItems: 'center',
+		height: 'auto',
+	},
+	text: {
+		fontSize: 16,
+		fontWeight: '400',
+		color: palette.black.main,
+		textTransform: 'capitalize',
+	},
+	separator: {
+		alignSelf: 'center',
+		borderBottomColor: palette.grey[200],
+		borderBottomWidth: verticalScale(1),
+		width: '90%',
+	},
+});
+
+const ItemSelectionButton: React.FC<ItemSelectionButtonProps> = ({
+	name,
+	selected = false,
+	radioButton = false,
+	leftSelection = false,
+	rightSelection = false,
+	onSelection = () => {},
+}) => {
+	if (!name) {
+		return null;
+	}
+
+	const checkPosition = rightSelection || (!rightSelection && !leftSelection) ? 'right' : 'left';
+
+	const renderSelectionComponent = () => {
+		if (!radioButton) {
+			return <CheckBox onPress={onSelection as () => {}} checked={selected} customSize={24} />;
+		}
+
+		return (
+			<RadioButton
+				onPress={onSelection as () => {}}
+				selected={selected}
+				checkPosition={checkPosition}
+				checkSize="md">
+				<Text style={styles.text}>{name}</Text>
+			</RadioButton>
+		);
+	};
+
+	return (
+		<View style={styles.container}>
+			<TouchableOpacity
+				style={[
+					radioButton && styles.radioButtonContainer,
+					!radioButton && styles.checkBoxContainer,
+				]}
+				onPress={onSelection}>
+				{leftSelection && !rightSelection && renderSelectionComponent()}
+				{!radioButton && <Text style={styles.text}>{name}</Text>}
+				{((rightSelection && !leftSelection) || (!rightSelection && !leftSelection)) &&
+					renderSelectionComponent()}
+			</TouchableOpacity>
+			<View style={styles.separator} />
+		</View>
+	);
+};
+
+export default ItemSelectionButton;
diff --git a/src/components/molecules/LayoutWithBottomButtons/index.test.tsx b/src/components/molecules/LayoutWithBottomButtons/index.test.tsx
index 96b9910..0827cdc 100644
--- a/src/components/molecules/LayoutWithBottomButtons/index.test.tsx
+++ b/src/components/molecules/LayoutWithBottomButtons/index.test.tsx
@@ -2,9 +2,10 @@ import {View, Text} from 'react-native';
 import React from 'react';
 import {render} from '@testing-library/react-native';
 import {create} from 'react-test-renderer';
-import Button from 'atoms/BaseButton';
+import Button from 'molecules/Button';
 import LayoutWithBottomButtons from './index';
 import * as utils from './utils';
+import {keyColor} from 'molecules/Button';
 
 describe('LayoutWithBottomButtons Layout', () => {
 	const parseButtonsStyles = jest.spyOn(utils, 'parseButtonsStyles');
@@ -50,8 +51,8 @@ describe('LayoutWithBottomButtons Layout', () => {
 			const testText = 'Some Content';
 			const testButton = [
 				{
-					iconName: 'home',
-					color: 'success',
+					icon: 'home',
+					color: 'success' as keyColor,
 					onPressHandler: jest.fn(),
 				},
 			];
@@ -70,10 +71,10 @@ describe('LayoutWithBottomButtons Layout', () => {
 
 		it('render one button correctly', () => {
 			const testText = 'Some Content';
-			const testColor = 'success';
+			const testColor = 'success' as keyColor;
 			const testButton = [
 				{
-					iconName: 'home',
+					icon: 'home',
 					color: testColor,
 					onPressHandler: jest.fn(),
 				},
@@ -96,16 +97,16 @@ describe('LayoutWithBottomButtons Layout', () => {
 
 		it('render two buttons correctly', () => {
 			const testText = 'Some Content';
-			const testColor1 = 'success';
-			const testColor2 = 'warning';
+			const testColor1 = 'success' as keyColor;
+			const testColor2 = 'warning' as keyColor;
 			const testButtons = [
 				{
-					iconName: 'home',
+					icon: 'home',
 					color: testColor1,
 					onPressHandler: jest.fn(),
 				},
 				{
-					iconName: 'camera',
+					icon: 'camera',
 					color: testColor2,
 					onPressHandler: jest.fn(),
 				},
@@ -128,24 +129,167 @@ describe('LayoutWithBottomButtons Layout', () => {
 			expect(secondButtonColor).toBe(testColor2);
 		});
 
+		it('render two buttons with only icons correctly - variant roundedOnTop', () => {
+			const testText = 'Some Content';
+			const testColor1 = 'success' as keyColor;
+			const testColor2 = 'warning' as keyColor;
+			const testButtons = [
+				{
+					icon: 'home',
+					color: testColor1,
+					onPressHandler: jest.fn(),
+					width: 20,
+				},
+				{
+					icon: 'camera',
+					color: testColor2,
+					onPressHandler: jest.fn(),
+				},
+			];
+
+			const LayoutInstance = create(
+				<LayoutWithBottomButtons variant="roundedOnTop" buttons={testButtons}>
+					<View>
+						<Text>{testText}</Text>
+					</View>
+				</LayoutWithBottomButtons>
+			).root;
+
+			const Buttons = LayoutInstance.findAllByType(Button);
+			const {color: firstButtonColor} = Buttons[0].props;
+			const {color: secondButtonColor} = Buttons[1].props;
+
+			expect(Buttons.length).toBe(2);
+			expect(firstButtonColor).toBe(testColor1);
+			expect(secondButtonColor).toBe(testColor2);
+		});
+
+		it('render two buttons correctly - variant roundedOnTop', () => {
+			const testText = 'Some Content';
+			const testColor1 = 'success' as keyColor;
+			const testColor2 = 'warning' as keyColor;
+			const testButtons = [
+				{
+					icon: 'home',
+					value: 'Button',
+					color: testColor1,
+					onPressHandler: jest.fn(),
+					width: 20,
+				},
+				{
+					icon: 'camera',
+					value: 'Button',
+					color: testColor2,
+					onPressHandler: jest.fn(),
+				},
+			];
+
+			const LayoutInstance = create(
+				<LayoutWithBottomButtons variant="roundedOnTop" buttons={testButtons}>
+					<View>
+						<Text>{testText}</Text>
+					</View>
+				</LayoutWithBottomButtons>
+			).root;
+
+			const Buttons = LayoutInstance.findAllByType(Button);
+			const {color: firstButtonColor} = Buttons[0].props;
+			const {color: secondButtonColor} = Buttons[1].props;
+
+			expect(Buttons.length).toBe(2);
+			expect(firstButtonColor).toBe(testColor1);
+			expect(secondButtonColor).toBe(testColor2);
+		});
+
+		it('render two icon buttons correctly - variant rounded', () => {
+			const testText = 'Some Content';
+			const testColor1 = 'success' as keyColor;
+			const testColor2 = 'warning' as keyColor;
+			const testButtons = [
+				{
+					icon: 'home',
+					color: testColor1,
+					onPressHandler: jest.fn(),
+				},
+				{
+					icon: 'camera',
+					color: testColor2,
+					onPressHandler: jest.fn(),
+				},
+			];
+
+			const LayoutInstance = create(
+				<LayoutWithBottomButtons buttons={testButtons} variant="rounded">
+					<View>
+						<Text>{testText}</Text>
+					</View>
+				</LayoutWithBottomButtons>
+			).root;
+
+			const Buttons = LayoutInstance.findAllByType(Button);
+			const {color: firstButtonColor} = Buttons[0].props;
+			const {color: secondButtonColor} = Buttons[1].props;
+
+			expect(Buttons.length).toBe(2);
+			expect(firstButtonColor).toBe(testColor1);
+			expect(secondButtonColor).toBe(testColor2);
+		});
+
+		it('render two buttons correctly - variant rounded', () => {
+			const testText = 'Some Content';
+			const testColor1 = 'success' as keyColor;
+			const testColor2 = 'warning' as keyColor;
+			const testButtons = [
+				{
+					icon: 'home',
+					value: 'Button',
+					color: testColor1,
+					onPressHandler: jest.fn(),
+				},
+				{
+					icon: 'camera',
+					value: 'Button',
+					color: testColor2,
+					onPressHandler: jest.fn(),
+				},
+			];
+
+			const LayoutInstance = create(
+				<LayoutWithBottomButtons buttons={testButtons} variant="rounded">
+					<View>
+						<Text>{testText}</Text>
+					</View>
+				</LayoutWithBottomButtons>
+			).root;
+
+			const Buttons = LayoutInstance.findAllByType(Button);
+			const {color: firstButtonColor} = Buttons[0].props;
+			const {color: secondButtonColor} = Buttons[1].props;
+
+			expect(Buttons.length).toBe(2);
+			expect(firstButtonColor).toBe(testColor1);
+			expect(secondButtonColor).toBe(testColor2);
+		});
+
 		it('render three buttons correctly - variant rounded', () => {
 			const testText = 'Some Content';
-			const testColor1 = 'success';
-			const testColor2 = 'warning';
-			const testColor3 = 'error';
+			const testColor1 = 'success' as keyColor;
+			const testColor2 = 'warning' as keyColor;
+			const testColor3 = 'error' as keyColor;
 			const testButtons = [
 				{
-					iconName: 'home',
+					icon: 'home',
 					color: testColor1,
 					onPressHandler: jest.fn(),
 				},
 				{
-					iconName: 'camera',
+					icon: 'camera',
 					color: testColor2,
 					onPressHandler: jest.fn(),
+					width: 25,
 				},
 				{
-					iconName: 'box',
+					icon: 'box',
 					color: testColor3,
 					onPressHandler: jest.fn(),
 				},
diff --git a/src/components/molecules/LayoutWithBottomButtons/index.tsx b/src/components/molecules/LayoutWithBottomButtons/index.tsx
index fdb804b..0a67309 100644
--- a/src/components/molecules/LayoutWithBottomButtons/index.tsx
+++ b/src/components/molecules/LayoutWithBottomButtons/index.tsx
@@ -1,10 +1,10 @@
 import React, {ReactElement} from 'react';
 import {StyleSheet, ViewProps, View} from 'react-native';
-import BaseButton from 'atoms/BaseButton';
 import {palette} from 'theme/palette';
 import {moderateScale, scaledForDevice} from 'scale';
 import {validVariants, parseButtonsStyles, buttonWrapperVariantStyles} from './utils';
 import type {IlayoutButtons} from './utils';
+import Button from 'molecules/Button';
 
 interface LayoutWithBottomButtonsProps extends ViewProps {
 	children: ReactElement | string;
@@ -35,6 +35,8 @@ const LayoutWithBottomButtons = ({
 		return null;
 	}
 
+	const isRoundedOnTopVariant = selectedVariant === validVariants.roundedOnTop;
+
 	const styles = StyleSheet.create({
 		Container: {
 			flex: 1,
@@ -54,7 +56,7 @@ const LayoutWithBottomButtons = ({
 		},
 		ButtonsWrapper: {
 			...buttonWrapperVariantStyles(selectedVariant),
-			flexDirection: 'row',
+			flexDirection: isRoundedOnTopVariant ? 'column' : 'row',
 			justifyContent: 'space-between',
 			backgroundColor: validBtnBgColor,
 			marginTop: 'auto',
@@ -72,10 +74,10 @@ const LayoutWithBottomButtons = ({
 			<View style={[styles.Container]} {...props}>
 				{children}
 				<View style={[styles.FullButtonsRoundedWrapper]}>
-					<BaseButton {...fullWidthButton} />
+					<Button {...fullWidthButton} />
 					<View style={[styles.TwoButtonsWrapper]}>
 						{newBtns.map(({...buttonData}, index) => (
-							<BaseButton key={index.toString()} {...buttonData} />
+							<Button key={index.toString()} {...buttonData} />
 						))}
 					</View>
 				</View>
@@ -92,7 +94,7 @@ const LayoutWithBottomButtons = ({
 			{children}
 			<View style={[styles.ButtonsWrapper]}>
 				{parsedButtons.map(({...buttonData}, index) => (
-					<BaseButton key={index.toString()} {...buttonData} />
+					<Button key={index.toString()} {...buttonData} />
 				))}
 			</View>
 		</View>
diff --git a/src/components/molecules/LayoutWithBottomButtons/utils/index.test.ts b/src/components/molecules/LayoutWithBottomButtons/utils/index.test.ts
index 100c4a5..370bf21 100644
--- a/src/components/molecules/LayoutWithBottomButtons/utils/index.test.ts
+++ b/src/components/molecules/LayoutWithBottomButtons/utils/index.test.ts
@@ -1,20 +1,21 @@
+import {keyColor} from 'molecules/Button';
 import {buttonWrapperVariantStyles, parseButtonsStyles} from './index';
 import {moderateScale, scaledForDevice} from 'scale';
 
 const layoutButtons = [
 	{
 		icon: 'keyboard',
-		pressedColor: '#FFFFFF',
+		pressedColor: '#FFFFFF' as keyColor,
 		onPress: jest.fn(),
 	},
 	{
 		icon: 'camera',
-		color: '#fgfgfg',
+		color: '#fgfgfg' as keyColor,
 		onPress: jest.fn(),
 	},
 	{
 		icon: 'check_light',
-		color: 'success',
+		color: 'success' as keyColor,
 		disabled: true,
 		onPress: jest.fn(),
 	},
@@ -75,29 +76,29 @@ describe('LayoutWithBottomButtons utils', () => {
 			it('2 buttons - should adjust the size correctly', () => {
 				const buttons = layoutButtons.slice(0, 2);
 				const response = parseButtonsStyles(buttons, 'rounded');
-				expect(response[0].style?.width).toEqual('49%');
-				expect(response[1].style?.width).toEqual('49%');
+				expect(response[0].style?.width).toEqual('auto');
+				expect(response[1].style?.width).toEqual('75%');
 			});
 
 			it('2 buttons - should respect the defined sizes', () => {
 				const buttons = layoutButtons.map((btn) => ({...btn, width: 30})).slice(0, 2);
 				const response = parseButtonsStyles(buttons, 'rounded');
-				expect(response[0].style?.width).toEqual(30);
-				expect(response[1].style?.width).toEqual(30);
+				expect(response[0].style?.width).toEqual('auto');
+				expect(response[1].style?.width).toEqual('75%');
 			});
 
 			it('2 buttons - the first button is full width', () => {
 				const buttons = layoutButtons.map((btn) => ({...btn, width: '100%'})).slice(0, 2);
 				const response = parseButtonsStyles(buttons, 'rounded');
-				expect(response[0].style?.width).toEqual('100%');
-				expect(response[1].style?.width).toEqual('100%');
+				expect(response[0].style?.width).toEqual('auto');
+				expect(response[1].style?.width).toEqual('75%');
 			});
 
 			it('2 buttons - if an invalid width is passed, the default is applied', () => {
 				const buttons = layoutButtons.map((btn) => ({...btn, width: '30'})).slice(0, 2);
 				const response = parseButtonsStyles(buttons, 'rounded');
-				expect(response[0].style?.width).toEqual('49%');
-				expect(response[1].style?.width).toEqual('49%');
+				expect(response[0].style?.width).toEqual('auto');
+				expect(response[1].style?.width).toEqual('75%');
 			});
 
 			it('1 button - should adjust the size correctly', () => {
diff --git a/src/components/molecules/LayoutWithBottomButtons/utils/index.ts b/src/components/molecules/LayoutWithBottomButtons/utils/index.ts
index fd47790..3b9754c 100644
--- a/src/components/molecules/LayoutWithBottomButtons/utils/index.ts
+++ b/src/components/molecules/LayoutWithBottomButtons/utils/index.ts
@@ -1,14 +1,15 @@
+import {keyColor} from 'molecules/Button';
 import {PressableProps, ViewStyle, TextStyle} from 'react-native';
 import {moderateScale, scaledForDevice} from 'scale';
 import {palette} from 'theme/palette';
 
 export interface IlayoutButtons extends PressableProps {
-	title?: string | null;
+	value?: string | null;
 	icon?: string;
 	iconRight?: boolean;
 	disabled?: boolean;
 	borderRadius?: number;
-	color?: string;
+	color?: keyColor;
 	pressedColor?: string;
 	style?: ViewStyle;
 	iconStyle?: ViewStyle;
@@ -21,17 +22,19 @@ interface IvalidVariants {
 	[key: string]: string;
 	squared: string;
 	rounded: string;
+	roundedOnTop: string;
 	default: string;
 }
 
 export const validVariants: IvalidVariants = {
 	squared: 'squared',
 	rounded: 'rounded',
+	roundedOnTop: 'roundedOnTop',
 	default: 'squared',
 };
 
 const buttonVariantStyles = (variant: string | null) => ({
-	...(variant === 'rounded' && {
+	...((variant === 'rounded' || variant === 'roundedOnTop') && {
 		borderRadius: scaledForDevice(48, moderateScale),
 		height: scaledForDevice(48, moderateScale),
 	}),
@@ -59,6 +62,9 @@ export const buttonWrapperVariantStyles = (variant: string) => ({
 	...(variant === 'rounded' && {
 		padding: scaledForDevice(16, moderateScale),
 	}),
+	...(variant === 'roundedOnTop' && {
+		padding: scaledForDevice(16, moderateScale),
+	}),
 });
 
 const validWidth = (width: string | number | undefined) => {
@@ -80,7 +86,8 @@ export const parseButtonsStyles = (buttons: Array<IlayoutButtons>, variant: stri
 
 	const newButtons = [...buttons].slice(0, 3);
 
-	const areButtonsRounded = currentVariant === validVariants.rounded;
+	const areButtonsRounded =
+		currentVariant === validVariants.rounded || currentVariant === validVariants.roundedOnTop;
 
 	if (newButtons.length === 3 && areButtonsRounded) {
 		const parsedButtons = newButtons.map((btn, idx) => {
@@ -114,17 +121,27 @@ export const parseButtonsStyles = (buttons: Array<IlayoutButtons>, variant: stri
 	}
 
 	if (newButtons.length === 2 && areButtonsRounded) {
+		let isThereAnOnlyIconBtn = false;
 		const parsedButtons = newButtons.map((btn, idx) => {
 			const {backgroundColor, pressedColor} = getBackgroundColor(btn);
-			if (idx === 0 && btn.width === '100%') {
+			if (!isThereAnOnlyIconBtn) {
+				isThereAnOnlyIconBtn = !!btn.icon && !btn.value;
+			}
+
+			if (idx === 0) {
 				return {
 					...btn,
 					pressedColor,
 					style: {
 						...btn?.style,
 						backgroundColor,
-						width: btn.width,
-						marginBottom: scaledForDevice(10, moderateScale),
+						width: isThereAnOnlyIconBtn
+							? 'auto'
+							: currentVariant === 'roundedOnTop'
+							? '100%'
+							: '58%',
+						paddingHorizontal: scaledForDevice(24, moderateScale),
+						marginBottom: scaledForDevice(currentVariant === 'roundedOnTop' ? 8 : 0, moderateScale),
 						...buttonVariantStyles(currentVariant),
 					},
 				};
@@ -135,7 +152,7 @@ export const parseButtonsStyles = (buttons: Array<IlayoutButtons>, variant: stri
 				style: {
 					...btn?.style,
 					backgroundColor,
-					width: validWidth(btn.width) ?? '49%',
+					width: currentVariant === 'roundedOnTop' ? '100%' : isThereAnOnlyIconBtn ? '75%' : '40%',
 					...buttonVariantStyles(currentVariant),
 				},
 			};
diff --git a/src/components/molecules/SwipeList/index.tsx b/src/components/molecules/SwipeList/index.tsx
index 8dea9a6..727de79 100644
--- a/src/components/molecules/SwipeList/index.tsx
+++ b/src/components/molecules/SwipeList/index.tsx
@@ -7,6 +7,7 @@ import {StyleSheet, View} from 'react-native';
 import {verticalScale} from 'scale';
 
 export interface SwipeListProps extends SwipeUpProps, BottomSheetProps {
+	ref?: Ref<BottomSheet>;
 	renderHeader?: () => void;
 	actions?: ButtonProps[];
 }
diff --git a/src/components/molecules/Toast/index.tsx b/src/components/molecules/Toast/index.tsx
index 538ad52..554d4ad 100644
--- a/src/components/molecules/Toast/index.tsx
+++ b/src/components/molecules/Toast/index.tsx
@@ -87,8 +87,8 @@ const Toast: FC<ToastProps> = ({type, text1, text2, style, props}) => {
 			flexDirection: 'row',
 			alignItems: 'center',
 		},
-		closeIcon: {
-			paddingLeft: scaledForDevice(10, moderateScale),
+		closeIconWrapper: {
+			padding: scaledForDevice(10, moderateScale),
 		},
 		actionTitle: {
 			marginRight: scaledForDevice(5, moderateScale),
@@ -98,6 +98,9 @@ const Toast: FC<ToastProps> = ({type, text1, text2, style, props}) => {
 			lineHeight: scaledForDevice(16, moderateScale),
 			color: validColor,
 		},
+		actionWrapper: {
+			padding: scaledForDevice(10, moderateScale),
+		},
 	});
 	return (
 		<BaseToast type={type} style={[styles.container, style]}>
@@ -117,13 +120,19 @@ const Toast: FC<ToastProps> = ({type, text1, text2, style, props}) => {
 
 			<View style={styles.feedbackWrapper}>
 				{actionTitle && (
-					<TouchableOpacity onPress={handleActionCb} activeOpacity={0.6}>
+					<TouchableOpacity
+						style={styles.actionWrapper}
+						onPress={handleActionCb}
+						activeOpacity={0.6}>
 						<Text style={styles.actionTitle}>{actionTitle}</Text>
 					</TouchableOpacity>
 				)}
 				{showCloseIcon && (
-					<TouchableOpacity onPress={handleCloseCb} activeOpacity={0.6}>
-						<Icon name="cross_light" color={validColor} size={24} style={styles.closeIcon} />
+					<TouchableOpacity
+						style={styles.closeIconWrapper}
+						onPress={handleCloseCb}
+						activeOpacity={0.6}>
+						<Icon name="cross_light" color={validColor} size={24} />
 					</TouchableOpacity>
 				)}
 			</View>
diff --git a/src/components/organisms/SwipeItemSelectionList/__snapshots__/index.test.tsx.snap b/src/components/organisms/SwipeItemSelectionList/__snapshots__/index.test.tsx.snap
new file mode 100644
index 0000000..044d772
--- /dev/null
+++ b/src/components/organisms/SwipeItemSelectionList/__snapshots__/index.test.tsx.snap
@@ -0,0 +1,229 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SwipeItemSelectionList component renders correctly, select and unselect it with checkbox, selects and unselects it 1`] = `
+<View
+  footerComponent={[Function]}
+  index={0}
+  snapPoints={
+    Array [
+      "100%",
+    ]
+  }
+>
+  <RCTScrollView>
+    <View>
+      <View
+        style={
+          Object {
+            "justifyContent": "center",
+          }
+        }
+      >
+        <View
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            Object {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "height": "auto",
+              "justifyContent": "space-between",
+              "marginVertical": 27,
+              "opacity": 1,
+              "paddingHorizontal": 33.5,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "fontFamily": "Roboto",
+                  "fontSize": 27,
+                },
+                Object {
+                  "color": "#2F2F2F",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "textTransform": "capitalize",
+                },
+              ]
+            }
+          >
+            1
+          </Text>
+          <View
+            accessibilityState={
+              Object {
+                "disabled": false,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              Object {
+                "borderRadius": 12.5,
+                "height": 50,
+                "opacity": 1,
+                "width": 50,
+              }
+            }
+          >
+            <View
+              style={
+                Object {
+                  "borderColor": "#939598",
+                  "borderRadius": 6,
+                  "borderWidth": 1.5,
+                  "height": 50,
+                  "width": 50,
+                }
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            Object {
+              "alignSelf": "center",
+              "borderBottomColor": "#D5D7DB",
+              "borderBottomWidth": 2,
+              "width": "90%",
+            }
+          }
+        />
+      </View>
+    </View>
+  </RCTScrollView>
+</View>
+`;
+
+exports[`SwipeItemSelectionList component renders correctly, select and unselect it with radioButton, selects and unselect it 1`] = `
+<View
+  footerComponent={[Function]}
+  index={0}
+  snapPoints={
+    Array [
+      "100%",
+    ]
+  }
+>
+  <RCTScrollView>
+    <View>
+      <View
+        style={
+          Object {
+            "justifyContent": "center",
+          }
+        }
+      >
+        <View
+          accessible={true}
+          collapsable={false}
+          focusable={true}
+          onClick={[Function]}
+          onResponderGrant={[Function]}
+          onResponderMove={[Function]}
+          onResponderRelease={[Function]}
+          onResponderTerminate={[Function]}
+          onResponderTerminationRequest={[Function]}
+          onStartShouldSetResponder={[Function]}
+          style={
+            Object {
+              "alignItems": "center",
+              "flexDirection": "row",
+              "height": "auto",
+              "justifyContent": "space-between",
+              "marginVertical": 27,
+              "opacity": 1,
+              "paddingHorizontal": 33.5,
+            }
+          }
+        >
+          <Text
+            style={
+              Array [
+                Object {
+                  "fontFamily": "Roboto",
+                  "fontSize": 27,
+                },
+                Object {
+                  "color": "#2F2F2F",
+                  "fontSize": 16,
+                  "fontWeight": "400",
+                  "textTransform": "capitalize",
+                },
+              ]
+            }
+          >
+            1
+          </Text>
+          <View
+            accessibilityState={
+              Object {
+                "disabled": false,
+              }
+            }
+            accessible={true}
+            collapsable={false}
+            focusable={true}
+            onClick={[Function]}
+            onResponderGrant={[Function]}
+            onResponderMove={[Function]}
+            onResponderRelease={[Function]}
+            onResponderTerminate={[Function]}
+            onResponderTerminationRequest={[Function]}
+            onStartShouldSetResponder={[Function]}
+            style={
+              Object {
+                "borderRadius": 12.5,
+                "height": 50,
+                "opacity": 1,
+                "width": 50,
+              }
+            }
+          >
+            <View
+              style={
+                Object {
+                  "borderColor": "#939598",
+                  "borderRadius": 6,
+                  "borderWidth": 1.5,
+                  "height": 50,
+                  "width": 50,
+                }
+              }
+            />
+          </View>
+        </View>
+        <View
+          style={
+            Object {
+              "alignSelf": "center",
+              "borderBottomColor": "#D5D7DB",
+              "borderBottomWidth": 2,
+              "width": "90%",
+            }
+          }
+        />
+      </View>
+    </View>
+  </RCTScrollView>
+</View>
+`;
diff --git a/src/components/organisms/SwipeItemSelectionList/index.test.tsx b/src/components/organisms/SwipeItemSelectionList/index.test.tsx
new file mode 100644
index 0000000..5958edd
--- /dev/null
+++ b/src/components/organisms/SwipeItemSelectionList/index.test.tsx
@@ -0,0 +1,41 @@
+import 'react-native';
+import React from 'react';
+import {create} from 'react-test-renderer';
+import SwipeItemSelectionList from './index';
+import ItemSelectionButton from 'molecules/ItemSelectionButton';
+import {act, fireEvent} from '@testing-library/react-native';
+
+describe('SwipeItemSelectionList component', () => {
+	describe('does not render', () => {
+		it('as no data is passed', () => {
+			const {toJSON} = create(<SwipeItemSelectionList data={[]} />);
+
+			expect(toJSON()).toBeNull();
+		});
+	});
+
+	describe('renders correctly, select and unselect it', () => {
+		it('with checkbox, selects and unselects it', async () => {
+			const {toJSON, root} = create(<SwipeItemSelectionList data={[{id: '1', name: '1'}]} />);
+
+			const ItemSelectionButtonComp = root.findByType(ItemSelectionButton);
+
+			await act(async () => fireEvent(ItemSelectionButtonComp, 'onSelection'));
+			await act(async () => fireEvent(ItemSelectionButtonComp, 'onSelection'));
+
+			expect(toJSON()).toMatchSnapshot();
+		});
+
+		it('with radioButton, selects and unselect it', async () => {
+			const {toJSON, root} = create(
+				<SwipeItemSelectionList data={[{id: '1', name: '1'}]} multiselect />
+			);
+
+			const ItemSelectionButtonComp = root.findByType(ItemSelectionButton);
+			await act(async () => fireEvent(ItemSelectionButtonComp, 'onSelection'));
+			await act(async () => fireEvent(ItemSelectionButtonComp, 'onSelection'));
+
+			expect(toJSON()).toMatchSnapshot();
+		});
+	});
+});
diff --git a/src/components/organisms/SwipeItemSelectionList/index.tsx b/src/components/organisms/SwipeItemSelectionList/index.tsx
new file mode 100644
index 0000000..5a60af1
--- /dev/null
+++ b/src/components/organisms/SwipeItemSelectionList/index.tsx
@@ -0,0 +1,83 @@
+import React, {Ref, useState} from 'react';
+import SwipeList, {SwipeListProps} from 'molecules/SwipeList';
+import ItemSelectionButton from 'molecules/ItemSelectionButton';
+import BottomSheet from '@gorhom/bottom-sheet';
+
+interface SwipeItemSelectionListProps extends Partial<SwipeListProps> {
+	ref?: Ref<BottomSheet>;
+	data: any[];
+	radioButton?: boolean;
+	multiselect?: boolean;
+	leftSelection?: boolean;
+	rightSelection?: boolean;
+	onSelection?: (id: string) => {};
+}
+
+const SwipeItemSelectionList: React.FC<SwipeItemSelectionListProps> = React.forwardRef(
+	(
+		{
+			data,
+			radioButton = false,
+			multiselect = false,
+			leftSelection = false,
+			rightSelection = false,
+			onSelection = () => {},
+			...props
+		},
+		ref: Ref<BottomSheet>
+	) => {
+		const [selectedElementId, setSelectedElementId] = useState<string>('');
+		const [selectedElementsIds, setSelectedElementsIds] = useState<string[]>([]);
+
+		if (!data || !data.length) {
+			return null;
+		}
+
+		const checkIfElementIsSelected = (id: string, isElementSelected: boolean) => {
+			if (isElementSelected) {
+				return multiselect
+					? setSelectedElementsIds(
+							(prevState) => prevState.filter((includedId) => includedId !== id)
+							// eslint-disable-next-line no-mixed-spaces-and-tabs
+					  )
+					: setSelectedElementId('');
+			}
+
+			return multiselect
+				? setSelectedElementsIds((prevState) => [...prevState, id])
+				: setSelectedElementId(id);
+		};
+
+		const renderItem = (element: {id: string; name: string}) => {
+			const {id, name} = element;
+
+			const isElementSelected = multiselect
+				? selectedElementsIds.includes(id)
+				: selectedElementId === id;
+
+			const onSelectElement = () => {
+				checkIfElementIsSelected(id, isElementSelected);
+				return onSelection(id);
+			};
+
+			return (
+				<ItemSelectionButton
+					radioButton={radioButton}
+					leftSelection={leftSelection}
+					rightSelection={rightSelection}
+					selected={isElementSelected}
+					onSelection={onSelectElement as () => {}}
+					name={name}
+				/>
+			);
+		};
+
+		return (
+			<SwipeList ref={ref} {...props}>
+				{data.map((element) => renderItem(element))}
+			</SwipeList>
+		);
+	}
+);
+
+export default SwipeItemSelectionList;
diff --git a/src/index.ts b/src/index.ts
index b6b25bf..dfef972 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -24,11 +24,13 @@ import Select from 'molecules/Select';
 import Toast from 'react-native-toast-message';
 import {configToast} from 'molecules/Toast/utils';
 import SwipeList from 'molecules/SwipeList';
+import ItemSelectionButton from 'molecules/ItemSelectionButton';
 import MainCardList from 'molecules/MainCardList';
 
 // Organisms
 import LoadingFullScreen from 'organisms/LoadingFullScreen';
 import FullScreenMessage from 'organisms/FullScreenMessage';
+import SwipeItemSelectionList from 'organisms/SwipeItemSelectionList';
 
 // Misc
 import {palette} from 'theme/palette';
@@ -63,6 +65,8 @@ export {
 	Toast,
 	configToast,
 	SwipeList,
+	ItemSelectionButton,
+	SwipeItemSelectionList,
 	MainCardList,
 	Typography,
 };
diff --git a/storybook/stories/LayoutWithBottomButtons/LayoutWithBottomButtons.stories.js b/storybook/stories/LayoutWithBottomButtons/LayoutWithBottomButtons.stories.js
index e72a253..d1f6169 100644
--- a/storybook/stories/LayoutWithBottomButtons/LayoutWithBottomButtons.stories.js
+++ b/storybook/stories/LayoutWithBottomButtons/LayoutWithBottomButtons.stories.js
@@ -8,7 +8,7 @@ export default {
 	title: 'Components/LayoutWithBottomButtons',
 	argTypes: {
 		variant: {
-			options: ['squared', 'rounded'],
+			options: ['squared', 'rounded', 'roundedOnTop'],
 			control: {type: 'select'},
 		},
 		buttonBackgroundColor: {
diff --git a/storybook/stories/SwipeItemSelectionList/SwipeItemSelectionList.stories.js b/storybook/stories/SwipeItemSelectionList/SwipeItemSelectionList.stories.js
new file mode 100644
index 0000000..f584a2f
--- /dev/null
+++ b/storybook/stories/SwipeItemSelectionList/SwipeItemSelectionList.stories.js
@@ -0,0 +1,90 @@
+import React from 'react';
+import {GestureHandlerRootView} from 'react-native-gesture-handler';
+import {StyleSheet, Text, View} from 'react-native';
+import SwipeItemSelectionList from 'organisms/SwipeItemSelectionList';
+
+export default {
+	title: 'Components/SwipeItemSelectionList',
+	argTypes: {
+		snapPoints: {
+			options: ['5_50_100_percentage', '120_240_300_px'],
+			mapping: {
+				'5_50_100_percentage': ['5%', '50%', '100%'],
+				'120_240_300_px': [120, 240, 300],
+			},
+			control: {type: 'radio'},
+		},
+		snapPosition: {
+			options: [0, 1, 2],
+			control: {type: 'radio'},
+		},
+		renderHeader: {
+			options: [true, false],
+		},
+		multiselect: {
+			options: [true, false],
+		},
+		radioButton: {options: [true, false]},
+	},
+};
+
+const styles = StyleSheet.create({
+	screenStyle: {
+		flex: 1,
+		height: 400,
+	},
+	headerContainer: {
+		justifyContent: 'center',
+		alignItems: 'center',
+	},
+	headerTitle: {
+		fontWeight: 'bold',
+		fontSize: 25,
+	},
+});
+
+const options = Array.from({length: 30}, (_, i) => ({
+	id: (i + 1).toString(),
+	name: `Warehouse ${(i + 1).toString()}`,
+}));
+
+export const WithSwipeUpViewComponent = (props) => {
+	const {renderHeaderComponent, headerText, showActions, multiselect, radioButton} = props;
+
+	const actions = [{value: 'Confirmar'}];
+
+	const renderHeader = () => {
+		if (!renderHeaderComponent) {
+			return null;
+		}
+
+		return (
+			<View style={styles.headerContainer}>
+				<Text style={styles.headerTitle}>{headerText}</Text>
+			</View>
+		);
+	};
+
+	return (
+		<GestureHandlerRootView style={styles.screenStyle}>
+			<SwipeItemSelectionList
+				data={options}
+				renderHeader={renderHeader}
+				multiselect={multiselect}
+				radioButton={radioButton}
+				{...(showActions && actions)}
+				{...props}
+			/>
+		</GestureHandlerRootView>
+	);
+};
+
+WithSwipeUpViewComponent.args = {
+	snapPoints: ['25%', '50%', '100%'],
+	snapPosition: 0,
+	renderHeaderComponent: false,
+	headerText: 'Header',
+	showActions: false,
+	multiselect: false,
+	radioButton: false,
+};