@firecms/ui 3.0.0-canary.124 → 3.0.0-canary.125
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/Tooltip.d.ts +2 -1
- package/dist/index.es.js +4 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +4 -3
- package/dist/index.umd.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Select.tsx +4 -4
- package/src/components/Sheet.tsx +1 -1
- package/src/components/Tooltip.tsx +3 -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.125",
|
5
5
|
"description": "Awesome Firebase/Firestore-based headless open-source CMS",
|
6
6
|
"funding": {
|
7
7
|
"url": "https://github.com/sponsors/firecmsco"
|
@@ -105,7 +105,7 @@
|
|
105
105
|
"src",
|
106
106
|
"tailwind.config.js"
|
107
107
|
],
|
108
|
-
"gitHead": "
|
108
|
+
"gitHead": "501db4cb508b17b75c72c1244cdf88e25f8c1e47",
|
109
109
|
"publishConfig": {
|
110
110
|
"access": "public"
|
111
111
|
}
|
@@ -5,7 +5,8 @@ import {
|
|
5
5
|
fieldBackgroundDisabledMixin,
|
6
6
|
fieldBackgroundHoverMixin,
|
7
7
|
fieldBackgroundInvisibleMixin,
|
8
|
-
fieldBackgroundMixin
|
8
|
+
fieldBackgroundMixin,
|
9
|
+
focusedDisabled
|
9
10
|
} from "../styles";
|
10
11
|
import { CheckIcon, ExpandMoreIcon } from "../icons";
|
11
12
|
import { cls } from "../util";
|
@@ -161,7 +162,7 @@ export const Select = forwardRef<HTMLDivElement, SelectProps>(({
|
|
161
162
|
</div>
|
162
163
|
<SelectPrimitive.Portal>
|
163
164
|
<SelectPrimitive.Content position={position}
|
164
|
-
className={cls("z-50 relative overflow-hidden border bg-white dark:bg-gray-900 p-2 rounded-lg", defaultBorderMixin)}>
|
165
|
+
className={cls(focusedDisabled, "z-50 relative overflow-hidden border bg-white dark:bg-gray-900 p-2 rounded-lg", defaultBorderMixin)}>
|
165
166
|
<SelectPrimitive.Viewport className={"p-1"}
|
166
167
|
style={{ maxHeight: "var(--radix-select-content-available-height)" }}>
|
167
168
|
{children}
|
@@ -205,8 +206,7 @@ export function SelectItem({
|
|
205
206
|
"[&>*]:w-full",
|
206
207
|
"overflow-visible",
|
207
208
|
className
|
208
|
-
)}
|
209
|
-
>
|
209
|
+
)}>
|
210
210
|
<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
|
211
211
|
<div
|
212
212
|
className="absolute left-1 data-[state=checked]:block hidden">
|
package/src/components/Sheet.tsx
CHANGED
@@ -53,7 +53,7 @@ export const Sheet: React.FC<SheetProps> = ({
|
|
53
53
|
<DialogPrimitive.Root open={displayed || open}
|
54
54
|
onOpenChange={onOpenChange}>
|
55
55
|
<DialogPrimitive.Portal>
|
56
|
-
<DialogPrimitive.Title>
|
56
|
+
<DialogPrimitive.Title autoFocus tabIndex={0}>
|
57
57
|
{title ?? "Sheet"}
|
58
58
|
</DialogPrimitive.Title>
|
59
59
|
<DialogPrimitive.Overlay
|
@@ -18,6 +18,7 @@ export type TooltipProps = {
|
|
18
18
|
tooltipStyle?: React.CSSProperties;
|
19
19
|
children: React.ReactNode,
|
20
20
|
className?: string,
|
21
|
+
container?: HTMLElement,
|
21
22
|
style?: React.CSSProperties;
|
22
23
|
};
|
23
24
|
|
@@ -34,6 +35,7 @@ export const Tooltip = ({
|
|
34
35
|
tooltipStyle,
|
35
36
|
children,
|
36
37
|
asChild = false,
|
38
|
+
container,
|
37
39
|
className,
|
38
40
|
style
|
39
41
|
}: TooltipProps) => {
|
@@ -57,7 +59,7 @@ export const Tooltip = ({
|
|
57
59
|
<TooltipPrimitive.Provider delayDuration={delayDuration}>
|
58
60
|
<TooltipPrimitive.Root open={open} onOpenChange={onOpenChange} defaultOpen={defaultOpen}>
|
59
61
|
{trigger}
|
60
|
-
<TooltipPrimitive.Portal>
|
62
|
+
<TooltipPrimitive.Portal container={container}>
|
61
63
|
<TooltipPrimitive.Content
|
62
64
|
className={cls("TooltipContent",
|
63
65
|
"max-w-lg leading-relaxed",
|