@okam/stack-ui 1.21.2 → 1.23.0
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/components/fields/SearchField/index.d.ts +3 -0
- package/components/fields/SearchField/interface.d.ts +9 -0
- package/components/icons/Search.d.ts +3 -0
- package/index.d.ts +1 -0
- package/index.js +17 -11
- package/index.mjs +2315 -2266
- package/package.json +1 -1
- package/providers/UserSearchQuery/index.d.ts +4 -0
- package/providers/UserSearchQuery/interface.d.ts +10 -0
- package/theme/Alerts/index.d.ts +18 -18
- package/theme/LightBox/index.d.ts +9 -9
- package/theme/Search/index.d.ts +30 -0
- package/theme/Typography/index.d.ts +7 -7
package/package.json
CHANGED
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { TSearchListingContext, TSearchProviderProps } from './interface';
|
|
3
|
+
export declare const useUserQueryValHook: () => TSearchListingContext, SearchProvider: import("react").Provider<TSearchListingContext | undefined>;
|
|
4
|
+
export declare function SearchBarProvider(props: TSearchProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import type React from 'react';
|
|
3
|
+
export type TSearchListingContext = {
|
|
4
|
+
userSearchQuery: string;
|
|
5
|
+
setUserSearchQuery: Dispatch<SetStateAction<string>>;
|
|
6
|
+
};
|
|
7
|
+
export interface TSearchProviderProps {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
userQuery: string;
|
|
10
|
+
}
|
package/theme/Alerts/index.d.ts
CHANGED
|
@@ -320,7 +320,7 @@ declare const alertsTheme: {
|
|
|
320
320
|
white: "text-white";
|
|
321
321
|
};
|
|
322
322
|
isError: {
|
|
323
|
-
true: "text-sm text-error
|
|
323
|
+
true: "text-sm text-error py-3";
|
|
324
324
|
};
|
|
325
325
|
align: {
|
|
326
326
|
center: "text-center";
|
|
@@ -353,7 +353,7 @@ declare const alertsTheme: {
|
|
|
353
353
|
white: "text-white";
|
|
354
354
|
};
|
|
355
355
|
isError: {
|
|
356
|
-
true: "text-sm text-error
|
|
356
|
+
true: "text-sm text-error py-3";
|
|
357
357
|
};
|
|
358
358
|
align: {
|
|
359
359
|
center: "text-center";
|
|
@@ -386,7 +386,7 @@ declare const alertsTheme: {
|
|
|
386
386
|
white: "text-white";
|
|
387
387
|
};
|
|
388
388
|
isError: {
|
|
389
|
-
true: "text-sm text-error
|
|
389
|
+
true: "text-sm text-error py-3";
|
|
390
390
|
};
|
|
391
391
|
align: {
|
|
392
392
|
center: "text-center";
|
|
@@ -419,7 +419,7 @@ declare const alertsTheme: {
|
|
|
419
419
|
white: "text-white";
|
|
420
420
|
};
|
|
421
421
|
isError: {
|
|
422
|
-
true: "text-sm text-error
|
|
422
|
+
true: "text-sm text-error py-3";
|
|
423
423
|
};
|
|
424
424
|
align: {
|
|
425
425
|
center: "text-center";
|
|
@@ -452,7 +452,7 @@ declare const alertsTheme: {
|
|
|
452
452
|
white: "text-white";
|
|
453
453
|
};
|
|
454
454
|
isError: {
|
|
455
|
-
true: "text-sm text-error
|
|
455
|
+
true: "text-sm text-error py-3";
|
|
456
456
|
};
|
|
457
457
|
align: {
|
|
458
458
|
center: "text-center";
|
|
@@ -485,7 +485,7 @@ declare const alertsTheme: {
|
|
|
485
485
|
white: "text-white";
|
|
486
486
|
};
|
|
487
487
|
isError: {
|
|
488
|
-
true: "text-sm text-error
|
|
488
|
+
true: "text-sm text-error py-3";
|
|
489
489
|
};
|
|
490
490
|
align: {
|
|
491
491
|
center: "text-center";
|
|
@@ -518,7 +518,7 @@ declare const alertsTheme: {
|
|
|
518
518
|
white: "text-white";
|
|
519
519
|
};
|
|
520
520
|
isError: {
|
|
521
|
-
true: "text-sm text-error
|
|
521
|
+
true: "text-sm text-error py-3";
|
|
522
522
|
};
|
|
523
523
|
align: {
|
|
524
524
|
center: "text-center";
|
|
@@ -551,7 +551,7 @@ declare const alertsTheme: {
|
|
|
551
551
|
white: "text-white";
|
|
552
552
|
};
|
|
553
553
|
isError: {
|
|
554
|
-
true: "text-sm text-error
|
|
554
|
+
true: "text-sm text-error py-3";
|
|
555
555
|
};
|
|
556
556
|
align: {
|
|
557
557
|
center: "text-center";
|
|
@@ -584,7 +584,7 @@ declare const alertsTheme: {
|
|
|
584
584
|
white: "text-white";
|
|
585
585
|
};
|
|
586
586
|
isError: {
|
|
587
|
-
true: "text-sm text-error
|
|
587
|
+
true: "text-sm text-error py-3";
|
|
588
588
|
};
|
|
589
589
|
align: {
|
|
590
590
|
center: "text-center";
|
|
@@ -684,7 +684,7 @@ declare const alertsTheme: {
|
|
|
684
684
|
white: "text-white";
|
|
685
685
|
};
|
|
686
686
|
isError: {
|
|
687
|
-
true: "text-sm text-error
|
|
687
|
+
true: "text-sm text-error py-3";
|
|
688
688
|
};
|
|
689
689
|
align: {
|
|
690
690
|
center: "text-center";
|
|
@@ -717,7 +717,7 @@ declare const alertsTheme: {
|
|
|
717
717
|
white: "text-white";
|
|
718
718
|
};
|
|
719
719
|
isError: {
|
|
720
|
-
true: "text-sm text-error
|
|
720
|
+
true: "text-sm text-error py-3";
|
|
721
721
|
};
|
|
722
722
|
align: {
|
|
723
723
|
center: "text-center";
|
|
@@ -750,7 +750,7 @@ declare const alertsTheme: {
|
|
|
750
750
|
white: "text-white";
|
|
751
751
|
};
|
|
752
752
|
isError: {
|
|
753
|
-
true: "text-sm text-error
|
|
753
|
+
true: "text-sm text-error py-3";
|
|
754
754
|
};
|
|
755
755
|
align: {
|
|
756
756
|
center: "text-center";
|
|
@@ -783,7 +783,7 @@ declare const alertsTheme: {
|
|
|
783
783
|
white: "text-white";
|
|
784
784
|
};
|
|
785
785
|
isError: {
|
|
786
|
-
true: "text-sm text-error
|
|
786
|
+
true: "text-sm text-error py-3";
|
|
787
787
|
};
|
|
788
788
|
align: {
|
|
789
789
|
center: "text-center";
|
|
@@ -816,7 +816,7 @@ declare const alertsTheme: {
|
|
|
816
816
|
white: "text-white";
|
|
817
817
|
};
|
|
818
818
|
isError: {
|
|
819
|
-
true: "text-sm text-error
|
|
819
|
+
true: "text-sm text-error py-3";
|
|
820
820
|
};
|
|
821
821
|
align: {
|
|
822
822
|
center: "text-center";
|
|
@@ -849,7 +849,7 @@ declare const alertsTheme: {
|
|
|
849
849
|
white: "text-white";
|
|
850
850
|
};
|
|
851
851
|
isError: {
|
|
852
|
-
true: "text-sm text-error
|
|
852
|
+
true: "text-sm text-error py-3";
|
|
853
853
|
};
|
|
854
854
|
align: {
|
|
855
855
|
center: "text-center";
|
|
@@ -882,7 +882,7 @@ declare const alertsTheme: {
|
|
|
882
882
|
white: "text-white";
|
|
883
883
|
};
|
|
884
884
|
isError: {
|
|
885
|
-
true: "text-sm text-error
|
|
885
|
+
true: "text-sm text-error py-3";
|
|
886
886
|
};
|
|
887
887
|
align: {
|
|
888
888
|
center: "text-center";
|
|
@@ -915,7 +915,7 @@ declare const alertsTheme: {
|
|
|
915
915
|
white: "text-white";
|
|
916
916
|
};
|
|
917
917
|
isError: {
|
|
918
|
-
true: "text-sm text-error
|
|
918
|
+
true: "text-sm text-error py-3";
|
|
919
919
|
};
|
|
920
920
|
align: {
|
|
921
921
|
center: "text-center";
|
|
@@ -948,7 +948,7 @@ declare const alertsTheme: {
|
|
|
948
948
|
white: "text-white";
|
|
949
949
|
};
|
|
950
950
|
isError: {
|
|
951
|
-
true: "text-sm text-error
|
|
951
|
+
true: "text-sm text-error py-3";
|
|
952
952
|
};
|
|
953
953
|
align: {
|
|
954
954
|
center: "text-center";
|
|
@@ -173,7 +173,7 @@ declare const lightboxTheme: {
|
|
|
173
173
|
white: "text-white";
|
|
174
174
|
};
|
|
175
175
|
isError: {
|
|
176
|
-
true: "text-sm text-error
|
|
176
|
+
true: "text-sm text-error py-3";
|
|
177
177
|
};
|
|
178
178
|
align: {
|
|
179
179
|
center: "text-center";
|
|
@@ -206,7 +206,7 @@ declare const lightboxTheme: {
|
|
|
206
206
|
white: "text-white";
|
|
207
207
|
};
|
|
208
208
|
isError: {
|
|
209
|
-
true: "text-sm text-error
|
|
209
|
+
true: "text-sm text-error py-3";
|
|
210
210
|
};
|
|
211
211
|
align: {
|
|
212
212
|
center: "text-center";
|
|
@@ -239,7 +239,7 @@ declare const lightboxTheme: {
|
|
|
239
239
|
white: "text-white";
|
|
240
240
|
};
|
|
241
241
|
isError: {
|
|
242
|
-
true: "text-sm text-error
|
|
242
|
+
true: "text-sm text-error py-3";
|
|
243
243
|
};
|
|
244
244
|
align: {
|
|
245
245
|
center: "text-center";
|
|
@@ -272,7 +272,7 @@ declare const lightboxTheme: {
|
|
|
272
272
|
white: "text-white";
|
|
273
273
|
};
|
|
274
274
|
isError: {
|
|
275
|
-
true: "text-sm text-error
|
|
275
|
+
true: "text-sm text-error py-3";
|
|
276
276
|
};
|
|
277
277
|
align: {
|
|
278
278
|
center: "text-center";
|
|
@@ -305,7 +305,7 @@ declare const lightboxTheme: {
|
|
|
305
305
|
white: "text-white";
|
|
306
306
|
};
|
|
307
307
|
isError: {
|
|
308
|
-
true: "text-sm text-error
|
|
308
|
+
true: "text-sm text-error py-3";
|
|
309
309
|
};
|
|
310
310
|
align: {
|
|
311
311
|
center: "text-center";
|
|
@@ -338,7 +338,7 @@ declare const lightboxTheme: {
|
|
|
338
338
|
white: "text-white";
|
|
339
339
|
};
|
|
340
340
|
isError: {
|
|
341
|
-
true: "text-sm text-error
|
|
341
|
+
true: "text-sm text-error py-3";
|
|
342
342
|
};
|
|
343
343
|
align: {
|
|
344
344
|
center: "text-center";
|
|
@@ -371,7 +371,7 @@ declare const lightboxTheme: {
|
|
|
371
371
|
white: "text-white";
|
|
372
372
|
};
|
|
373
373
|
isError: {
|
|
374
|
-
true: "text-sm text-error
|
|
374
|
+
true: "text-sm text-error py-3";
|
|
375
375
|
};
|
|
376
376
|
align: {
|
|
377
377
|
center: "text-center";
|
|
@@ -404,7 +404,7 @@ declare const lightboxTheme: {
|
|
|
404
404
|
white: "text-white";
|
|
405
405
|
};
|
|
406
406
|
isError: {
|
|
407
|
-
true: "text-sm text-error
|
|
407
|
+
true: "text-sm text-error py-3";
|
|
408
408
|
};
|
|
409
409
|
align: {
|
|
410
410
|
center: "text-center";
|
|
@@ -437,7 +437,7 @@ declare const lightboxTheme: {
|
|
|
437
437
|
white: "text-white";
|
|
438
438
|
};
|
|
439
439
|
isError: {
|
|
440
|
-
true: "text-sm text-error
|
|
440
|
+
true: "text-sm text-error py-3";
|
|
441
441
|
};
|
|
442
442
|
align: {
|
|
443
443
|
center: "text-center";
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const searchInput: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
isDisabled: {
|
|
3
|
+
true: "opacity-60 pointer-events-none";
|
|
4
|
+
};
|
|
5
|
+
}, undefined, "p-4 w-full outline-0 search-cancel:appearance-none", import("tailwind-variants/dist/config").TVConfig<{
|
|
6
|
+
isDisabled: {
|
|
7
|
+
true: "opacity-60 pointer-events-none";
|
|
8
|
+
};
|
|
9
|
+
}, {
|
|
10
|
+
isDisabled: {
|
|
11
|
+
true: "opacity-60 pointer-events-none";
|
|
12
|
+
};
|
|
13
|
+
}>, {
|
|
14
|
+
isDisabled: {
|
|
15
|
+
true: "opacity-60 pointer-events-none";
|
|
16
|
+
};
|
|
17
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
18
|
+
isDisabled: {
|
|
19
|
+
true: "opacity-60 pointer-events-none";
|
|
20
|
+
};
|
|
21
|
+
}, undefined, "p-4 w-full outline-0 search-cancel:appearance-none", import("tailwind-variants/dist/config").TVConfig<{
|
|
22
|
+
isDisabled: {
|
|
23
|
+
true: "opacity-60 pointer-events-none";
|
|
24
|
+
};
|
|
25
|
+
}, {
|
|
26
|
+
isDisabled: {
|
|
27
|
+
true: "opacity-60 pointer-events-none";
|
|
28
|
+
};
|
|
29
|
+
}>, unknown, unknown, undefined>>;
|
|
30
|
+
export declare const searchIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "\n box-border \n absolute \n right-4 \n focus-ring-black\n outline-0\n ", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "\n box-border \n absolute \n right-4 \n focus-ring-black\n outline-0\n ", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
@@ -24,7 +24,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
24
24
|
white: "text-white";
|
|
25
25
|
};
|
|
26
26
|
isError: {
|
|
27
|
-
true: "text-sm text-error
|
|
27
|
+
true: "text-sm text-error py-3";
|
|
28
28
|
};
|
|
29
29
|
align: {
|
|
30
30
|
center: "text-center";
|
|
@@ -57,7 +57,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
57
57
|
white: "text-white";
|
|
58
58
|
};
|
|
59
59
|
isError: {
|
|
60
|
-
true: "text-sm text-error
|
|
60
|
+
true: "text-sm text-error py-3";
|
|
61
61
|
};
|
|
62
62
|
align: {
|
|
63
63
|
center: "text-center";
|
|
@@ -90,7 +90,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
90
90
|
white: "text-white";
|
|
91
91
|
};
|
|
92
92
|
isError: {
|
|
93
|
-
true: "text-sm text-error
|
|
93
|
+
true: "text-sm text-error py-3";
|
|
94
94
|
};
|
|
95
95
|
align: {
|
|
96
96
|
center: "text-center";
|
|
@@ -123,7 +123,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
123
123
|
white: "text-white";
|
|
124
124
|
};
|
|
125
125
|
isError: {
|
|
126
|
-
true: "text-sm text-error
|
|
126
|
+
true: "text-sm text-error py-3";
|
|
127
127
|
};
|
|
128
128
|
align: {
|
|
129
129
|
center: "text-center";
|
|
@@ -156,7 +156,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
156
156
|
white: "text-white";
|
|
157
157
|
};
|
|
158
158
|
isError: {
|
|
159
|
-
true: "text-sm text-error
|
|
159
|
+
true: "text-sm text-error py-3";
|
|
160
160
|
};
|
|
161
161
|
align: {
|
|
162
162
|
center: "text-center";
|
|
@@ -189,7 +189,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
189
189
|
white: "text-white";
|
|
190
190
|
};
|
|
191
191
|
isError: {
|
|
192
|
-
true: "text-sm text-error
|
|
192
|
+
true: "text-sm text-error py-3";
|
|
193
193
|
};
|
|
194
194
|
align: {
|
|
195
195
|
center: "text-center";
|
|
@@ -222,7 +222,7 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
222
222
|
white: "text-white";
|
|
223
223
|
};
|
|
224
224
|
isError: {
|
|
225
|
-
true: "text-sm text-error
|
|
225
|
+
true: "text-sm text-error py-3";
|
|
226
226
|
};
|
|
227
227
|
align: {
|
|
228
228
|
center: "text-center";
|