@pequity/squirrel 6.0.12 → 6.0.13

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 (60) hide show
  1. package/dist/cjs/chunks/index.js +2645 -0
  2. package/dist/cjs/chunks/p-btn.types.js +3 -0
  3. package/dist/cjs/chunks/p-select.js +2 -2
  4. package/dist/cjs/index.js +23 -31
  5. package/dist/cjs/inputClasses.js +127 -0
  6. package/dist/cjs/inputClassesMixin.js +23 -19
  7. package/dist/cjs/p-btn.js +56 -57
  8. package/dist/cjs/p-input-search.js +3 -3
  9. package/dist/cjs/useInputClasses.js +19 -18
  10. package/dist/es/chunks/index.js +2646 -0
  11. package/dist/es/chunks/p-btn.types.js +4 -0
  12. package/dist/es/chunks/p-select.js +2 -2
  13. package/dist/es/index.js +28 -36
  14. package/dist/es/inputClasses.js +127 -0
  15. package/dist/es/inputClassesMixin.js +23 -19
  16. package/dist/es/p-btn.js +56 -57
  17. package/dist/es/p-input-search.js +3 -3
  18. package/dist/es/useInputClasses.js +23 -22
  19. package/dist/squirrel/components/p-btn/p-btn.types.d.ts +2 -1
  20. package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +395 -17
  21. package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +30 -22
  22. package/dist/squirrel/components/p-input/p-input.vue.d.ts +11 -7
  23. package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +11 -7
  24. package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +3 -3
  25. package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +16 -12
  26. package/dist/squirrel/components/p-select/p-select.vue.d.ts +5 -5
  27. package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +30 -22
  28. package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +11 -7
  29. package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +11 -7
  30. package/dist/squirrel/composables/useInputClasses.d.ts +3 -3
  31. package/dist/squirrel/index.d.ts +1 -0
  32. package/dist/squirrel/utils/index.d.ts +2 -2
  33. package/dist/squirrel/utils/inputClasses.d.ts +938 -0
  34. package/dist/squirrel/utils/inputClassesMixin.d.ts +12 -8
  35. package/dist/squirrel.css +13 -13
  36. package/package.json +10 -7
  37. package/squirrel/components/p-btn/p-btn.spec.js +1 -1
  38. package/squirrel/components/p-btn/p-btn.types.ts +3 -1
  39. package/squirrel/components/p-btn/p-btn.vue +60 -74
  40. package/squirrel/components/p-file-upload/p-file-upload.spec.js +3 -8
  41. package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js +3 -10
  42. package/squirrel/components/p-input/p-input.spec.js +3 -8
  43. package/squirrel/components/p-input-number/p-input-number.spec.js +15 -18
  44. package/squirrel/components/p-input-percent/p-input-percent.spec.js +3 -8
  45. package/squirrel/components/p-input-percent/p-input-percent.vue +3 -3
  46. package/squirrel/components/p-input-search/p-input-search.vue +4 -4
  47. package/squirrel/components/p-select/p-select.spec.js +27 -33
  48. package/squirrel/components/p-select/p-select.vue +4 -4
  49. package/squirrel/components/p-textarea/p-textarea.spec.js +3 -8
  50. package/squirrel/composables/useInputClasses.spec.js +138 -77
  51. package/squirrel/composables/useInputClasses.ts +25 -39
  52. package/squirrel/index.ts +1 -0
  53. package/squirrel/utils/index.ts +3 -36
  54. package/squirrel/utils/inputClasses.ts +128 -0
  55. package/squirrel/utils/inputClassesMixin.spec.js +153 -64
  56. package/squirrel/utils/inputClassesMixin.ts +26 -43
  57. package/dist/cjs/inputClassesShared.js +0 -76
  58. package/dist/es/inputClassesShared.js +0 -76
  59. package/dist/squirrel/utils/inputClassesShared.d.ts +0 -45
  60. package/squirrel/utils/inputClassesShared.ts +0 -75
