Skip to content

Commit 24acbca

Browse files
Merge pull request #24 from nginformatica/feat/render-new-specific-and-mui-icons
Feat/render new specific and mui icons
2 parents 550c3fd + 434734a commit 24acbca

6 files changed

Lines changed: 625 additions & 432 deletions

File tree

CHANGELOG.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
# CHANGELOG
22

3+
## 1.1.7
4+
5+
- feat: add new icons:
6+
- @mui icons: IconCircle, IconNotifications
7+
- specific icons: IconCircleInner, IconCircleReturn, IconCircleRotate, IconClockLate, IconClockPending, IconEngineer, IconFireHydrant, IconHumanResource, IconImageRemove, IconImageUpdate, IconInventory, IconLamp, IconMandatesPartly, IconNurse, IconProcessing, IconSecretary, IconStorekeeper, IconTechnician, IconTriangleCircleDown, IconTriangleCircleUp, IconWaitingDelivery
8+
39
## 1.1.6
410

511
- feat: add mobile content for typography and colors

package.json

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "ng-design-system",
3-
"version": "1.1.6",
3+
"version": "1.1.7",
44
"description": "The Design System for the NG Saas Products",
55
"author": "NG",
66
"license": "MIT",
@@ -15,39 +15,39 @@
1515
},
1616
"dependencies": {},
1717
"devDependencies": {
18-
"@babel/cli": "7.26.4",
18+
"@babel/cli": "7.27.0",
1919
"@babel/core": "7.26.10",
2020
"@babel/plugin-transform-runtime": "7.26.10",
2121
"@babel/preset-env": "7.26.9",
2222
"@babel/preset-react": "7.26.3",
23-
"@babel/preset-typescript": "7.26.0",
24-
"@storybook/addon-essentials": "8.6.7",
23+
"@babel/preset-typescript": "7.27.0",
24+
"@storybook/addon-essentials": "8.6.11",
2525
"@storybook/addon-webpack5-compiler-babel": "3.0.5",
26-
"@storybook/blocks": "8.6.7",
27-
"@storybook/react": "8.6.7",
28-
"@storybook/react-webpack5": "8.6.7",
26+
"@storybook/blocks": "8.6.11",
27+
"@storybook/react": "8.6.11",
28+
"@storybook/react-webpack5": "8.6.11",
2929
"@stylistic/eslint-plugin": "4.2.0",
3030
"@types/react": "18.3.12",
3131
"@types/react-dom": "18.3.1",
32-
"@typescript-eslint/eslint-plugin": "8.27.0",
33-
"@typescript-eslint/parser": "8.27.0",
32+
"@typescript-eslint/eslint-plugin": "8.28.0",
33+
"@typescript-eslint/parser": "8.28.0",
3434
"amazing-react-charts": "1.2.7",
3535
"babel-loader": "10.0.0",
3636
"date-fns": "4.1.0",
37-
"eslint": "9.22.0",
37+
"eslint": "9.23.0",
3838
"eslint-config-prettier": "10.1.1",
39-
"eslint-import-resolver-typescript": "4.2.2",
39+
"eslint-import-resolver-typescript": "4.2.7",
4040
"eslint-plugin-import": "2.31.0",
41-
"eslint-plugin-prettier": "5.2.3",
41+
"eslint-plugin-prettier": "5.2.5",
4242
"eslint-plugin-react": "7.37.4",
43-
"flipper-ui": "0.35.11",
43+
"flipper-ui": "0.35.12",
4444
"prettier": "3.5.3",
4545
"react": "18.3.1",
4646
"react-dom": "18.3.1",
47-
"storybook": "8.6.7",
47+
"storybook": "8.6.11",
4848
"styled-components": "6.1.16",
4949
"typescript": "5.8.2",
50-
"typescript-eslint": "8.27.0",
50+
"typescript-eslint": "8.28.0",
5151
"webpack": "5.98.0"
5252
}
5353
}

src/design/colors/docs/UsageGuide.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ os aspectos de design do projeto para atender às necessidades específicas da m
1515

1616
#### Configurando o ThemeProvider
1717

18-
Para que seja possível aplicar o tema na aplicação, é necessários com dois `providers`:
18+
Para que seja possível aplicar o tema na aplicação, é necessário dois `providers`:
1919

2020
- **styled-components**: a biblioteca conta com um `ThemeProvider` que tem suporte total a temas.
2121
Este componente fornece um tema para todos os componentes React abaixo dele por meio da API de contexto.

