@jakubmazanec/ui 0.1.2 → 0.1.3-next.c0e5014d
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/build/theme/Theme.d.ts
CHANGED
|
@@ -71,10 +71,10 @@ export type Theme = Simplify<ComponentTheme<typeof useButtonTheme, {
|
|
|
71
71
|
outputComponentName: true;
|
|
72
72
|
}> & ComponentTheme<typeof useErrorTheme, {
|
|
73
73
|
outputComponentName: true;
|
|
74
|
-
}> & ComponentTheme<typeof useFieldTheme, {
|
|
75
|
-
outputComponentName: true;
|
|
76
74
|
}> & ComponentTheme<typeof useFieldsetTheme, {
|
|
77
75
|
outputComponentName: true;
|
|
76
|
+
}> & ComponentTheme<typeof useFieldTheme, {
|
|
77
|
+
outputComponentName: true;
|
|
78
78
|
}> & ComponentTheme<typeof useFormTheme, {
|
|
79
79
|
outputComponentName: true;
|
|
80
80
|
}> & ComponentTheme<typeof useIconTheme, {
|
|
@@ -93,10 +93,10 @@ export type Theme = Simplify<ComponentTheme<typeof useButtonTheme, {
|
|
|
93
93
|
outputComponentName: true;
|
|
94
94
|
}> & ComponentTheme<typeof useMenuHeadingTheme, {
|
|
95
95
|
outputComponentName: true;
|
|
96
|
-
}> & ComponentTheme<typeof useMenuItemTheme, {
|
|
97
|
-
outputComponentName: true;
|
|
98
96
|
}> & ComponentTheme<typeof useMenuItemsTheme, {
|
|
99
97
|
outputComponentName: true;
|
|
98
|
+
}> & ComponentTheme<typeof useMenuItemTheme, {
|
|
99
|
+
outputComponentName: true;
|
|
100
100
|
}> & ComponentTheme<typeof useMenuSectionTheme, {
|
|
101
101
|
outputComponentName: true;
|
|
102
102
|
}> & ComponentTheme<typeof useMenuSeparatorTheme, {
|
|
@@ -129,18 +129,18 @@ export type Theme = Simplify<ComponentTheme<typeof useButtonTheme, {
|
|
|
129
129
|
outputComponentName: true;
|
|
130
130
|
}> & ComponentTheme<typeof useTableFootTheme, {
|
|
131
131
|
outputComponentName: true;
|
|
132
|
-
}> & ComponentTheme<typeof useTableHeadTheme, {
|
|
133
|
-
outputComponentName: true;
|
|
134
132
|
}> & ComponentTheme<typeof useTableHeaderTheme, {
|
|
135
133
|
outputComponentName: true;
|
|
134
|
+
}> & ComponentTheme<typeof useTableHeadTheme, {
|
|
135
|
+
outputComponentName: true;
|
|
136
136
|
}> & ComponentTheme<typeof useTableRowTheme, {
|
|
137
137
|
outputComponentName: true;
|
|
138
138
|
}> & ComponentTheme<typeof useTableTheme, {
|
|
139
139
|
outputComponentName: true;
|
|
140
|
-
}> & ComponentTheme<typeof useTextTheme, {
|
|
141
|
-
outputComponentName: true;
|
|
142
140
|
}> & ComponentTheme<typeof useTextareaTheme, {
|
|
143
141
|
outputComponentName: true;
|
|
142
|
+
}> & ComponentTheme<typeof useTextTheme, {
|
|
143
|
+
outputComponentName: true;
|
|
144
144
|
}> & {
|
|
145
145
|
merge: (...rest: ClassName[]) => string;
|
|
146
146
|
}>;
|
|
@@ -102,10 +102,6 @@ export declare const themeContext: import("react").Context<import("@jakubmazanec
|
|
|
102
102
|
Error: {
|
|
103
103
|
className: import("./ClassName.js").ClassName;
|
|
104
104
|
};
|
|
105
|
-
} & {
|
|
106
|
-
Field: {
|
|
107
|
-
className: import("./ClassName.js").ClassName;
|
|
108
|
-
};
|
|
109
105
|
} & {
|
|
110
106
|
Fieldset: {
|
|
111
107
|
className?: import("./ClassName.js").ClassName;
|
|
@@ -116,6 +112,10 @@ export declare const themeContext: import("react").Context<import("@jakubmazanec
|
|
|
116
112
|
readonly disabled: [true, false];
|
|
117
113
|
}, undefined> | undefined;
|
|
118
114
|
};
|
|
115
|
+
} & {
|
|
116
|
+
Field: {
|
|
117
|
+
className: import("./ClassName.js").ClassName;
|
|
118
|
+
};
|
|
119
119
|
} & {
|
|
120
120
|
Form: {
|
|
121
121
|
className: import("./ClassName.js").ClassName;
|
|
@@ -200,6 +200,10 @@ export declare const themeContext: import("react").Context<import("@jakubmazanec
|
|
|
200
200
|
MenuHeading: {
|
|
201
201
|
className: import("./ClassName.js").ClassName;
|
|
202
202
|
};
|
|
203
|
+
} & {
|
|
204
|
+
MenuItems: {
|
|
205
|
+
className: import("./ClassName.js").ClassName;
|
|
206
|
+
};
|
|
203
207
|
} & {
|
|
204
208
|
MenuItem: {
|
|
205
209
|
className?: import("./ClassName.js").ClassName;
|
|
@@ -210,10 +214,6 @@ export declare const themeContext: import("react").Context<import("@jakubmazanec
|
|
|
210
214
|
readonly disabled: [true, false];
|
|
211
215
|
}, undefined> | undefined;
|
|
212
216
|
};
|
|
213
|
-
} & {
|
|
214
|
-
MenuItems: {
|
|
215
|
-
className: import("./ClassName.js").ClassName;
|
|
216
|
-
};
|
|
217
217
|
} & {
|
|
218
218
|
MenuSection: {
|
|
219
219
|
className: import("./ClassName.js").ClassName;
|
|
@@ -309,11 +309,11 @@ export declare const themeContext: import("react").Context<import("@jakubmazanec
|
|
|
309
309
|
className: import("./ClassName.js").ClassName;
|
|
310
310
|
};
|
|
311
311
|
} & {
|
|
312
|
-
|
|
312
|
+
TableHeader: {
|
|
313
313
|
className: import("./ClassName.js").ClassName;
|
|
314
314
|
};
|
|
315
315
|
} & {
|
|
316
|
-
|
|
316
|
+
TableHead: {
|
|
317
317
|
className: import("./ClassName.js").ClassName;
|
|
318
318
|
};
|
|
319
319
|
} & {
|
|
@@ -324,16 +324,6 @@ export declare const themeContext: import("react").Context<import("@jakubmazanec
|
|
|
324
324
|
Table: {
|
|
325
325
|
className: import("./ClassName.js").ClassName;
|
|
326
326
|
};
|
|
327
|
-
} & {
|
|
328
|
-
Text: {
|
|
329
|
-
className?: import("./ClassName.js").ClassName;
|
|
330
|
-
variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
|
|
331
|
-
readonly size: ["small", "medium", "large"];
|
|
332
|
-
}, undefined>;
|
|
333
|
-
compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
|
|
334
|
-
readonly size: ["small", "medium", "large"];
|
|
335
|
-
}, undefined> | undefined;
|
|
336
|
-
};
|
|
337
327
|
} & {
|
|
338
328
|
Textarea: {
|
|
339
329
|
classNames?: {
|
|
@@ -348,6 +338,16 @@ export declare const themeContext: import("react").Context<import("@jakubmazanec
|
|
|
348
338
|
readonly disabled: [true, false];
|
|
349
339
|
}, ["root", "textarea", "icon"]> | undefined;
|
|
350
340
|
};
|
|
341
|
+
} & {
|
|
342
|
+
Text: {
|
|
343
|
+
className?: import("./ClassName.js").ClassName;
|
|
344
|
+
variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
|
|
345
|
+
readonly size: ["small", "medium", "large"];
|
|
346
|
+
}, undefined>;
|
|
347
|
+
compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
|
|
348
|
+
readonly size: ["small", "medium", "large"];
|
|
349
|
+
}, undefined> | undefined;
|
|
350
|
+
};
|
|
351
351
|
} & {
|
|
352
352
|
merge: (...rest: import("./ClassName.js").ClassName[]) => string;
|
|
353
353
|
}> | undefined>;
|
|
@@ -102,10 +102,6 @@ export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
|
|
|
102
102
|
Error: {
|
|
103
103
|
className: import("./ClassName.js").ClassName;
|
|
104
104
|
};
|
|
105
|
-
} & {
|
|
106
|
-
Field: {
|
|
107
|
-
className: import("./ClassName.js").ClassName;
|
|
108
|
-
};
|
|
109
105
|
} & {
|
|
110
106
|
Fieldset: {
|
|
111
107
|
className?: import("./ClassName.js").ClassName;
|
|
@@ -116,6 +112,10 @@ export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
|
|
|
116
112
|
readonly disabled: [true, false];
|
|
117
113
|
}, undefined> | undefined;
|
|
118
114
|
};
|
|
115
|
+
} & {
|
|
116
|
+
Field: {
|
|
117
|
+
className: import("./ClassName.js").ClassName;
|
|
118
|
+
};
|
|
119
119
|
} & {
|
|
120
120
|
Form: {
|
|
121
121
|
className: import("./ClassName.js").ClassName;
|
|
@@ -200,6 +200,10 @@ export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
|
|
|
200
200
|
MenuHeading: {
|
|
201
201
|
className: import("./ClassName.js").ClassName;
|
|
202
202
|
};
|
|
203
|
+
} & {
|
|
204
|
+
MenuItems: {
|
|
205
|
+
className: import("./ClassName.js").ClassName;
|
|
206
|
+
};
|
|
203
207
|
} & {
|
|
204
208
|
MenuItem: {
|
|
205
209
|
className?: import("./ClassName.js").ClassName;
|
|
@@ -210,10 +214,6 @@ export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
|
|
|
210
214
|
readonly disabled: [true, false];
|
|
211
215
|
}, undefined> | undefined;
|
|
212
216
|
};
|
|
213
|
-
} & {
|
|
214
|
-
MenuItems: {
|
|
215
|
-
className: import("./ClassName.js").ClassName;
|
|
216
|
-
};
|
|
217
217
|
} & {
|
|
218
218
|
MenuSection: {
|
|
219
219
|
className: import("./ClassName.js").ClassName;
|
|
@@ -309,11 +309,11 @@ export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
|
|
|
309
309
|
className: import("./ClassName.js").ClassName;
|
|
310
310
|
};
|
|
311
311
|
} & {
|
|
312
|
-
|
|
312
|
+
TableHeader: {
|
|
313
313
|
className: import("./ClassName.js").ClassName;
|
|
314
314
|
};
|
|
315
315
|
} & {
|
|
316
|
-
|
|
316
|
+
TableHead: {
|
|
317
317
|
className: import("./ClassName.js").ClassName;
|
|
318
318
|
};
|
|
319
319
|
} & {
|
|
@@ -324,16 +324,6 @@ export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
|
|
|
324
324
|
Table: {
|
|
325
325
|
className: import("./ClassName.js").ClassName;
|
|
326
326
|
};
|
|
327
|
-
} & {
|
|
328
|
-
Text: {
|
|
329
|
-
className?: import("./ClassName.js").ClassName;
|
|
330
|
-
variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
|
|
331
|
-
readonly size: ["small", "medium", "large"];
|
|
332
|
-
}, undefined>;
|
|
333
|
-
compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
|
|
334
|
-
readonly size: ["small", "medium", "large"];
|
|
335
|
-
}, undefined> | undefined;
|
|
336
|
-
};
|
|
337
327
|
} & {
|
|
338
328
|
Textarea: {
|
|
339
329
|
classNames?: {
|
|
@@ -348,6 +338,16 @@ export declare function useTheme(): import("@jakubmazanec/ts-utils").Simplify<{
|
|
|
348
338
|
readonly disabled: [true, false];
|
|
349
339
|
}, ["root", "textarea", "icon"]> | undefined;
|
|
350
340
|
};
|
|
341
|
+
} & {
|
|
342
|
+
Text: {
|
|
343
|
+
className?: import("./ClassName.js").ClassName;
|
|
344
|
+
variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
|
|
345
|
+
readonly size: ["small", "medium", "large"];
|
|
346
|
+
}, undefined>;
|
|
347
|
+
compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
|
|
348
|
+
readonly size: ["small", "medium", "large"];
|
|
349
|
+
}, undefined> | undefined;
|
|
350
|
+
};
|
|
351
351
|
} & {
|
|
352
352
|
merge: (...rest: import("./ClassName.js").ClassName[]) => string;
|
|
353
353
|
}> | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jakubmazanec/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3-next.c0e5014d",
|
|
4
4
|
"description": "React component library.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@dnd-kit/utilities": "^3.2.2",
|
|
42
42
|
"@headlessui/react": "^2.2.0",
|
|
43
43
|
"@heroicons/react": "^2.2.0",
|
|
44
|
-
"@jakubmazanec/ts-utils": "
|
|
44
|
+
"@jakubmazanec/ts-utils": "3.0.6-next.c0e5014d",
|
|
45
45
|
"@tanstack/match-sorter-utils": "^8.19.4",
|
|
46
46
|
"@tanstack/react-table": "^8.20.5",
|
|
47
47
|
"culori": "^4.0.1",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
},
|
|
52
52
|
"devDependencies": {
|
|
53
53
|
"@chromatic-com/storybook": "^3.2.2",
|
|
54
|
-
"@jakubmazanec/eslint-config": "
|
|
54
|
+
"@jakubmazanec/eslint-config": "4.0.1-next.c0e5014d",
|
|
55
55
|
"@storybook/addon-controls": "^8.4.4",
|
|
56
56
|
"@storybook/addon-essentials": "^8.4.4",
|
|
57
57
|
"@storybook/addon-interactions": "^8.4.4",
|
package/source/theme/Theme.ts
CHANGED
|
@@ -62,8 +62,8 @@ export type Theme = Simplify<
|
|
|
62
62
|
ComponentTheme<typeof useDialogTheme, {outputComponentName: true}> &
|
|
63
63
|
ComponentTheme<typeof useDialogTitleTheme, {outputComponentName: true}> &
|
|
64
64
|
ComponentTheme<typeof useErrorTheme, {outputComponentName: true}> &
|
|
65
|
-
ComponentTheme<typeof useFieldTheme, {outputComponentName: true}> &
|
|
66
65
|
ComponentTheme<typeof useFieldsetTheme, {outputComponentName: true}> &
|
|
66
|
+
ComponentTheme<typeof useFieldTheme, {outputComponentName: true}> &
|
|
67
67
|
ComponentTheme<typeof useFormTheme, {outputComponentName: true}> &
|
|
68
68
|
ComponentTheme<typeof useIconTheme, {outputComponentName: true}> &
|
|
69
69
|
ComponentTheme<typeof useInputTheme, {outputComponentName: true}> &
|
|
@@ -73,8 +73,8 @@ export type Theme = Simplify<
|
|
|
73
73
|
ComponentTheme<typeof useListboxTheme, {outputComponentName: true}> &
|
|
74
74
|
ComponentTheme<typeof useMenuButtonTheme, {outputComponentName: true}> &
|
|
75
75
|
ComponentTheme<typeof useMenuHeadingTheme, {outputComponentName: true}> &
|
|
76
|
-
ComponentTheme<typeof useMenuItemTheme, {outputComponentName: true}> &
|
|
77
76
|
ComponentTheme<typeof useMenuItemsTheme, {outputComponentName: true}> &
|
|
77
|
+
ComponentTheme<typeof useMenuItemTheme, {outputComponentName: true}> &
|
|
78
78
|
ComponentTheme<typeof useMenuSectionTheme, {outputComponentName: true}> &
|
|
79
79
|
ComponentTheme<typeof useMenuSeparatorTheme, {outputComponentName: true}> &
|
|
80
80
|
ComponentTheme<typeof useMenuTheme, {outputComponentName: true}> &
|
|
@@ -91,12 +91,12 @@ export type Theme = Simplify<
|
|
|
91
91
|
ComponentTheme<typeof useTableCaptionTheme, {outputComponentName: true}> &
|
|
92
92
|
ComponentTheme<typeof useTableCellTheme, {outputComponentName: true}> &
|
|
93
93
|
ComponentTheme<typeof useTableFootTheme, {outputComponentName: true}> &
|
|
94
|
-
ComponentTheme<typeof useTableHeadTheme, {outputComponentName: true}> &
|
|
95
94
|
ComponentTheme<typeof useTableHeaderTheme, {outputComponentName: true}> &
|
|
95
|
+
ComponentTheme<typeof useTableHeadTheme, {outputComponentName: true}> &
|
|
96
96
|
ComponentTheme<typeof useTableRowTheme, {outputComponentName: true}> &
|
|
97
97
|
ComponentTheme<typeof useTableTheme, {outputComponentName: true}> &
|
|
98
|
-
ComponentTheme<typeof
|
|
99
|
-
ComponentTheme<typeof
|
|
98
|
+
ComponentTheme<typeof useTextareaTheme, {outputComponentName: true}> &
|
|
99
|
+
ComponentTheme<typeof useTextTheme, {outputComponentName: true}> & {
|
|
100
100
|
merge: (...rest: ClassName[]) => string;
|
|
101
101
|
}
|
|
102
102
|
>;
|