@firecms/ui 3.0.0-canary.247 → 3.0.0-canary.249
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 +16 -14
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +16 -14
- package/dist/index.umd.js.map +1 -1
- package/dist/styles.d.ts +2 -2
- package/package.json +2 -2
- package/src/components/Button.tsx +3 -1
- package/src/styles.ts +2 -2
package/dist/styles.d.ts
CHANGED
|
@@ -7,6 +7,6 @@ export declare const fieldBackgroundDisabledMixin = "dark:bg-surface-800 bg-opac
|
|
|
7
7
|
export declare const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-surface-700 dark:hover:bg-opacity-40";
|
|
8
8
|
export declare const defaultBorderMixin = "border-surface-200 border-opacity-40 dark:border-surface-700 dark:border-opacity-40";
|
|
9
9
|
export declare const paperMixin = "bg-white rounded-md dark:bg-surface-950 border border-surface-200 border-opacity-40 dark:border-surface-700 dark:border-opacity-40";
|
|
10
|
-
export declare const cardMixin = "bg-white border border-surface-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-surface-950 dark:border-surface-700 dark:border-opacity-40
|
|
11
|
-
export declare const cardClickableMixin = "hover:bg-
|
|
10
|
+
export declare const cardMixin = "bg-white border border-surface-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-surface-950 dark:border-surface-700 dark:border-opacity-40";
|
|
11
|
+
export declare const cardClickableMixin = "hover:bg-surface-accent-100 dark:hover:bg-surface-accent-800 hover:ring-2 hover:ring-primary cursor-pointer";
|
|
12
12
|
export declare const cardSelectedMixin = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
|
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.249",
|
|
5
5
|
"description": "Awesome Firebase/Firestore-based headless open-source CMS",
|
|
6
6
|
"funding": {
|
|
7
7
|
"url": "https://github.com/sponsors/firecmsco"
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
"index.css",
|
|
117
117
|
"tailwind.config.js"
|
|
118
118
|
],
|
|
119
|
-
"gitHead": "
|
|
119
|
+
"gitHead": "5a61d7000af7d369373142087ee99792178a2c6f",
|
|
120
120
|
"publishConfig": {
|
|
121
121
|
"access": "public"
|
|
122
122
|
}
|
|
@@ -72,7 +72,7 @@ const ButtonInner = React.forwardRef<
|
|
|
72
72
|
"py-2 px-4": size === "medium",
|
|
73
73
|
"py-2.5 px-5": size === "large",
|
|
74
74
|
"py-3 px-6": size === "xl",
|
|
75
|
-
"py-4 px-10": size === "2xl"
|
|
75
|
+
"py-4 px-10": size === "2xl"
|
|
76
76
|
}
|
|
77
77
|
);
|
|
78
78
|
|
|
@@ -95,6 +95,8 @@ const ButtonInner = React.forwardRef<
|
|
|
95
95
|
onClick={props.onClick}
|
|
96
96
|
className={cls(startIcon ? "pl-3" : "", baseClasses, buttonClasses, sizeClasses, className)}
|
|
97
97
|
disabled={disabled}
|
|
98
|
+
data-variant={variant}
|
|
99
|
+
data-size={size}
|
|
98
100
|
{...props as React.ButtonHTMLAttributes<HTMLButtonElement>}>
|
|
99
101
|
{startIcon}
|
|
100
102
|
{children}
|
package/src/styles.ts
CHANGED
|
@@ -7,6 +7,6 @@ export const fieldBackgroundDisabledMixin = "dark:bg-surface-800 bg-opacity-50 d
|
|
|
7
7
|
export const fieldBackgroundHoverMixin = "hover:bg-opacity-70 dark:hover:bg-surface-700 dark:hover:bg-opacity-40";
|
|
8
8
|
export const defaultBorderMixin = "border-surface-200 border-opacity-40 dark:border-surface-700 dark:border-opacity-40";
|
|
9
9
|
export const paperMixin = "bg-white rounded-md dark:bg-surface-950 border border-surface-200 border-opacity-40 dark:border-surface-700 dark:border-opacity-40";
|
|
10
|
-
export const cardMixin = "bg-white border border-surface-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-surface-950 dark:border-surface-700 dark:border-opacity-40
|
|
11
|
-
export const cardClickableMixin = "hover:bg-
|
|
10
|
+
export const cardMixin = "bg-white border border-surface-200 border-opacity-40 dark:border-transparent rounded-md dark:bg-surface-950 dark:border-surface-700 dark:border-opacity-40";
|
|
11
|
+
export const cardClickableMixin = "hover:bg-surface-accent-100 dark:hover:bg-surface-accent-800 hover:ring-2 hover:ring-primary cursor-pointer";
|
|
12
12
|
export const cardSelectedMixin = "bg-primary-bg dark:bg-primary-bg bg-opacity-30 dark:bg-opacity-10 ring-1 ring-primary ring-opacity-75";
|