@firecms/ui 3.0.0-canary.77 → 3.0.0-canary.78
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/components/BooleanSwitch.d.ts +1 -1
- package/dist/index.es.js +8 -8
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +7 -7
- package/dist/index.umd.js.map +1 -1
- package/package.json +2 -17
- package/src/components/BooleanSwitch.tsx +5 -5
- package/src/components/BooleanSwitchWithLabel.tsx +2 -2
- package/src/components/Menubar.tsx +1 -1
- package/src/components/Tooltip.tsx +1 -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.78",
|
|
5
5
|
"description": "Awesome Firebase/Firestore-based headless open-source CMS",
|
|
6
6
|
"funding": {
|
|
7
7
|
"url": "https://github.com/sponsors/firecmsco"
|
|
@@ -75,12 +75,6 @@
|
|
|
75
75
|
"react": "^18.3.1",
|
|
76
76
|
"react-dom": "^18.3.1"
|
|
77
77
|
},
|
|
78
|
-
"eslintConfig": {
|
|
79
|
-
"extends": [
|
|
80
|
-
"react-app",
|
|
81
|
-
"react-app/jest"
|
|
82
|
-
]
|
|
83
|
-
},
|
|
84
78
|
"devDependencies": {
|
|
85
79
|
"@jest/globals": "^29.7.0",
|
|
86
80
|
"@testing-library/jest-dom": "^6.4.6",
|
|
@@ -92,17 +86,8 @@
|
|
|
92
86
|
"@types/react": "^18.3.3",
|
|
93
87
|
"@types/react-dom": "^18.3.0",
|
|
94
88
|
"@types/react-measure": "^2.0.12",
|
|
95
|
-
"@typescript-eslint/eslint-plugin": "^7.15.0",
|
|
96
|
-
"@typescript-eslint/parser": "^7.15.0",
|
|
97
89
|
"@vitejs/plugin-react": "^4.3.1",
|
|
98
90
|
"cross-env": "^7.0.3",
|
|
99
|
-
"eslint": "^9.6.0",
|
|
100
|
-
"eslint-config-standard": "^17.1.0",
|
|
101
|
-
"eslint-plugin-import": "^2.29.1",
|
|
102
|
-
"eslint-plugin-n": "^16.6.2",
|
|
103
|
-
"eslint-plugin-promise": "^6.4.0",
|
|
104
|
-
"eslint-plugin-react": "^7.34.3",
|
|
105
|
-
"eslint-plugin-react-hooks": "^4.6.2",
|
|
106
91
|
"firebase": "^10.12.2",
|
|
107
92
|
"jest": "^29.7.0",
|
|
108
93
|
"npm-run-all": "^4.1.5",
|
|
@@ -117,7 +102,7 @@
|
|
|
117
102
|
"src",
|
|
118
103
|
"tailwind.config.js"
|
|
119
104
|
],
|
|
120
|
-
"gitHead": "
|
|
105
|
+
"gitHead": "ae1d73091cbbf9b0091e667e71fa981ab142b513",
|
|
121
106
|
"publishConfig": {
|
|
122
107
|
"access": "public"
|
|
123
108
|
}
|
|
@@ -5,7 +5,7 @@ export type BooleanSwitchProps = {
|
|
|
5
5
|
value: boolean | null;
|
|
6
6
|
className?: string;
|
|
7
7
|
disabled?: boolean;
|
|
8
|
-
size?: "small" | "medium";
|
|
8
|
+
size?: "small" | "medium" | "large";
|
|
9
9
|
} & ({
|
|
10
10
|
allowIndeterminate: true;
|
|
11
11
|
onValueChange?: (newValue: boolean | null) => void;
|
|
@@ -55,9 +55,9 @@ export const BooleanSwitch = React.forwardRef(function BooleanSwitch({
|
|
|
55
55
|
"block rounded-full transition-transform duration-100 transform will-change-auto",
|
|
56
56
|
disabled ? "bg-slate-400 dark:bg-slate-600" : "bg-slate-400 dark:bg-slate-600",
|
|
57
57
|
{
|
|
58
|
-
"w-[21px] h-[10px]": size === "medium",
|
|
58
|
+
"w-[21px] h-[10px]": size === "medium" || size === "large",
|
|
59
59
|
"w-[19px] h-[8px]": size === "small",
|
|
60
|
-
"translate-x-[10px]": size === "medium",
|
|
60
|
+
"translate-x-[10px]": size === "medium" || size === "large",
|
|
61
61
|
"translate-x-[9px]": size === "small"
|
|
62
62
|
}
|
|
63
63
|
)}
|
|
@@ -69,9 +69,9 @@ export const BooleanSwitch = React.forwardRef(function BooleanSwitch({
|
|
|
69
69
|
"block rounded-full transition-transform duration-100 transform will-change-auto",
|
|
70
70
|
disabled ? "bg-slate-300 dark:bg-slate-700" : (value ? "bg-white" : "bg-slate-600 dark:bg-slate-400"),
|
|
71
71
|
{
|
|
72
|
-
"w-[21px] h-[21px]": size === "medium",
|
|
72
|
+
"w-[21px] h-[21px]": size === "medium" || size === "large",
|
|
73
73
|
"w-[19px] h-[19px]": size === "small",
|
|
74
|
-
[value ? "translate-x-[19px]" : "translate-x-[3px]"]: size === "medium",
|
|
74
|
+
[value ? "translate-x-[19px]" : "translate-x-[3px]"]: size === "medium" || size === "large",
|
|
75
75
|
[value ? "translate-x-[17px]" : "translate-x-[2px]"]: size === "small"
|
|
76
76
|
}
|
|
77
77
|
)}
|
|
@@ -57,10 +57,10 @@ export const BooleanSwitchWithLabel = function BooleanSwitchWithLabel({
|
|
|
57
57
|
!invisible && fieldBackgroundMixin,
|
|
58
58
|
!invisible && (disabled ? fieldBackgroundDisabledMixin : fieldBackgroundHoverMixin),
|
|
59
59
|
disabled ? "cursor-default" : "cursor-pointer",
|
|
60
|
-
"rounded-md
|
|
60
|
+
"rounded-md max-w-full justify-between w-full box-border relative inline-flex items-center",
|
|
61
61
|
!invisible && focus && !disabled ? focusedClasses : "",
|
|
62
62
|
error ? "text-red-500 dark:text-red-600" : (focus && !disabled ? "text-primary" : (!disabled ? "text-text-primary dark:text-text-primary-dark" : "text-text-secondary dark:text-text-secondary-dark")),
|
|
63
|
-
size === "small" ? "min-h-[40px]" : "min-h-[64px]",
|
|
63
|
+
size === "small" ? "min-h-[40px]" : (size === "medium" ? "min-h-[48px]" : "min-h-[64px]"),
|
|
64
64
|
size === "small" ? "pl-2" : "pl-4",
|
|
65
65
|
size === "small" ? "pr-4" : "pr-6",
|
|
66
66
|
position === "end" ? "flex-row-reverse" : "flex-row"
|