@versini/ui-panel 4.0.1 → 5.1.0

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.
Files changed (2) hide show
  1. package/dist/index.js +15 -15
  2. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  /*!
2
- @versini/ui-panel v4.0.1
2
+ @versini/ui-panel v5.1.0
3
3
  © 2025 gizmette.com
4
4
  */
5
5
  try {
6
6
  if (!window.__VERSINI_UI_PANEL__) {
7
7
  window.__VERSINI_UI_PANEL__ = {
8
- version: "4.0.1",
9
- buildTime: "11/30/2025 06:52 PM EST",
8
+ version: "5.1.0",
9
+ buildTime: "12/06/2025 10:24 AM EST",
10
10
  homepage: "https://github.com/aversini/ui-components",
11
11
  license: "MIT",
12
12
  };
@@ -16,7 +16,7 @@ try {
16
16
  }
17
17
 
18
18
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
19
- import { ButtonIcon } from "@versini/ui-button";
19
+ import { ButtonIcon } from "@versini/ui-button/button-icon";
20
20
  import { IconClose } from "@versini/ui-icons";
21
21
  import { FloatingFocusManager, FloatingOverlay, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
22
22
  import clsx from "clsx";
@@ -28,7 +28,7 @@ const PANEL_CLASSNAME = "av-panel";
28
28
 
29
29
  ;// CONCATENATED MODULE: external "react/jsx-runtime"
30
30
 
31
- ;// CONCATENATED MODULE: external "@versini/ui-button"
31
+ ;// CONCATENATED MODULE: external "@versini/ui-button/button-icon"
32
32
 
33
33
  ;// CONCATENATED MODULE: external "@versini/ui-icons"
34
34
 
@@ -46,7 +46,7 @@ const PANEL_CLASSNAME = "av-panel";
46
46
  if (!window.__VERSINI_UI_MODAL__) {
47
47
  window.__VERSINI_UI_MODAL__ = {
48
48
  version: "3.1.1",
49
- buildTime: "11/30/2025 06:52 PM EST",
49
+ buildTime: "12/06/2025 10:24 AM EST",
50
50
  homepage: "https://github.com/aversini/ui-components",
51
51
  license: "MIT"
52
52
  };
@@ -222,7 +222,7 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
222
222
  "duration-200 ease-out": animation,
223
223
  /**
224
224
  * Panel styles
225
- */ [`${PANEL_CLASSNAME} min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: kind === TYPE_PANEL,
225
+ */ [`${PANEL_CLASSNAME} min-h-full sm:min-h-[10rem] sm:rounded-3xl sm:border`]: kind === TYPE_PANEL,
226
226
  ["w-full sm:w-[95%] md:max-w-2xl"]: kind === TYPE_PANEL && !className && maxWidth === "small",
227
227
  ["w-full sm:w-[95%] md:max-w-3xl"]: kind === TYPE_PANEL && !className && maxWidth === "medium",
228
228
  ["w-full sm:w-[95%] md:max-w-4xl"]: kind === TYPE_PANEL && !className && maxWidth === "large",
@@ -233,7 +233,7 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
233
233
  "sm:border-border-accent": borderMode === "light" && kind === TYPE_PANEL,
234
234
  /**
235
235
  * Messagebox styles
236
- */ [`${MESSAGEBOX_CLASSNAME} rounded-lg border-2`]: kind === TYPE_MESSAGEBOX,
236
+ */ [`${MESSAGEBOX_CLASSNAME} rounded-3xl border`]: kind === TYPE_MESSAGEBOX,
237
237
  ["w-[95%] sm:w-[50%] md:max-w-2xl"]: kind === TYPE_MESSAGEBOX && !className,
238
238
  "max-h-[20%]": kind === TYPE_MESSAGEBOX && effectiveMaxHeight === "small",
239
239
  "max-h-[50%]": kind === TYPE_MESSAGEBOX && effectiveMaxHeight === "medium",
@@ -242,22 +242,22 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
242
242
  "border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX,
243
243
  [`${className}`]: !!className
244
244
  }),
245
- innerWrapper: "content flex flex-col overflow-y-auto",
245
+ innerWrapper: "content flex flex-col overflow-y-auto rounded-[inherit]",
246
246
  footer: clsx(getFooterAndHeaderCommonClasses({
247
247
  blurEffect
248
248
  }), "p-2 bottom-0", {
249
- "sm:rounded-b-md": kind === TYPE_PANEL,
250
- "rounded-b-md": kind === TYPE_MESSAGEBOX
249
+ "sm:rounded-b-3xl": kind === TYPE_PANEL,
250
+ "rounded-b-3xl": kind === TYPE_MESSAGEBOX
251
251
  }),
252
252
  header: clsx("flex flex-row-reverse items-center justify-between", getFooterAndHeaderCommonClasses({
253
253
  blurEffect
254
254
  }), "top-0", {
255
- "sm:rounded-t-md": kind === TYPE_PANEL,
256
- "rounded-t-md": kind === TYPE_MESSAGEBOX
255
+ "sm:rounded-t-3xl": kind === TYPE_PANEL,
256
+ "rounded-t-3xl": kind === TYPE_MESSAGEBOX
257
257
  }),
258
- title: "mb-0 p-2",
258
+ title: "mb-0 pt-2 pl-4 pr-2 pb-2",
259
259
  close: "p-2",
260
- content: "py-2 px-2"
260
+ content: "p-4 rounded-3xl"
261
261
  };
262
262
  };
263
263
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-panel",
3
- "version": "4.0.1",
3
+ "version": "5.1.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -42,7 +42,7 @@
42
42
  },
43
43
  "dependencies": {
44
44
  "@tailwindcss/typography": "0.5.19",
45
- "@versini/ui-button": "8.3.3",
45
+ "@versini/ui-button": "9.0.0",
46
46
  "@versini/ui-icons": "4.15.1",
47
47
  "clsx": "2.1.1",
48
48
  "tailwindcss": "4.1.17"
@@ -50,5 +50,5 @@
50
50
  "sideEffects": [
51
51
  "**/*.css"
52
52
  ],
53
- "gitHead": "4795cf3239cceaf83dde13addc5254caa12dee6f"
53
+ "gitHead": "1d82ff077223b4a5afe819c98420c675308c70f7"
54
54
  }