norma-library 0.6.65 → 0.6.67
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc.json +18 -18
- package/.prettierignore +10 -10
- package/.prettierrc.json +20 -20
- package/.storybook/main.ts +20 -20
- package/.storybook/preview.ts +15 -15
- package/README.md +43 -43
- package/commitlint.config.js +1 -1
- package/dist/esm/components/Box/interfaces.d.ts +0 -1
- package/dist/esm/components/Box/styles.d.ts +0 -1
- package/dist/esm/components/Breadcrumb/styles.d.ts +0 -1
- package/dist/esm/components/Card.js +7 -11
- package/dist/esm/components/Card.js.map +1 -1
- package/dist/esm/components/DateInput/styles.d.ts +0 -1
- package/dist/esm/components/Icons.d.ts +2 -2
- package/dist/esm/components/MultiSelectInput/components/Option/styles.d.ts +0 -1
- package/dist/esm/components/MultiSelectInput/styles.d.ts +0 -1
- package/dist/esm/components/SelectInput/components/Option/styles.d.ts +0 -1
- package/dist/esm/components/SelectInput/styles.d.ts +0 -1
- package/dist/esm/components/StatusModal/StatusModal.style.d.ts +1 -2
- package/dist/esm/components/Table/components/header/styles.d.ts +0 -1
- package/dist/esm/components/Table/components/pagination/styles.d.ts +0 -1
- package/dist/esm/components/Table/styles.d.ts +0 -1
- package/dist/esm/components/TextInput/styles.d.ts +0 -1
- package/dist/esm/components/Typography/Text/interfaces.d.ts +0 -1
- package/dist/esm/components/Typography/Text/styles.d.ts +0 -1
- package/dist/esm/components/Typography/Title/interfaces.d.ts +0 -1
- package/dist/esm/components/Typography/Title/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/components/header/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/components/pagination/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/components/tbody/styles.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/interface.d.ts +0 -1
- package/dist/esm/components/UncontrolledTable/styles.d.ts +2 -3
- package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.d.ts +0 -1
- package/dist/esm/interfaces/Accordion.d.ts +0 -1
- package/dist/esm/interfaces/Card.d.ts +0 -1
- package/dist/esm/interfaces/ChatMessage.d.ts +0 -1
- package/dist/esm/interfaces/DatePicker.d.ts +0 -1
- package/dist/esm/interfaces/Modal.d.ts +0 -1
- package/dist/esm/interfaces/Paper.d.ts +0 -1
- package/dist/esm/interfaces/ProgressBar.d.ts +0 -1
- package/dist/esm/interfaces/Select.d.ts +0 -1
- package/dist/esm/interfaces/Tabs.d.ts +0 -1
- package/dist/esm/interfaces/Tag.d.ts +0 -1
- package/dist/esm/interfaces/TimeLine.d.ts +0 -1
- package/dist/esm/interfaces/TimePicker.d.ts +0 -1
- package/dist/esm/types/index.d.ts +0 -1
- package/docs/index.md +118 -118
- package/package.json +136 -136
- package/src/components/Accordion.tsx +39 -39
- package/src/components/Avatar.tsx +17 -17
- package/src/components/Badge.tsx +14 -14
- package/src/components/Box/index.tsx +12 -12
- package/src/components/Box/interfaces.ts +3 -3
- package/src/components/Box/styles.tsx +22 -22
- package/src/components/Breadcrumb/index.tsx +27 -27
- package/src/components/Breadcrumb/interface.ts +8 -8
- package/src/components/Breadcrumb/styles.tsx +32 -32
- package/src/components/Button.tsx +26 -26
- package/src/components/Card.tsx +36 -38
- package/src/components/ChatMessage.tsx +87 -87
- package/src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts +56 -56
- package/src/components/ChatMessageBalloon/ChatMessageBalloon.tsx +55 -55
- package/src/components/CheckBox.tsx +21 -21
- package/src/components/DateInput/index.tsx +34 -34
- package/src/components/DateInput/interface.ts +13 -13
- package/src/components/DateInput/styles.tsx +27 -27
- package/src/components/DatePicker.tsx +67 -67
- package/src/components/DropDown.tsx +24 -24
- package/src/components/IconButton.tsx +37 -37
- package/src/components/Icons.tsx +82 -82
- package/src/components/Modal.tsx +103 -103
- package/src/components/MultiSelectInput/components/MultiValue/index.tsx +44 -44
- package/src/components/MultiSelectInput/components/Option/index.tsx +62 -62
- package/src/components/MultiSelectInput/components/Option/styles.tsx +8 -8
- package/src/components/MultiSelectInput/index.tsx +60 -60
- package/src/components/MultiSelectInput/interfaces.ts +15 -15
- package/src/components/MultiSelectInput/styles.tsx +43 -43
- package/src/components/Paper.tsx +12 -12
- package/src/components/ProgressBar.tsx +71 -71
- package/src/components/RadioGroup.tsx +43 -43
- package/src/components/RangerSlider.tsx +65 -65
- package/src/components/Select.tsx +74 -74
- package/src/components/SelectInput/components/Option/index.tsx +61 -61
- package/src/components/SelectInput/components/Option/styles.tsx +8 -8
- package/src/components/SelectInput/index.tsx +45 -45
- package/src/components/SelectInput/interfaces.ts +15 -15
- package/src/components/SelectInput/styles.tsx +31 -31
- package/src/components/StatusModal/StatusModal.style.tsx +75 -75
- package/src/components/StatusModal/StatusModal.tsx +58 -58
- package/src/components/Svgs.tsx +506 -506
- package/src/components/Table/components/header/index.tsx +86 -86
- package/src/components/Table/components/header/styles.tsx +59 -59
- package/src/components/Table/components/index.tsx +8 -8
- package/src/components/Table/components/pagination/index.tsx +39 -39
- package/src/components/Table/components/pagination/styles.tsx +28 -28
- package/src/components/Table/components/tbody/index.tsx +30 -30
- package/src/components/Table/components/tbody/styles.tsx +4 -4
- package/src/components/Table/index.tsx +317 -317
- package/src/components/Table/interface.ts +23 -23
- package/src/components/Table/styles.tsx +117 -117
- package/src/components/Tabs.tsx +105 -105
- package/src/components/Tag.tsx +33 -33
- package/src/components/TextField.tsx +19 -19
- package/src/components/TextInput/index.tsx +37 -37
- package/src/components/TextInput/interface.ts +9 -9
- package/src/components/TextInput/styles.tsx +23 -23
- package/src/components/TimeLine.tsx +89 -89
- package/src/components/TimePicker.tsx +78 -78
- package/src/components/Typography/Text/index.tsx +20 -20
- package/src/components/Typography/Text/interfaces.ts +5 -5
- package/src/components/Typography/Text/styles.tsx +40 -40
- package/src/components/Typography/Title/index.tsx +22 -22
- package/src/components/Typography/Title/interfaces.ts +6 -6
- package/src/components/Typography/Title/styles.tsx +40 -40
- package/src/components/Typography/index.tsx +6 -6
- package/src/components/UncontrolledTable/components/header/index.tsx +72 -72
- package/src/components/UncontrolledTable/components/header/styles.tsx +66 -66
- package/src/components/UncontrolledTable/components/index.tsx +8 -8
- package/src/components/UncontrolledTable/components/pagination/index.tsx +43 -43
- package/src/components/UncontrolledTable/components/pagination/styles.tsx +28 -28
- package/src/components/UncontrolledTable/components/tbody/index.tsx +33 -33
- package/src/components/UncontrolledTable/components/tbody/styles.tsx +32 -32
- package/src/components/UncontrolledTable/index.tsx +223 -223
- package/src/components/UncontrolledTable/interface.ts +46 -46
- package/src/components/UncontrolledTable/styles.tsx +123 -123
- package/src/components/UncontrolledTabs/UncontrolledTabs.style.tsx +58 -58
- package/src/components/UncontrolledTabs/UncontrolledTabs.tsx +71 -71
- package/src/components/UncontrolledTabs/UncontrolledTabsInfo.style.ts +8 -8
- package/src/components/index.ts +24 -24
- package/src/helpers/alignments.ts +14 -14
- package/src/helpers/borders.ts +18 -18
- package/src/helpers/colors.ts +264 -264
- package/src/helpers/index.ts +5 -5
- package/src/helpers/radios.ts +24 -24
- package/src/helpers/sizes.ts +72 -72
- package/src/hooks/useClickOutside.tsx +18 -18
- package/src/index.ts +70 -70
- package/src/interfaces/Accordion.ts +12 -12
- package/src/interfaces/Avatar.tsx +15 -15
- package/src/interfaces/Badge.ts +19 -19
- package/src/interfaces/Button.ts +19 -19
- package/src/interfaces/Card.ts +11 -11
- package/src/interfaces/ChatMessage.ts +12 -12
- package/src/interfaces/ChatMessageBalloon.ts +17 -17
- package/src/interfaces/CheckBox.ts +27 -27
- package/src/interfaces/DatePicker.ts +13 -13
- package/src/interfaces/DropDown.ts +14 -14
- package/src/interfaces/IconButton.ts +22 -22
- package/src/interfaces/Icons.ts +17 -17
- package/src/interfaces/Modal.ts +18 -18
- package/src/interfaces/Paper.ts +12 -12
- package/src/interfaces/ProgressBar.ts +29 -29
- package/src/interfaces/RadioGroup.ts +23 -23
- package/src/interfaces/RangerSlider.ts +21 -21
- package/src/interfaces/Select.ts +17 -17
- package/src/interfaces/Tabs.ts +19 -19
- package/src/interfaces/Tag.ts +17 -17
- package/src/interfaces/TextField.ts +44 -44
- package/src/interfaces/TimeLine.ts +11 -11
- package/src/interfaces/TimePicker.ts +13 -13
- package/src/interfaces/index.ts +23 -23
- package/src/providers/NormaProvider.tsx +13 -13
- package/src/sample-data-2.json +178 -178
- package/src/sample-data.json +177 -177
- package/src/stories/Accordion.stories.tsx +65 -65
- package/src/stories/Avatar.stories.tsx +123 -123
- package/src/stories/Badge.stories.tsx +39 -39
- package/src/stories/Box.stories.tsx +35 -35
- package/src/stories/Breadcrumb.stories.tsx +44 -44
- package/src/stories/Button.stories.tsx +93 -93
- package/src/stories/Card.stories.tsx +39 -39
- package/src/stories/ChatMessage.stories.tsx +84 -84
- package/src/stories/ChatMessageBalloon.stories.tsx +108 -108
- package/src/stories/CheckBox.stories.tsx +88 -88
- package/src/stories/DateInput.stories.tsx +51 -51
- package/src/stories/DatePicker.stories.tsx +50 -50
- package/src/stories/DropDown.stories.tsx +57 -57
- package/src/stories/IconButton.stories.tsx +78 -78
- package/src/stories/Modal.stories.tsx +246 -246
- package/src/stories/ModalStatus.stories.tsx +46 -46
- package/src/stories/MultiSelectInput.stories.tsx +90 -90
- package/src/stories/Paper.stories.tsx +53 -53
- package/src/stories/ProgressBar.stories.tsx +116 -116
- package/src/stories/RadioGroup.stories.tsx +87 -87
- package/src/stories/RangerSlider.stories.tsx +149 -149
- package/src/stories/Select.stories.tsx +100 -100
- package/src/stories/SelectInput.stories.tsx +78 -78
- package/src/stories/Table.stories.tsx +372 -372
- package/src/stories/Tabs.stories.tsx +61 -61
- package/src/stories/Tag.stories.tsx +56 -56
- package/src/stories/Text.stories.tsx +37 -37
- package/src/stories/TextField.stories.tsx +310 -310
- package/src/stories/TextInput.stories.tsx +52 -52
- package/src/stories/TimeLine.stories.tsx +35 -35
- package/src/stories/TimePicker.stories.tsx +87 -87
- package/src/stories/Title.stories.tsx +43 -43
- package/src/stories/UncontrolledTable.stories.tsx +315 -315
- package/src/stories/UncontrolledTabs.stories.tsx +74 -74
- package/src/styles/globals.scss +17 -17
- package/src/types/index.ts +207 -207
- package/src/utils/styledBreakpoints.ts +25 -25
- package/vite.config.ts +15 -15
package/.babelrc.json
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
{
|
|
2
|
-
"sourceType": "unambiguous",
|
|
3
|
-
"presets": [
|
|
4
|
-
[
|
|
5
|
-
"@babel/preset-env",
|
|
6
|
-
{
|
|
7
|
-
"targets": {
|
|
8
|
-
"chrome": 100,
|
|
9
|
-
"safari": 15,
|
|
10
|
-
"firefox": 91
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
],
|
|
14
|
-
"@babel/preset-typescript",
|
|
15
|
-
"@babel/preset-react"
|
|
16
|
-
],
|
|
17
|
-
"plugins": []
|
|
18
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"sourceType": "unambiguous",
|
|
3
|
+
"presets": [
|
|
4
|
+
[
|
|
5
|
+
"@babel/preset-env",
|
|
6
|
+
{
|
|
7
|
+
"targets": {
|
|
8
|
+
"chrome": 100,
|
|
9
|
+
"safari": 15,
|
|
10
|
+
"firefox": 91
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
],
|
|
14
|
+
"@babel/preset-typescript",
|
|
15
|
+
"@babel/preset-react"
|
|
16
|
+
],
|
|
17
|
+
"plugins": []
|
|
18
|
+
}
|
package/.prettierignore
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
*.json
|
|
2
|
-
.husky/
|
|
3
|
-
.storybook/
|
|
4
|
-
storybook-static/
|
|
5
|
-
scripts/
|
|
6
|
-
lib/
|
|
7
|
-
build/
|
|
8
|
-
dist/
|
|
9
|
-
src/styles/*
|
|
10
|
-
*.d.ts
|
|
1
|
+
*.json
|
|
2
|
+
.husky/
|
|
3
|
+
.storybook/
|
|
4
|
+
storybook-static/
|
|
5
|
+
scripts/
|
|
6
|
+
lib/
|
|
7
|
+
build/
|
|
8
|
+
dist/
|
|
9
|
+
src/styles/*
|
|
10
|
+
*.d.ts
|
|
11
11
|
.rollup.cache
|
package/.prettierrc.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
{
|
|
2
|
-
"printWidth": 120,
|
|
3
|
-
"singleQuote": true,
|
|
4
|
-
"trailingComma": "all",
|
|
5
|
-
"arrowParens": "avoid",
|
|
6
|
-
"overrides": [
|
|
7
|
-
{
|
|
8
|
-
"files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
|
|
9
|
-
"options": {
|
|
10
|
-
"printWidth": 85
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
{
|
|
14
|
-
"files": ["docs/pages/blog/**/*.md"],
|
|
15
|
-
"options": {
|
|
16
|
-
"printWidth": 82
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
]
|
|
20
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"printWidth": 120,
|
|
3
|
+
"singleQuote": true,
|
|
4
|
+
"trailingComma": "all",
|
|
5
|
+
"arrowParens": "avoid",
|
|
6
|
+
"overrides": [
|
|
7
|
+
{
|
|
8
|
+
"files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
|
|
9
|
+
"options": {
|
|
10
|
+
"printWidth": 85
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"files": ["docs/pages/blog/**/*.md"],
|
|
15
|
+
"options": {
|
|
16
|
+
"printWidth": 82
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
]
|
|
20
|
+
}
|
package/.storybook/main.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import type { StorybookConfig } from '@storybook/react-vite';
|
|
2
|
-
|
|
3
|
-
const config: StorybookConfig = {
|
|
4
|
-
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
|
5
|
-
addons: [
|
|
6
|
-
'@storybook/addon-links',
|
|
7
|
-
'@storybook/addon-essentials',
|
|
8
|
-
'@storybook/addon-onboarding',
|
|
9
|
-
'@storybook/addon-interactions',
|
|
10
|
-
'@storybook/addon-mdx-gfm'
|
|
11
|
-
],
|
|
12
|
-
framework: {
|
|
13
|
-
name: '@storybook/react-vite',
|
|
14
|
-
options: {},
|
|
15
|
-
},
|
|
16
|
-
docs: {
|
|
17
|
-
autodocs: 'tag',
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
export default config;
|
|
1
|
+
import type { StorybookConfig } from '@storybook/react-vite';
|
|
2
|
+
|
|
3
|
+
const config: StorybookConfig = {
|
|
4
|
+
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
|
5
|
+
addons: [
|
|
6
|
+
'@storybook/addon-links',
|
|
7
|
+
'@storybook/addon-essentials',
|
|
8
|
+
'@storybook/addon-onboarding',
|
|
9
|
+
'@storybook/addon-interactions',
|
|
10
|
+
'@storybook/addon-mdx-gfm'
|
|
11
|
+
],
|
|
12
|
+
framework: {
|
|
13
|
+
name: '@storybook/react-vite',
|
|
14
|
+
options: {},
|
|
15
|
+
},
|
|
16
|
+
docs: {
|
|
17
|
+
autodocs: 'tag',
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
export default config;
|
package/.storybook/preview.ts
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import type { Preview } from '@storybook/react';
|
|
2
|
-
|
|
3
|
-
const preview: Preview = {
|
|
4
|
-
parameters: {
|
|
5
|
-
actions: { argTypesRegex: '^on[A-Z].*' },
|
|
6
|
-
controls: {
|
|
7
|
-
matchers: {
|
|
8
|
-
color: /(background|color)$/i,
|
|
9
|
-
date: /Date$/i,
|
|
10
|
-
},
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
export default preview;
|
|
1
|
+
import type { Preview } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
const preview: Preview = {
|
|
4
|
+
parameters: {
|
|
5
|
+
actions: { argTypesRegex: '^on[A-Z].*' },
|
|
6
|
+
controls: {
|
|
7
|
+
matchers: {
|
|
8
|
+
color: /(background|color)$/i,
|
|
9
|
+
date: /Date$/i,
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export default preview;
|
package/README.md
CHANGED
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
<!-- markdownlint-disable-next-line -->
|
|
2
|
-
<p align="center">
|
|
3
|
-
<img width="120" height="120" src="https://www.olos.com.br/wp-content/uploads/2023/03/cropped-selo-olos-1-180x180.png" alt="Olos logo">
|
|
4
|
-
</p>
|
|
5
|
-
<h1 align="center">Norma DS </h1>
|
|
6
|
-
<div align="center">
|
|
7
|
-
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
|
|
8
|
-
|
|
9
|
-
[](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
|
|
10
|
-
[](https://www.npmjs.com/package/@mui/material)
|
|
11
|
-
[](https://github.com/prettier/prettier)
|
|
12
|
-
|
|
13
|
-
[Documentation](#Documentation) |
|
|
14
|
-
[Contributing](#Contributing) |
|
|
15
|
-
[Changelog](#Changelog) |
|
|
16
|
-
[License](#License)
|
|
17
|
-
|
|
18
|
-
---
|
|
19
|
-
|
|
20
|
-
</div>
|
|
21
|
-
|
|
22
|
-
## Configurações
|
|
23
|
-
|
|
24
|
-
- [React v18](https://react.dev/)
|
|
25
|
-
- [TypeScript](https://www.typescriptlang.org/)
|
|
26
|
-
- UI development with [Storybook](https://storybook.js.org/)
|
|
27
|
-
- Unit test with [Testing-library](https://testing-library.com/)
|
|
28
|
-
- Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
|
|
29
|
-
- Conventional commit messages with [Commitlint][commitlint-url]
|
|
30
|
-
- Build the library with [Rollup][rollup-url]
|
|
31
|
-
- Automated release with [changesets][changesets-url]
|
|
32
|
-
|
|
33
|
-
# Documentação
|
|
34
|
-
|
|
35
|
-
### Instalação
|
|
36
|
-
Para instalação das dependencias:
|
|
37
|
-
```
|
|
38
|
-
npm install
|
|
39
|
-
```
|
|
40
|
-
### Execução do projeto
|
|
41
|
-
Para utilizar o Storybook:
|
|
42
|
-
```
|
|
43
|
-
npm run storybook
|
|
1
|
+
<!-- markdownlint-disable-next-line -->
|
|
2
|
+
<p align="center">
|
|
3
|
+
<img width="120" height="120" src="https://www.olos.com.br/wp-content/uploads/2023/03/cropped-selo-olos-1-180x180.png" alt="Olos logo">
|
|
4
|
+
</p>
|
|
5
|
+
<h1 align="center">Norma DS </h1>
|
|
6
|
+
<div align="center">
|
|
7
|
+
Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
|
|
8
|
+
|
|
9
|
+
[](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
|
|
10
|
+
[](https://www.npmjs.com/package/@mui/material)
|
|
11
|
+
[](https://github.com/prettier/prettier)
|
|
12
|
+
|
|
13
|
+
[Documentation](#Documentation) |
|
|
14
|
+
[Contributing](#Contributing) |
|
|
15
|
+
[Changelog](#Changelog) |
|
|
16
|
+
[License](#License)
|
|
17
|
+
|
|
18
|
+
---
|
|
19
|
+
|
|
20
|
+
</div>
|
|
21
|
+
|
|
22
|
+
## Configurações
|
|
23
|
+
|
|
24
|
+
- [React v18](https://react.dev/)
|
|
25
|
+
- [TypeScript](https://www.typescriptlang.org/)
|
|
26
|
+
- UI development with [Storybook](https://storybook.js.org/)
|
|
27
|
+
- Unit test with [Testing-library](https://testing-library.com/)
|
|
28
|
+
- Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
|
|
29
|
+
- Conventional commit messages with [Commitlint][commitlint-url]
|
|
30
|
+
- Build the library with [Rollup][rollup-url]
|
|
31
|
+
- Automated release with [changesets][changesets-url]
|
|
32
|
+
|
|
33
|
+
# Documentação
|
|
34
|
+
|
|
35
|
+
### Instalação
|
|
36
|
+
Para instalação das dependencias:
|
|
37
|
+
```
|
|
38
|
+
npm install
|
|
39
|
+
```
|
|
40
|
+
### Execução do projeto
|
|
41
|
+
Para utilizar o Storybook:
|
|
42
|
+
```
|
|
43
|
+
npm run storybook
|
|
44
44
|
```
|
package/commitlint.config.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = {extends: ['@commitlint/config-conventional']}
|
|
1
|
+
module.exports = {extends: ['@commitlint/config-conventional']}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { BoxProps } from "./interfaces";
|
|
3
2
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const ListLinks: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
3
|
export declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
1
|
+
import { __assign, __makeTemplateObject, __rest } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Card as MuiCard } from '@mui/material';
|
|
4
4
|
import { palette } from '../helpers';
|
|
5
|
-
import
|
|
5
|
+
import styled from 'styled-components';
|
|
6
6
|
var colorMap = {
|
|
7
7
|
inherit: palette.inherit,
|
|
8
8
|
primary: palette.primary,
|
|
@@ -12,17 +12,13 @@ var colorMap = {
|
|
|
12
12
|
info: palette.info,
|
|
13
13
|
success: palette.success,
|
|
14
14
|
};
|
|
15
|
-
var CardStyled = styled(MuiCard)(function (_a) {
|
|
16
|
-
var borderColor = _a
|
|
17
|
-
return (
|
|
18
|
-
padding: 16,
|
|
19
|
-
borderRadius: 5,
|
|
20
|
-
boxShadow: '0px 2px 8px #00000053',
|
|
21
|
-
borderLeft: borderColor ? "7px solid ".concat(colorMap[borderColor]) : 'none',
|
|
22
|
-
});
|
|
15
|
+
var CardStyled = styled(MuiCard)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 16px;\n border-radius: 5px;\n box-shadow: 0px 2px 8px #00000053;\n border-left: ", ";\n"], ["\n padding: 16px;\n border-radius: 5px;\n box-shadow: 0px 2px 8px #00000053;\n border-left: ", ";\n"])), function (_a) {
|
|
16
|
+
var $borderColor = _a.$borderColor;
|
|
17
|
+
return ($borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none');
|
|
23
18
|
});
|
|
24
19
|
export var Card = function (_a) {
|
|
25
20
|
var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
|
|
26
|
-
return (React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children));
|
|
21
|
+
return (React.createElement(CardStyled, __assign({ "$borderColor": border ? color : undefined }, props), children));
|
|
27
22
|
};
|
|
23
|
+
var templateObject_1;
|
|
28
24
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,4KAAiC,kGAIlD,EAAqF,KACrG,KADgB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,YAAY,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAA/D,CAA+D,CACrG,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,6BAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC5D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import "react-datepicker/dist/react-datepicker.css";
|
|
3
2
|
import { ContainerStyles } from './interface';
|
|
4
3
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerStyles>> & string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { FunctionComponent } from 'react';
|
|
2
2
|
import { IconsProps, SvgProps } from '../interfaces/Icons';
|
|
3
3
|
export declare const Svg: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme
|
|
5
|
-
as?: React.ElementType
|
|
4
|
+
theme?: import("@emotion/react").Theme;
|
|
5
|
+
as?: React.ElementType;
|
|
6
6
|
} & SvgProps, React.SVGProps<SVGSVGElement>, {}>;
|
|
7
7
|
export declare const Icons: FunctionComponent<IconsProps>;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Modal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
4
|
-
$w?: string
|
|
3
|
+
$w?: string;
|
|
5
4
|
}>> & string;
|
|
6
5
|
export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
7
6
|
export declare const ModalIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
2
|
export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
3
|
export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
4
3
|
export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|
|
4
3
|
export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { TextProps } from "./interfaces";
|
|
3
2
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TextProps>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { TextProps } from "./interfaces";
|
|
3
2
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, TextProps>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
2
|
export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
3
|
export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Pagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Tr: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
|
|
3
2
|
export declare const Td: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
2
|
export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
|
|
4
3
|
export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
|
|
5
|
-
$sticky?: boolean
|
|
6
|
-
$stickyTopP?: number
|
|
4
|
+
$sticky?: boolean;
|
|
5
|
+
$stickyTopP?: number;
|
|
7
6
|
}>> & string;
|
|
8
7
|
export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
|
|
9
8
|
export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
export declare const NormaTabInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { AvatarProps as MuiAvatarProps, ButtonProps as MuiButtonProps, BadgeProps as MuiBadgeProps, IconButtonProps as MuiIconButtonProps, TextFieldProps as MuiTextFieldProps, CheckboxProps as MuiCheckBoxProps, MenuProps as MuiDropDownProps, ChipProps as MuiChipProps, LinearProgressProps as MuiLinearProgressProps, SliderProps as MuiSliderProps, AccordionProps as MuiAccordionProps, TabsProps as MuiTabsProps, SelectProps as MuiSelectProps, PaperProps as MuiPaperProps, SvgIconProps, ModalProps, CardProps as MuiCardProps, TableProps as MuiTableProps } from '@mui/material';
|
|
3
2
|
import { TimelineProps as MuiTimeLineProps } from '@mui/lab';
|
|
4
3
|
import { SwitchBaseProps as MuiSwitchBaseProps } from '@mui/material/internal/SwitchBase';
|