@@ -1,22 +1,398 @@
1
1
  import { type Size } from './p-btn.types';
2
+ import { type VariantProps } from 'tailwind-variants';
2
3
  import { type PropType } from 'vue';
3
4
  import { type RouteLocationRaw } from 'vue-router';
4
- declare const BUTTON_TYPES: {
5
- readonly PRIMARY: "primary";
6
- readonly SECONDARY: "secondary";
7
- readonly PRIMARY_OUTLINE: "primary-outline";
8
- readonly SECONDARY_OUTLINE: "secondary-outline";
9
- readonly SECONDARY_OUTLINE_BLUE: "secondary-outline-blue";
10
- readonly ERROR: "error";
11
- readonly SUCCESS: "success";
12
- readonly PRIMARY_LINK: "primary-link";
13
- readonly SECONDARY_GHOST: "secondary-ghost";
14
- readonly SECONDARY_GHOST_DARK: "secondary-ghost-dark";
15
- };
5
+ declare const btn: import("tailwind-variants").TVReturnType<{
6
+ readonly type: {
7
+ readonly primary: {
8
+ readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
9
+ readonly loader: "text-surface";
10
+ };
11
+ readonly secondary: {
12
+ readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
13
+ readonly loader: "text-p-purple-60";
14
+ };
15
+ readonly 'primary-outline': {
16
+ readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
17
+ readonly loader: "text-p-purple-60";
18
+ };
19
+ readonly 'secondary-outline': {
20
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
21
+ readonly loader: "text-p-purple-60";
22
+ };
23
+ readonly 'secondary-outline-blue': {
24
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
25
+ readonly loader: "text-p-purple-60";
26
+ };
27
+ readonly error: {
28
+ readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
29
+ readonly loader: "text-white";
30
+ };
31
+ readonly success: {
32
+ readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
33
+ readonly loader: "text-white";
34
+ };
35
+ readonly 'primary-link': {
36
+ readonly button: "bg-transparent text-primary underline hover:text-accent";
37
+ readonly loader: "text-p-blue-60";
38
+ };
39
+ readonly 'secondary-ghost': {
40
+ readonly button: "text-on-surface hover:bg-p-gray-20";
41
+ readonly loader: "text-p-purple-60";
42
+ };
43
+ readonly 'secondary-ghost-dark': {
44
+ readonly button: "text-white hover:bg-p-purple-50";
45
+ readonly loader: "text-p-blue-15";
46
+ };
47
+ };
48
+ readonly size: {
49
+ readonly sm: {
50
+ readonly button: "px-2 py-1 text-sm";
51
+ };
52
+ readonly md: {
53
+ readonly button: "px-6 py-2 text-base";
54
+ };
55
+ readonly lg: {
56
+ readonly button: "px-6 py-2.5 text-lg";
57
+ };
58
+ };
59
+ }, {
60
+ readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
61
+ readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
62
+ }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
63
+ readonly type: {
64
+ readonly primary: {
65
+ readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
66
+ readonly loader: "text-surface";
67
+ };
68
+ readonly secondary: {
69
+ readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
70
+ readonly loader: "text-p-purple-60";
71
+ };
72
+ readonly 'primary-outline': {
73
+ readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
74
+ readonly loader: "text-p-purple-60";
75
+ };
76
+ readonly 'secondary-outline': {
77
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
78
+ readonly loader: "text-p-purple-60";
79
+ };
80
+ readonly 'secondary-outline-blue': {
81
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
82
+ readonly loader: "text-p-purple-60";
83
+ };
84
+ readonly error: {
85
+ readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
86
+ readonly loader: "text-white";
87
+ };
88
+ readonly success: {
89
+ readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
90
+ readonly loader: "text-white";
91
+ };
92
+ readonly 'primary-link': {
93
+ readonly button: "bg-transparent text-primary underline hover:text-accent";
94
+ readonly loader: "text-p-blue-60";
95
+ };
96
+ readonly 'secondary-ghost': {
97
+ readonly button: "text-on-surface hover:bg-p-gray-20";
98
+ readonly loader: "text-p-purple-60";
99
+ };
100
+ readonly 'secondary-ghost-dark': {
101
+ readonly button: "text-white hover:bg-p-purple-50";
102
+ readonly loader: "text-p-blue-15";
103
+ };
104
+ };
105
+ readonly size: {
106
+ readonly sm: {
107
+ readonly button: "px-2 py-1 text-sm";
108
+ };
109
+ readonly md: {
110
+ readonly button: "px-6 py-2 text-base";
111
+ };
112
+ readonly lg: {
113
+ readonly button: "px-6 py-2.5 text-lg";
114
+ };
115
+ };
116
+ }, {
117
+ readonly type: {
118
+ readonly primary: {
119
+ readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
120
+ readonly loader: "text-surface";
121
+ };
122
+ readonly secondary: {
123
+ readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
124
+ readonly loader: "text-p-purple-60";
125
+ };
126
+ readonly 'primary-outline': {
127
+ readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
128
+ readonly loader: "text-p-purple-60";
129
+ };
130
+ readonly 'secondary-outline': {
131
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
132
+ readonly loader: "text-p-purple-60";
133
+ };
134
+ readonly 'secondary-outline-blue': {
135
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
136
+ readonly loader: "text-p-purple-60";
137
+ };
138
+ readonly error: {
139
+ readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
140
+ readonly loader: "text-white";
141
+ };
142
+ readonly success: {
143
+ readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
144
+ readonly loader: "text-white";
145
+ };
146
+ readonly 'primary-link': {
147
+ readonly button: "bg-transparent text-primary underline hover:text-accent";
148
+ readonly loader: "text-p-blue-60";
149
+ };
150
+ readonly 'secondary-ghost': {
151
+ readonly button: "text-on-surface hover:bg-p-gray-20";
152
+ readonly loader: "text-p-purple-60";
153
+ };
154
+ readonly 'secondary-ghost-dark': {
155
+ readonly button: "text-white hover:bg-p-purple-50";
156
+ readonly loader: "text-p-blue-15";
157
+ };
158
+ };
159
+ readonly size: {
160
+ readonly sm: {
161
+ readonly button: "px-2 py-1 text-sm";
162
+ };
163
+ readonly md: {
164
+ readonly button: "px-6 py-2 text-base";
165
+ };
166
+ readonly lg: {
167
+ readonly button: "px-6 py-2.5 text-lg";
168
+ };
169
+ };
170
+ }>, {
171
+ readonly type: {
172
+ readonly primary: {
173
+ readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
174
+ readonly loader: "text-surface";
175
+ };
176
+ readonly secondary: {
177
+ readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
178
+ readonly loader: "text-p-purple-60";
179
+ };
180
+ readonly 'primary-outline': {
181
+ readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
182
+ readonly loader: "text-p-purple-60";
183
+ };
184
+ readonly 'secondary-outline': {
185
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
186
+ readonly loader: "text-p-purple-60";
187
+ };
188
+ readonly 'secondary-outline-blue': {
189
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
190
+ readonly loader: "text-p-purple-60";
191
+ };
192
+ readonly error: {
193
+ readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
194
+ readonly loader: "text-white";
195
+ };
196
+ readonly success: {
197
+ readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
198
+ readonly loader: "text-white";
199
+ };
200
+ readonly 'primary-link': {
201
+ readonly button: "bg-transparent text-primary underline hover:text-accent";
202
+ readonly loader: "text-p-blue-60";
203
+ };
204
+ readonly 'secondary-ghost': {
205
+ readonly button: "text-on-surface hover:bg-p-gray-20";
206
+ readonly loader: "text-p-purple-60";
207
+ };
208
+ readonly 'secondary-ghost-dark': {
209
+ readonly button: "text-white hover:bg-p-purple-50";
210
+ readonly loader: "text-p-blue-15";
211
+ };
212
+ };
213
+ readonly size: {
214
+ readonly sm: {
215
+ readonly button: "px-2 py-1 text-sm";
216
+ };
217
+ readonly md: {
218
+ readonly button: "px-6 py-2 text-base";
219
+ };
220
+ readonly lg: {
221
+ readonly button: "px-6 py-2.5 text-lg";
222
+ };
223
+ };
224
+ }, {
225
+ readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
226
+ readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
227
+ }, import("tailwind-variants").TVReturnType<{
228
+ readonly type: {
229
+ readonly primary: {
230
+ readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
231
+ readonly loader: "text-surface";
232
+ };
233
+ readonly secondary: {
234
+ readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
235
+ readonly loader: "text-p-purple-60";
236
+ };
237
+ readonly 'primary-outline': {
238
+ readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
239
+ readonly loader: "text-p-purple-60";
240
+ };
241
+ readonly 'secondary-outline': {
242
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
243
+ readonly loader: "text-p-purple-60";
244
+ };
245
+ readonly 'secondary-outline-blue': {
246
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
247
+ readonly loader: "text-p-purple-60";
248
+ };
249
+ readonly error: {
250
+ readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
251
+ readonly loader: "text-white";
252
+ };
253
+ readonly success: {
254
+ readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
255
+ readonly loader: "text-white";
256
+ };
257
+ readonly 'primary-link': {
258
+ readonly button: "bg-transparent text-primary underline hover:text-accent";
259
+ readonly loader: "text-p-blue-60";
260
+ };
261
+ readonly 'secondary-ghost': {
262
+ readonly button: "text-on-surface hover:bg-p-gray-20";
263
+ readonly loader: "text-p-purple-60";
264
+ };
265
+ readonly 'secondary-ghost-dark': {
266
+ readonly button: "text-white hover:bg-p-purple-50";
267
+ readonly loader: "text-p-blue-15";
268
+ };
269
+ };
270
+ readonly size: {
271
+ readonly sm: {
272
+ readonly button: "px-2 py-1 text-sm";
273
+ };
274
+ readonly md: {
275
+ readonly button: "px-6 py-2 text-base";
276
+ };
277
+ readonly lg: {
278
+ readonly button: "px-6 py-2.5 text-lg";
279
+ };
280
+ };
281
+ }, {
282
+ readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
283
+ readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
284
+ }, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
285
+ readonly type: {
286
+ readonly primary: {
287
+ readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
288
+ readonly loader: "text-surface";
289
+ };
290
+ readonly secondary: {
291
+ readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
292
+ readonly loader: "text-p-purple-60";
293
+ };
294
+ readonly 'primary-outline': {
295
+ readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
296
+ readonly loader: "text-p-purple-60";
297
+ };
298
+ readonly 'secondary-outline': {
299
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
300
+ readonly loader: "text-p-purple-60";
301
+ };
302
+ readonly 'secondary-outline-blue': {
303
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
304
+ readonly loader: "text-p-purple-60";
305
+ };
306
+ readonly error: {
307
+ readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
308
+ readonly loader: "text-white";
309
+ };
310
+ readonly success: {
311
+ readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
312
+ readonly loader: "text-white";
313
+ };
314
+ readonly 'primary-link': {
315
+ readonly button: "bg-transparent text-primary underline hover:text-accent";
316
+ readonly loader: "text-p-blue-60";
317
+ };
318
+ readonly 'secondary-ghost': {
319
+ readonly button: "text-on-surface hover:bg-p-gray-20";
320
+ readonly loader: "text-p-purple-60";
321
+ };
322
+ readonly 'secondary-ghost-dark': {
323
+ readonly button: "text-white hover:bg-p-purple-50";
324
+ readonly loader: "text-p-blue-15";
325
+ };
326
+ };
327
+ readonly size: {
328
+ readonly sm: {
329
+ readonly button: "px-2 py-1 text-sm";
330
+ };
331
+ readonly md: {
332
+ readonly button: "px-6 py-2 text-base";
333
+ };
334
+ readonly lg: {
335
+ readonly button: "px-6 py-2.5 text-lg";
336
+ };
337
+ };
338
+ }, {
339
+ readonly type: {
340
+ readonly primary: {
341
+ readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
342
+ readonly loader: "text-surface";
343
+ };
344
+ readonly secondary: {
345
+ readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
346
+ readonly loader: "text-p-purple-60";
347
+ };
348
+ readonly 'primary-outline': {
349
+ readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
350
+ readonly loader: "text-p-purple-60";
351
+ };
352
+ readonly 'secondary-outline': {
353
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
354
+ readonly loader: "text-p-purple-60";
355
+ };
356
+ readonly 'secondary-outline-blue': {
357
+ readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
358
+ readonly loader: "text-p-purple-60";
359
+ };
360
+ readonly error: {
361
+ readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
362
+ readonly loader: "text-white";
363
+ };
364
+ readonly success: {
365
+ readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
366
+ readonly loader: "text-white";
367
+ };
368
+ readonly 'primary-link': {
369
+ readonly button: "bg-transparent text-primary underline hover:text-accent";
370
+ readonly loader: "text-p-blue-60";
371
+ };
372
+ readonly 'secondary-ghost': {
373
+ readonly button: "text-on-surface hover:bg-p-gray-20";
374
+ readonly loader: "text-p-purple-60";
375
+ };
376
+ readonly 'secondary-ghost-dark': {
377
+ readonly button: "text-white hover:bg-p-purple-50";
378
+ readonly loader: "text-p-blue-15";
379
+ };
380
+ };
381
+ readonly size: {
382
+ readonly sm: {
383
+ readonly button: "px-2 py-1 text-sm";
384
+ };
385
+ readonly md: {
386
+ readonly button: "px-6 py-2 text-base";
387
+ };
388
+ readonly lg: {
389
+ readonly button: "px-6 py-2.5 text-lg";
390
+ };
391
+ };
392
+ }>, unknown, unknown, undefined>>;
16
393
  declare const BUTTON_NATIVE_TYPES: readonly ["button", "submit", "reset"];
