Merge pull request #18 from squidit/feature/sq-64336-front-exibir-nov…

…os-campos-de-conversao-for-sq-64295

SQ-64336 [FRONT] Exibir novos campos de conversão for SQ-64295

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@squidit/react-css",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "scripts": {
     "format": "prettier --write --parser typescript '**/*.{ts,tsx}'",
     "lint": "eslint src --ext js,ts,tsx",

src/components/index.ts

@@ -1,42 +1,43 @@
-export * from './sq-loader'
 export * from './buttons/sq-button'
 export * from './buttons/sq-button-back'
 export * from './buttons/sq-button-copy-text'
 export * from './buttons/sq-button-social-network'
-export * from './sq-accordion-collapse/sq-accordion'
-export * from './sq-accordion-collapse/sq-collapse'
-export * from './sq-modal'
-export * from './sq-pagination'
-export * from './sq-steps'
-export * from './sq-tab'
-export * from './sq-tabs'
-export * from './sq-infinity-scroll'
 export * from './inputs/sq-input'
-export * from './inputs/sq-input-date'
-export * from './inputs/sq-input-file'
 export * from './inputs/sq-input-birthday'
+export * from './inputs/sq-input-date'
 export * from './inputs/sq-input-digits'
 export * from './inputs/sq-input-document-cnpj'
 export * from './inputs/sq-input-document-cpf'
 export * from './inputs/sq-input-document-international'
 export * from './inputs/sq-input-document-rut'
+export * from './inputs/sq-input-file'
 export * from './inputs/sq-input-media'
 export * from './inputs/sq-input-name'
 export * from './inputs/sq-input-password'
 export * from './inputs/sq-input-phone'
+export * from './inputs/sq-multi-select'
 export * from './inputs/sq-select'
 export * from './inputs/sq-selector'
-export * from './inputs/sq-multi-select'
+export * from './sq-accordion-collapse/sq-accordion'
+export * from './sq-accordion-collapse/sq-collapse'
 export * from './sq-banner'
 export * from './sq-bar-chart'
-export * from './sq-metric-chart'
 export * from './sq-border-with-icon'
 export * from './sq-callout'
 export * from './sq-card-to-copy'
 export * from './sq-carousel'
 export * from './sq-circle-completation'
+export * from './sq-infinity-scroll'
+export * from './sq-loader'
 export * from './sq-menu-options'
+export * from './sq-metric-chart'
+export * from './sq-metric-chart-card'
+export * from './sq-modal'
 export * from './sq-overlay'
+export * from './sq-pagination'
+export * from './sq-steps'
+export * from './sq-tab'
+export * from './sq-tabs'
 export * from './sq-timeline'
 export * from './sq-tiny-calendar'
 export * from './sq-tip'

src/components/sq-metric-chart-card/index.ts

@@ -0,0 +1 @@
+export { default as SqMetricChartCard } from './sq-metric-chart-card.component'

src/components/sq-metric-chart-card/sq-metric-chart-card.component.md

@@ -0,0 +1,20 @@
+# Metric Chart Card
+
+## Props
+
+### 1. metric
+
+- description: Information about content metrics
+- type: `Metric`
+
+### 2. percentage
+
+- description: Information that says if the values are in percentage or not
++ description: Information that indicates whether the values are in percentage
+- type: `boolean`
+
+### Example
+
+```jsx
+<MetricChart metric={metric} percentage={false} />
+```