@versini/ui-dialog 10.0.0 → 10.0.2
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.js +9 -7
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-dialog v10.0.
|
|
2
|
+
@versini/ui-dialog v10.0.2
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -62,7 +62,7 @@ const getDialogClassName = ({ className, kind, borderMode, animation, maxWidth =
|
|
|
62
62
|
* Panel styles
|
|
63
63
|
* border-0 resets the native <dialog> border on mobile;
|
|
64
64
|
* sm:border restores it on desktop.
|
|
65
|
-
*/ [`${DIALOG_CLASSNAME} border-0 sm:rounded-3xl sm:border m-auto! sm:h-fit backdrop:bg-surface-darkest/80`]: kind === (/* inlined export .TYPE_PANEL */"panel"),
|
|
65
|
+
*/ [`${DIALOG_CLASSNAME} border-0 sm:rounded-3xl sm:border sm:m-auto! sm:h-fit sm:backdrop:bg-surface-darkest/80`]: kind === (/* inlined export .TYPE_PANEL */"panel"),
|
|
66
66
|
/**
|
|
67
67
|
* Widths and max widths for Panel
|
|
68
68
|
*/ ["w-full sm:w-[95%] md:max-w-2xl"]: kind === (/* inlined export .TYPE_PANEL */"panel") && maxWidth === (/* inlined export .SMALL */"small"),
|
|
@@ -70,13 +70,15 @@ const getDialogClassName = ({ className, kind, borderMode, animation, maxWidth =
|
|
|
70
70
|
["w-full sm:w-[95%] md:max-w-4xl"]: kind === (/* inlined export .TYPE_PANEL */"panel") && maxWidth === (/* inlined export .LARGE */"large"),
|
|
71
71
|
/**
|
|
72
72
|
* Heights and max heights for Panel
|
|
73
|
-
* Mobile: full viewport height
|
|
73
|
+
* Mobile: full viewport height; max-h-dvh overrides the native
|
|
74
|
+
* <dialog> UA max-height (calc(100% - 38px)) so the dialog
|
|
75
|
+
* covers the entire viewport on small screens.
|
|
74
76
|
* Desktop: h-auto (overridden to fit-content by the injected
|
|
75
77
|
* stylesheet in Dialog.tsx, required for native <dialog> with
|
|
76
78
|
* position:fixed + inset:0 + margin:auto), clamped by max-height.
|
|
77
|
-
*/ "h-dvh sm:h-auto min-h-40 sm:max-h-[40dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .SMALL */"small"),
|
|
78
|
-
"h-dvh sm:h-auto min-h-40 sm:max-h-[60dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .MEDIUM */"medium"),
|
|
79
|
-
"h-dvh sm:h-auto min-h-40 sm:max-h-[95dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .LARGE */"large"),
|
|
79
|
+
*/ "h-dvh max-h-dvh sm:h-auto min-h-40 sm:max-h-[40dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .SMALL */"small"),
|
|
80
|
+
"h-dvh max-h-dvh sm:h-auto min-h-40 sm:max-h-[60dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .MEDIUM */"medium"),
|
|
81
|
+
"h-dvh max-h-dvh sm:h-auto min-h-40 sm:max-h-[95dvh]": kind === (/* inlined export .TYPE_PANEL */"panel") && effectiveMaxHeight === (/* inlined export .LARGE */"large"),
|
|
80
82
|
/**
|
|
81
83
|
* Panel border colors
|
|
82
84
|
*/ "sm:border-border-dark": borderMode === "dark" && kind === (/* inlined export .TYPE_PANEL */"panel"),
|
|
@@ -99,7 +101,7 @@ const getDialogClassName = ({ className, kind, borderMode, animation, maxWidth =
|
|
|
99
101
|
"border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX,
|
|
100
102
|
"border-border-medium": borderMode === "medium" && kind === TYPE_MESSAGEBOX
|
|
101
103
|
}, className),
|
|
102
|
-
innerWrapper: "content flex flex-col rounded-[inherit] relative
|
|
104
|
+
innerWrapper: "content flex flex-col rounded-[inherit] relative min-h-full",
|
|
103
105
|
scrollableContent: clsx("flex-1 overflow-y-auto overflow-x-hidden", "pt-12", {
|
|
104
106
|
"pb-14": hasFooter
|
|
105
107
|
}),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-dialog",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -43,16 +43,16 @@
|
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@testing-library/jest-dom": "6.9.1",
|
|
46
|
-
"@versini/ui-button": "12.0.
|
|
47
|
-
"@versini/ui-system": "6.0.
|
|
46
|
+
"@versini/ui-button": "12.0.2",
|
|
47
|
+
"@versini/ui-system": "6.0.4",
|
|
48
48
|
"@versini/ui-types": "8.3.0"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
51
|
"clsx": "2.1.1",
|
|
52
|
-
"tailwindcss": "4.2.
|
|
52
|
+
"tailwindcss": "4.2.1"
|
|
53
53
|
},
|
|
54
54
|
"sideEffects": [
|
|
55
55
|
"**/*.css"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "84d5ac4ea694792080c881a50b4fd5c4ce3750c0"
|
|
58
58
|
}
|