@grazziotin/react-components 1.0.0 → 1.0.1
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/README.md +57 -1
- package/package.json +9 -164
- package/.editorconfig +0 -13
- package/.eslintignore +0 -3
- package/.eslintrc.json +0 -16
- package/.prettierrc +0 -6
- package/.vscode/settings.json +0 -18
- package/src/components/Inputs/Input/constants.ts +0 -25
- package/src/components/Inputs/Input/index.tsx +0 -94
- package/src/env.d.ts +0 -16
- package/src/functions/mascaras/index.ts +0 -432
- package/src/hooks/index.ts +0 -60
- package/src/index.tsx +0 -2
- package/src/lib/utils.ts +0 -6
- package/src/styles/sx.ts +0 -148
- package/tailwind.config.js +0 -234
- package/tsconfig.json +0 -37
- package/webpack.config.js +0 -32
package/tailwind.config.js
DELETED
|
@@ -1,234 +0,0 @@
|
|
|
1
|
-
/** @type {import('tailwindcss').Config} */
|
|
2
|
-
const withMT = require("@material-tailwind/react/utils/withMT");
|
|
3
|
-
|
|
4
|
-
module.exports = withMT({
|
|
5
|
-
darkMode: ["class"],
|
|
6
|
-
corePlugins: {
|
|
7
|
-
backgroundOpacity: false,
|
|
8
|
-
},
|
|
9
|
-
content: [
|
|
10
|
-
'./index.html',
|
|
11
|
-
'./src/pages/**/*.{ts,tsx}',
|
|
12
|
-
'./src/components/**/*.{ts,tsx}',
|
|
13
|
-
'./src/**/*.{ts,tsx}',
|
|
14
|
-
'./node_modules/tw-elements/js/**/*.js',
|
|
15
|
-
'./node_modules/tw-elements-react/dist/js/**/*.js',
|
|
16
|
-
'./node_modules/flowbite-react/lib/esm/**/*.js',
|
|
17
|
-
'./node_modules/react-tailwindcss-datepicker/dist/index.esm.js'
|
|
18
|
-
],
|
|
19
|
-
prefix: "",
|
|
20
|
-
theme: {
|
|
21
|
-
container: {
|
|
22
|
-
center: true,
|
|
23
|
-
padding: "2rem",
|
|
24
|
-
screens: {
|
|
25
|
-
"2xl": "1400px",
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
extend: {
|
|
29
|
-
borderRadius: {
|
|
30
|
-
lg: "var(--radius)",
|
|
31
|
-
md: "calc(var(--radius) - 2px)",
|
|
32
|
-
sm: "calc(var(--radius) - 4px)",
|
|
33
|
-
},
|
|
34
|
-
keyframes: {
|
|
35
|
-
"accordion-down": {
|
|
36
|
-
from: { height: "0" },
|
|
37
|
-
to: { height: "var(--radix-accordion-content-height)" },
|
|
38
|
-
},
|
|
39
|
-
"accordion-up": {
|
|
40
|
-
from: { height: "var(--radix-accordion-content-height)" },
|
|
41
|
-
to: { height: "0" },
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
animation: {
|
|
45
|
-
"accordion-down": "accordion-down 0.2s ease-out",
|
|
46
|
-
"accordion-up": "accordion-up 0.2s ease-out",
|
|
47
|
-
},
|
|
48
|
-
colors: {
|
|
49
|
-
border: "hsl(var(--border))",
|
|
50
|
-
input: "hsl(var(--input))",
|
|
51
|
-
ring: "hsl(var(--ring))",
|
|
52
|
-
background: "hsl(var(--background))",
|
|
53
|
-
foreground: "hsl(var(--foreground))",
|
|
54
|
-
primary: {
|
|
55
|
-
DEFAULT: "hsl(var(--primary))",
|
|
56
|
-
foreground: "hsl(var(--primary-foreground))",
|
|
57
|
-
},
|
|
58
|
-
secondary: {
|
|
59
|
-
DEFAULT: "hsl(var(--secondary))",
|
|
60
|
-
foreground: "hsl(var(--secondary-foreground))",
|
|
61
|
-
},
|
|
62
|
-
destructive: {
|
|
63
|
-
DEFAULT: "hsl(var(--destructive))",
|
|
64
|
-
foreground: "hsl(var(--destructive-foreground))",
|
|
65
|
-
},
|
|
66
|
-
muted: {
|
|
67
|
-
DEFAULT: "hsl(var(--muted))",
|
|
68
|
-
foreground: "hsl(var(--muted-foreground))",
|
|
69
|
-
},
|
|
70
|
-
accent: {
|
|
71
|
-
DEFAULT: "hsl(var(--accent))",
|
|
72
|
-
foreground: "hsl(var(--accent-foreground))",
|
|
73
|
-
},
|
|
74
|
-
popover: {
|
|
75
|
-
DEFAULT: "hsl(var(--popover))",
|
|
76
|
-
foreground: "hsl(var(--popover-foreground))",
|
|
77
|
-
},
|
|
78
|
-
card: {
|
|
79
|
-
DEFAULT: "hsl(var(--card))",
|
|
80
|
-
foreground: "hsl(var(--card-foreground))",
|
|
81
|
-
},
|
|
82
|
-
'grzprimary': '#00B2A6',
|
|
83
|
-
'grzsecondary': '#00A095',
|
|
84
|
-
'system': '#34495E',
|
|
85
|
-
'grzprimary-50': '#DCF1EF',
|
|
86
|
-
'grzprimary-100': '#AEDCD6',
|
|
87
|
-
'grzprimary-200': '#7EC7BF',
|
|
88
|
-
'grzprimary-300': '#00B2A6',
|
|
89
|
-
'grzprimary-400': '#21A394',
|
|
90
|
-
'grzprimary-500': '#009382',
|
|
91
|
-
'grzprimary-600': '#008574',
|
|
92
|
-
'grzprimary-700': '#097766',
|
|
93
|
-
'grzprimary-800': '#006758',
|
|
94
|
-
'grzprimary-900': '#004B3B',
|
|
95
|
-
'grzprimary-a100': '#A7FDE6',
|
|
96
|
-
'grzprimary-a200': '#68FCD3',
|
|
97
|
-
'grzprimary-a400': '#28E5AD',
|
|
98
|
-
'grzprimary-a700': '#18BC9E',
|
|
99
|
-
'grzsecondary-50': '#DBCCCD',
|
|
100
|
-
'grzsecondary-100': '#DAAFB1',
|
|
101
|
-
'grzsecondary-200': '#C97D78',
|
|
102
|
-
'grzsecondary-300': '#BE5853',
|
|
103
|
-
'grzsecondary-400': '#C73A2F',
|
|
104
|
-
'grzsecondary-500': '#C92811',
|
|
105
|
-
'grzsecondary-600': '#BA1D12',
|
|
106
|
-
'grzsecondary-700': '#A8090C',
|
|
107
|
-
'grzsecondary-800': '#9C0206',
|
|
108
|
-
'grzsecondary-900': '#8F0000',
|
|
109
|
-
'grzsecondary-a100': '#EE4057',
|
|
110
|
-
'grzsecondary-a200': '#D5362F',
|
|
111
|
-
'grzsecondary-a400': '#D50022',
|
|
112
|
-
'grzsecondary-a700': '#AA0000',
|
|
113
|
-
'grzgray': '#E4E2E1',
|
|
114
|
-
'grzgraysmoke': '#CBCBCB',
|
|
115
|
-
'system-50': '#EAF4FF',
|
|
116
|
-
'system-100': '#CADCEE',
|
|
117
|
-
'system-200': '#ADC0D6',
|
|
118
|
-
'system-300': '#8EA6C0',
|
|
119
|
-
'system-400': '#7993B0',
|
|
120
|
-
'system-500': '#617F9E',
|
|
121
|
-
'system-600': '#53708C',
|
|
122
|
-
'system-700': '#435C75',
|
|
123
|
-
'system-800': '#34495E',
|
|
124
|
-
'system-900': '#233446',
|
|
125
|
-
'blue': '#004993',
|
|
126
|
-
'red': '#EF4058',
|
|
127
|
-
'red-500': '#EF4058',
|
|
128
|
-
'red-hover': '#E2364A',
|
|
129
|
-
'yellow': '#ECC005',
|
|
130
|
-
'orange': '#ED5500',
|
|
131
|
-
'blue-25': '#0A86BD26',
|
|
132
|
-
'blue-50': '#3288BD',
|
|
133
|
-
'blue-100': '#EBF8FF',
|
|
134
|
-
'blue-500': '#3B82F6'
|
|
135
|
-
},
|
|
136
|
-
backgroundColor: {
|
|
137
|
-
'grzprimary': '#00B2A6',
|
|
138
|
-
'grzsecondary': '#00A095',
|
|
139
|
-
'system': '#34495E',
|
|
140
|
-
'grzprimary-50': '#DCF1EF',
|
|
141
|
-
'grzprimary-100': '#AEDCD6',
|
|
142
|
-
'grzprimary-200': '#7EC7BF',
|
|
143
|
-
'grzprimary-300': '#00B2A6',
|
|
144
|
-
'grzprimary-400': '#21A394',
|
|
145
|
-
'grzprimary-500': '#009382',
|
|
146
|
-
'grzprimary-600': '#008574',
|
|
147
|
-
'grzprimary-700': '#097766',
|
|
148
|
-
'grzprimary-800': '#006758',
|
|
149
|
-
'grzprimary-900': '#004B3B',
|
|
150
|
-
'grzprimary-a100': '#A7FDE6',
|
|
151
|
-
'grzprimary-a200': '#68FCD3',
|
|
152
|
-
'grzprimary-a400': '#28E5AD',
|
|
153
|
-
'grzprimary-a700': '#18BC9E',
|
|
154
|
-
'grzsecondary-50': '#DBCCCD',
|
|
155
|
-
'grzsecondary-100': '#DAAFB1',
|
|
156
|
-
'grzsecondary-200': '#C97D78',
|
|
157
|
-
'grzsecondary-300': '#BE5853',
|
|
158
|
-
'grzsecondary-400': '#C73A2F',
|
|
159
|
-
'grzsecondary-500': '#C92811',
|
|
160
|
-
'grzsecondary-600': '#BA1D12',
|
|
161
|
-
'grzsecondary-700': '#A8090C',
|
|
162
|
-
'grzsecondary-800': '#9C0206',
|
|
163
|
-
'grzsecondary-900': '#8F0000',
|
|
164
|
-
'grzsecondary-a100': '#EE4057',
|
|
165
|
-
'grzsecondary-a200': '#D5362F',
|
|
166
|
-
'grzsecondary-a400': '#D50022',
|
|
167
|
-
'grzsecondary-a700': '#AA0000',
|
|
168
|
-
'system-50': '#EAF4FF',
|
|
169
|
-
'system-100': '#CADCEE',
|
|
170
|
-
'system-200': '#ADC0D6',
|
|
171
|
-
'system-300': '#8EA6C0',
|
|
172
|
-
'system-400': '#7993B0',
|
|
173
|
-
'system-500': '#617F9E',
|
|
174
|
-
'system-600': '#53708C',
|
|
175
|
-
'system-700': '#435C75',
|
|
176
|
-
'system-800': '#34495E',
|
|
177
|
-
'system-900': '#233446',
|
|
178
|
-
'blue': '#004993',
|
|
179
|
-
'red': '#EF4058',
|
|
180
|
-
'yellow': '#ECC005',
|
|
181
|
-
'orange': '#ED5500',
|
|
182
|
-
'blue-25': '#0A86BD26',
|
|
183
|
-
'blue-50': '#3288BD',
|
|
184
|
-
'blue-100': '#EBF8FF',
|
|
185
|
-
'blue-500': '#3B82F6'
|
|
186
|
-
},
|
|
187
|
-
boxShadow: {
|
|
188
|
-
full: '0rem 0.15rem 1.25rem rgba(0, 0, 0, 0.16)',
|
|
189
|
-
modal: '100vh 100vh 100vh 300vh rgba(0, 0, 0, 0.5)'
|
|
190
|
-
},
|
|
191
|
-
screens: {
|
|
192
|
-
'max-xs': { max: '320px' },
|
|
193
|
-
'max-sm': { max: '640px', min: '320px' },
|
|
194
|
-
'max-md': { max: '768px', min: '640px' },
|
|
195
|
-
'max-lg': { max: '1024px', min: '768px' },
|
|
196
|
-
'max-xl': { max: '1280px', min: '1024px' },
|
|
197
|
-
},
|
|
198
|
-
height: {
|
|
199
|
-
'14': '3.5rem',
|
|
200
|
-
'15': '3.75rem',
|
|
201
|
-
'28': '7rem',
|
|
202
|
-
},
|
|
203
|
-
width: {
|
|
204
|
-
'28': '7rem',
|
|
205
|
-
},
|
|
206
|
-
minWidth: {
|
|
207
|
-
'2': '0.5rem',
|
|
208
|
-
'3': '0.75rem',
|
|
209
|
-
'4': '1rem',
|
|
210
|
-
'6': '1.5rem',
|
|
211
|
-
'8': '2rem',
|
|
212
|
-
'10': '2.5rem',
|
|
213
|
-
'12': '3rem',
|
|
214
|
-
'14': '3.5rem',
|
|
215
|
-
'16': '4rem',
|
|
216
|
-
'18': '4.5rem',
|
|
217
|
-
'20': '5rem',
|
|
218
|
-
'22': '6.5rem',
|
|
219
|
-
'24': '7rem',
|
|
220
|
-
'28': '8rem',
|
|
221
|
-
},
|
|
222
|
-
zIndex: {
|
|
223
|
-
'999': 999,
|
|
224
|
-
'-99': -99
|
|
225
|
-
},
|
|
226
|
-
},
|
|
227
|
-
},
|
|
228
|
-
plugins: [
|
|
229
|
-
require("tw-elements/plugin.cjs"),
|
|
230
|
-
require("tailwindcss-animate"),
|
|
231
|
-
require("tw-elements-react/dist/plugin.cjs"),
|
|
232
|
-
require('flowbite/plugin')
|
|
233
|
-
],
|
|
234
|
-
})
|
package/tsconfig.json
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"compilerOptions": {
|
|
3
|
-
"target": "es5",
|
|
4
|
-
"lib": [
|
|
5
|
-
"dom",
|
|
6
|
-
"dom.iterable",
|
|
7
|
-
"esnext"
|
|
8
|
-
],
|
|
9
|
-
"outDir": "./dist",
|
|
10
|
-
"rootDir": "./src",
|
|
11
|
-
"allowJs": true,
|
|
12
|
-
"skipLibCheck": true,
|
|
13
|
-
"esModuleInterop": true,
|
|
14
|
-
"allowSyntheticDefaultImports": true,
|
|
15
|
-
"strict": true,
|
|
16
|
-
"forceConsistentCasingInFileNames": true,
|
|
17
|
-
"noFallthroughCasesInSwitch": true,
|
|
18
|
-
"module": "esnext",
|
|
19
|
-
"moduleResolution": "node",
|
|
20
|
-
"resolveJsonModule": true,
|
|
21
|
-
"isolatedModules": true,
|
|
22
|
-
"jsx": "react-jsx",
|
|
23
|
-
"baseUrl": ".",
|
|
24
|
-
"paths": {
|
|
25
|
-
"src/*": [
|
|
26
|
-
"src/*"
|
|
27
|
-
]
|
|
28
|
-
},
|
|
29
|
-
"declaration": true
|
|
30
|
-
},
|
|
31
|
-
"include": [
|
|
32
|
-
"src/**/*"
|
|
33
|
-
],
|
|
34
|
-
"exclude": [
|
|
35
|
-
"node_modules"
|
|
36
|
-
]
|
|
37
|
-
}
|
package/webpack.config.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
const path = require('path')
|
|
2
|
-
|
|
3
|
-
module.exports = {
|
|
4
|
-
entry: './src/index.tsx',
|
|
5
|
-
output: {
|
|
6
|
-
path: path.resolve(__dirname, 'dist'),
|
|
7
|
-
filename: 'index.js',
|
|
8
|
-
library: 'react-components',
|
|
9
|
-
libraryTarget: 'umd',
|
|
10
|
-
umdNamedDefine: true,
|
|
11
|
-
},
|
|
12
|
-
mode: 'production',
|
|
13
|
-
resolve: {
|
|
14
|
-
extensions: ['.ts', '.tsx', '.js'],
|
|
15
|
-
alias: {
|
|
16
|
-
src: path.resolve(__dirname, 'src'),
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
module: {
|
|
20
|
-
rules: [
|
|
21
|
-
{
|
|
22
|
-
test: /\.tsx?$/,
|
|
23
|
-
loader: 'ts-loader',
|
|
24
|
-
exclude: /node_modules/,
|
|
25
|
-
},
|
|
26
|
-
],
|
|
27
|
-
},
|
|
28
|
-
externals: {
|
|
29
|
-
react: 'react',
|
|
30
|
-
'react-dom': 'react-dom',
|
|
31
|
-
},
|
|
32
|
-
}
|