wca-designsystem 1.0.37 → 1.0.38

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.37",
+  "version": "1.0.38",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/atomos/Versao/index.tsx

@@ -17,7 +17,7 @@ const Versao = ({ versao, ultimaAtt, isNavHover }: VersaoProps) => {
           <p>
             Versão {versao} | Última atualização em {ultimaAtt}{' '}
           </p>
-          <p>Direitos reservados á </p>
+          <p>Direitos reservados à </p>
         </>
       )}
       <img

package/src/components/molecules/Passos/index.tsx

@@ -173,6 +173,7 @@ function Passos({
             <h3>{passoInfos?.titulo}</h3>
             <p className="preto">{passoInfos?.subTitulo}</p>
           </div>
+
           <HoverPopUp
             texto={passoInfos?.subTitulo}
             className="ajuda-wrapper ajuda-passos-wrapper"
@@ -183,7 +184,7 @@ function Passos({
               fill={theme.colors.gray['700']}
               svg={ajuda}
             />
-          </HoverPopUp>{' '}
+          </HoverPopUp>
         </div>
 
         <div className="botoes">

package/src/components/molecules/Passos/styles.ts

@@ -213,6 +213,7 @@ export const PassoInfos = styled.div<PassosWrapperProps>`
 
       .preto {
         color: ${theme.colors.blackSti};
+        max-width: 550px;
       }
 
       h3 {
@@ -224,7 +225,7 @@ export const PassoInfos = styled.div<PassosWrapperProps>`
       }
     }
 
-.ajuda-wrapper {
+    .ajuda-wrapper {
       width: 32px;
       min-width: 32px;
       height: 32px;
@@ -235,15 +236,15 @@ export const PassoInfos = styled.div<PassosWrapperProps>`
       border-radius: 8px;
     }
 
-      .ajuda-passos-wrapper {
+    .ajuda-passos-wrapper {
       display: flex;
       align-items: center;
-      padding-left: 5px;
       margin-top: 10px;
     }
-      
-      .infosWrapper {      
+
+    .infosWrapper {
       display: flex;
+      gap: 10px;
     }
 
     .botoes {

package/src/components/organismos/Tabela/Tabela.stories.tsx

@@ -67,11 +67,11 @@ const Template: any = (args: any) => (
 export const TabelaProps = Template.bind({});
 
 TabelaProps.args = {
-  data: [],
+  data: data,
   footer: footer,
   hasExpand: false,
   hasSelect: false,
-  isLoading: true,
+  isLoading: false,
   acoesChildren: (row: any): JSX.Element => (
     <>
       <Botao onClick={() => console.log(row)} tipo={'table'} children={'▶'} />