Bump to 0.2.21

Author: edumoreira1506

package.json

@@ -2,7 +2,7 @@
   "name": "@cig-platform/ui",
   "main": "build/index.js",
   "types": "build/index.d.ts",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "dependencies": {
     "@cig-platform/enums": "^0.0.5",
     "@cig-platform/factories": "^0.0.22",

src/molecules/ListModal/ListModal.styles.ts

@@ -1,7 +1,15 @@
-import styled from 'styled-components';
+import styled, { createGlobalStyle } from 'styled-components';
 
 import { Colors, MAIN_FONT } from '../../constants/styles';
 
+export const GlobalStyles = createGlobalStyle`
+  .list-modal {
+    background-color: ${Colors.White};
+    transform: translateY(60vh);
+    height: 40vh;
+  }
+`;
+
 export const StyledContainer = styled.ul`
   margin: 0;
   padding: 0;

src/molecules/ListModal/ListModal.tsx

@@ -3,7 +3,7 @@ import { FC, Fragment, VFC } from 'react';
 import Modal, { ModalProps } from '../../atoms/Modal/Modal';
 import { LinkIdentifiers } from '../../constants';
 
-import { StyledContainer, StyledListItem } from './ListModal.styles';
+import { GlobalStyles, StyledContainer, StyledListItem } from './ListModal.styles';
 
 type LinkComponentProps = {
   identifier: typeof LinkIdentifiers.LIST_MODAL_LINK;
@@ -28,7 +28,14 @@ const ListModal: VFC<ListModalProps> = ({
   onClose,
   linkComponent: LinkComponent = Fragment
 }: ListModalProps) => (
-  <Modal animation='bottom' isOpen={isOpen} onClose={onClose}>
+  <Modal
+    animation='bottom'
+    isOpen={isOpen}
+    onClose={onClose}
+    className="list-modal"
+  >
+    <GlobalStyles />
+    
     <StyledContainer>
       {items.map(item => (
         <LinkComponent