@pequity/squirrel 6.1.1 → 7.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/dist/cjs/chunks/index.js +748 -504
- package/dist/cjs/chunks/p-alert.js +52 -0
- package/dist/cjs/chunks/p-avatar.js +65 -0
- package/dist/cjs/chunks/p-btn.js +2 -2
- package/dist/cjs/chunks/p-date-picker.js +2 -2
- package/dist/cjs/chunks/p-input-number.js +161 -0
- package/dist/cjs/chunks/p-input-percent.js +2 -2
- package/dist/cjs/chunks/p-input.js +111 -0
- package/dist/cjs/chunks/p-progress-bar.js +38 -0
- package/dist/cjs/chunks/p-textarea.js +89 -0
- package/dist/cjs/index.js +69 -76
- package/dist/cjs/inputClasses.js +8 -2
- package/dist/cjs/p-alert.js +2 -64
- package/dist/cjs/p-avatar.js +2 -70
- package/dist/cjs/p-drawer.js +2 -2
- package/dist/cjs/p-input-number.js +2 -145
- package/dist/cjs/p-input-search.js +2 -2
- package/dist/cjs/p-input.js +2 -92
- package/dist/cjs/p-modal.js +2 -2
- package/dist/cjs/p-progress-bar.js +2 -40
- package/dist/cjs/p-table-filter-icon.js +14 -9
- package/dist/cjs/p-textarea.js +2 -72
- package/dist/cjs/p-toggle.js +76 -64
- package/dist/cjs/useInputClasses.js +13 -18
- package/dist/es/chunks/index.js +748 -504
- package/dist/es/chunks/p-alert.js +53 -0
- package/dist/es/chunks/p-avatar.js +66 -0
- package/dist/es/chunks/p-btn.js +2 -2
- package/dist/es/chunks/p-date-picker.js +2 -2
- package/dist/es/chunks/p-input-number.js +162 -0
- package/dist/es/chunks/p-input-percent.js +2 -2
- package/dist/es/chunks/p-input.js +112 -0
- package/dist/es/chunks/p-progress-bar.js +39 -0
- package/dist/es/chunks/p-textarea.js +90 -0
- package/dist/es/index.js +119 -126
- package/dist/es/inputClasses.js +8 -2
- package/dist/es/p-alert.js +2 -64
- package/dist/es/p-avatar.js +2 -70
- package/dist/es/p-drawer.js +2 -2
- package/dist/es/p-input-number.js +2 -145
- package/dist/es/p-input-search.js +2 -2
- package/dist/es/p-input.js +2 -92
- package/dist/es/p-modal.js +2 -2
- package/dist/es/p-progress-bar.js +2 -40
- package/dist/es/p-table-filter-icon.js +14 -9
- package/dist/es/p-textarea.js +2 -72
- package/dist/es/p-toggle.js +77 -65
- package/dist/es/useInputClasses.js +14 -19
- package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +27 -10
- package/dist/squirrel/components/p-avatar/p-avatar.vue.d.ts +9 -10
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +8 -248
- package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +2 -2
- package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +37 -13
- package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +2 -2
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +30 -61
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +101 -65
- package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +113 -83
- package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +2 -2
- package/dist/squirrel/components/p-progress-bar/p-progress-bar.vue.d.ts +5 -20
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +1 -1
- package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +1 -1
- package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts +3 -7
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +79 -42
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +25 -62
- package/dist/squirrel/composables/useInputClasses.d.ts +2 -1
- package/dist/squirrel/utils/index.d.ts +1 -3
- package/dist/squirrel/utils/inputClasses.d.ts +9 -525
- package/dist/squirrel.css +5 -5
- package/package.json +28 -28
- package/squirrel/components/p-alert/p-alert.spec.js +9 -8
- package/squirrel/components/p-alert/p-alert.vue +19 -31
- package/squirrel/components/p-avatar/p-avatar.spec.ts +10 -3
- package/squirrel/components/p-avatar/p-avatar.vue +40 -42
- package/squirrel/components/p-btn/p-btn.spec.js +2 -3
- package/squirrel/components/p-btn/p-btn.vue +2 -2
- package/squirrel/components/p-input/p-input.vue +63 -40
- package/squirrel/components/p-input-number/p-input-number.vue +101 -86
- package/squirrel/components/p-progress-bar/p-progress-bar.vue +9 -14
- package/squirrel/components/p-table-header-cell/p-table-filter-icon.vue +8 -9
- package/squirrel/components/p-table-sort/p-table-sort.vue +13 -16
- package/squirrel/components/p-textarea/p-textarea.vue +55 -37
- package/squirrel/components/p-toggle/p-toggle.vue +59 -43
- package/squirrel/composables/useInputClasses.spec.js +50 -13
- package/squirrel/composables/useInputClasses.ts +18 -24
- package/squirrel/utils/index.ts +0 -7
- package/squirrel/utils/inputClasses.ts +8 -2
- package/dist/cjs/inputClassesMixin.js +0 -58
- package/dist/cjs/tailwind.js +0 -25
- package/dist/es/inputClassesMixin.js +0 -59
- package/dist/es/tailwind.js +0 -25
- package/dist/squirrel/utils/inputClassesMixin.d.ts +0 -56
- package/dist/squirrel/utils/tailwind.d.ts +0 -8
- package/squirrel/utils/inputClassesMixin.spec.js +0 -241
- package/squirrel/utils/inputClassesMixin.ts +0 -60
- package/squirrel/utils/tailwind.spec.js +0 -27
- package/squirrel/utils/tailwind.ts +0 -28
|
@@ -59,17 +59,17 @@ declare const btn: import("tailwind-variants").TVReturnType<{
|
|
|
59
59
|
readonly icon: "text-xl";
|
|
60
60
|
};
|
|
61
61
|
readonly lg: {
|
|
62
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-
|
|
62
|
+
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
|
|
63
63
|
readonly content: "gap-2.5";
|
|
64
64
|
readonly icon: "text-2xl";
|
|
65
65
|
};
|
|
66
66
|
};
|
|
67
67
|
}, {
|
|
68
|
-
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";
|
|
68
|
+
readonly button: "relative inline-block whitespace-nowrap 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";
|
|
69
69
|
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
|
|
70
70
|
readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
|
|
71
71
|
readonly icon: "shrink-0";
|
|
72
|
-
}, undefined,
|
|
72
|
+
}, undefined, {
|
|
73
73
|
readonly type: {
|
|
74
74
|
readonly primary: {
|
|
75
75
|
readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
|
|
@@ -124,133 +124,13 @@ declare const btn: import("tailwind-variants").TVReturnType<{
|
|
|
124
124
|
readonly icon: "text-xl";
|
|
125
125
|
};
|
|
126
126
|
readonly lg: {
|
|
127
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-
|
|
127
|
+
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
|
|
128
128
|
readonly content: "gap-2.5";
|
|
129
129
|
readonly icon: "text-2xl";
|
|
130
130
|
};
|
|
131
131
|
};
|
|
132
132
|
}, {
|
|
133
|
-
readonly
|
|
134
|
-
readonly primary: {
|
|
135
|
-
readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
|
|
136
|
-
readonly loader: "text-surface";
|
|
137
|
-
};
|
|
138
|
-
readonly secondary: {
|
|
139
|
-
readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
|
|
140
|
-
readonly loader: "text-p-purple-60";
|
|
141
|
-
};
|
|
142
|
-
readonly 'primary-outline': {
|
|
143
|
-
readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
|
|
144
|
-
readonly loader: "text-p-purple-60";
|
|
145
|
-
};
|
|
146
|
-
readonly 'secondary-outline': {
|
|
147
|
-
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";
|
|
148
|
-
readonly loader: "text-p-purple-60";
|
|
149
|
-
};
|
|
150
|
-
readonly 'secondary-outline-blue': {
|
|
151
|
-
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";
|
|
152
|
-
readonly loader: "text-p-purple-60";
|
|
153
|
-
};
|
|
154
|
-
readonly error: {
|
|
155
|
-
readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
|
|
156
|
-
readonly loader: "text-white";
|
|
157
|
-
};
|
|
158
|
-
readonly success: {
|
|
159
|
-
readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
|
|
160
|
-
readonly loader: "text-white";
|
|
161
|
-
};
|
|
162
|
-
readonly 'primary-link': {
|
|
163
|
-
readonly button: "bg-transparent text-primary underline hover:text-accent";
|
|
164
|
-
readonly loader: "text-p-blue-60";
|
|
165
|
-
};
|
|
166
|
-
readonly 'secondary-ghost': {
|
|
167
|
-
readonly button: "text-on-surface hover:bg-p-gray-20";
|
|
168
|
-
readonly loader: "text-p-purple-60";
|
|
169
|
-
};
|
|
170
|
-
readonly 'secondary-ghost-dark': {
|
|
171
|
-
readonly button: "text-white hover:bg-p-purple-50";
|
|
172
|
-
readonly loader: "text-p-blue-15";
|
|
173
|
-
};
|
|
174
|
-
};
|
|
175
|
-
readonly size: {
|
|
176
|
-
readonly sm: {
|
|
177
|
-
readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
|
|
178
|
-
readonly content: "gap-1";
|
|
179
|
-
readonly icon: "text-[20px]";
|
|
180
|
-
};
|
|
181
|
-
readonly md: {
|
|
182
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
|
|
183
|
-
readonly content: "gap-2";
|
|
184
|
-
readonly icon: "text-xl";
|
|
185
|
-
};
|
|
186
|
-
readonly lg: {
|
|
187
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-7";
|
|
188
|
-
readonly content: "gap-2.5";
|
|
189
|
-
readonly icon: "text-2xl";
|
|
190
|
-
};
|
|
191
|
-
};
|
|
192
|
-
}>, {
|
|
193
|
-
readonly type: {
|
|
194
|
-
readonly primary: {
|
|
195
|
-
readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
|
|
196
|
-
readonly loader: "text-surface";
|
|
197
|
-
};
|
|
198
|
-
readonly secondary: {
|
|
199
|
-
readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
|
|
200
|
-
readonly loader: "text-p-purple-60";
|
|
201
|
-
};
|
|
202
|
-
readonly 'primary-outline': {
|
|
203
|
-
readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
|
|
204
|
-
readonly loader: "text-p-purple-60";
|
|
205
|
-
};
|
|
206
|
-
readonly 'secondary-outline': {
|
|
207
|
-
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";
|
|
208
|
-
readonly loader: "text-p-purple-60";
|
|
209
|
-
};
|
|
210
|
-
readonly 'secondary-outline-blue': {
|
|
211
|
-
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";
|
|
212
|
-
readonly loader: "text-p-purple-60";
|
|
213
|
-
};
|
|
214
|
-
readonly error: {
|
|
215
|
-
readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
|
|
216
|
-
readonly loader: "text-white";
|
|
217
|
-
};
|
|
218
|
-
readonly success: {
|
|
219
|
-
readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
|
|
220
|
-
readonly loader: "text-white";
|
|
221
|
-
};
|
|
222
|
-
readonly 'primary-link': {
|
|
223
|
-
readonly button: "bg-transparent text-primary underline hover:text-accent";
|
|
224
|
-
readonly loader: "text-p-blue-60";
|
|
225
|
-
};
|
|
226
|
-
readonly 'secondary-ghost': {
|
|
227
|
-
readonly button: "text-on-surface hover:bg-p-gray-20";
|
|
228
|
-
readonly loader: "text-p-purple-60";
|
|
229
|
-
};
|
|
230
|
-
readonly 'secondary-ghost-dark': {
|
|
231
|
-
readonly button: "text-white hover:bg-p-purple-50";
|
|
232
|
-
readonly loader: "text-p-blue-15";
|
|
233
|
-
};
|
|
234
|
-
};
|
|
235
|
-
readonly size: {
|
|
236
|
-
readonly sm: {
|
|
237
|
-
readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
|
|
238
|
-
readonly content: "gap-1";
|
|
239
|
-
readonly icon: "text-[20px]";
|
|
240
|
-
};
|
|
241
|
-
readonly md: {
|
|
242
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
|
|
243
|
-
readonly content: "gap-2";
|
|
244
|
-
readonly icon: "text-xl";
|
|
245
|
-
};
|
|
246
|
-
readonly lg: {
|
|
247
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-7";
|
|
248
|
-
readonly content: "gap-2.5";
|
|
249
|
-
readonly icon: "text-2xl";
|
|
250
|
-
};
|
|
251
|
-
};
|
|
252
|
-
}, {
|
|
253
|
-
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";
|
|
133
|
+
readonly button: "relative inline-block whitespace-nowrap 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";
|
|
254
134
|
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
|
|
255
135
|
readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
|
|
256
136
|
readonly icon: "shrink-0";
|
|
@@ -309,137 +189,17 @@ declare const btn: import("tailwind-variants").TVReturnType<{
|
|
|
309
189
|
readonly icon: "text-xl";
|
|
310
190
|
};
|
|
311
191
|
readonly lg: {
|
|
312
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-
|
|
192
|
+
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
|
|
313
193
|
readonly content: "gap-2.5";
|
|
314
194
|
readonly icon: "text-2xl";
|
|
315
195
|
};
|
|
316
196
|
};
|
|
317
197
|
}, {
|
|
318
|
-
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";
|
|
198
|
+
readonly button: "relative inline-block whitespace-nowrap 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";
|
|
319
199
|
readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
|
|
320
200
|
readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
|
|
321
201
|
readonly icon: "shrink-0";
|
|
322
|
-
}, undefined,
|
|
323
|
-
readonly type: {
|
|
324
|
-
readonly primary: {
|
|
325
|
-
readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
|
|
326
|
-
readonly loader: "text-surface";
|
|
327
|
-
};
|
|
328
|
-
readonly secondary: {
|
|
329
|
-
readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
|
|
330
|
-
readonly loader: "text-p-purple-60";
|
|
331
|
-
};
|
|
332
|
-
readonly 'primary-outline': {
|
|
333
|
-
readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
|
|
334
|
-
readonly loader: "text-p-purple-60";
|
|
335
|
-
};
|
|
336
|
-
readonly 'secondary-outline': {
|
|
337
|
-
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";
|
|
338
|
-
readonly loader: "text-p-purple-60";
|
|
339
|
-
};
|
|
340
|
-
readonly 'secondary-outline-blue': {
|
|
341
|
-
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";
|
|
342
|
-
readonly loader: "text-p-purple-60";
|
|
343
|
-
};
|
|
344
|
-
readonly error: {
|
|
345
|
-
readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
|
|
346
|
-
readonly loader: "text-white";
|
|
347
|
-
};
|
|
348
|
-
readonly success: {
|
|
349
|
-
readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
|
|
350
|
-
readonly loader: "text-white";
|
|
351
|
-
};
|
|
352
|
-
readonly 'primary-link': {
|
|
353
|
-
readonly button: "bg-transparent text-primary underline hover:text-accent";
|
|
354
|
-
readonly loader: "text-p-blue-60";
|
|
355
|
-
};
|
|
356
|
-
readonly 'secondary-ghost': {
|
|
357
|
-
readonly button: "text-on-surface hover:bg-p-gray-20";
|
|
358
|
-
readonly loader: "text-p-purple-60";
|
|
359
|
-
};
|
|
360
|
-
readonly 'secondary-ghost-dark': {
|
|
361
|
-
readonly button: "text-white hover:bg-p-purple-50";
|
|
362
|
-
readonly loader: "text-p-blue-15";
|
|
363
|
-
};
|
|
364
|
-
};
|
|
365
|
-
readonly size: {
|
|
366
|
-
readonly sm: {
|
|
367
|
-
readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
|
|
368
|
-
readonly content: "gap-1";
|
|
369
|
-
readonly icon: "text-[20px]";
|
|
370
|
-
};
|
|
371
|
-
readonly md: {
|
|
372
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
|
|
373
|
-
readonly content: "gap-2";
|
|
374
|
-
readonly icon: "text-xl";
|
|
375
|
-
};
|
|
376
|
-
readonly lg: {
|
|
377
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-7";
|
|
378
|
-
readonly content: "gap-2.5";
|
|
379
|
-
readonly icon: "text-2xl";
|
|
380
|
-
};
|
|
381
|
-
};
|
|
382
|
-
}, {
|
|
383
|
-
readonly type: {
|
|
384
|
-
readonly primary: {
|
|
385
|
-
readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
|
|
386
|
-
readonly loader: "text-surface";
|
|
387
|
-
};
|
|
388
|
-
readonly secondary: {
|
|
389
|
-
readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
|
|
390
|
-
readonly loader: "text-p-purple-60";
|
|
391
|
-
};
|
|
392
|
-
readonly 'primary-outline': {
|
|
393
|
-
readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
|
|
394
|
-
readonly loader: "text-p-purple-60";
|
|
395
|
-
};
|
|
396
|
-
readonly 'secondary-outline': {
|
|
397
|
-
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";
|
|
398
|
-
readonly loader: "text-p-purple-60";
|
|
399
|
-
};
|
|
400
|
-
readonly 'secondary-outline-blue': {
|
|
401
|
-
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";
|
|
402
|
-
readonly loader: "text-p-purple-60";
|
|
403
|
-
};
|
|
404
|
-
readonly error: {
|
|
405
|
-
readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
|
|
406
|
-
readonly loader: "text-white";
|
|
407
|
-
};
|
|
408
|
-
readonly success: {
|
|
409
|
-
readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
|
|
410
|
-
readonly loader: "text-white";
|
|
411
|
-
};
|
|
412
|
-
readonly 'primary-link': {
|
|
413
|
-
readonly button: "bg-transparent text-primary underline hover:text-accent";
|
|
414
|
-
readonly loader: "text-p-blue-60";
|
|
415
|
-
};
|
|
416
|
-
readonly 'secondary-ghost': {
|
|
417
|
-
readonly button: "text-on-surface hover:bg-p-gray-20";
|
|
418
|
-
readonly loader: "text-p-purple-60";
|
|
419
|
-
};
|
|
420
|
-
readonly 'secondary-ghost-dark': {
|
|
421
|
-
readonly button: "text-white hover:bg-p-purple-50";
|
|
422
|
-
readonly loader: "text-p-blue-15";
|
|
423
|
-
};
|
|
424
|
-
};
|
|
425
|
-
readonly size: {
|
|
426
|
-
readonly sm: {
|
|
427
|
-
readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
|
|
428
|
-
readonly content: "gap-1";
|
|
429
|
-
readonly icon: "text-[20px]";
|
|
430
|
-
};
|
|
431
|
-
readonly md: {
|
|
432
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
|
|
433
|
-
readonly content: "gap-2";
|
|
434
|
-
readonly icon: "text-xl";
|
|
435
|
-
};
|
|
436
|
-
readonly lg: {
|
|
437
|
-
readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-7";
|
|
438
|
-
readonly content: "gap-2.5";
|
|
439
|
-
readonly icon: "text-2xl";
|
|
440
|
-
};
|
|
441
|
-
};
|
|
442
|
-
}>, unknown, unknown, undefined>>;
|
|
202
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
443
203
|
declare const BUTTON_NATIVE_TYPES: readonly ["button", "submit", "reset"];
|
|
444
204
|
type ButtonNativeType = (typeof BUTTON_NATIVE_TYPES)[number];
|
|
445
205
|
type ButtonType = NonNullable<VariantProps<typeof btn>['type']>;
|
|
@@ -5,9 +5,9 @@ type Props = {
|
|
|
5
5
|
required?: boolean;
|
|
6
6
|
} & VueDatePickerProps;
|
|
7
7
|
type __VLS_Props = Props;
|
|
8
|
-
type __VLS_PublicProps = {
|
|
8
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
9
9
|
modelValue?: Date | string | null;
|
|
10
|
-
}
|
|
10
|
+
};
|
|
11
11
|
declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
12
|
"update:modelValue": (value: string | Date | null) => any;
|
|
13
13
|
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
@@ -157,11 +157,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
157
157
|
width: string;
|
|
158
158
|
title: string;
|
|
159
159
|
disabled: boolean;
|
|
160
|
-
zIndex: number;
|
|
161
160
|
modelValue: boolean;
|
|
162
161
|
errorMsg: string;
|
|
163
162
|
position: string;
|
|
164
163
|
appendTo: string;
|
|
164
|
+
zIndex: number;
|
|
165
165
|
drawerStyle: Record<string, any>;
|
|
166
166
|
drawerClass: string;
|
|
167
167
|
inClass: string;
|
|
@@ -171,24 +171,48 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
171
171
|
showBackdrop: boolean;
|
|
172
172
|
enableClose: boolean;
|
|
173
173
|
}, {}, {
|
|
174
|
-
PAlert:
|
|
175
|
-
|
|
176
|
-
type:
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
174
|
+
PAlert: {
|
|
175
|
+
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
|
|
176
|
+
type: {
|
|
177
|
+
type: import("vue").PropType<"info" | "error" | "success" | "warning">;
|
|
178
|
+
default: string;
|
|
179
|
+
validator(value: "info" | "error" | "success" | "warning"): boolean;
|
|
180
|
+
};
|
|
181
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
182
|
+
type: "info" | "error" | "success" | "warning";
|
|
183
|
+
}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
184
|
+
P: {};
|
|
185
|
+
B: {};
|
|
186
|
+
D: {};
|
|
187
|
+
C: {};
|
|
188
|
+
M: {};
|
|
189
|
+
Defaults: {};
|
|
190
|
+
}, Readonly<import("vue").ExtractPropTypes<{
|
|
191
|
+
type: {
|
|
192
|
+
type: import("vue").PropType<"info" | "error" | "success" | "warning">;
|
|
193
|
+
default: string;
|
|
194
|
+
validator(value: "info" | "error" | "success" | "warning"): boolean;
|
|
195
|
+
};
|
|
196
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, {
|
|
197
|
+
type: "info" | "error" | "success" | "warning";
|
|
198
|
+
}>;
|
|
199
|
+
__isFragment?: never;
|
|
200
|
+
__isTeleport?: never;
|
|
201
|
+
__isSuspense?: never;
|
|
202
|
+
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
184
203
|
type: {
|
|
185
204
|
type: import("vue").PropType<"info" | "error" | "success" | "warning">;
|
|
186
205
|
default: string;
|
|
187
206
|
validator(value: "info" | "error" | "success" | "warning"): boolean;
|
|
188
207
|
};
|
|
189
|
-
}>> & Readonly<{}>, {
|
|
208
|
+
}>> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
190
209
|
type: "info" | "error" | "success" | "warning";
|
|
191
|
-
}, {},
|
|
210
|
+
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
211
|
+
$slots: {
|
|
212
|
+
icon?: ((props: {}) => any) | undefined;
|
|
213
|
+
default?: ((props: {}) => any) | undefined;
|
|
214
|
+
};
|
|
215
|
+
});
|
|
192
216
|
PCloseBtn: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
193
217
|
variant: {
|
|
194
218
|
type: import("vue").PropType<"transparent" | "gray" | "dark">;
|
|
@@ -10,9 +10,9 @@ declare const model: import("vue").ModelRef<string | Date | null, string, string
|
|
|
10
10
|
declare const labelClasses: import("vue").ComputedRef<string>, errorMsgClasses: import("vue").ComputedRef<string>;
|
|
11
11
|
declare const datePickerProps: import("vue").ComputedRef<VueDatePickerProps>;
|
|
12
12
|
declare const style: import("vue").ComputedRef<StyleValue>;
|
|
13
|
-
type __VLS_PublicProps = {
|
|
13
|
+
type __VLS_PublicProps = __VLS_Props & {
|
|
14
14
|
modelValue?: Date | string | null;
|
|
15
|
-
}
|
|
15
|
+
};
|
|
16
16
|
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
17
17
|
declare var __VLS_1: {
|
|
18
18
|
label: string;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
-
import { type
|
|
1
|
+
import { type Size } from '../p-btn/p-btn.types';
|
|
2
|
+
import { type PropType } from 'vue';
|
|
2
3
|
declare const INPUT_TYPES: {
|
|
3
4
|
TEXT: string;
|
|
4
5
|
PASSWORD: string;
|
|
5
6
|
};
|
|
6
7
|
type InputTypeKeys = keyof typeof INPUT_TYPES;
|
|
7
8
|
type InputType = (typeof INPUT_TYPES)[InputTypeKeys];
|
|
8
|
-
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
9
|
+
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
9
10
|
modelValue: {
|
|
10
|
-
type:
|
|
11
|
+
type: PropType<string | number | boolean | null>;
|
|
11
12
|
default: string;
|
|
12
13
|
};
|
|
13
14
|
type: {
|
|
@@ -27,70 +28,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
27
28
|
type: BooleanConstructor;
|
|
28
29
|
default: boolean;
|
|
29
30
|
};
|
|
30
|
-
rounded: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
|
-
}>, {}, {}, {
|
|
35
|
-
attrs(): {
|
|
36
|
-
[x: string]: unknown;
|
|
37
|
-
};
|
|
38
|
-
style(): StyleValue;
|
|
39
|
-
}, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
40
31
|
size: {
|
|
41
|
-
type: PropType<
|
|
32
|
+
type: PropType<Size>;
|
|
42
33
|
default: string;
|
|
43
|
-
validator(value:
|
|
44
|
-
};
|
|
45
|
-
errorMsg: {
|
|
46
|
-
type: StringConstructor;
|
|
47
|
-
default: string;
|
|
48
|
-
};
|
|
49
|
-
required: {
|
|
50
|
-
type: BooleanConstructor;
|
|
51
|
-
default: boolean;
|
|
34
|
+
validator(value: Size): boolean;
|
|
52
35
|
};
|
|
53
36
|
rounded: {
|
|
54
37
|
type: BooleanConstructor;
|
|
55
38
|
default: boolean;
|
|
56
39
|
};
|
|
57
|
-
}>, {}, {}, {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
label: string;
|
|
61
|
-
errorMessage: string;
|
|
62
|
-
};
|
|
63
|
-
inputClasses(): string;
|
|
64
|
-
labelClasses(): string;
|
|
65
|
-
errorMsgClasses(): string;
|
|
66
|
-
selectClasses(): string;
|
|
67
|
-
textareaClasses(): string;
|
|
68
|
-
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
69
|
-
size: {
|
|
70
|
-
type: PropType<import("../index.js").Size>;
|
|
71
|
-
default: string;
|
|
72
|
-
validator(value: import("../index.js").Size): boolean;
|
|
73
|
-
};
|
|
74
|
-
errorMsg: {
|
|
75
|
-
type: StringConstructor;
|
|
76
|
-
default: string;
|
|
77
|
-
};
|
|
78
|
-
required: {
|
|
79
|
-
type: BooleanConstructor;
|
|
80
|
-
default: boolean;
|
|
81
|
-
};
|
|
82
|
-
rounded: {
|
|
83
|
-
type: BooleanConstructor;
|
|
84
|
-
default: boolean;
|
|
85
|
-
};
|
|
86
|
-
}>> & Readonly<{}>, {
|
|
87
|
-
size: "sm" | "md" | "lg";
|
|
88
|
-
required: boolean;
|
|
89
|
-
rounded: boolean;
|
|
90
|
-
errorMsg: string;
|
|
91
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
40
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
41
|
+
"update:modelValue": (...args: any[]) => void;
|
|
42
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
92
43
|
modelValue: {
|
|
93
|
-
type:
|
|
44
|
+
type: PropType<string | number | boolean | null>;
|
|
94
45
|
default: string;
|
|
95
46
|
};
|
|
96
47
|
type: {
|
|
@@ -110,6 +61,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
110
61
|
type: BooleanConstructor;
|
|
111
62
|
default: boolean;
|
|
112
63
|
};
|
|
64
|
+
size: {
|
|
65
|
+
type: PropType<Size>;
|
|
66
|
+
default: string;
|
|
67
|
+
validator(value: Size): boolean;
|
|
68
|
+
};
|
|
113
69
|
rounded: {
|
|
114
70
|
type: BooleanConstructor;
|
|
115
71
|
default: boolean;
|
|
@@ -117,11 +73,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
117
73
|
}>> & Readonly<{
|
|
118
74
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
119
75
|
}>, {
|
|
76
|
+
size: "sm" | "md" | "lg";
|
|
120
77
|
type: string;
|
|
121
78
|
label: string;
|
|
122
79
|
required: boolean;
|
|
123
|
-
modelValue: string | number;
|
|
80
|
+
modelValue: string | number | boolean | null;
|
|
124
81
|
rounded: boolean;
|
|
125
82
|
errorMsg: string;
|
|
126
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any
|
|
83
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
84
|
+
label?: ((props: {
|
|
85
|
+
label: string;
|
|
86
|
+
labelClasses: string;
|
|
87
|
+
}) => any) | undefined;
|
|
88
|
+
prefix?: ((props: {}) => any) | undefined;
|
|
89
|
+
suffix?: ((props: {}) => any) | undefined;
|
|
90
|
+
}>;
|
|
127
91
|
export default _default;
|
|
92
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
93
|
+
new (): {
|
|
94
|
+
$slots: S;
|
|
95
|
+
};
|
|
96
|
+
};
|