@firecms/ui 3.0.0-canary.106 → 3.0.0-canary.108
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/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/styles.d.ts +1 -1
- package/package.json +2 -2
- package/src/components/TextField.tsx +0 -3
- package/src/styles.ts +1 -1
package/dist/styles.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export declare const focusedClasses = "z-30 outline-none ring-2 ring-primary rin
|
|
|
4
4
|
export declare const fieldBackgroundMixin = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60";
|
|
5
5
|
export declare const fieldBackgroundInvisibleMixin = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0";
|
|
6
6
|
export declare const fieldBackgroundDisabledMixin = "dark:bg-gray-800 bg-opacity-50 dark:bg-opacity-90";
|
|
7
|
-
export declare const fieldBackgroundHoverMixin = "hover:bg-opacity-
|
|
7
|
+
export declare const fieldBackgroundHoverMixin = "hover:bg-opacity-50 dark:hover:bg-gray-700 dark:hover:bg-opacity-40";
|
|
8
8
|
export declare const defaultBorderMixin = "border-gray-100 dark:border-gray-800 dark:border-opacity-80";
|
|
9
9
|
export declare const paperMixin = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-80 border-gray-100";
|
|
10
10
|
export declare const cardMixin = "bg-white border border-gray-100 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 m-1 -p-1";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@firecms/ui",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "3.0.0-canary.
|
|
4
|
+
"version": "3.0.0-canary.108",
|
|
5
5
|
"description": "Awesome Firebase/Firestore-based headless open-source CMS",
|
|
6
6
|
"funding": {
|
|
7
7
|
"url": "https://github.com/sponsors/firecmsco"
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
"src",
|
|
103
103
|
"tailwind.config.js"
|
|
104
104
|
],
|
|
105
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "1e73e3d81ee4168288b90bf29ad8822ce5f20dd1",
|
|
106
106
|
"publishConfig": {
|
|
107
107
|
"access": "public"
|
|
108
108
|
}
|
|
@@ -70,7 +70,6 @@ export function TextField<T extends string | number>({
|
|
|
70
70
|
...inputProps
|
|
71
71
|
}: TextFieldProps<T>) {
|
|
72
72
|
|
|
73
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
74
73
|
const inputRef = inputRefProp ?? useRef(null);
|
|
75
74
|
|
|
76
75
|
// @ts-ignore
|
|
@@ -106,8 +105,6 @@ export function TextField<T extends string | number>({
|
|
|
106
105
|
placeholder={focused || hasValue || !label ? placeholder : undefined}
|
|
107
106
|
autoFocus={autoFocus}
|
|
108
107
|
rows={rows}
|
|
109
|
-
// onFocus={() => setFocused(true)}
|
|
110
|
-
// onBlur={() => setFocused(false)}
|
|
111
108
|
value={value ?? ""}
|
|
112
109
|
onChange={onChange}
|
|
113
110
|
style={inputStyle}
|
package/src/styles.ts
CHANGED
|
@@ -4,7 +4,7 @@ export const focusedClasses = "z-30 outline-none ring-2 ring-primary ring-opacit
|
|
|
4
4
|
export const fieldBackgroundMixin = "bg-opacity-50 bg-slate-200 dark:bg-gray-800 dark:bg-opacity-60";
|
|
5
5
|
export const fieldBackgroundInvisibleMixin = "bg-opacity-0 bg-slate-100 dark:bg-gray-800 dark:bg-opacity-0";
|
|
6
6
|
export const fieldBackgroundDisabledMixin = "dark:bg-gray-800 bg-opacity-50 dark:bg-opacity-90";
|
|
7
|
-
export const fieldBackgroundHoverMixin = "hover:bg-opacity-
|
|
7
|
+
export const fieldBackgroundHoverMixin = "hover:bg-opacity-50 dark:hover:bg-gray-700 dark:hover:bg-opacity-40";
|
|
8
8
|
export const defaultBorderMixin = "border-gray-100 dark:border-gray-800 dark:border-opacity-80";
|
|
9
9
|
export const paperMixin = "bg-white rounded-md dark:bg-gray-950 border dark:border-gray-800 dark:border-opacity-80 border-gray-100";
|
|
10
10
|
export const cardMixin = "bg-white border border-gray-100 dark:border-transparent rounded-md dark:bg-gray-950 dark:border-gray-800 dark:border-opacity-50 m-1 -p-1";
|