@okam/stack-ui 1.13.0 → 1.14.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/components/Box/interface.d.ts +0 -1
- package/components/Typography/interface.d.ts +0 -1
- package/components/fields/Checkbox/Checkbox.interface.d.ts +0 -2
- package/index.js +9 -9
- package/index.mjs +2257 -1846
- package/package.json +2 -43
- package/theme/Accordion/index.d.ts +117 -6
- package/theme/Box/index.d.ts +122 -8
- package/theme/Button/index.d.ts +52 -1
- package/theme/Calendar/index.d.ts +162 -33
- package/theme/Carousel/index.d.ts +3 -15
- package/theme/Checkbox/index.d.ts +71 -13
- package/theme/CheckboxGroup/index.d.ts +30 -0
- package/theme/DatePicker/index.d.ts +23 -36
- package/theme/Image/index.d.ts +1 -5
- package/theme/LightBox/index.d.ts +381 -82
- package/theme/Radio/index.d.ts +48 -3
- package/theme/RadioGroup/index.d.ts +14 -6
- package/theme/ShareButton/index.d.ts +78 -14
- package/theme/SidePanel/index.d.ts +3 -15
- package/theme/TextArea/index.d.ts +13 -1
- package/theme/Typography/index.d.ts +100 -1
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
export declare const checkboxContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").
|
|
2
|
-
[x: string]: {
|
|
3
|
-
[x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "flex focus-ring-black">;
|
|
4
|
-
} | undefined;
|
|
5
|
-
} | {}, undefined, "flex focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "flex focus-ring-black"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "flex focus-ring-black"> | {}, undefined>;
|
|
1
|
+
export declare const checkboxContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
6
2
|
export declare const checkboxLabel: import("tailwind-variants").TVReturnType<{
|
|
7
3
|
color: {
|
|
8
4
|
gray: "text-gray-300";
|
|
@@ -35,7 +31,31 @@ export declare const checkboxLabel: import("tailwind-variants").TVReturnType<{
|
|
|
35
31
|
isDisabled: {
|
|
36
32
|
true: "text-gray-6";
|
|
37
33
|
};
|
|
38
|
-
}, undefined
|
|
34
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
35
|
+
color: {
|
|
36
|
+
gray: "text-gray-300";
|
|
37
|
+
black: "text-black";
|
|
38
|
+
};
|
|
39
|
+
isDisabled: {
|
|
40
|
+
true: "text-gray-6";
|
|
41
|
+
};
|
|
42
|
+
}, undefined, "hover:cursor-pointer", import("tailwind-variants/dist/config").TVConfig<{
|
|
43
|
+
color: {
|
|
44
|
+
gray: "text-gray-300";
|
|
45
|
+
black: "text-black";
|
|
46
|
+
};
|
|
47
|
+
isDisabled: {
|
|
48
|
+
true: "text-gray-6";
|
|
49
|
+
};
|
|
50
|
+
}, {
|
|
51
|
+
color: {
|
|
52
|
+
gray: "text-gray-300";
|
|
53
|
+
black: "text-black";
|
|
54
|
+
};
|
|
55
|
+
isDisabled: {
|
|
56
|
+
true: "text-gray-6";
|
|
57
|
+
};
|
|
58
|
+
}>, unknown, unknown, undefined>>;
|
|
39
59
|
export declare const checkBox: import("tailwind-variants").TVReturnType<{
|
|
40
60
|
isDisabled: {
|
|
41
61
|
true: "border-gray-6";
|
|
@@ -76,7 +96,37 @@ export declare const checkBox: import("tailwind-variants").TVReturnType<{
|
|
|
76
96
|
isError: {
|
|
77
97
|
true: "border-red-500";
|
|
78
98
|
};
|
|
79
|
-
}, undefined
|
|
99
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
100
|
+
isDisabled: {
|
|
101
|
+
true: "border-gray-6";
|
|
102
|
+
};
|
|
103
|
+
isFocused: {
|
|
104
|
+
true: "outline-black [outline-offset: 2px]";
|
|
105
|
+
};
|
|
106
|
+
isError: {
|
|
107
|
+
true: "border-red-500";
|
|
108
|
+
};
|
|
109
|
+
}, undefined, "w-6 h-6 mt-0.5 mr-2.5 rounded-full border-2 border-gray-2 shrink-0 hover:cursor-pointer flex items-center justify-center", import("tailwind-variants/dist/config").TVConfig<{
|
|
110
|
+
isDisabled: {
|
|
111
|
+
true: "border-gray-6";
|
|
112
|
+
};
|
|
113
|
+
isFocused: {
|
|
114
|
+
true: "outline-black [outline-offset: 2px]";
|
|
115
|
+
};
|
|
116
|
+
isError: {
|
|
117
|
+
true: "border-red-500";
|
|
118
|
+
};
|
|
119
|
+
}, {
|
|
120
|
+
isDisabled: {
|
|
121
|
+
true: "border-gray-6";
|
|
122
|
+
};
|
|
123
|
+
isFocused: {
|
|
124
|
+
true: "outline-black [outline-offset: 2px]";
|
|
125
|
+
};
|
|
126
|
+
isError: {
|
|
127
|
+
true: "border-red-500";
|
|
128
|
+
};
|
|
129
|
+
}>, unknown, unknown, undefined>>;
|
|
80
130
|
export declare const checkMark: import("tailwind-variants").TVReturnType<{
|
|
81
131
|
selected: {
|
|
82
132
|
true: "block text-white";
|
|
@@ -93,9 +143,17 @@ export declare const checkMark: import("tailwind-variants").TVReturnType<{
|
|
|
93
143
|
selected: {
|
|
94
144
|
true: "block text-white";
|
|
95
145
|
};
|
|
96
|
-
}, undefined
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
146
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
147
|
+
selected: {
|
|
148
|
+
true: "block text-white";
|
|
149
|
+
};
|
|
150
|
+
}, undefined, "hidden w-4 h-4 bg-gray-300 rounded-full", import("tailwind-variants/dist/config").TVConfig<{
|
|
151
|
+
selected: {
|
|
152
|
+
true: "block text-white";
|
|
153
|
+
};
|
|
154
|
+
}, {
|
|
155
|
+
selected: {
|
|
156
|
+
true: "block text-white";
|
|
157
|
+
};
|
|
158
|
+
}>, unknown, unknown, undefined>>;
|
|
159
|
+
export declare const checkMarkIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white w-4 h-4 [&_svg]:w-4 [&_svg]:h-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white w-4 h-4 [&_svg]:w-4 [&_svg]:h-4", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const checkboxGroup: import("tailwind-variants").TVReturnType<{
|
|
2
|
+
isDisabled: {
|
|
3
|
+
true: "opacity-60 pointer-events-none";
|
|
4
|
+
};
|
|
5
|
+
}, undefined, "block", 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, "block", 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 checkboxGroupItemsGroup: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-col gap-4 py-8", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-col gap-4 py-8", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
@@ -1,23 +1,7 @@
|
|
|
1
|
-
export declare const datePickerContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
} | {}, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "relative inline-flex flex-col text-left"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "relative inline-flex flex-col text-left"> | {}, undefined>;
|
|
6
|
-
export declare const datePickerButton: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black"> | {
|
|
7
|
-
[x: string]: {
|
|
8
|
-
[x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black">;
|
|
9
|
-
} | undefined;
|
|
10
|
-
} | {}, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black"> | {}, undefined>;
|
|
11
|
-
export declare const datePickerCalendarPopoverUnderlay: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "fixed inset-0"> | {
|
|
12
|
-
[x: string]: {
|
|
13
|
-
[x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "fixed inset-0">;
|
|
14
|
-
} | undefined;
|
|
15
|
-
} | {}, undefined, "fixed inset-0", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "fixed inset-0"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "fixed inset-0"> | {}, undefined>;
|
|
16
|
-
export declare const datePickerCalendarPopoverContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"> | {
|
|
17
|
-
[x: string]: {
|
|
18
|
-
[x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10">;
|
|
19
|
-
} | undefined;
|
|
20
|
-
} | {}, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10"> | {}, undefined>;
|
|
1
|
+
export declare const datePickerContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative inline-flex flex-col text-left", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
2
|
+
export declare const datePickerButton: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center border-2 border-color-1-500 rounded focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
3
|
+
export declare const datePickerCalendarPopoverUnderlay: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "fixed inset-0", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "fixed inset-0", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
4
|
+
export declare const datePickerCalendarPopoverContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "absolute top-full bg-white border border-gray-300 rounded-md shadow-lg mt-2 p-8 z-10", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
21
5
|
export declare const datePickerDateField: import("tailwind-variants").TVReturnType<{
|
|
22
6
|
dateFieldShown: {
|
|
23
7
|
true: "";
|
|
@@ -38,19 +22,22 @@ export declare const datePickerDateField: import("tailwind-variants").TVReturnTy
|
|
|
38
22
|
true: "";
|
|
39
23
|
false: "hidden";
|
|
40
24
|
};
|
|
41
|
-
}, undefined
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
}
|
|
56
|
-
}
|
|
25
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
26
|
+
dateFieldShown: {
|
|
27
|
+
true: "";
|
|
28
|
+
false: "hidden";
|
|
29
|
+
};
|
|
30
|
+
}, undefined, "pr-1 flex gap-2", import("tailwind-variants/dist/config").TVConfig<{
|
|
31
|
+
dateFieldShown: {
|
|
32
|
+
true: "";
|
|
33
|
+
false: "hidden";
|
|
34
|
+
};
|
|
35
|
+
}, {
|
|
36
|
+
dateFieldShown: {
|
|
37
|
+
true: "";
|
|
38
|
+
false: "hidden";
|
|
39
|
+
};
|
|
40
|
+
}>, unknown, unknown, undefined>>;
|
|
41
|
+
export declare const datePickerDateSegment: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "focus-ring-black", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
42
|
+
export declare const datePickerIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 bg-color-1-100 border-l-2 border-color-1-500 h-full py-2 px-2", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
43
|
+
export declare const datePickerLabel: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-color-1-500 font-bold px-2", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-color-1-500 font-bold px-2", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
package/theme/Image/index.d.ts
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
1
|
import type { TToken } from '../../providers/Theme/interface';
|
|
2
|
-
export declare const imgStyles: import("tailwind-variants").TVReturnType<import("tailwind-variants").
|
|
3
|
-
[x: string]: {
|
|
4
|
-
[x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "object-contain">;
|
|
5
|
-
} | undefined;
|
|
6
|
-
} | {}, undefined, "object-contain", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "object-contain"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "object-contain"> | {}, undefined>;
|
|
2
|
+
export declare const imgStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "object-contain", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "object-contain", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
7
3
|
export declare const imgTheme: (props: TToken) => string;
|