@versini/ui-panel 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 +10 -21
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-panel v10.0.
|
|
2
|
+
@versini/ui-panel v10.0.2
|
|
3
3
|
© 2026 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
|
|
@@ -8,7 +8,6 @@ import { cloneElement, createContext, useCallback, useContext, useEffect, useId,
|
|
|
8
8
|
import { FloatingFocusManager, FloatingNode, FloatingOverlay, FloatingPortal, FloatingTree, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
|
|
9
9
|
import clsx from "clsx";
|
|
10
10
|
|
|
11
|
-
;// CONCATENATED MODULE: ./src/common/constants.ts
|
|
12
11
|
const MESSAGEBOX_CLASSNAME = "av-messagebox";
|
|
13
12
|
const PANEL_CLASSNAME = "av-panel";
|
|
14
13
|
const TYPE_PANEL = "panel";
|
|
@@ -20,19 +19,13 @@ const MEDIUM = "medium";
|
|
|
20
19
|
const LARGE = "large";
|
|
21
20
|
const NONE = "none";
|
|
22
21
|
|
|
23
|
-
;// CONCATENATED MODULE: external "react/jsx-runtime"
|
|
24
22
|
|
|
25
|
-
;// CONCATENATED MODULE: external "react"
|
|
26
23
|
|
|
27
|
-
;// CONCATENATED MODULE: external "@floating-ui/react"
|
|
28
24
|
|
|
29
|
-
;// CONCATENATED MODULE: external "clsx"
|
|
30
25
|
|
|
31
|
-
;// CONCATENATED MODULE: ./src/components/Modal/ModalContext.tsx
|
|
32
26
|
|
|
33
27
|
const ModalContext = /*#__PURE__*/ createContext(null);
|
|
34
28
|
|
|
35
|
-
;// CONCATENATED MODULE: ./src/components/Modal/ModalHooks.tsx
|
|
36
29
|
|
|
37
30
|
|
|
38
31
|
|
|
@@ -96,7 +89,6 @@ const useModalContext = ()=>{
|
|
|
96
89
|
/* v8 ignore stop */ return context;
|
|
97
90
|
};
|
|
98
91
|
|
|
99
|
-
;// CONCATENATED MODULE: ./src/components/Modal/Modal.tsx
|
|
100
92
|
|
|
101
93
|
|
|
102
94
|
|
|
@@ -215,7 +207,6 @@ function ModalClose({ ref, trigger, className, ...rest }) {
|
|
|
215
207
|
});
|
|
216
208
|
}
|
|
217
209
|
|
|
218
|
-
;// CONCATENATED MODULE: ./src/components/Panel/utilities.ts
|
|
219
210
|
|
|
220
211
|
|
|
221
212
|
const getFooterAndHeaderCommonClasses = ({ blurEffect })=>{
|
|
@@ -284,13 +275,12 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
|
|
|
284
275
|
}),
|
|
285
276
|
title: "mb-0 pt-2 pl-4 pr-2 pb-2",
|
|
286
277
|
closeWrapper: "pr-[18px]",
|
|
287
|
-
closeButton: clsx("flex items-center justify-center", "size-3", "p-1", "rounded-full", "border", "border-transparent", "text-[rgba(255,96,92,1)]", "bg-[rgba(255,96,92,1)]", "shadow-[0_0_0_0.5px_red]", "focus:outline", "focus:outline-2", "focus:outline-offset-2", "focus:outline-focus-light", "hover:text-copy-dark", "focus:text-copy-dark", "active:bg-[#ba504a]", // Extended touch target using pseudo-element
|
|
278
|
+
closeButton: clsx("flex items-center justify-center", "size-3", "p-1", "rounded-full", "border", "border-transparent", "cursor-pointer", "text-[rgba(255,96,92,1)]", "bg-[rgba(255,96,92,1)]", "shadow-[0_0_0_0.5px_red]", "focus:outline", "focus:outline-2", "focus:outline-offset-2", "focus:outline-focus-light", "hover:text-copy-dark", "focus:text-copy-dark", "active:bg-[#ba504a]", // Extended touch target using pseudo-element
|
|
288
279
|
"relative", "before:content-['']", "before:absolute", "before:-top-4", "before:-right-4", "before:-bottom-4", "before:-left-4"),
|
|
289
280
|
content: "p-4 rounded-3xl"
|
|
290
281
|
};
|
|
291
282
|
};
|
|
292
283
|
|
|
293
|
-
;// CONCATENATED MODULE: ./src/components/Panel/Panel.tsx
|
|
294
284
|
|
|
295
285
|
|
|
296
286
|
|
|
@@ -422,16 +412,15 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
|
|
|
422
412
|
});
|
|
423
413
|
};
|
|
424
414
|
|
|
425
|
-
;// CONCATENATED MODULE: ./src/components/index.ts
|
|
426
415
|
// @v8-ignore-start
|
|
427
416
|
|
|
428
417
|
|
|
429
418
|
|
|
430
|
-
var
|
|
431
|
-
var
|
|
432
|
-
var
|
|
433
|
-
var
|
|
434
|
-
var
|
|
435
|
-
var
|
|
436
|
-
var
|
|
437
|
-
export { MESSAGEBOX_CLASSNAME, PANEL_CLASSNAME, Panel, TYPE_MESSAGEBOX,
|
|
419
|
+
var components_ANIMATION_FADE = /* inlined export .ANIMATION_FADE */ ("fade");
|
|
420
|
+
var components_ANIMATION_SLIDE = /* inlined export .ANIMATION_SLIDE */ ("slide");
|
|
421
|
+
var components_LARGE = /* inlined export .LARGE */ ("large");
|
|
422
|
+
var components_MEDIUM = /* inlined export .MEDIUM */ ("medium");
|
|
423
|
+
var components_NONE = /* inlined export .NONE */ ("none");
|
|
424
|
+
var components_SMALL = /* inlined export .SMALL */ ("small");
|
|
425
|
+
var components_TYPE_PANEL = /* inlined export .TYPE_PANEL */ ("panel");
|
|
426
|
+
export { MESSAGEBOX_CLASSNAME, PANEL_CLASSNAME, Panel, TYPE_MESSAGEBOX, components_ANIMATION_FADE as ANIMATION_FADE, components_ANIMATION_SLIDE as ANIMATION_SLIDE, components_LARGE as LARGE, components_MEDIUM as MEDIUM, components_NONE as NONE, components_SMALL as SMALL, components_TYPE_PANEL as TYPE_PANEL };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-panel",
|
|
3
|
-
"version": "10.0.
|
|
3
|
+
"version": "10.0.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@testing-library/jest-dom": "6.9.1",
|
|
46
|
-
"@versini/ui-button": "11.3.
|
|
46
|
+
"@versini/ui-button": "11.3.4",
|
|
47
47
|
"@versini/ui-system": "6.0.2",
|
|
48
48
|
"@versini/ui-types": "8.3.0"
|
|
49
49
|
},
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"sideEffects": [
|
|
59
59
|
"**/*.css"
|
|
60
60
|
],
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "32b4533c580b7b6b3cd3355a9c5471e67cecb1d3"
|
|
62
62
|
}
|