@grazziotin/react-components 1.0.0

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.
Files changed (33) hide show
  1. package/.editorconfig +13 -0
  2. package/.eslintignore +3 -0
  3. package/.eslintrc.json +16 -0
  4. package/.prettierrc +6 -0
  5. package/.vscode/settings.json +18 -0
  6. package/README.md +1 -0
  7. package/dist/components/Inputs/Input/constants.d.ts +1 -0
  8. package/dist/components/Inputs/Input/constants.js +1 -0
  9. package/dist/components/Inputs/Input/index.d.ts +20 -0
  10. package/dist/components/Inputs/Input/index.js +59 -0
  11. package/dist/functions/mascaras/index.d.ts +169 -0
  12. package/dist/functions/mascaras/index.js +381 -0
  13. package/dist/hooks/index.d.ts +20 -0
  14. package/dist/hooks/index.js +49 -0
  15. package/dist/index.d.ts +2 -0
  16. package/dist/index.js +2 -0
  17. package/dist/index.js.LICENSE.txt +28 -0
  18. package/dist/lib/utils.d.ts +2 -0
  19. package/dist/lib/utils.js +9 -0
  20. package/dist/styles/sx.d.ts +106 -0
  21. package/dist/styles/sx.js +143 -0
  22. package/package.json +216 -0
  23. package/src/components/Inputs/Input/constants.ts +25 -0
  24. package/src/components/Inputs/Input/index.tsx +94 -0
  25. package/src/env.d.ts +16 -0
  26. package/src/functions/mascaras/index.ts +432 -0
  27. package/src/hooks/index.ts +60 -0
  28. package/src/index.tsx +2 -0
  29. package/src/lib/utils.ts +6 -0
  30. package/src/styles/sx.ts +148 -0
  31. package/tailwind.config.js +234 -0
  32. package/tsconfig.json +37 -0
  33. package/webpack.config.js +32 -0
package/tailwind.config.js ADDED
@@ -0,0 +1,234 @@
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 ADDED
@@ -0,0 +1,37 @@
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 ADDED
@@ -0,0 +1,32 @@
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
+ }