@appmax_npm/ds-prime 1.0.0-alpha.18 → 1.0.0-alpha.19

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 (7) hide show
  1. package/button/index.d.ts +1 -0
  2. package/button/index.js +1 -0
  3. package/css/index.css +166 -0
  4. package/index.js +2 -0
  5. package/package.json +1 -1
  6. package/tailwind/index.d.ts +183 -0
  7. package/tailwind/index.js +183 -0
package/button/index.d.ts CHANGED
@@ -1 +1,2 @@
1
+ export * from 'primevue/button';
1
2
  export { default } from 'primevue/button';
package/button/index.js CHANGED
@@ -1 +1,2 @@
1
+ export * from 'primevue/button';
1
2
  export { default } from 'primevue/button';
package/css/index.css ADDED
@@ -0,0 +1,166 @@
1
+ /* Primitives */
2
+ :root {
3
+ --blue-50: #f5f9ff;
4
+ --blue-100: #d0e1fd;
5
+ --blue-200: #abc9fb;
6
+ --blue-300: #85b2f9;
7
+ --blue-400: #609af8;
8
+ --blue-500: #3b82f6;
9
+ --blue-600: #326fd1;
10
+ --blue-700: #295bac;
11
+ --blue-800: #204887;
12
+ --blue-900: #183462;
13
+
14
+ --green-50: #f4fcf7;
15
+ --green-100: #caf1d8;
16
+ --green-200: #a0e6ba;
17
+ --green-300: #76db9b;
18
+ --green-400: #4cd07d;
19
+ --green-500: #22c55e;
20
+ --green-600: #1da750;
21
+ --green-700: #188a42;
22
+ --green-800: #136c34;
23
+ --green-900: #0e4f26;
24
+
25
+ --yellow-50: #fefbf3;
26
+ --yellow-100: #faedc4;
27
+ --yellow-200: #f6de95;
28
+ --yellow-300: #f2d066;
29
+ --yellow-400: #eec137;
30
+ --yellow-500: #eab308;
31
+ --yellow-600: #c79807;
32
+ --yellow-700: #a47d06;
33
+ --yellow-800: #816204;
34
+ --yellow-900: #5e4803;
35
+
36
+ --cyan-50: #f3fbfd;
37
+ --cyan-100: #c3edf5;
38
+ --cyan-200: #94e0ed;
39
+ --cyan-300: #65d2e4;
40
+ --cyan-400: #35c4dc;
41
+ --cyan-500: #06b6d4;
42
+ --cyan-600: #059bb4;
43
+ --cyan-700: #047f94;
44
+ --cyan-800: #036475;
45
+ --cyan-900: #024955;
46
+
47
+ --pink-50: #fef6fa;
48
+ --pink-100: #fad3e7;
49
+ --pink-200: #f7b0d3;
50
+ --pink-300: #f38ec0;
51
+ --pink-400: #f06bac;
52
+ --pink-500: #ec4899;
53
+ --pink-600: #c93d82;
54
+ --pink-700: #a5326b;
55
+ --pink-800: #822854;
56
+ --pink-900: #5e1d3d;
57
+
58
+ --indigo-50: #f7f7fe;
59
+ --indigo-100: #dadafc;
60
+ --indigo-200: #bcbdf9;
61
+ --indigo-300: #9ea0f6;
62
+ --indigo-400: #8183f4;
63
+ --indigo-500: #6366f1;
64
+ --indigo-600: #5457cd;
65
+ --indigo-700: #4547a9;
66
+ --indigo-800: #363885;
67
+ --indigo-900: #282960;
68
+
69
+ --teal-50: #f3fbfb;
70
+ --teal-100: #c7eeea;
71
+ --teal-200: #9ae0d9;
72
+ --teal-300: #6dd3c8;
73
+ --teal-400: #41c5b7;
74
+ --teal-500: #14b8a6;
75
+ --teal-600: #119c8d;
76
+ --teal-700: #0e8174;
77
+ --teal-800: #0b655b;
78
+ --teal-900: #084a42;
79
+
80
+ --orange-50: #fff8f3;
81
+ --orange-100: #feddc7;
82
+ --orange-200: #fcc39b;
83
+ --orange-300: #fba86f;
84
+ --orange-400: #fa8e42;
85
+ --orange-500: #f97316;
86
+ --orange-600: #d46213;
87
+ --orange-700: #ae510f;
88
+ --orange-800: #893f0c;
89
+ --orange-900: #642e09;
90
+
91
+ --bluegray-50: #f7f8f9;
92
+ --bluegray-100: #dadee3;
93
+ --bluegray-200: #bcc3cd;
94
+ --bluegray-300: #9fa9b7;
95
+ --bluegray-400: #818ea1;
96
+ --bluegray-500: #64748b;
97
+ --bluegray-600: #556376;
98
+ --bluegray-700: #465161;
99
+ --bluegray-800: #37404c;
100
+ --bluegray-900: #282e38;
101
+
102
+ --purple-50: #f7f3ff;
103
+ --purple-100: #f0e8ff;
104
+ --purple-200: #e4d6ff;
105
+ --purple-300: #ccb2ff;
106
+ --purple-400: #b28bff;
107
+ --purple-500: #9b6afa;
108
+ --purple-600: #7443d6;
109
+ --purple-700: #623dae;
110
+ --purple-800: #4d2f89;
111
+ --purple-900: #372263;
112
+
113
+ --red-50: #fff5f5;
114
+ --red-100: #ffd0ce;
115
+ --red-200: #ffaca7;
116
+ --red-300: #ff8780;
117
+ --red-400: #ff6259;
118
+ --red-500: #ff3d32;
119
+ --red-600: #d9342b;
120
+ --red-700: #b32b23;
121
+ --red-800: #8c221c;
122
+ --red-900: #661814;
123
+
124
+ --gray-50: var(--bluegray-50);
125
+ --gray-100: var(--bluegray-100);
126
+ --gray-200: var(--bluegray-200);
127
+ --gray-300: var(--bluegray-300);
128
+ --gray-400: var(--bluegray-400);
129
+ --gray-500: var(--bluegray-500);
130
+ --gray-600: var(--bluegray-600);
131
+ --gray-700: var(--bluegray-700);
132
+ --gray-800: var(--bluegray-800);
133
+ --gray-900: var(--bluegray-900);
134
+ }
135
+
136
+ /* Semantic */
137
+ :root {
138
+ --primary-50: var(--purple-50);
139
+ --primary-100: var(--purple-100);
140
+ --primary-200: var(--purple-200);
141
+ --primary-300: var(--purple-300);
142
+ --primary-400: var(--purple-400);
143
+ --primary-500: var(--purple-500);
144
+ --primary-600: var(--purple-600);
145
+ --primary-700: var(--purple-700);
146
+ --primary-800: var(--purple-800);
147
+ --primary-900: var(--purple-900);
148
+
149
+ --surface-0: #ffffff;
150
+ --surface-50: #fafafa;
151
+ --surface-100: #f5f5f5;
152
+ --surface-200: #eeeeee;
153
+ --surface-300: #e0e0e0;
154
+ --surface-400: #bdbdbd;
155
+ --surface-500: #9e9e9e;
156
+ --surface-600: #757575;
157
+ --surface-700: #616161;
158
+ --surface-800: #424242;
159
+ --surface-900: #212121;
160
+ }
161
+
162
+ /* Text */
163
+ :root {
164
+ --text-color: var(--surface-900);
165
+ color: var(--text-color);
166
+ }
package/index.js CHANGED
@@ -1,8 +1,10 @@
1
1
  import Primevue from 'primevue/config';
