@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.
- package/dist/cjs/chunks/index.js +2645 -0
- package/dist/cjs/chunks/p-btn.types.js +3 -0
- package/dist/cjs/chunks/p-select.js +2 -2
- package/dist/cjs/index.js +23 -31
- package/dist/cjs/inputClasses.js +127 -0
- package/dist/cjs/inputClassesMixin.js +23 -19
- package/dist/cjs/p-btn.js +56 -57
- package/dist/cjs/p-input-search.js +3 -3
- package/dist/cjs/useInputClasses.js +19 -18
- package/dist/es/chunks/index.js +2646 -0
- package/dist/es/chunks/p-btn.types.js +4 -0
- package/dist/es/chunks/p-select.js +2 -2
- package/dist/es/index.js +28 -36
- package/dist/es/inputClasses.js +127 -0
- package/dist/es/inputClassesMixin.js +23 -19
- package/dist/es/p-btn.js +56 -57
- package/dist/es/p-input-search.js +3 -3
- package/dist/es/useInputClasses.js +23 -22
- package/dist/squirrel/components/p-btn/p-btn.types.d.ts +2 -1
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +395 -17
- package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +30 -22
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +11 -7
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +11 -7
- package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +3 -3
- package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +16 -12
- package/dist/squirrel/components/p-select/p-select.vue.d.ts +5 -5
- package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +30 -22
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +11 -7
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +11 -7
- package/dist/squirrel/composables/useInputClasses.d.ts +3 -3
- package/dist/squirrel/index.d.ts +1 -0
- package/dist/squirrel/utils/index.d.ts +2 -2
- package/dist/squirrel/utils/inputClasses.d.ts +938 -0
- package/dist/squirrel/utils/inputClassesMixin.d.ts +12 -8
- package/dist/squirrel.css +13 -13
- package/package.json +10 -7
- package/squirrel/components/p-btn/p-btn.spec.js +1 -1
- package/squirrel/components/p-btn/p-btn.types.ts +3 -1
- package/squirrel/components/p-btn/p-btn.vue +60 -74
- package/squirrel/components/p-file-upload/p-file-upload.spec.js +3 -8
- package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js +3 -10
- package/squirrel/components/p-input/p-input.spec.js +3 -8
- package/squirrel/components/p-input-number/p-input-number.spec.js +15 -18
- package/squirrel/components/p-input-percent/p-input-percent.spec.js +3 -8
- package/squirrel/components/p-input-percent/p-input-percent.vue +3 -3
- package/squirrel/components/p-input-search/p-input-search.vue +4 -4
- package/squirrel/components/p-select/p-select.spec.js +27 -33
- package/squirrel/components/p-select/p-select.vue +4 -4
- package/squirrel/components/p-textarea/p-textarea.spec.js +3 -8
- package/squirrel/composables/useInputClasses.spec.js +138 -77
- package/squirrel/composables/useInputClasses.ts +25 -39
- package/squirrel/index.ts +1 -0
- package/squirrel/utils/index.ts +3 -36
- package/squirrel/utils/inputClasses.ts +128 -0
- package/squirrel/utils/inputClassesMixin.spec.js +153 -64
- package/squirrel/utils/inputClassesMixin.ts +26 -43
- package/dist/cjs/inputClassesShared.js +0 -76
- package/dist/es/inputClassesShared.js +0 -76
- package/dist/squirrel/utils/inputClassesShared.d.ts +0 -45
- 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
|
|
5
|
-
readonly
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
|
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():
|
|
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:
|
|
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("
|
|
40
|
+
type: PropType<import("..").Size>;
|
|
41
41
|
default: string;
|
|
42
|
-
validator(value: import("
|
|
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("
|
|
99
|
+
type: PropType<import("..").Size>;
|
|
100
100
|
default: string;
|
|
101
|
-
validator(value: import("
|
|
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
|
-
|
|
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("
|
|
128
|
+
type: PropType<import("..").Size>;
|
|
125
129
|
default: string;
|
|
126
|
-
validator(value: import("
|
|
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("
|
|
198
|
+
type: PropType<import("..").Size>;
|
|
195
199
|
default: string;
|
|
196
|
-
validator(value: import("
|
|
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("
|
|
539
|
+
type: PropType<import("..").Size>;
|
|
536
540
|
default: string;
|
|
537
|
-
validator(value: import("
|
|
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("
|
|
598
|
+
type: PropType<import("..").Size>;
|
|
595
599
|
default: string;
|
|
596
|
-
validator(value: import("
|
|
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
|
-
|
|
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("
|
|
627
|
+
type: PropType<import("..").Size>;
|
|
620
628
|
default: string;
|
|
621
|
-
validator(value: import("
|
|
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("
|
|
697
|
+
type: PropType<import("..").Size>;
|
|
690
698
|
default: string;
|
|
691
|
-
validator(value: import("
|
|
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("
|
|
41
|
+
type: PropType<import("../index.js").Size>;
|
|
42
42
|
default: string;
|
|
43
|
-
validator(value: import("
|
|
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
|
-
|
|
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("
|
|
70
|
+
type: PropType<import("../index.js").Size>;
|
|
67
71
|
default: string;
|
|
68
|
-
validator(value: import("
|
|
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("
|
|
36
|
+
type: PropType<import("../index.js").Size>;
|
|
37
37
|
default: string;
|
|
38
|
-
validator(value: import("
|
|
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
|
-
|
|
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("
|
|
65
|
+
type: PropType<import("../index.js").Size>;
|
|
62
66
|
default: string;
|
|
63
|
-
validator(value: import("
|
|
67
|
+
validator(value: import("../index.js").Size): boolean;
|
|
64
68
|
};
|
|
65
69
|
errorMsg: {
|
|
66
70
|
type: StringConstructor;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type
|
|
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<
|
|
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<
|
|
20
|
+
type: PropType<Size>;
|
|
21
21
|
default: string;
|
|
22
22
|
};
|
|
23
23
|
}>> & Readonly<{
|