From 4696b967297ccf827d9aa05ff94691e25563b9fa Mon Sep 17 00:00:00 2001
From: Felipe Maccari <felipecesarmaccari@gmail.com>
Date: Thu, 27 Aug 2020 23:18:45 -0300
Subject: [PATCH 1/3] fix(aiq-design-system): fix step width

---
 src/components/molecules/Multistep/Multistep.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/molecules/Multistep/Multistep.tsx b/src/components/molecules/Multistep/Multistep.tsx
index 6c8f116c..a4430b68 100644
--- a/src/components/molecules/Multistep/Multistep.tsx
+++ b/src/components/molecules/Multistep/Multistep.tsx
@@ -52,14 +52,14 @@ export const Multistep: React.FC<Props> = ({
 
   return (
     <Flex width='100%' alignItems='center' flexDirection='column' {...props}>
-      <Flex width='100%' maxWidth='800px'>
+      <Flex width='100%'>
         {steps.map((step, index) => (
           <Flex
             key={index}
             marginBottom='32px'
             flexDirection='row'
             alignItems='center'
-            width='100%'
+            width={index === steps.length - 1 ? '80px' : '100%'}
           >
             <StepButton type='button' onClick={() => handleClickStep(index)}>
               <Flex
@@ -92,6 +92,7 @@ export const Multistep: React.FC<Props> = ({
                 {step.name}
               </Text>
             </StepButton>
+
             {steps.length - 1 > index && (
               <Divider
                 color={

From 759af0400321572ab4d53620a61a1ccdec26c144 Mon Sep 17 00:00:00 2001
From: Felipe Maccari <felipecesarmaccari@gmail.com>
Date: Thu, 27 Aug 2020 23:41:00 -0300
Subject: [PATCH 2/3] fix(aiq-design-system): fix input disabled style

---
 src/components/atoms/Input/Input.stories.tsx | 21 ++++++++++++++++++++
 src/components/atoms/Input/InputOutlined.tsx |  6 +++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/atoms/Input/Input.stories.tsx b/src/components/atoms/Input/Input.stories.tsx
index c351d0a0..bf4ee711 100644
--- a/src/components/atoms/Input/Input.stories.tsx
+++ b/src/components/atoms/Input/Input.stories.tsx
@@ -52,6 +52,27 @@ export const Outlined: React.FC = () => (
   </Flex>
 )
 
+export const Disabled: React.FC = () => (
+  <Flex variant='fullCentralized'>
+    <Input
+      value={text('value', '')}
+      errorForm={boolean('errorForm', false)}
+      errorMessage={text('errorMessage', 'message error')}
+      label={text('label', 'aiqfome')}
+      placeholder={text('placeholder', 'duas pizzas é muito')}
+      disabled
+      variant={select(
+        'Variant',
+        {
+          Outlined: 'outlined',
+          Default: 'default'
+        },
+        'outlined'
+      )}
+    />
+  </Flex>
+)
+
 export const Password: React.FC = () => (
   <Flex variant='fullCentralized'>
     <Input label='Aiqfome' type='password' />
diff --git a/src/components/atoms/Input/InputOutlined.tsx b/src/components/atoms/Input/InputOutlined.tsx
index 7f124542..ba616210 100644
--- a/src/components/atoms/Input/InputOutlined.tsx
+++ b/src/components/atoms/Input/InputOutlined.tsx
@@ -2,7 +2,7 @@ import React, { useState, InputHTMLAttributes } from 'react'
 import PropTypes from 'prop-types'
 import { MdVisibility, MdVisibilityOff } from 'react-icons/md'
 
-import styled from 'styled-components'
+import styled, { css } from 'styled-components'
 import {
   color,
   space,
@@ -63,11 +63,11 @@ const LabelStyled = styled.label<Props>`
     color: ${({ theme }) => theme.colors.almostBlack};
     width: 100%;
     height: inherit;
-    background-color: transparent;
     box-shadow: none;
     line-height: inherit;
     transition: border 0.2s, box-shadow 0.2s;
-    background: white;
+    background: ${({ theme, disabled }) =>
+      disabled ? theme.colors.error : theme.colors.lightGrey};
 
     &:not(:focus):placeholder-shown {
       border-top-color: ${({ theme, errorForm }) =>

From 6e43bc23865e61308767d6c09e4ac8acbd4053f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pedro=20Matias=20de=20Ara=C3=BAjo?=
 <pedrom.araujo@outlook.com>
Date: Fri, 28 Aug 2020 19:24:24 -0300
Subject: [PATCH 3/3] up version

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 311d3db0..5a2381c2 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "aiq-design-system",
-  "version": "0.3.8",
+  "version": "0.3.9",
   "main": "dist/index.js",
   "repository": "git@github.com:aiqfome/aiq-design-system.git",
   "license": "MIT",