@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
|
@@ -18,7 +18,22 @@ export declare const shareButtonContainer: import("tailwind-variants").TVReturnT
|
|
|
18
18
|
row: "flex-row";
|
|
19
19
|
column: "flex-col";
|
|
20
20
|
};
|
|
21
|
-
}, undefined
|
|
21
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
22
|
+
listDirection: {
|
|
23
|
+
row: "flex-row";
|
|
24
|
+
column: "flex-col";
|
|
25
|
+
};
|
|
26
|
+
}, undefined, "flex print:hidden relative", import("tailwind-variants/dist/config").TVConfig<{
|
|
27
|
+
listDirection: {
|
|
28
|
+
row: "flex-row";
|
|
29
|
+
column: "flex-col";
|
|
30
|
+
};
|
|
31
|
+
}, {
|
|
32
|
+
listDirection: {
|
|
33
|
+
row: "flex-row";
|
|
34
|
+
column: "flex-col";
|
|
35
|
+
};
|
|
36
|
+
}>, unknown, unknown, undefined>>;
|
|
22
37
|
export declare const shareButton: import("tailwind-variants").TVReturnType<{
|
|
23
38
|
isOpen: {
|
|
24
39
|
true: "";
|
|
@@ -39,7 +54,22 @@ export declare const shareButton: import("tailwind-variants").TVReturnType<{
|
|
|
39
54
|
true: "";
|
|
40
55
|
false: "";
|
|
41
56
|
};
|
|
42
|
-
}, undefined
|
|
57
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
58
|
+
isOpen: {
|
|
59
|
+
true: "";
|
|
60
|
+
false: "";
|
|
61
|
+
};
|
|
62
|
+
}, undefined, "relative z-20 !bg-color-1-500 hover:!bg-color-1-400 w-16 h-16 flex justify-center items-center active:!bg-color-1-400 rounded-full text-white focus-ring-black", import("tailwind-variants/dist/config").TVConfig<{
|
|
63
|
+
isOpen: {
|
|
64
|
+
true: "";
|
|
65
|
+
false: "";
|
|
66
|
+
};
|
|
67
|
+
}, {
|
|
68
|
+
isOpen: {
|
|
69
|
+
true: "";
|
|
70
|
+
false: "";
|
|
71
|
+
};
|
|
72
|
+
}>, unknown, unknown, undefined>>;
|
|
43
73
|
export declare const shareButtonLinksList: import("tailwind-variants").TVReturnType<{
|
|
44
74
|
listDirection: {
|
|
45
75
|
row: "flex-row pl-14 h-16 left-0";
|
|
@@ -76,7 +106,34 @@ export declare const shareButtonLinksList: import("tailwind-variants").TVReturnT
|
|
|
76
106
|
true: "opacity-100 visible";
|
|
77
107
|
false: "";
|
|
78
108
|
};
|
|
79
|
-
}, undefined
|
|
109
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
110
|
+
listDirection: {
|
|
111
|
+
row: "flex-row pl-14 h-16 left-0";
|
|
112
|
+
column: "flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0";
|
|
113
|
+
};
|
|
114
|
+
isOpen: {
|
|
115
|
+
true: "opacity-100 visible";
|
|
116
|
+
false: "";
|
|
117
|
+
};
|
|
118
|
+
}, undefined, "!bg-color-1-200 absolute opacity-0 invisible flex transition duration-300 items-center p-0 bg-primary-1 z-0 rounded-b-full rounded-t-full", import("tailwind-variants/dist/config").TVConfig<{
|
|
119
|
+
listDirection: {
|
|
120
|
+
row: "flex-row pl-14 h-16 left-0";
|
|
121
|
+
column: "flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0";
|
|
122
|
+
};
|
|
123
|
+
isOpen: {
|
|
124
|
+
true: "opacity-100 visible";
|
|
125
|
+
false: "";
|
|
126
|
+
};
|
|
127
|
+
}, {
|
|
128
|
+
listDirection: {
|
|
129
|
+
row: "flex-row pl-14 h-16 left-0";
|
|
130
|
+
column: "flex-col [width:calc(100% + .5rem)] pt-14 w-16 top-0";
|
|
131
|
+
};
|
|
132
|
+
isOpen: {
|
|
133
|
+
true: "opacity-100 visible";
|
|
134
|
+
false: "";
|
|
135
|
+
};
|
|
136
|
+
}>, unknown, unknown, undefined>>;
|
|
80
137
|
export declare const shareButtonLink: import("tailwind-variants").TVReturnType<{
|
|
81
138
|
listDirection: {
|
|
82
139
|
row: "last:rounded-r-full h-full";
|
|
@@ -97,14 +154,21 @@ export declare const shareButtonLink: import("tailwind-variants").TVReturnType<{
|
|
|
97
154
|
row: "last:rounded-r-full h-full";
|
|
98
155
|
column: "last:rounded-b-full";
|
|
99
156
|
};
|
|
100
|
-
}, undefined
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
}
|
|
110
|
-
}
|
|
157
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
158
|
+
listDirection: {
|
|
159
|
+
row: "last:rounded-r-full h-full";
|
|
160
|
+
column: "last:rounded-b-full";
|
|
161
|
+
};
|
|
162
|
+
}, undefined, "\n flex\n items-center\n justify-center\n cursor-pointer\n bg-color-1-200\n hover:bg-color-1-300\n w-full\n text-color-1-500\n rounded-none\n p-2\n focus-ring-black\n z-10\n has-focus-ring:z-20\n ", import("tailwind-variants/dist/config").TVConfig<{
|
|
163
|
+
listDirection: {
|
|
164
|
+
row: "last:rounded-r-full h-full";
|
|
165
|
+
column: "last:rounded-b-full";
|
|
166
|
+
};
|
|
167
|
+
}, {
|
|
168
|
+
listDirection: {
|
|
169
|
+
row: "last:rounded-r-full h-full";
|
|
170
|
+
column: "last:rounded-b-full";
|
|
171
|
+
};
|
|
172
|
+
}>, unknown, unknown, undefined>>;
|
|
173
|
+
export declare const shareButtonIcon: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
174
|
+
export declare const shareButtonLinkIcons: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
export declare const sidePanelWrapper: import("tailwind-variants").TVReturnType<import("tailwind-variants").
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
} | undefined;
|
|
5
|
-
} | {}, undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full"> | {}, undefined>;
|
|
6
|
-
export declare const sidePanelContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "h-full w-full flex justify-end"> | {
|
|
7
|
-
[x: string]: {
|
|
8
|
-
[x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "h-full w-full flex justify-end">;
|
|
9
|
-
} | undefined;
|
|
10
|
-
} | {}, undefined, "h-full w-full flex justify-end", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "h-full w-full flex justify-end"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "h-full w-full flex justify-end"> | {}, undefined>;
|
|
11
|
-
export declare const sidePanelInnerContainer: import("tailwind-variants").TVReturnType<import("tailwind-variants").TVVariantsDefault<undefined, "bg-black h-full w-full overflow-y-auto"> | {
|
|
12
|
-
[x: string]: {
|
|
13
|
-
[x: string]: import("tailwind-variants").ClassValue | import("tailwind-variants").SlotsClassValue<undefined, "bg-black h-full w-full overflow-y-auto">;
|
|
14
|
-
} | undefined;
|
|
15
|
-
} | {}, undefined, "bg-black h-full w-full overflow-y-auto", import("tailwind-variants/dist/config").TVConfig<unknown, import("tailwind-variants").TVVariantsDefault<undefined, "bg-black h-full w-full overflow-y-auto"> | {}>, import("tailwind-variants").TVVariantsDefault<undefined, "bg-black h-full w-full overflow-y-auto"> | {}, undefined>;
|
|
1
|
+
export declare const sidePanelWrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "m-auto fixed right-0 top-0 bottom-0 w-full max-w-[512px] [&>div]:h-full", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
2
|
+
export declare const sidePanelContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "h-full w-full flex justify-end", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "h-full w-full flex justify-end", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
3
|
+
export declare const sidePanelInnerContainer: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-black h-full w-full overflow-y-auto", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-black h-full w-full overflow-y-auto", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
|
|
@@ -14,4 +14,16 @@ export declare const textArea: import("tailwind-variants").TVReturnType<{
|
|
|
14
14
|
isError: {
|
|
15
15
|
true: "border-red-500";
|
|
16
16
|
};
|
|
17
|
-
}, undefined
|
|
17
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
18
|
+
isError: {
|
|
19
|
+
true: "border-red-500";
|
|
20
|
+
};
|
|
21
|
+
}, undefined, "\n w-full\n min-h-32\n rounded-2xl\n px-6\n h-12\n border-2\n border-solid\n transition\n duration-300\n ease-in-out\n text-gray-2\n placeholder:text-gray-2\n focus-ring-black\n \n ", import("tailwind-variants/dist/config").TVConfig<{
|
|
22
|
+
isError: {
|
|
23
|
+
true: "border-red-500";
|
|
24
|
+
};
|
|
25
|
+
}, {
|
|
26
|
+
isError: {
|
|
27
|
+
true: "border-red-500";
|
|
28
|
+
};
|
|
29
|
+
}>, unknown, unknown, undefined>>;
|
|
@@ -130,5 +130,104 @@ declare const typography: import("tailwind-variants").TVReturnType<{
|
|
|
130
130
|
left: "text-left";
|
|
131
131
|
right: "text-right";
|
|
132
132
|
};
|
|
133
|
-
}, undefined
|
|
133
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
134
|
+
size: {
|
|
135
|
+
h1: "text-5xl";
|
|
136
|
+
h2: "text-4xl";
|
|
137
|
+
h3: "text-3xl";
|
|
138
|
+
h4: "text-2xl";
|
|
139
|
+
h5: "text-xl";
|
|
140
|
+
h6: "text-lg";
|
|
141
|
+
leading: "text-md font-bold leading-normal";
|
|
142
|
+
paragraph: "text-md inline";
|
|
143
|
+
footnotes: "text-sm";
|
|
144
|
+
xs: "text-xs";
|
|
145
|
+
};
|
|
146
|
+
font: {
|
|
147
|
+
body: "font-body";
|
|
148
|
+
};
|
|
149
|
+
weight: {
|
|
150
|
+
normal: "font-normal";
|
|
151
|
+
light: "font-light";
|
|
152
|
+
bold: "font-bold";
|
|
153
|
+
};
|
|
154
|
+
color: {
|
|
155
|
+
gray: "text-gray-500";
|
|
156
|
+
white: "text-white";
|
|
157
|
+
};
|
|
158
|
+
isError: {
|
|
159
|
+
true: "text-sm text-error ml-8 py-3";
|
|
160
|
+
};
|
|
161
|
+
align: {
|
|
162
|
+
center: "text-center";
|
|
163
|
+
left: "text-left";
|
|
164
|
+
right: "text-right";
|
|
165
|
+
};
|
|
166
|
+
}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
|
167
|
+
size: {
|
|
168
|
+
h1: "text-5xl";
|
|
169
|
+
h2: "text-4xl";
|
|
170
|
+
h3: "text-3xl";
|
|
171
|
+
h4: "text-2xl";
|
|
172
|
+
h5: "text-xl";
|
|
173
|
+
h6: "text-lg";
|
|
174
|
+
leading: "text-md font-bold leading-normal";
|
|
175
|
+
paragraph: "text-md inline";
|
|
176
|
+
footnotes: "text-sm";
|
|
177
|
+
xs: "text-xs";
|
|
178
|
+
};
|
|
179
|
+
font: {
|
|
180
|
+
body: "font-body";
|
|
181
|
+
};
|
|
182
|
+
weight: {
|
|
183
|
+
normal: "font-normal";
|
|
184
|
+
light: "font-light";
|
|
185
|
+
bold: "font-bold";
|
|
186
|
+
};
|
|
187
|
+
color: {
|
|
188
|
+
gray: "text-gray-500";
|
|
189
|
+
white: "text-white";
|
|
190
|
+
};
|
|
191
|
+
isError: {
|
|
192
|
+
true: "text-sm text-error ml-8 py-3";
|
|
193
|
+
};
|
|
194
|
+
align: {
|
|
195
|
+
center: "text-center";
|
|
196
|
+
left: "text-left";
|
|
197
|
+
right: "text-right";
|
|
198
|
+
};
|
|
199
|
+
}, {
|
|
200
|
+
size: {
|
|
201
|
+
h1: "text-5xl";
|
|
202
|
+
h2: "text-4xl";
|
|
203
|
+
h3: "text-3xl";
|
|
204
|
+
h4: "text-2xl";
|
|
205
|
+
h5: "text-xl";
|
|
206
|
+
h6: "text-lg";
|
|
207
|
+
leading: "text-md font-bold leading-normal";
|
|
208
|
+
paragraph: "text-md inline";
|
|
209
|
+
footnotes: "text-sm";
|
|
210
|
+
xs: "text-xs";
|
|
211
|
+
};
|
|
212
|
+
font: {
|
|
213
|
+
body: "font-body";
|
|
214
|
+
};
|
|
215
|
+
weight: {
|
|
216
|
+
normal: "font-normal";
|
|
217
|
+
light: "font-light";
|
|
218
|
+
bold: "font-bold";
|
|
219
|
+
};
|
|
220
|
+
color: {
|
|
221
|
+
gray: "text-gray-500";
|
|
222
|
+
white: "text-white";
|
|
223
|
+
};
|
|
224
|
+
isError: {
|
|
225
|
+
true: "text-sm text-error ml-8 py-3";
|
|
226
|
+
};
|
|
227
|
+
align: {
|
|
228
|
+
center: "text-center";
|
|
229
|
+
left: "text-left";
|
|
230
|
+
right: "text-right";
|
|
231
|
+
};
|
|
232
|
+
}>, unknown, unknown, undefined>>;
|
|
134
233
|
export default typography;
|