src/design/icons/SpecificIcons.tsx

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React, { useState } from 'react'
22
import { SnackBar, Tooltip, Typography } from 'flipper-ui'
33
import { IconContentCopy } from 'flipper-ui/icons/mui'
4-
import * as icons from 'flipper-ui/icons/specific'
4+
import * as specificIcons from './specific-icons'
55
import { ContainerIcon, IconWrapper } from './styles'
66
import {
77
Content,
@@ -22,7 +22,7 @@ const { gray, indigo, primary } = theme.colors
2222
const iconProps = [
2323
{
2424
icon: (
25-
<icons.IconBranch
25+
<specificIcons.IconBranch
2626
color={indigo[300]}
2727
width={30}
2828
height={30}
@@ -42,7 +42,7 @@ const iconProps = [
4242
},
4343
{
4444
icon: (
45-
<icons.IconBranch
45+
<specificIcons.IconBranch
4646
color={indigo[400]}
4747
width={40}
4848
height={40}
@@ -62,7 +62,7 @@ const iconProps = [
6262
},
6363
{
6464
icon: (
65-
<icons.IconBranch
65+
<specificIcons.IconBranch
6666
color={indigo[500]}
6767
width={50}
6868
height={50}
@@ -82,7 +82,7 @@ const iconProps = [
8282
},
8383
{
8484
icon: (
85-
<icons.IconBranch
85+
<specificIcons.IconBranch
8686
color={indigo[600]}
8787
width={60}
8888
height={60}
@@ -139,7 +139,9 @@ const iconOptions = [
139139
'IconWeldingMask',
140140
'IconExams',
141141
'IconFirstSteps',
142-
'IconWorkPermission'
142+
'IconWorkPermission',
143+
'IconFireHydrant',
144+
'IconMandatesPartly'
143145
]
144146

145147
export const SpecificIcons = () => {
@@ -279,8 +281,8 @@ export const SpecificIcons = () => {
279281
<Typography margin='24px 0 0' variant='h6'>
280282
Ícones
281283
</Typography>
282-
<Container name='mui-icons'>
283-
{Object.entries(icons).map(
284+
<Container name='specific-icons'>
285+
{Object.entries(specificIcons).map(
284286
([iconName, IconComponent], i) => (
285287
<ContainerIcon key={i}>
286288
<Tooltip title='Copiar Referência'>
Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
export { IconAccident } from 'flipper-ui/icons/specific/IconAccident'
2+
export { IconActionPlans } from 'flipper-ui/icons/specific/IconActionPlans'
3+
export { IconAddDocument } from 'flipper-ui/icons/specific/IconAddDocument'
4+
export { IconAET } from 'flipper-ui/icons/specific/IconAET'
5+
export { IconAnwser } from 'flipper-ui/icons/specific/IconAnwser'
6+
export { IconASO } from 'flipper-ui/icons/specific/IconASO'
7+
export { IconBelt } from 'flipper-ui/icons/specific/IconBelt'
8+
export { IconBillet } from 'flipper-ui/icons/specific/IconBillet'
9+
export { IconBiometry } from 'flipper-ui/icons/specific/IconBiometry'
10+
export { IconBoot } from 'flipper-ui/icons/specific/IconBoot'
11+
export { IconBranch } from 'flipper-ui/icons/specific/IconBranch'
12+
export { IconBrigades } from 'flipper-ui/icons/specific/IconBrigades'
13+
export { IconCalendarDay } from 'flipper-ui/icons/specific/IconCalendarDay'
14+
export { IconCalendarMonth } from 'flipper-ui/icons/specific/IconCalendarMonth'
15+
export { IconCalendarWeek } from 'flipper-ui/icons/specific/IconCalendarWeek'
16+
export { IconCancelRounded } from 'flipper-ui/icons/specific/IconCancelRounded'
17+
export { IconCards } from 'flipper-ui/icons/specific/IconCards'
18+
export { IconChangeEquipment } from 'flipper-ui/icons/specific/IconChangeEquipment'
19+
export { IconCircle } from 'flipper-ui/icons/specific/IconCircle'
20+
export { IconCircleInner } from 'flipper-ui/icons/specific/IconCircleInner'
21+
export { IconCircleReturn } from 'flipper-ui/icons/specific/IconCircleReturn'
22+
export { IconCircleRotate } from 'flipper-ui/icons/specific/IconCircleRotate'
23+
export { IconClockLate } from 'flipper-ui/icons/specific/IconClockLate'
24+
export { IconClockPending } from 'flipper-ui/icons/specific/IconClockPending'
25+
export { IconCompany } from 'flipper-ui/icons/specific/IconCompany'
26+
export { IconComponent } from 'flipper-ui/icons/specific/IconComponent'
27+
export { IconConfirmRounded } from 'flipper-ui/icons/specific/IconConfirmRounded'
28+
export { IconCostCenter } from 'flipper-ui/icons/specific/IconCostCenter'
29+
export { IconCoverall } from 'flipper-ui/icons/specific/IconCoverall'
30+
export { IconDashboard } from 'flipper-ui/icons/specific/IconDashboard'
31+
export { IconDistribution } from 'flipper-ui/icons/specific/IconDistribution'
32+
export { IconDoctor } from 'flipper-ui/icons/specific/IconDoctor'
33+
export { IconDoctorCalendar } from 'flipper-ui/icons/specific/IconDoctorCalendar'
34+
export { IconDonator } from 'flipper-ui/icons/specific/IconDonator'
35+
export { IconDoneChecked } from 'flipper-ui/icons/specific/IconDoneChecked'
36+
export { IconDoneUnchecked } from 'flipper-ui/icons/specific/IconDoneUnchecked'
37+
export { IconDownloadQRCode } from 'flipper-ui/icons/specific/IconDownloadQRCode'
38+
export { IconEmployee } from 'flipper-ui/icons/specific/IconEmployee'
39+
export { IconEngineer } from 'flipper-ui/icons/specific/IconEngineer'
40+
export { IconEnvironmentalReports } from 'flipper-ui/icons/specific/IconEnvironmentalReports'
41+
export { IconEquipment } from 'flipper-ui/icons/specific/IconEquipment'
42+
export { IconErrorStroke } from 'flipper-ui/icons/specific/IconErrorStroke'
43+
export { IconESocial } from 'flipper-ui/icons/specific/IconESocial'
44+
export { IconExams } from 'flipper-ui/icons/specific/IconExams'
45+
export { IconExtinguishingSystem } from 'flipper-ui/icons/specific/IconExtinguishingSystem'
46+
export { IconFaceScan } from 'flipper-ui/icons/specific/IconFaceScan'
47+
export { IconFemale } from 'flipper-ui/icons/specific/IconFemale'
48+
export { IconFileInform } from 'flipper-ui/icons/specific/IconFileInform'
49+
export { IconFireHydrant } from 'flipper-ui/icons/specific/IconFireHydrant'
50+
export { IconFirstSteps } from 'flipper-ui/icons/specific/IconFirstSteps'
51+
export { IconFluig } from 'flipper-ui/icons/specific/IconFluig'
52+
export { IconFunil } from 'flipper-ui/icons/specific/IconFunil'
53+
export { IconGeneral } from 'flipper-ui/icons/specific/IconGeneral'
54+
export { IconGift } from 'flipper-ui/icons/specific/IconGift'
55+
export { IconHealth } from 'flipper-ui/icons/specific/IconHealth'
56+
export { IconHeight } from 'flipper-ui/icons/specific/IconHeight'
57+
export { IconHumanResource } from 'flipper-ui/icons/specific/IconHumanResource'
58+
export { IconImageRemove } from 'flipper-ui/icons/specific/IconImageRemove'
59+
export { IconImageUpdate } from 'flipper-ui/icons/specific/IconImageUpdate'
60+
export { IconIMC } from 'flipper-ui/icons/specific/IconIMC'
61+
export { IconInventory } from 'flipper-ui/icons/specific/IconInventory'
62+
export { IconIPE } from 'flipper-ui/icons/specific/IconIPE'
63+
export { IconLamp } from 'flipper-ui/icons/specific/IconLamp'
64+
export { IconLocalization } from 'flipper-ui/icons/specific/IconLocalization'
65+
export { IconLTCAT } from 'flipper-ui/icons/specific/IconLTCAT'
66+
export { IconLTP } from 'flipper-ui/icons/specific/IconLTP'
67+
export { IconMail } from 'flipper-ui/icons/specific/IconMail'
68+
export { IconMale } from 'flipper-ui/icons/specific/IconMale'
69+
export { IconMandates } from 'flipper-ui/icons/specific/IconMandates'
70+
export { IconMandatesPartly } from 'flipper-ui/icons/specific/IconMandatesPartly'
71+
export { IconMap } from 'flipper-ui/icons/specific/IconMap'
72+
export { IconMask } from 'flipper-ui/icons/specific/IconMask'
73+
export { IconMaterial } from 'flipper-ui/icons/specific/IconMaterial'
74+
export { IconMedicalRecords } from 'flipper-ui/icons/specific/IconMedicalRecords'
75+
export { IconMediumCompany } from 'flipper-ui/icons/specific/IconMediumCompany'
76+
export { IconMegaCompany } from 'flipper-ui/icons/specific/IconMegaCompany'
77+
export { IconMinimumCompany } from 'flipper-ui/icons/specific/IconMinimumCompany'
78+
export { IconNickName } from 'flipper-ui/icons/specific/IconNickName'
79+
export { IconNurse } from 'flipper-ui/icons/specific/IconNurse'
80+
export { IconOccupation } from 'flipper-ui/icons/specific/IconOccupation'
81+
export { IconPAE } from 'flipper-ui/icons/specific/IconPAE'
82+
export { IconPCMAT } from 'flipper-ui/icons/specific/IconPCMAT'
83+
export { IconPCMSO } from 'flipper-ui/icons/specific/IconPCMSO'
84+
export { IconPGR } from 'flipper-ui/icons/specific/IconPGR'
85+
export { IconPGRTR } from 'flipper-ui/icons/specific/IconPGRTR'
86+
export { IconPPR } from 'flipper-ui/icons/specific/IconPPR'
87+
export { IconPPRA } from 'flipper-ui/icons/specific/IconPPRA'
88+
export { IconProcessing } from 'flipper-ui/icons/specific/IconProcessing'
89+
export { IconQuestion } from 'flipper-ui/icons/specific/IconQuestion'
90+
export { IconReturn } from 'flipper-ui/icons/specific/IconReturn'
91+
export { IconRisks } from 'flipper-ui/icons/specific/IconRisks'
92+
export { IconRotate } from 'flipper-ui/icons/specific/IconRotate'
93+
export { IconSafetyGlasses } from 'flipper-ui/icons/specific/IconSafetyGlasses'
94+
export { IconScheduleDashboard } from 'flipper-ui/icons/specific/IconScheduleDashboard'
95+
export { IconScheduleDashboardHour } from 'flipper-ui/icons/specific/IconScheduleDashboardHour'
96+
export { IconScheduleHour } from 'flipper-ui/icons/specific/IconScheduleHour'
97+
export { IconSecretary } from 'flipper-ui/icons/specific/IconSecretary'
98+
export { IconServiceOrder } from 'flipper-ui/icons/specific/IconServiceOrder'
99+
export { IconServiceRequest } from 'flipper-ui/icons/specific/IconServiceRequest'
100+
export { IconSmallCompany } from 'flipper-ui/icons/specific/IconSmallCompany'
101+
export { IconSpeciality } from 'flipper-ui/icons/specific/IconSpeciality'
102+
export { IconStorekeeper } from 'flipper-ui/icons/specific/IconStorekeeper'
103+
export { IconSuperCompany } from 'flipper-ui/icons/specific/IconSuperCompany'
104+
export { IconSupplier } from 'flipper-ui/icons/specific/IconSupplier'
105+
export { IconTechnician } from 'flipper-ui/icons/specific/IconTechnician'
106+
export { IconThirdParty } from 'flipper-ui/icons/specific/IconThirdParty'
107+
export { IconTree } from 'flipper-ui/icons/specific/IconTree'
108+
export { IconTriangleCircleDown } from 'flipper-ui/icons/specific/IconTriangleCircleDown'
109+
export { IconTriangleCircleUp } from 'flipper-ui/icons/specific/IconTriangleCircleUp'
110+
export { IconTriangleDown } from 'flipper-ui/icons/specific/IconTriangleDown'
111+
export { IconTriangleUp } from 'flipper-ui/icons/specific/IconTriangleUp'
112+
export { IconVest } from 'flipper-ui/icons/specific/IconVest'
113+
export { IconWaitingDelivery } from 'flipper-ui/icons/specific/IconWaitingDelivery'
114+
export { IconWarehouse } from 'flipper-ui/icons/specific/IconWarehouse'
115+
export { IconWarningSpecific } from 'flipper-ui/icons/specific/IconWarningSpecific'
116+
export { IconWeight } from 'flipper-ui/icons/specific/IconWeight'
117+
export { IconWeldingMask } from 'flipper-ui/icons/specific/IconWeldingMask'
118+
export { IconWindows } from 'flipper-ui/icons/specific/IconWindows'
119+
export { IconWorkPermission } from 'flipper-ui/icons/specific/IconWorkPermission'
120+
export { IconYellowPending } from 'flipper-ui/icons/specific/IconYellowPending'

0 commit comments

Comments
 (0)