Merge pull request #336 from nginformatica/chore/remove-nginformatica…

…-styleguide

chore/remove nginformatica styleguide

package.json

@@ -1,6 +1,6 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.8",
+  "version": "0.30.9",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",
@@ -47,7 +47,6 @@
     "faker": "5.5.3",
     "material-table": "1.69.3",
     "material-ui-chip-input": "2.0.0-beta.2",
-    "nginformatica-styleguide": "1.0.2",
     "ramda": "0.25.0",
     "react-loading-skeleton": "3.3.1",
     "react-number-format": "4.4.1",

src/core/data-display/chapter/index.tsx

@@ -1,9 +1,9 @@
-import type { TypographyProps } from '@material-ui/core/Typography'
 import React, { CSSProperties } from 'react'
 import styled from 'styled-components'
 import { DefaultProps } from '../../types'
 import Typography from '@/core/data-display/typography'
-import { theme } from 'nginformatica-styleguide'
+import type { TypographyProps } from '@material-ui/core/Typography'
+import { theme } from '@/theme'
 
 const { grays } = theme.colors
 

src/core/feedback/validation-dialog/validaton-dialog.stories.tsx

@@ -1,12 +1,12 @@
 import React, { useCallback, useState } from 'react'
 import type { Meta, StoryObj } from '@storybook/react'
 import { ThemeProvider } from 'styled-components'
-import { muiThemeOptions, theme } from '../../../theme'
 import ThemeProviderFlipper from '../../context/theme-provider'
 import CircularProgress from '@mui/material/CircularProgress'
 import Button from '@/core/inputs/button'
 import ValidationDialog, { ValidationStatus } from '.'
 import { CheckCircleOutline, CancelOutlined } from '../../../icons'
+import { muiThemeOptions, theme } from '@/theme'
 
 const { action, secondary } = theme.colors
 

src/core/surfaces/step-card/step-card-details.tsx

@@ -1,12 +1,12 @@
+import React from 'react'
 import { List } from '@material-ui/core'
 import MuiAccordionDetails from '@material-ui/core/AccordionDetails'
-import { theme } from 'nginformatica-styleguide'
-import React from 'react'
-import { IStepCardProps } from '.'
 import { CheckCircle as CheckCircleIcon, Help as HelpIcon } from '@/icons'
 import IconButton from '@/core/inputs/icon-button'
 import Typography from '@/core/data-display/typography'
+import { IStepCardProps } from '.'
 import { ListItemContainer, StepCardColumn } from './styles'
+import { theme } from '@/theme'
 
 const { feedback, grays } = theme.colors
 const DONE_COLOR = feedback.success

src/core/surfaces/step-card/step-card-panel.tsx

@@ -1,7 +1,6 @@
+import React from 'react'
 import { LinearProgress } from '@material-ui/core'
 import MuiAccordionSummary from '@material-ui/core/AccordionSummary'
-import { theme } from 'nginformatica-styleguide'
-import React from 'react'
 import { sprintf } from 'sprintf-js'
 import { IStepCardProps } from '.'
 import {
@@ -17,6 +16,7 @@ import {
     StepContainer,
     TitleContainer
 } from './styles'
+import { theme } from '@/theme'
 
 const { feedback, grays } = theme.colors
 const DONE_COLOR = feedback.success

src/core/surfaces/step-card/styles.ts

@@ -1,6 +1,6 @@
-import { Box } from '@material-ui/core'
-import { theme } from 'nginformatica-styleguide'
 import styled from 'styled-components'
+import { Box } from '@material-ui/core'
+import { theme } from '@/theme'
 
 interface IStepContainerProps {
     padding?: React.CSSProperties['padding']

src/experimental/breadcrumbs/index.tsx

@@ -1,9 +1,9 @@
 import React, { ReactNode } from 'react'
+import styled from 'styled-components'
 import { addIndex, map } from 'ramda'
 import { ChevronRight as IconChevronRight } from '@/icons'
-import { theme } from 'nginformatica-styleguide'
-import styled from 'styled-components'
 import { Typography, Breadcrumb } from '@/index'
+import { theme } from '@/theme'
 
 const imap = addIndex(map)
 

src/experimental/dialog/dialog.tsx

@@ -1,9 +1,8 @@
-import { Dialog as DialogFlipper, Button, ThemeProviderFlipper } from '@/index'
 import React, { MouseEvent, ReactNode } from 'react'
-import { theme as Theme } from 'nginformatica-styleguide'
+import { Dialog as DialogFlipper, Button, ThemeProviderFlipper } from '@/index'
+import { theme } from '@/theme'
 
-const ACTION_REMOVE = Theme.colors.action.cancel
-const PRIMARY_DARK = Theme.colors.primary.main
+const { action, primary } = theme.colors
 
 export interface IProps {
     open: boolean
@@ -24,13 +23,13 @@ export interface IProps {
     onClose?(): void
 }
 
-const theme = {
+const themeDialog = {
     palette: {
         primary: {
-            main: PRIMARY_DARK
+            main: primary.main
         },
         secondary: {
-            main: ACTION_REMOVE
+            main: action.cancel
         },
         typography: {
             useNextVariants: true
@@ -62,7 +61,7 @@ export const DialogV2 = (props: IProps) => {
     const haveSecondaryButton = secondaryButtonText && secondaryButtonAction
 
     return (
-        <ThemeProviderFlipper options={theme}>
+        <ThemeProviderFlipper options={themeDialog}>
             <DialogFlipper
                 {...otherProps}
                 open={open}

src/experimental/sidebar/index.tsx

@@ -1,9 +1,9 @@
-import { Sidebar as FlipperSidebar, Tooltip, List, ListItem } from '@/index'
 import React, { useEffect, useState, useCallback } from 'react'
-import styled from 'styled-components'
-import { theme } from 'nginformatica-styleguide'
+import { Sidebar as FlipperSidebar, Tooltip, List, ListItem } from '@/index'
 import { times, map } from 'ramda'
+import styled from 'styled-components'
 import { Skeleton } from '@mui/material'
+import { theme } from '@/theme'
 
 export interface ISidebarOption {
     icon: React.ReactElement

src/stories/Theme.stories.mdx

@@ -11,7 +11,7 @@ import React from 'react'
 import { Button } from 'flipper-ui'
 import { ThemeProviderFlipper } from 'flipper-ui'
 import { ThemeProvider } from 'styled-components'
-import { muiThemeOptions, theme } from 'nginformatica-styleguide'
+import { muiThemeOptions, theme } from '@/theme'
 
 const App = () => (
     <ThemeProvider theme={ theme }>

tsconfig.json

@@ -29,7 +29,7 @@
         "paths": {
             "@/*": [
                 "./src/*"
-            ],
+            ]
         },
     },
     "include": [

yarn.lock

@@ -8373,11 +8373,6 @@ neo-async@^2.5.0, neo-async@^2.6.2:
   resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
 
-nginformatica-styleguide@1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/nginformatica-styleguide/-/nginformatica-styleguide-1.0.2.tgz#84aa46f1bdc95f87ea08942aa3de2918b02bc225"
-  integrity sha512-ZTEkmkuDeE0GiA0Gfx5frwzYsbwoqFyC6N04MSkkSg0E7qEVH86IA8Jo6Uke8heBiBNqgQTLN2fgqKwtXdWMoQ==
-
 no-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.4.tgz#d361fd5c9800f558551a8369fc0dcd4662b6124d"