2
2
  import { AmDSPrimeConfig } from './config/theme';
3
+ import ToastService from 'primevue/toastservice';
3
4
  export var AmDSPrime = {
4
5
  install: function (app) {
5
6
  app.use(Primevue, AmDSPrimeConfig);
7
+ app.use(ToastService);
6
8
  }
7
9
  };
8
10
  export default AmDSPrime;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appmax_npm/ds-prime",
3
- "version": "1.0.0-alpha.18",
3
+ "version": "1.0.0-alpha.19",
4
4
  "description": "Design System da Appmax baseado no Primevue",
5
5
  "author": "Appmax",
6
6
  "type": "module",
package/tailwind/index.d.ts ADDED
@@ -0,0 +1,183 @@
1
+ export declare const AmTailwindConfig: {
2
+ content: string[];
3
+ darkMode: string;
4
+ theme: {
5
+ fontFamily: {
6
+ sans: string[];
7
+ };
8
+ extend: {
9
+ colors: {
10
+ blue: {
11
+ 50: string;
12
+ 100: string;
13
+ 200: string;
14
+ 300: string;
15
+ 400: string;
16
+ 500: string;
17
+ 600: string;
18
+ 700: string;
19
+ 800: string;
20
+ 900: string;
21
+ };
22
+ green: {
23
+ 50: string;
24
+ 100: string;
25
+ 200: string;
26
+ 300: string;
27
+ 400: string;
28
+ 500: string;
29
+ 600: string;
30
+ 700: string;
31
+ 800: string;
32
+ 900: string;
33
+ };
34
+ yellow: {
35
+ 50: string;
36
+ 100: string;
37
+ 200: string;
38
+ 300: string;
39
+ 400: string;
40
+ 500: string;
41
+ 600: string;
42
+ 700: string;
43
+ 800: string;
44
+ 900: string;
45
+ };
46
+ cyan: {
47
+ 50: string;
48
+ 100: string;
49
+ 200: string;
50
+ 300: string;
51
+ 400: string;
52
+ 500: string;
53
+ 600: string;
54
+ 700: string;
55
+ 800: string;
56
+ 900: string;
57
+ };
58
+ pink: {
59
+ 50: string;
60
+ 100: string;
61
+ 200: string;
62
+ 300: string;
63
+ 400: string;
64
+ 500: string;
65
+ 600: string;
66
+ 700: string;
67
+ 800: string;
68
+ 900: string;
69
+ };
70
+ indigo: {
71
+ 50: string;
72
+ 100: string;
73
+ 200: string;
74
+ 300: string;
75
+ 400: string;
76
+ 500: string;
77
+ 600: string;
78
+ 700: string;
79
+ 800: string;
80
+ 900: string;
81
+ };
82
+ teal: {
83
+ 50: string;
84
+ 100: string;
85
+ 200: string;
86
+ 300: string;
87
+ 400: string;
88
+ 500: string;
89
+ 600: string;
90
+ 700: string;
91
+ 800: string;
92
+ 900: string;
93
+ };
94
+ orange: {
95
+ 50: string;
96
+ 100: string;
97
+ 200: string;
98
+ 300: string;
99
+ 400: string;
100
+ 500: string;
101
+ 600: string;
102
+ 700: string;
103
+ 800: string;
104
+ 900: string;
105
+ };
106
+ bluegray: {
107
+ 50: string;
108
+ 100: string;
109
+ 200: string;
110
+ 300: string;
111
+ 400: string;
112
+ 500: string;
113
+ 600: string;
114
+ 700: string;
115
+ 800: string;
116
+ 900: string;
117
+ };
118
+ purple: {
119
+ 50: string;
120
+ 100: string;
121
+ 200: string;
122
+ 300: string;
123
+ 400: string;
124
+ 500: string;
125
+ 600: string;
126
+ 700: string;
127
+ 800: string;
128
+ 900: string;
129
+ };
130
+ red: {
131
+ 50: string;
132
+ 100: string;
133
+ 200: string;
134
+ 300: string;
135
+ 400: string;
136
+ 500: string;
137
+ 600: string;
138
+ 700: string;
139
+ 800: string;
140
+ 900: string;
141
+ };
142
+ gray: {
143
+ 50: string;
144
+ 100: string;
145
+ 200: string;
146
+ 300: string;
147
+ 400: string;
148
+ 500: string;
149
+ 600: string;
150
+ 700: string;
151
+ 800: string;
152
+ 900: string;
153
+ };
154
+ surface: {
155
+ 0: string;
156
+ 50: string;
157
+ 100: string;
158
+ 200: string;
159
+ 300: string;
160
+ 400: string;
161
+ 500: string;
162
+ 600: string;
163
+ 700: string;
164
+ 800: string;
165
+ 900: string;
166
+ };
167
+ primary: {
168
+ 50: string;
169
+ 100: string;
170
+ 200: string;
171
+ 300: string;
172
+ 400: string;
173
+ 500: string;
174
+ 600: string;
175
+ 700: string;
176
+ 800: string;
177
+ 900: string;
178
+ 950: string;
179
+ };
180
+ };
181
+ };
182
+ };
183
+ };
package/tailwind/index.js ADDED
@@ -0,0 +1,183 @@
1
+ export var AmTailwindConfig = {
2
+ content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
3
+ darkMode: 'class',
4
+ theme: {
5
+ fontFamily: {
6
+ sans: ['Roboto', 'sans-serif']
7
+ },
8
+ extend: {
9
+ colors: {
10
+ blue: {
11
+ 50: 'var(--blue-50)',
12
+ 100: 'var(--blue-100)',
13
+ 200: 'var(--blue-200)',
14
+ 300: 'var(--blue-300)',
15
+ 400: 'var(--blue-400)',
16
+ 500: 'var(--blue-500)',
17
+ 600: 'var(--blue-600)',
18
+ 700: 'var(--blue-700)',
19
+ 800: 'var(--blue-800)',
20
+ 900: 'var(--blue-900)'
21
+ },
22
+ green: {
23
+ 50: 'var(--green-50)',
24
+ 100: 'var(--green-100)',
25
+ 200: 'var(--green-200)',
26
+ 300: 'var(--green-300)',
27
+ 400: 'var(--green-400)',
28
+ 500: 'var(--green-500)',
29
+ 600: 'var(--green-600)',
30
+ 700: 'var(--green-700)',
31
+ 800: 'var(--green-800)',
32
+ 900: 'var(--green-900)'
33
+ },
34
+ yellow: {
35
+ 50: 'var(--yellow-50)',
36
+ 100: 'var(--yellow-100)',
37
+ 200: 'var(--yellow-200)',
38
+ 300: 'var(--yellow-300)',
39
+ 400: 'var(--yellow-400)',
40
+ 500: 'var(--yellow-500)',
41
+ 600: 'var(--yellow-600)',
42
+ 700: 'var(--yellow-700)',
43
+ 800: 'var(--yellow-800)',
44
+ 900: 'var(--yellow-900)'
45
+ },
46
+ cyan: {
47
+ 50: 'var(--cyan-50)',
48
+ 100: 'var(--cyan-100)',
49
+ 200: 'var(--cyan-200)',
50
+ 300: 'var(--cyan-300)',
51
+ 400: 'var(--cyan-400)',
52
+ 500: 'var(--cyan-500)',
53
+ 600: 'var(--cyan-600)',
54
+ 700: 'var(--cyan-700)',
55
+ 800: 'var(--cyan-800)',
56
+ 900: 'var(--cyan-900)'
57
+ },
58
+ pink: {
59
+ 50: 'var(--pink-50)',
60
+ 100: 'var(--pink-100)',
61
+ 200: 'var(--pink-200)',
62
+ 300: 'var(--pink-300)',
63
+ 400: 'var(--pink-400)',
64
+ 500: 'var(--pink-500)',
65
+ 600: 'var(--pink-600)',
66
+ 700: 'var(--pink-700)',
67
+ 800: 'var(--pink-800)',
68
+ 900: 'var(--pink-900)'
69
+ },
70
+ indigo: {
71
+ 50: 'var(--indigo-50)',
72
+ 100: 'var(--indigo-100)',
73
+ 200: 'var(--indigo-200)',
74
+ 300: 'var(--indigo-300)',
75
+ 400: 'var(--indigo-400)',
76
+ 500: 'var(--indigo-500)',
77
+ 600: 'var(--indigo-600)',
78
+ 700: 'var(--indigo-700)',
79
+ 800: 'var(--indigo-800)',
80
+ 900: 'var(--indigo-900)'
81
+ },
82
+ teal: {
83
+ 50: 'var(--teal-50)',
84
+ 100: 'var(--teal-100)',
85
+ 200: 'var(--teal-200)',
86
+ 300: 'var(--teal-300)',
87
+ 400: 'var(--teal-400)',
88
+ 500: 'var(--teal-500)',
89
+ 600: 'var(--teal-600)',
90
+ 700: 'var(--teal-700)',
91
+ 800: 'var(--teal-800)',
92
+ 900: 'var(--teal-900)'
93
+ },
94
+ orange: {
95
+ 50: 'var(--orange-50)',
96
+ 100: 'var(--orange-100)',
97
+ 200: 'var(--orange-200)',
98
+ 300: 'var(--orange-300)',
99
+ 400: 'var(--orange-400)',
100
+ 500: 'var(--orange-500)',
101
+ 600: 'var(--orange-600)',
102
+ 700: 'var(--orange-700)',
103
+ 800: 'var(--orange-800)',
104
+ 900: 'var(--orange-900)'
105
+ },
106
+ bluegray: {
107
+ 50: 'var(--bluegray-50)',
108
+ 100: 'var(--bluegray-100)',
109
+ 200: 'var(--bluegray-200)',
110
+ 300: 'var(--bluegray-300)',
111
+ 400: 'var(--bluegray-400)',
112
+ 500: 'var(--bluegray-500)',
113
+ 600: 'var(--bluegray-600)',
114
+ 700: 'var(--bluegray-700)',
115
+ 800: 'var(--bluegray-800)',
116
+ 900: 'var(--bluegray-900)'
117
+ },
118
+ purple: {
119
+ 50: 'var(--purple-50)',
120
+ 100: 'var(--purple-100)',
121
+ 200: 'var(--purple-200)',
122
+ 300: 'var(--purple-300)',
123
+ 400: 'var(--purple-400)',
124
+ 500: 'var(--purple-500)',
125
+ 600: 'var(--purple-600)',
126
+ 700: 'var(--purple-700)',
127
+ 800: 'var(--purple-800)',
128
+ 900: 'var(--purple-900)'
129
+ },
130
+ red: {
131
+ 50: 'var(--red-50)',
132
+ 100: 'var(--red-100)',
133
+ 200: 'var(--red-200)',
134
+ 300: 'var(--red-300)',
135
+ 400: 'var(--red-400)',
136
+ 500: 'var(--red-500)',
137
+ 600: 'var(--red-600)',
138
+ 700: 'var(--red-700)',
139
+ 800: 'var(--red-800)',
140
+ 900: 'var(--red-900)'
141
+ },
142
+ gray: {
143
+ 50: 'var(--gray-50)',
144
+ 100: 'var(--gray-100)',
145
+ 200: 'var(--gray-200)',
146
+ 300: 'var(--gray-300)',
147
+ 400: 'var(--gray-400)',
148
+ 500: 'var(--gray-500)',
149
+ 600: 'var(--gray-600)',
150
+ 700: 'var(--gray-700)',
151
+ 800: 'var(--gray-800)',
152
+ 900: 'var(--gray-900)'
153
+ },
154
+ surface: {
155
+ 0: 'var(--surface-0)',
156
+ 50: 'var(--surface-50)',
157
+ 100: 'var(--surface-100)',
158
+ 200: 'var(--surface-200)',
159
+ 300: 'var(--surface-300)',
160
+ 400: 'var(--surface-400)',
161
+ 500: 'var(--surface-500)',
162
+ 600: 'var(--surface-600)',
163
+ 700: 'var(--surface-700)',
164
+ 800: 'var(--surface-800)',
165
+ 900: 'var(--surface-900)'
166
+ },
167
+ primary: {
168
+ 50: 'var(--primary-50)',
169
+ 100: 'var(--primary-100)',
170
+ 200: 'var(--primary-200)',
171
+ 300: 'var(--primary-300)',
172
+ 400: 'var(--primary-400)',
173
+ 500: 'var(--primary-500)',
174
+ 600: 'var(--primary-600)',
175
+ 700: 'var(--primary-700)',
176
+ 800: 'var(--primary-800)',
177
+ 900: 'var(--primary-900)',
178
+ 950: 'var(--primary-950)'
179
+ }
180
+ }
181
+ }
182
+ }
183
+ };