@loja-integrada/admin-components 0.18.34 → 0.18.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "0.18.34",
+  "version": "0.18.35",
   "author": "Loja Integrada Front-End Team",
   "license": "MIT",
   "repository": {
@@ -134,7 +134,7 @@
     "tailwindcss": ">=3.1.0"
   },
   "dependencies": {
-    "@loja-integrada/tailwindcss-config": "^1.7.4",
+    "@loja-integrada/tailwindcss-config": "^1.7.6",
     "@tippyjs/react": "^4.2.5",
     "@types/react-select": "^4.0.17",
     "babel-jest": "^29.2.2",

package/src/Indicators/InformationBox/InformationBox.spec.tsx

@@ -5,28 +5,27 @@ import * as stories from './InformationBoxt.stories'
 
 const { Default } = composeStories(stories)
 
-const specTitle = require('cypress-sonarqube-reporter/specTitle');
+const specTitle = require('cypress-sonarqube-reporter/specTitle')
 describe(specTitle('InformationBox tests'), () => {
   it('Default', () => {
     mount(<Default />)
-    cy.get('.InformationBox-title').last().contains('Dica!')
+    cy.get('.InformationBox-title').last().contains('Informação')
   })
 
   it('Variants', () => {
-    mount(<Default type="tip" />)
-    cy.get('.InformationBox-icon').should('have.class', 'icon-lightbulb')
-    cy.get('.InformationBox').should('have.class', 'bg-success-light')
-
     mount(<Default type="warning" />)
-    cy.get('.InformationBox-icon').should('have.class', 'icon-exclamationTriangle')
+    cy.get('.InformationBox-icon').should('have.class', 'icon-infoCircle')
     cy.get('.InformationBox').should('have.class', 'bg-warning-light')
 
     mount(<Default type="danger" />)
-    cy.get('.InformationBox-icon').should('have.class', 'icon-ban')
+    cy.get('.InformationBox-icon').should(
+      'have.class',
+      'icon-exclamationTriangle'
+    )
     cy.get('.InformationBox').should('have.class', 'bg-danger-light')
-    
-    mount(<Default type="info" />)
-    cy.get('.InformationBox-icon').should('have.class', 'icon-infoCircle')
-    cy.get('.InformationBox').should('have.class', 'bg-focus-light')
+
+    mount(<Default type="success" />)
+    cy.get('.InformationBox-icon').should('have.class', 'icon-check')
+    cy.get('.InformationBox').should('have.class', 'bg-success-light')
   })
 })

package/src/Indicators/InformationBox/InformationBox.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon, IconProps } from '../../Icons'
 
-type InformationBoxTypesOptions = 'tip' | 'warning' | 'danger' | 'info'
+type InformationBoxTypesOptions = 'success' | 'warning' | 'danger' | 'info'
 
 const InformationBoxTypes: Record<
   InformationBoxTypesOptions,
@@ -12,34 +12,34 @@ const InformationBoxTypes: Record<
     iconClass: string
   }
 > = {
-  tip: {
-    title: 'Dica!',
-    class: 'bg-success-light border-success',
-    icon: 'lightbulb',
-    iconClass: 'text-success',
+  success: {
+    title: 'Sucesso!',
+    class: 'bg-success-light dark:bg-success border-success',
+    icon: 'check',
+    iconClass: 'text-success-dark',
   },
   warning: {
     title: 'Atenção!',
     class: 'bg-warning-light border-warning',
-    icon: 'exclamationTriangle',
-    iconClass: 'text-warning',
+    icon: 'infoCircle',
+    iconClass: 'text-warning-dark',
   },
   danger: {
     title: 'Cuidado!',
     class: 'bg-danger-light border-danger',
-    icon: 'ban',
-    iconClass: 'text-danger',
+    icon: 'exclamationTriangle',
+    iconClass: 'text-danger-dark',
   },
   info: {
-    title: 'Informação!',
+    title: 'Informação',
     class: 'bg-focus-light border-focus-dark',
-    icon: 'infoCircle',
+    icon: 'lightbulb',
     iconClass: 'text-focus-dark',
   },
 }
 
 const InformationBoxComponent = ({
-  type = 'tip',
+  type = 'info',
   subtitle,
   title,
 }: InformationBoxProps) => {

package/src/Indicators/InformationBox/InformationBoxt.stories.tsx

@@ -15,10 +15,15 @@ export default {
   },
   args: {
     title: '',
-    subtitle: 'Como criar um cadastro de produto incrível? No mundo virtual, o consumidor não pode pegar, sentir ou experimentar o produto. Por isso, a imagem que você utiliza faz toda a diferença na hora da venda.',
+    subtitle:
+      'Como criar um cadastro de produto incrível? No mundo virtual, o consumidor não pode pegar, sentir ou experimentar o produto. Por isso, a imagem que você utiliza faz toda a diferença na hora da venda.',
   },
 } as Meta
 
-const Template: Story<InformationBoxProps> = args => <div className="max-w-4xl mx-auto"><InformationBox {...args} /></div>
+const Template: Story<InformationBoxProps> = (args) => (
+  <div className="max-w-4xl mx-auto">
+    <InformationBox {...args} />
+  </div>
+)
 
 export const Default = Template.bind({})