@versini/ui-bubble 2.0.3 → 2.0.4
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 +39 -39
- package/package.json +5 -5
package/dist/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { jsx as c, jsxs as v, Fragment as
|
|
1
|
+
import { jsx as c, jsxs as v, Fragment as S } from "react/jsx-runtime";
|
|
2
2
|
import i from "clsx";
|
|
3
|
-
import
|
|
3
|
+
import _, { useState as R, useEffect as L } from "react";
|
|
4
4
|
/*!
|
|
5
|
-
@versini/ui-bubble v2.0.
|
|
5
|
+
@versini/ui-bubble v2.0.4
|
|
6
6
|
© 2024 gizmette.com
|
|
7
7
|
*/
|
|
8
8
|
try {
|
|
9
9
|
window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
|
|
10
|
-
version: "2.0.
|
|
11
|
-
buildTime: "12/30/2024
|
|
10
|
+
version: "2.0.4",
|
|
11
|
+
buildTime: "12/30/2024 03:39 PM EST",
|
|
12
12
|
homepage: "https://github.com/aversini/ui-components",
|
|
13
13
|
license: "MIT"
|
|
14
14
|
});
|
|
15
15
|
} catch {
|
|
16
16
|
}
|
|
17
|
-
const U = "av-bubble",
|
|
17
|
+
const U = "av-bubble", T = "av-button", N = "icon", H = "button", O = "link", j = ({
|
|
18
18
|
type: e,
|
|
19
19
|
size: r,
|
|
20
20
|
labelRight: t,
|
|
@@ -35,7 +35,7 @@ const U = "av-bubble", C = "av-button", _ = "icon", H = "button", O = "link", j
|
|
|
35
35
|
[g]: r === "medium",
|
|
36
36
|
[l]: r === "large"
|
|
37
37
|
});
|
|
38
|
-
case
|
|
38
|
+
case N:
|
|
39
39
|
return i("inline-flex items-center", {
|
|
40
40
|
"justify-center": a === "center",
|
|
41
41
|
"justify-start": a === "left",
|
|
@@ -217,7 +217,7 @@ const U = "av-bubble", C = "av-button", _ = "icon", H = "button", O = "link", j
|
|
|
217
217
|
"focus:outline-focus-light": e === "light",
|
|
218
218
|
"focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
|
|
219
219
|
"focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
|
|
220
|
-
}),
|
|
220
|
+
}), z = ({
|
|
221
221
|
type: e,
|
|
222
222
|
className: r,
|
|
223
223
|
raw: t,
|
|
@@ -234,8 +234,8 @@ const U = "av-bubble", C = "av-button", _ = "icon", H = "button", O = "link", j
|
|
|
234
234
|
noTruncate: s,
|
|
235
235
|
align: p,
|
|
236
236
|
radius: f
|
|
237
|
-
}) => (n || (n = "primary"), t ? i(
|
|
238
|
-
|
|
237
|
+
}) => (n || (n = "primary"), t ? i(T, r) : i(
|
|
238
|
+
T,
|
|
239
239
|
W({
|
|
240
240
|
mode: o,
|
|
241
241
|
variant: n,
|
|
@@ -256,7 +256,7 @@ const U = "av-bubble", C = "av-button", _ = "icon", H = "button", O = "link", j
|
|
|
256
256
|
)), D = (e, r, t) => {
|
|
257
257
|
var o;
|
|
258
258
|
!r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((o = e == null ? void 0 : e.currentTarget) == null ? void 0 : o.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
|
|
259
|
-
}, I =
|
|
259
|
+
}, I = _.forwardRef((e, r) => {
|
|
260
260
|
const { onClick: t, noInternalClick: o = !1, ...a } = e;
|
|
261
261
|
return /* @__PURE__ */ c(
|
|
262
262
|
"button",
|
|
@@ -270,7 +270,7 @@ const U = "av-bubble", C = "av-button", _ = "icon", H = "button", O = "link", j
|
|
|
270
270
|
);
|
|
271
271
|
});
|
|
272
272
|
I.displayName = "BaseButton";
|
|
273
|
-
const
|
|
273
|
+
const C = _.forwardRef(
|
|
274
274
|
({
|
|
275
275
|
children: e,
|
|
276
276
|
disabled: r = !1,
|
|
@@ -291,8 +291,8 @@ const M = N.forwardRef(
|
|
|
291
291
|
radius: k = "large",
|
|
292
292
|
...y
|
|
293
293
|
}, x) => {
|
|
294
|
-
const w =
|
|
295
|
-
type:
|
|
294
|
+
const w = z({
|
|
295
|
+
type: N,
|
|
296
296
|
mode: t,
|
|
297
297
|
focusMode: o,
|
|
298
298
|
fullWidth: a,
|
|
@@ -330,21 +330,21 @@ const M = N.forwardRef(
|
|
|
330
330
|
);
|
|
331
331
|
}
|
|
332
332
|
);
|
|
333
|
-
|
|
333
|
+
C.displayName = "ButtonIcon";
|
|
334
334
|
/*!
|
|
335
|
-
@versini/ui-button
|
|
335
|
+
@versini/ui-button v3.0.0
|
|
336
336
|
© 2024 gizmette.com
|
|
337
337
|
*/
|
|
338
338
|
try {
|
|
339
339
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
340
|
-
version: "
|
|
341
|
-
buildTime: "12/30/2024
|
|
340
|
+
version: "3.0.0",
|
|
341
|
+
buildTime: "12/30/2024 03:38 PM EST",
|
|
342
342
|
homepage: "https://github.com/aversini/ui-components",
|
|
343
343
|
license: "MIT"
|
|
344
344
|
});
|
|
345
345
|
} catch {
|
|
346
346
|
}
|
|
347
|
-
const F =
|
|
347
|
+
const F = _.forwardRef(
|
|
348
348
|
({
|
|
349
349
|
children: e,
|
|
350
350
|
disabled: r = !1,
|
|
@@ -366,8 +366,8 @@ const F = N.forwardRef(
|
|
|
366
366
|
radius: y = "large",
|
|
367
367
|
...x
|
|
368
368
|
}, w) => {
|
|
369
|
-
const B =
|
|
370
|
-
type:
|
|
369
|
+
const B = z({
|
|
370
|
+
type: N,
|
|
371
371
|
mode: t,
|
|
372
372
|
focusMode: o,
|
|
373
373
|
fullWidth: a,
|
|
@@ -381,12 +381,12 @@ const F = N.forwardRef(
|
|
|
381
381
|
noBackground: p,
|
|
382
382
|
align: f,
|
|
383
383
|
radius: y
|
|
384
|
-
}),
|
|
384
|
+
}), V = i({
|
|
385
385
|
"text-copy-accent-dark": t === "light" && !l,
|
|
386
386
|
"text-copy-light": t === "dark" && !l,
|
|
387
387
|
"text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !l,
|
|
388
388
|
"text-copy-light dark:text-copy-accent-dark": t === "system" && !l
|
|
389
|
-
}),
|
|
389
|
+
}), E = k ? i(
|
|
390
390
|
"relative",
|
|
391
391
|
"focus-within:static",
|
|
392
392
|
"focus-within:after:border-transparent",
|
|
@@ -403,7 +403,7 @@ const F = N.forwardRef(
|
|
|
403
403
|
"after:border-table-light dark:after:border-table-dark": t === "alt-system"
|
|
404
404
|
}
|
|
405
405
|
) : "";
|
|
406
|
-
return /* @__PURE__ */ c("div", { className:
|
|
406
|
+
return /* @__PURE__ */ c("div", { className: E, children: /* @__PURE__ */ v(
|
|
407
407
|
I,
|
|
408
408
|
{
|
|
409
409
|
ref: w,
|
|
@@ -414,7 +414,7 @@ const F = N.forwardRef(
|
|
|
414
414
|
...x,
|
|
415
415
|
children: [
|
|
416
416
|
s && /* @__PURE__ */ c("span", { className: "pr-2", children: s }),
|
|
417
|
-
/* @__PURE__ */ c("div", { className:
|
|
417
|
+
/* @__PURE__ */ c("div", { className: V, children: e }),
|
|
418
418
|
n && /* @__PURE__ */ c("span", { className: "pl-2", children: n })
|
|
419
419
|
]
|
|
420
420
|
}
|
|
@@ -422,19 +422,19 @@ const F = N.forwardRef(
|
|
|
422
422
|
}
|
|
423
423
|
);
|
|
424
424
|
F.displayName = "ButtonSort";
|
|
425
|
-
const
|
|
425
|
+
const M = ({
|
|
426
426
|
children: e,
|
|
427
427
|
fill: r,
|
|
428
428
|
viewBox: t,
|
|
429
429
|
className: o,
|
|
430
430
|
defaultViewBox: a,
|
|
431
|
-
|
|
431
|
+
size: d,
|
|
432
432
|
title: g,
|
|
433
433
|
semantic: l = !1,
|
|
434
434
|
...h
|
|
435
435
|
}) => {
|
|
436
436
|
const m = i(d, o);
|
|
437
|
-
return /* @__PURE__ */ v(
|
|
437
|
+
return /* @__PURE__ */ v(S, { children: [
|
|
438
438
|
/* @__PURE__ */ c(
|
|
439
439
|
"svg",
|
|
440
440
|
{
|
|
@@ -453,13 +453,13 @@ const V = ({
|
|
|
453
453
|
] });
|
|
454
454
|
};
|
|
455
455
|
/*!
|
|
456
|
-
@versini/ui-svgicon
|
|
456
|
+
@versini/ui-svgicon v3.0.0
|
|
457
457
|
© 2024 gizmette.com
|
|
458
458
|
*/
|
|
459
459
|
try {
|
|
460
460
|
window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
|
|
461
|
-
version: "
|
|
462
|
-
buildTime: "12/30/2024
|
|
461
|
+
version: "3.0.0",
|
|
462
|
+
buildTime: "12/30/2024 03:38 PM EST",
|
|
463
463
|
homepage: "https://github.com/aversini/ui-components",
|
|
464
464
|
license: "MIT"
|
|
465
465
|
});
|
|
@@ -472,10 +472,10 @@ const J = ({
|
|
|
472
472
|
monotone: o,
|
|
473
473
|
...a
|
|
474
474
|
}) => /* @__PURE__ */ v(
|
|
475
|
-
|
|
475
|
+
M,
|
|
476
476
|
{
|
|
477
477
|
defaultViewBox: "0 0 448 512",
|
|
478
|
-
|
|
478
|
+
size: "size-5",
|
|
479
479
|
viewBox: r,
|
|
480
480
|
className: e,
|
|
481
481
|
title: t || "Copied",
|
|
@@ -498,10 +498,10 @@ const J = ({
|
|
|
498
498
|
monotone: o,
|
|
499
499
|
...a
|
|
500
500
|
}) => /* @__PURE__ */ c(
|
|
501
|
-
|
|
501
|
+
M,
|
|
502
502
|
{
|
|
503
503
|
defaultViewBox: "0 0 512 512",
|
|
504
|
-
|
|
504
|
+
size: "size-5",
|
|
505
505
|
viewBox: r,
|
|
506
506
|
className: e,
|
|
507
507
|
title: t || "Copy",
|
|
@@ -510,13 +510,13 @@ const J = ({
|
|
|
510
510
|
}
|
|
511
511
|
);
|
|
512
512
|
/*!
|
|
513
|
-
@versini/ui-icons
|
|
513
|
+
@versini/ui-icons v3.0.0
|
|
514
514
|
© 2024 gizmette.com
|
|
515
515
|
*/
|
|
516
516
|
try {
|
|
517
517
|
window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
|
|
518
|
-
version: "
|
|
519
|
-
buildTime: "12/30/2024
|
|
518
|
+
version: "3.0.0",
|
|
519
|
+
buildTime: "12/30/2024 03:38 PM EST",
|
|
520
520
|
homepage: "https://github.com/aversini/ui-components",
|
|
521
521
|
license: "MIT"
|
|
522
522
|
});
|
|
@@ -591,7 +591,7 @@ const Q = () => "p-4 sm:max-w-md md:max-w-2xl", X = ({ kind: e }) => i({
|
|
|
591
591
|
a && a
|
|
592
592
|
] }),
|
|
593
593
|
u && /* @__PURE__ */ c("div", { className: b.copyButton, children: /* @__PURE__ */ c(
|
|
594
|
-
|
|
594
|
+
C,
|
|
595
595
|
{
|
|
596
596
|
noBorder: !0,
|
|
597
597
|
noBackground: !0,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-bubble",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@tailwindcss/typography": "0.5.15",
|
|
42
|
-
"@versini/ui-button": "
|
|
43
|
-
"@versini/ui-icons": "
|
|
44
|
-
"@versini/ui-types": "
|
|
42
|
+
"@versini/ui-button": "3.0.0",
|
|
43
|
+
"@versini/ui-icons": "3.0.0",
|
|
44
|
+
"@versini/ui-types": "3.0.0",
|
|
45
45
|
"clsx": "2.1.1",
|
|
46
46
|
"tailwindcss": "3.4.17"
|
|
47
47
|
},
|
|
48
48
|
"sideEffects": [
|
|
49
49
|
"**/*.css"
|
|
50
50
|
],
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "c489b5e7d0cfacc90e2a9880811dccf575243961"
|
|
52
52
|
}
|