@versini/ui-panel 5.1.0 → 5.2.1

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 +25 -21
  2. package/package.json +2 -4
package/dist/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  /*!
2
- @versini/ui-panel v5.1.0
2
+ @versini/ui-panel v5.2.1
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: "5.1.0",
9
- buildTime: "12/06/2025 10:24 AM EST",
8
+ version: "5.2.1",
9
+ buildTime: "12/08/2025 08:38 AM EST",
10
10
  homepage: "https://github.com/aversini/ui-components",
11
11
  license: "MIT",
12
12
  };
@@ -16,8 +16,6 @@ try {
16
16
  }
17
17
 
18
18
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
19
- import { ButtonIcon } from "@versini/ui-button/button-icon";
20
- import { IconClose } from "@versini/ui-icons";
21
19
  import { FloatingFocusManager, FloatingOverlay, FloatingPortal, useClick, useDismiss, useFloating, useInteractions, useMergeRefs, useRole } from "@floating-ui/react";
22
20
  import clsx from "clsx";
23
21
  import { cloneElement, createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -28,10 +26,6 @@ const PANEL_CLASSNAME = "av-panel";
28
26
 
29
27
  ;// CONCATENATED MODULE: external "react/jsx-runtime"
30
28
 
31
- ;// CONCATENATED MODULE: external "@versini/ui-button/button-icon"
32
-
33
- ;// CONCATENATED MODULE: external "@versini/ui-icons"
34
-
35
29
  ;// CONCATENATED MODULE: external "@floating-ui/react"
36
30
 
37
31
  ;// CONCATENATED MODULE: external "clsx"
@@ -46,7 +40,7 @@ const PANEL_CLASSNAME = "av-panel";
46
40
  if (!window.__VERSINI_UI_MODAL__) {
47
41
  window.__VERSINI_UI_MODAL__ = {
48
42
  version: "3.1.1",
49
- buildTime: "12/06/2025 10:24 AM EST",
43
+ buildTime: "12/08/2025 08:38 AM EST",
50
44
  homepage: "https://github.com/aversini/ui-components",
51
45
  license: "MIT"
52
46
  };
@@ -245,18 +239,18 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
245
239
  innerWrapper: "content flex flex-col overflow-y-auto rounded-[inherit]",
246
240
  footer: clsx(getFooterAndHeaderCommonClasses({
247
241
  blurEffect
248
- }), "p-2 bottom-0", {
242
+ }), "p-2 bottom-0 h-12", {
249
243
  "sm:rounded-b-3xl": kind === TYPE_PANEL,
250
244
  "rounded-b-3xl": kind === TYPE_MESSAGEBOX
251
245
  }),
252
- header: clsx("flex flex-row-reverse items-center justify-between", getFooterAndHeaderCommonClasses({
246
+ header: clsx("flex flex-row-reverse items-center justify-between h-12", getFooterAndHeaderCommonClasses({
253
247
  blurEffect
254
248
  }), "top-0", {
255
249
  "sm:rounded-t-3xl": kind === TYPE_PANEL,
256
250
  "rounded-t-3xl": kind === TYPE_MESSAGEBOX
257
251
  }),
258
252
  title: "mb-0 pt-2 pl-4 pr-2 pb-2",
259
- close: "p-2",
253
+ close: "py-2 pr-4",
260
254
  content: "p-4 rounded-3xl"
261
255
  };
262
256
  };
@@ -267,7 +261,6 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
267
261
 
268
262
 
269
263
 
270
-
271
264
  const ANIMATION_SLIDE = "slide";
272
265
  const ANIMATION_FADE = "fade";
273
266
  const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "light", kind = TYPE_PANEL, className, animation = false, animationType = ANIMATION_SLIDE, maxWidth = "medium", maxHeight, blurEffect = "none" })=>{
@@ -347,13 +340,24 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
347
340
  children: [
348
341
  /*#__PURE__*/ jsx(Modal_ModalClose, {
349
342
  className: panelClassName.close,
350
- trigger: /*#__PURE__*/ jsx(ButtonIcon, {
351
- mode: "dark",
352
- focusMode: "light",
353
- noBorder: true,
354
- label: "Close",
355
- children: /*#__PURE__*/ jsx(IconClose, {
356
- monotone: true
343
+ trigger: /*#__PURE__*/ jsx("button", {
344
+ className: clsx("text-[rgba(255,96,92,1)]", "bg-[rgba(255,96,92,1)]", "shadow-[0_0_0_0.5px_red]", "rounded-full", "flex", "items-center", "justify-center", "size-[13px]", "p-1", "border", "border-transparent", "focus:outline", "focus:outline-2", "focus:outline-offset-2", "focus:outline-focus-light", "hover:text-copy-dark", "focus:text-copy-dark", "active:bg-[#ba504a]"),
345
+ type: "button",
346
+ "aria-label": "Close",
347
+ children: /*#__PURE__*/ jsx("span", {
348
+ children: /*#__PURE__*/ jsx("svg", {
349
+ xmlns: "http://www.w3.org/2000/svg",
350
+ className: "size-3",
351
+ viewBox: "0 0 384 512",
352
+ fill: "currentColor",
353
+ role: "img",
354
+ "aria-hidden": "true",
355
+ focusable: "false",
356
+ children: /*#__PURE__*/ jsx("path", {
357
+ d: "M297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3z",
358
+ opacity: "1"
359
+ })
360
+ })
357
361
  })
358
362
  })
359
363
  }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-panel",
3
- "version": "5.1.0",
3
+ "version": "5.2.1",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -42,13 +42,11 @@
42
42
  },
43
43
  "dependencies": {
44
44
  "@tailwindcss/typography": "0.5.19",
45
- "@versini/ui-button": "9.0.0",
46
- "@versini/ui-icons": "4.15.1",
47
45
  "clsx": "2.1.1",
48
46
  "tailwindcss": "4.1.17"
49
47
  },
50
48
  "sideEffects": [
51
49
  "**/*.css"
52
50
  ],
53
- "gitHead": "1d82ff077223b4a5afe819c98420c675308c70f7"
51
+ "gitHead": "c2eb732c7ba0d5cd6b0b037e20e816ba09023f9f"
54
52
  }