17
394
  type ButtonNativeType = (typeof BUTTON_NATIVE_TYPES)[number];
18
- type ButtonTypeKeys = keyof typeof BUTTON_TYPES;
19
- type ButtonType = (typeof BUTTON_TYPES)[ButtonTypeKeys];
395
+ type ButtonType = NonNullable<VariantProps<typeof btn>['type']>;
20
396
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
21
397
  /**
22
398
  * The button style e.g primary, secondary, primary-outline, secondary-outline, error, success, primary-link
@@ -65,9 +441,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
65
441
  default: string;
66
442
  };
67
443
  }>, {}, {}, {
68
- classes(): string;
444
+ classes(): {
445
+ button: string;
446
+ loader: string;
447
+ };
69
448
  loaderSize(): number;
70
- loaderColor(): "var(--color-p-blue-15)" | "var(--color-p-purple-60)" | "var(--color-p-blue-60)";
71
449
  }, {
72
450
  isExternalLink: (url: string) => boolean;
73
451
  sanitizeUrl: (url: string) => string;
@@ -119,7 +497,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
119
497
  default: string;
120
498
  };
121
499
  }>> & Readonly<{}>, {
122
- size: Size;
500
+ size: "sm" | "md" | "lg";
123
501
  type: ButtonType;
124
502
  nativeType: "reset" | "submit" | "button";
125
503
  loading: boolean;
@@ -37,9 +37,9 @@ declare function __VLS_template(): {
37
37
  default: string;
38
38
  };
39
39
  size: {
40
- type: PropType<import("../..").InputSize>;
40
+ type: PropType<import("..").Size>;
41
41
  default: string;
42
- validator(value: import("../..").InputSize): boolean;
42
+ validator(value: import("..").Size): boolean;
43
43
  };
44
44
  showEnterIcon: {
45
45
  type: BooleanConstructor;
@@ -96,9 +96,9 @@ declare function __VLS_template(): {
96
96
  style(): StyleValue;
97
97
  }, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
98
98
  size: {
99
- type: PropType<import("../..").InputSize>;
99
+ type: PropType<import("..").Size>;
100
100
  default: string;
101
- validator(value: import("../..").InputSize): boolean;
101
+ validator(value: import("..").Size): boolean;
102
102
  };
103
103
  errorMsg: {
104
104
  type: StringConstructor;
@@ -112,18 +112,22 @@ declare function __VLS_template(): {
112
112
  type: BooleanConstructor;
113
113
  default: boolean;
114
114
  };
115
- }>, {}, {
116
- errorMsgClasses: string;
117
- }, {
115
+ }>, {}, {}, {
116
+ allClasses(): {
117
+ input: string;
118
+ label: string;
119
+ errorMessage: string;
120
+ };
118
121
  inputClasses(): string;
119
122
  labelClasses(): string;
123
+ errorMsgClasses(): string;
120
124
  selectClasses(): string;
121
125
  textareaClasses(): string;
122
126
  }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
123
127
  size: {
124
- type: PropType<import("../..").InputSize>;
128
+ type: PropType<import("..").Size>;
125
129
  default: string;
126
- validator(value: import("../..").InputSize): boolean;
130
+ validator(value: import("..").Size): boolean;
127
131
  };
128
132
  errorMsg: {
129
133
  type: StringConstructor;
@@ -191,9 +195,9 @@ declare function __VLS_template(): {
191
195
  default: string;
192
196
  };
193
197
  size: {
194
- type: PropType<import("../..").InputSize>;
198
+ type: PropType<import("..").Size>;
195
199
  default: string;
196
- validator(value: import("../..").InputSize): boolean;
200
+ validator(value: import("..").Size): boolean;
197
201
  };
198
202
  showEnterIcon: {
199
203
  type: BooleanConstructor;
@@ -532,9 +536,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
532
536
  default: string;
533
537
  };
534
538
  size: {
535
- type: PropType<import("../..").InputSize>;
539
+ type: PropType<import("..").Size>;
536
540
  default: string;
537
- validator(value: import("../..").InputSize): boolean;
541
+ validator(value: import("..").Size): boolean;
538
542
  };
539
543
  showEnterIcon: {
540
544
  type: BooleanConstructor;
@@ -591,9 +595,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
591
595
  style(): StyleValue;
592
596
  }, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
593
597
  size: {
594
- type: PropType<import("../..").InputSize>;
598
+ type: PropType<import("..").Size>;
595
599
  default: string;
596
- validator(value: import("../..").InputSize): boolean;
600
+ validator(value: import("..").Size): boolean;
597
601
  };
598
602
  errorMsg: {
599
603
  type: StringConstructor;
@@ -607,18 +611,22 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
607
611
  type: BooleanConstructor;
608
612
  default: boolean;
609
613
  };
610
- }>, {}, {
611
- errorMsgClasses: string;
612
- }, {
614
+ }>, {}, {}, {
615
+ allClasses(): {
616
+ input: string;
617
+ label: string;
618
+ errorMessage: string;
619
+ };
613
620
  inputClasses(): string;
614
621
  labelClasses(): string;
622
+ errorMsgClasses(): string;
615
623
  selectClasses(): string;
616
624
  textareaClasses(): string;
617
625
  }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
618
626
  size: {
619
- type: PropType<import("../..").InputSize>;
627
+ type: PropType<import("..").Size>;
620
628
  default: string;
621
- validator(value: import("../..").InputSize): boolean;
629
+ validator(value: import("..").Size): boolean;
622
630
  };
623
631
  errorMsg: {
624
632
  type: StringConstructor;
@@ -686,9 +694,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
686
694
  default: string;
687
695
  };
688
696
  size: {
689
- type: PropType<import("../..").InputSize>;
697
+ type: PropType<import("..").Size>;
690
698
  default: string;
691
- validator(value: import("../..").InputSize): boolean;
699
+ validator(value: import("..").Size): boolean;
692
700
  };
693
701
  showEnterIcon: {
694
702
  type: BooleanConstructor;
@@ -38,9 +38,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
38
38
  style(): StyleValue;
39
39
  }, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
40
40
  size: {
41
- type: PropType<import("../../index.js").InputSize>;
41
+ type: PropType<import("../index.js").Size>;
42
42
  default: string;
43
- validator(value: import("../../index.js").InputSize): boolean;
43
+ validator(value: import("../index.js").Size): boolean;
44
44
  };
45
45
  errorMsg: {
46
46
  type: StringConstructor;
@@ -54,18 +54,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
54
54
  type: BooleanConstructor;
55
55
  default: boolean;
56
56
  };
57
- }>, {}, {
58
- errorMsgClasses: string;
59
- }, {
57
+ }>, {}, {}, {
58
+ allClasses(): {
59
+ input: string;
60
+ label: string;
61
+ errorMessage: string;
62
+ };
60
63
  inputClasses(): string;
61
64
  labelClasses(): string;
65
+ errorMsgClasses(): string;
62
66
  selectClasses(): string;
63
67
  textareaClasses(): string;
64
68
  }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
65
69
  size: {
66
- type: PropType<import("../../index.js").InputSize>;
70
+ type: PropType<import("../index.js").Size>;
67
71
  default: string;
68
- validator(value: import("../../index.js").InputSize): boolean;
72
+ validator(value: import("../index.js").Size): boolean;
69
73
  };
70
74
  errorMsg: {
71
75
  type: StringConstructor;
@@ -33,9 +33,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
33
33
  focus: () => void;
34
34
  }, {}, {}, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
35
35
  size: {
36
- type: PropType<import("../../index.js").InputSize>;
36
+ type: PropType<import("../index.js").Size>;
37
37
  default: string;
38
- validator(value: import("../../index.js").InputSize): boolean;
38
+ validator(value: import("../index.js").Size): boolean;
39
39
  };
40
40
  errorMsg: {
41
41
  type: StringConstructor;
@@ -49,18 +49,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
49
49
  type: BooleanConstructor;
50
50
  default: boolean;
51
51
  };
52
- }>, {}, {
53
- errorMsgClasses: string;
54
- }, {
52
+ }>, {}, {}, {
53
+ allClasses(): {
54
+ input: string;
55
+ label: string;
56
+ errorMessage: string;
57
+ };
55
58
  inputClasses(): string;
56
59
  labelClasses(): string;
60
+ errorMsgClasses(): string;
57
61
  selectClasses(): string;
58
62
  textareaClasses(): string;
59
63
  }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
60
64
  size: {
61
- type: PropType<import("../../index.js").InputSize>;
65
+ type: PropType<import("../index.js").Size>;
62
66
  default: string;
63
- validator(value: import("../../index.js").InputSize): boolean;
67
+ validator(value: import("../index.js").Size): boolean;
64
68
  };
65
69
  errorMsg: {
66
70
  type: StringConstructor;
@@ -1,4 +1,4 @@
1
- import { type InputSize } from '../../utils/inputClassesShared';
1
+ import { type Size } from '../p-btn/p-btn.types';
2
2
  import { type PropType } from 'vue';
3
3
  declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
4
4
  modelValue: {
@@ -6,7 +6,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
6
6
  default: null;
7
7
  };
8
8
  size: {
9
- type: PropType<InputSize>;
9
+ type: PropType<Size>;
10
10
  default: string;
11
11
  };
12
12
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
17
17
  default: null;
18
18
  };
19
19
  size: {
20
- type: PropType<InputSize>;
20
+ type: PropType<Size>;
21
21
  default: string;
22
22
  };
23
23
  }>> & Readonly<{