@appmax_npm/ds-prime 1.0.0-alpha.92 → 1.0.0-alpha.93

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 (10) hide show
  1. package/config/colors.d.ts +19 -16
  2. package/config/colors.js +47 -60
  3. package/config/preset.d.ts +2 -1
  4. package/config/preset.js +2 -2
  5. package/css/index.css +1 -1
  6. package/index/index.js +66 -81
  7. package/index.d.ts +0 -1
  8. package/index.js +0 -1
  9. package/package.json +5 -6
  10. package/tailwind/index.d.ts +19 -16
package/config/colors.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export declare const AmColors: {
2
2
  warn: {
3
- 0: string;
4
3
  50: string;
5
4
  100: string;
6
5
  200: string;
@@ -13,7 +12,6 @@ export declare const AmColors: {
13
12
  900: string;
14
13
  };
15
14
  orange: {
16
- 0: string;
17
15
  50: string;
18
16
  100: string;
19
17
  200: string;
@@ -26,6 +24,7 @@ export declare const AmColors: {
26
24
  900: string;
27
25
  };
28
26
  danger: {
27
+ DEFAULT: string;
29
28
  0: string;
30
29
  50: string;
31
30
  100: string;
@@ -39,6 +38,7 @@ export declare const AmColors: {
39
38
  900: string;
40
39
  };
41
40
  error: {
41
+ DEFAULT: string;
42
42
  0: string;
43
43
  50: string;
44
44
  100: string;
@@ -52,7 +52,6 @@ export declare const AmColors: {
52
52
  900: string;
53
53
  };
54
54
  warning: {
55
- 0: string;
56
55
  50: string;
57
56
  100: string;
58
57
  200: string;
@@ -65,6 +64,7 @@ export declare const AmColors: {
65
64
  900: string;
66
65
  };
67
66
  success: {
67
+ DEFAULT: string;
68
68
  0: string;
69
69
  50: string;
70
70
  100: string;
@@ -78,7 +78,6 @@ export declare const AmColors: {
78
78
  900: string;
79
79
  };
80
80
  info: {
81
- 0: string;
82
81
  50: string;
83
82
  100: string;
84
83
  200: string;
@@ -90,7 +89,8 @@ export declare const AmColors: {
90
89
  800: string;
91
90
  900: string;
92
91
  };
93
- blue: {
92
+ primary: {
93
+ DEFAULT: string;
94
94
  50: string;
95
95
  100: string;
96
96
  200: string;
@@ -101,8 +101,10 @@ export declare const AmColors: {
101
101
  700: string;
102
102
  800: string;
103
103
  900: string;
104
+ 950: string;
104
105
  };
105
- red: {
106
+ surface: {
107
+ DEFAULT: string;
106
108
  0: string;
107
109
  50: string;
108
110
  100: string;
@@ -114,9 +116,9 @@ export declare const AmColors: {
114
116
  700: string;
115
117
  800: string;
116
118
  900: string;
119
+ 950: string;
117
120
  };
118
- green: {
119
- 0: string;
121
+ blue: {
120
122
  50: string;
121
123
  100: string;
122
124
  200: string;
@@ -128,7 +130,9 @@ export declare const AmColors: {
128
130
  800: string;
129
131
  900: string;
130
132
  };
131
- yellow: {
133
+ red: {
134
+ DEFAULT: string;
135
+ 0: string;
132
136
  50: string;
133
137
  100: string;
134
138
  200: string;
@@ -140,7 +144,9 @@ export declare const AmColors: {
140
144
  800: string;
141
145
  900: string;
142
146
  };
143
- grape: {
147
+ green: {
148
+ DEFAULT: string;
149
+ 0: string;
144
150
  50: string;
145
151
  100: string;
146
152
  200: string;
@@ -151,9 +157,8 @@ export declare const AmColors: {
151
157
  700: string;
152
158
  800: string;
153
159
  900: string;
154
- 950: string;
155
160
  };
156
- oil: {
161
+ yellow: {
157
162
  50: string;
158
163
  100: string;
159
164
  200: string;
@@ -164,9 +169,8 @@ export declare const AmColors: {
164
169
  700: string;
165
170
  800: string;
166
171
  900: string;
167
- 950: string;
168
172
  };
169
- primary: {
173
+ grape: {
170
174
  50: string;
171
175
  100: string;
172
176
  200: string;
@@ -179,8 +183,7 @@ export declare const AmColors: {
179
183
  900: string;
180
184
  950: string;
181
185
  };
182
- surface: {
183
- 0: string;
186
+ oil: {
184
187
  50: string;
185
188
  100: string;
186
189
  200: string;
package/config/colors.js CHANGED
@@ -1,58 +1,4 @@
1
- const statusColors = {
2
- error: {
3
- 0: 'var(--error-0)',
4
- 50: 'var(--error-50)',
5
- 100: 'var(--error-100)',
6
- 200: 'var(--error-200)',
7
- 300: 'var(--error-300)',
8
- 400: 'var(--error-400)',
9
- 500: 'var(--error-500)',
10
- 600: 'var(--error-600)',
11
- 700: 'var(--error-700)',
12
- 800: 'var(--error-800)',
13
- 900: 'var(--error-900)',
14
- },
15
- warning: {
16
- 0: 'var(--warning-0)',
17
- 50: 'var(--warning-50)',
18
- 100: 'var(--warning-100)',
19
- 200: 'var(--warning-200)',
20
- 300: 'var(--warning-300)',
21
- 400: 'var(--warning-400)',
22
- 500: 'var(--warning-500)',
23
- 600: 'var(--warning-600)',
24
- 700: 'var(--warning-700)',
25
- 800: 'var(--warning-800)',
26
- 900: 'var(--warning-900)',
27
- },
28
- success: {
29
- 0: 'var(--success-0)',
30
- 50: 'var(--success-50)',
31
- 100: 'var(--success-100)',
32
- 200: 'var(--success-200)',
33
- 300: 'var(--success-300)',
34
- 400: 'var(--success-400)',
35
- 500: 'var(--success-500)',
36
- 600: 'var(--success-600)',
37
- 700: 'var(--success-700)',
38
- 800: 'var(--success-800)',
39
- 900: 'var(--success-900)',
40
- },
41
- info: {
42
- 0: 'var(--info-0)',
43
- 50: 'var(--info-50)',
44
- 100: 'var(--info-100)',
45
- 200: 'var(--info-200)',
46
- 300: 'var(--info-300)',
47
- 400: 'var(--info-400)',
48
- 500: 'var(--info-500)',
49
- 600: 'var(--info-600)',
50
- 700: 'var(--info-700)',
51
- 800: 'var(--info-800)',
52
- 900: 'var(--info-900)',
53
- }
54
- };
55
- export const AmColors = {
1
+ const primaryColors = {
56
2
  blue: {
57
3
  50: 'var(--blue-50)',
58
4
  100: 'var(--blue-100)',
@@ -65,8 +11,34 @@ export const AmColors = {
65
11
  800: 'var(--blue-800)',
66
12
  900: 'var(--blue-900)'
67
13
  },
68
- red: statusColors.error,
69
- green: statusColors.success,
14
+ red: {
15
+ DEFAULT: 'var(--danger-500)',
16
+ 0: 'var(--danger-0)',
17
+ 50: 'var(--danger-50)',
18
+ 100: 'var(--danger-100)',
19
+ 200: 'var(--danger-200)',
20
+ 300: 'var(--danger-300)',
21
+ 400: 'var(--danger-400)',
22
+ 500: 'var(--danger-500)',
23
+ 600: 'var(--danger-600)',
24
+ 700: 'var(--danger-700)',
25
+ 800: 'var(--danger-800)',
26
+ 900: 'var(--danger-900)'
27
+ },
28
+ green: {
29
+ DEFAULT: 'var(--green-500)',
30
+ 0: 'var(--green-0)',
31
+ 50: 'var(--green-50)',
32
+ 100: 'var(--green-100)',
33
+ 200: 'var(--green-200)',
34
+ 300: 'var(--green-300)',
35
+ 400: 'var(--green-400)',
36
+ 500: 'var(--green-500)',
37
+ 600: 'var(--green-600)',
38
+ 700: 'var(--green-700)',
39
+ 800: 'var(--green-800)',
40
+ 900: 'var(--green-900)'
41
+ },
70
42
  yellow: {
71
43
  50: 'var(--yellow-50)',
72
44
  100: 'var(--yellow-100)',
@@ -104,8 +76,17 @@ export const AmColors = {
104
76
  800: 'var(--oil-800)',
105
77
  900: 'var(--oil-900)',
106
78
  950: 'var(--oil-950)'
107
- },
79
+ }
80
+ };
81
+ const statusColors = {
82
+ error: primaryColors.red,
83
+ warning: primaryColors.yellow,
84
+ success: primaryColors.green,
85
+ info: primaryColors.blue
86
+ };
87
+ const semanticColors = {
108
88
  primary: {
89
+ DEFAULT: 'var(--primary-500)',
109
90
  50: 'var(--primary-50)',
110
91
  100: 'var(--primary-100)',
111
92
  200: 'var(--primary-200)',
@@ -119,6 +100,7 @@ export const AmColors = {
119
100
  950: 'var(--primary-950)'
120
101
  },
121
102
  surface: {
103
+ DEFAULT: 'var(--surface-500)',
122
104
  0: 'var(--surface-0)',
123
105
  50: 'var(--surface-50)',
124
106
  100: 'var(--surface-100)',
@@ -131,9 +113,14 @@ export const AmColors = {
131
113
  800: 'var(--surface-800)',
132
114
  900: 'var(--surface-900)',
133
115
  950: 'var(--surface-950)'
134
- },
116
+ }
117
+ };
118
+ export const AmColors = {
119
+ ...primaryColors,
120
+ ...semanticColors,
135
121
  ...statusColors,
122
+ // overrides
136
123
  warn: statusColors.warning,
137
124
  orange: statusColors.warning,
138
- danger: statusColors.error,
125
+ danger: statusColors.error
139
126
  };
package/config/preset.d.ts CHANGED
@@ -1 +1,2 @@
1
- export declare const AmPreset: any;
1
+ import Lara from '@primevue/themes/lara';
2
+ export declare const AmPreset: typeof Lara;
package/config/preset.js CHANGED
@@ -25,9 +25,9 @@ export const AmPreset = definePreset(Lara, {
25
25
  },
26
26
  text: {
27
27
  color: '{oil.900}',
28
- hoverColor: '{oil.800}',
28
+ hoverColor: '{primary.700}',
29
29
  mutedColor: '{oil.500}',
30
- hoverMutedColor: '{oil.600}'
30
+ hoverMutedColor: '{oil.600}',
31
31
  }
32
32
  },
33
33
  dark: {