fiboui 2.4.2 → 2.4.3
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/README.md +1 -1
- package/dist/{FineGrain-D7wH1QxC.js → FineGrain-CvcJ5OxF.js} +1 -1
- package/dist/{builder-CCVmfPD1.js → builder-B5cebEWZ.js} +356 -320
- package/dist/content.js +3 -3
- package/dist/core.js +40 -39
- package/dist/{index-BK1AwJ9O.js → index-BMIo5j9Y.js} +1 -1
- package/dist/{index-CVPzf0A9.js → index-BxH8dhoT.js} +3 -2
- package/dist/{index-R-gUALvW.js → index-DGQVwcWx.js} +27 -27
- package/dist/{index-Cb05sNOU.js → index-DRVdVimz.js} +4 -4
- package/dist/{index-BVpNTDKn.js → index-DbaNIwWW.js} +2 -2
- package/dist/{index-CHXOPJU-.js → index-MeDbhMEg.js} +189 -185
- package/dist/{index-Bdphg-MS.js → index-orKQGpHl.js} +3 -3
- package/dist/index.d.ts +12 -1
- package/dist/index.js +133 -132
- package/dist/interactive.js +1 -1
- package/dist/layout.js +2 -2
- package/dist/{mount-Dx2s-imU.js → mount-DbMVakA4.js} +35 -35
- package/dist/{provider-Muljv62_.js → provider-BTNE3N5g.js} +1 -1
- package/dist/structure.js +2 -2
- package/dist/style.css +1 -1
- package/dist/theme.js +2 -2
- package/dist/{themeData-CmTJt3dU.js → themeData-Dtm0M_mF.js} +80 -80
- package/package.json +1 -8
package/dist/theme.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { F as a, u as m } from "./provider-
|
|
3
|
-
import { F as o, a as t, c as T, e as r, m as i, n as l, r as n, f as u, d as F, t as b, b as c, w as p } from "./themeData-
|
|
2
|
+
import { F as a, u as m } from "./provider-BTNE3N5g.js";
|
|
3
|
+
import { F as o, a as t, c as T, e as r, m as i, n as l, r as n, f as u, d as F, t as b, b as c, w as p } from "./themeData-Dtm0M_mF.js";
|
|
4
4
|
export {
|
|
5
5
|
o as FIBO_THEMES,
|
|
6
6
|
a as FiboThemeProvider,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
const
|
|
2
|
+
const s = {
|
|
3
3
|
name: "material",
|
|
4
4
|
colors: {
|
|
5
5
|
primary: "#6750A4",
|
|
@@ -82,7 +82,7 @@ const f = {
|
|
|
82
82
|
lg: "0 8px 16px rgba(0,0,0,0.14)"
|
|
83
83
|
},
|
|
84
84
|
fontFamily: "Roboto, sans-serif"
|
|
85
|
-
},
|
|
85
|
+
}, p = {
|
|
86
86
|
name: "cupertino",
|
|
87
87
|
colors: {
|
|
88
88
|
primary: "#007AFF",
|
|
@@ -164,7 +164,7 @@ const f = {
|
|
|
164
164
|
lg: "0 4px 16px rgba(0,0,0,0.12)"
|
|
165
165
|
},
|
|
166
166
|
fontFamily: '-apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif'
|
|
167
|
-
},
|
|
167
|
+
}, c = {
|
|
168
168
|
name: "web",
|
|
169
169
|
colors: {
|
|
170
170
|
primary: "#3B82F6",
|
|
@@ -243,7 +243,7 @@ const f = {
|
|
|
243
243
|
lg: "0 10px 15px rgba(0,0,0,0.1)"
|
|
244
244
|
},
|
|
245
245
|
fontFamily: "Inter, system-ui, sans-serif"
|
|
246
|
-
},
|
|
246
|
+
}, g = {
|
|
247
247
|
name: "noir",
|
|
248
248
|
colors: {
|
|
249
249
|
primary: "#F4F4F6",
|
|
@@ -338,104 +338,104 @@ const f = {
|
|
|
338
338
|
},
|
|
339
339
|
fontFamily: 'var(--font-sans-loaded, "Plus Jakarta Sans"), system-ui, -apple-system, sans-serif'
|
|
340
340
|
}, l = {
|
|
341
|
-
material:
|
|
342
|
-
cupertino:
|
|
343
|
-
web:
|
|
344
|
-
noir:
|
|
341
|
+
material: s,
|
|
342
|
+
cupertino: p,
|
|
343
|
+
web: c,
|
|
344
|
+
noir: g
|
|
345
345
|
};
|
|
346
|
-
function
|
|
347
|
-
if (typeof
|
|
348
|
-
const
|
|
349
|
-
if (!
|
|
350
|
-
return
|
|
346
|
+
function y(n) {
|
|
347
|
+
if (typeof n == "string") {
|
|
348
|
+
const o = l[n];
|
|
349
|
+
if (!o) throw new Error(`Unknown fiboui theme preset: ${n}`);
|
|
350
|
+
return o;
|
|
351
351
|
}
|
|
352
|
-
return
|
|
352
|
+
return n;
|
|
353
353
|
}
|
|
354
|
-
function e(
|
|
355
|
-
return
|
|
354
|
+
function e(n, o) {
|
|
355
|
+
return o ? { ...n, ...o } : n;
|
|
356
356
|
}
|
|
357
|
-
function x(
|
|
358
|
-
return
|
|
359
|
-
h1: e(
|
|
360
|
-
h2: e(
|
|
361
|
-
h3: e(
|
|
362
|
-
h4: e(
|
|
363
|
-
h5: e(
|
|
364
|
-
h6: e(
|
|
365
|
-
body: e(
|
|
366
|
-
caption: e(
|
|
367
|
-
label: e(
|
|
368
|
-
} :
|
|
357
|
+
function x(n, o) {
|
|
358
|
+
return o ? {
|
|
359
|
+
h1: e(n.h1, o.h1),
|
|
360
|
+
h2: e(n.h2, o.h2),
|
|
361
|
+
h3: e(n.h3, o.h3),
|
|
362
|
+
h4: e(n.h4, o.h4),
|
|
363
|
+
h5: e(n.h5, o.h5),
|
|
364
|
+
h6: e(n.h6, o.h6),
|
|
365
|
+
body: e(n.body, o.body),
|
|
366
|
+
caption: e(n.caption, o.caption),
|
|
367
|
+
label: e(n.label, o.label)
|
|
368
|
+
} : n;
|
|
369
369
|
}
|
|
370
|
-
function F(
|
|
370
|
+
function F(n, o) {
|
|
371
371
|
return {
|
|
372
|
-
name:
|
|
373
|
-
colors: { ...
|
|
374
|
-
typography: x(
|
|
375
|
-
spacing: { ...
|
|
376
|
-
borderRadius: { ...
|
|
377
|
-
shadows: { ...
|
|
378
|
-
fontFamily:
|
|
372
|
+
name: o.name ?? n.name,
|
|
373
|
+
colors: { ...n.colors, ...o.colors },
|
|
374
|
+
typography: x(n.typography, o.typography),
|
|
375
|
+
spacing: { ...n.spacing, ...o.spacing },
|
|
376
|
+
borderRadius: { ...n.borderRadius, ...o.borderRadius },
|
|
377
|
+
shadows: { ...n.shadows, ...o.shadows },
|
|
378
|
+
fontFamily: o.fontFamily ?? n.fontFamily
|
|
379
379
|
};
|
|
380
380
|
}
|
|
381
381
|
const m = F;
|
|
382
|
-
function d(
|
|
383
|
-
return `--fibo-text-${
|
|
382
|
+
function d(n) {
|
|
383
|
+
return `--fibo-text-${n}`;
|
|
384
384
|
}
|
|
385
|
-
function
|
|
386
|
-
const
|
|
387
|
-
"--fibo-primary":
|
|
388
|
-
"--fibo-on-primary":
|
|
389
|
-
"--fibo-secondary":
|
|
390
|
-
"--fibo-on-secondary":
|
|
391
|
-
"--fibo-background":
|
|
392
|
-
"--fibo-on-background":
|
|
393
|
-
"--fibo-surface":
|
|
394
|
-
"--fibo-on-surface":
|
|
395
|
-
"--fibo-error":
|
|
396
|
-
"--fibo-font-family":
|
|
397
|
-
"--fibo-space-xs":
|
|
398
|
-
"--fibo-space-sm":
|
|
399
|
-
"--fibo-space-md":
|
|
400
|
-
"--fibo-space-lg":
|
|
401
|
-
"--fibo-space-xl":
|
|
402
|
-
"--fibo-radius-sm":
|
|
403
|
-
"--fibo-radius-md":
|
|
404
|
-
"--fibo-radius-lg":
|
|
405
|
-
"--fibo-radius-full":
|
|
406
|
-
"--fibo-shadow-sm":
|
|
407
|
-
"--fibo-shadow-md":
|
|
408
|
-
"--fibo-shadow-lg":
|
|
385
|
+
function f(n) {
|
|
386
|
+
const o = n.colors, r = {
|
|
387
|
+
"--fibo-primary": o.primary,
|
|
388
|
+
"--fibo-on-primary": o.onPrimary,
|
|
389
|
+
"--fibo-secondary": o.secondary,
|
|
390
|
+
"--fibo-on-secondary": o.onSecondary,
|
|
391
|
+
"--fibo-background": o.background,
|
|
392
|
+
"--fibo-on-background": o.onBackground,
|
|
393
|
+
"--fibo-surface": o.surface,
|
|
394
|
+
"--fibo-on-surface": o.onSurface,
|
|
395
|
+
"--fibo-error": o.error,
|
|
396
|
+
"--fibo-font-family": n.fontFamily,
|
|
397
|
+
"--fibo-space-xs": n.spacing.xs,
|
|
398
|
+
"--fibo-space-sm": n.spacing.sm,
|
|
399
|
+
"--fibo-space-md": n.spacing.md,
|
|
400
|
+
"--fibo-space-lg": n.spacing.lg,
|
|
401
|
+
"--fibo-space-xl": n.spacing.xl,
|
|
402
|
+
"--fibo-radius-sm": n.borderRadius.sm,
|
|
403
|
+
"--fibo-radius-md": n.borderRadius.md,
|
|
404
|
+
"--fibo-radius-lg": n.borderRadius.lg,
|
|
405
|
+
"--fibo-radius-full": n.borderRadius.full,
|
|
406
|
+
"--fibo-shadow-sm": n.shadows.sm,
|
|
407
|
+
"--fibo-shadow-md": n.shadows.md,
|
|
408
|
+
"--fibo-shadow-lg": n.shadows.lg
|
|
409
409
|
};
|
|
410
|
-
return
|
|
411
|
-
const i =
|
|
410
|
+
return o.primaryVariant && (r["--fibo-primary-variant"] = o.primaryVariant), o.secondaryVariant && (r["--fibo-secondary-variant"] = o.secondaryVariant), o.success && (r["--fibo-success"] = o.success), o.warning && (r["--fibo-warning"] = o.warning), o.info && (r["--fibo-info"] = o.info), o.onError && (r["--fibo-on-error"] = o.onError), o.outline && (r["--fibo-outline"] = o.outline), r["--fibo-primary-container"] = o.primaryVariant ?? o.primary, r["--fibo-on-primary-container"] = o.onPrimary, r["--fibo-secondary-container"] = o.secondaryVariant ?? o.secondary, r["--fibo-on-secondary-container"] = o.onSecondary, r["--fibo-tertiary"] = o.secondary, r["--fibo-on-tertiary"] = o.onSecondary, r["--fibo-tertiary-container"] = o.secondaryVariant ?? o.secondary, r["--fibo-on-tertiary-container"] = o.onSecondary, r["--fibo-surface-variant"] = o.surface, r["--fibo-on-surface-variant"] = o.onSurface, Object.keys(n.typography).forEach((a) => {
|
|
411
|
+
const i = n.typography[a], t = d(a);
|
|
412
412
|
i.fontSize != null && (r[`${t}-size`] = String(i.fontSize)), i.fontWeight != null && (r[`${t}-weight`] = String(i.fontWeight)), i.letterSpacing != null && (r[`${t}-tracking`] = String(i.letterSpacing)), i.lineHeight != null && (r[`${t}-height`] = String(i.lineHeight)), i.color != null && (r[`${t}-color`] = String(i.color));
|
|
413
413
|
}), r;
|
|
414
414
|
}
|
|
415
|
-
function
|
|
416
|
-
return
|
|
415
|
+
function h(n) {
|
|
416
|
+
return f(n);
|
|
417
417
|
}
|
|
418
|
-
function
|
|
419
|
-
const
|
|
418
|
+
function u(n) {
|
|
419
|
+
const o = f(n), r = Object.entries(o).map(([i, t]) => ` ${i}: ${t};`).join(`
|
|
420
420
|
`);
|
|
421
|
-
return `.fibo-theme-${
|
|
421
|
+
return `.fibo-theme-${n.name || "custom"} {
|
|
422
422
|
${r}
|
|
423
423
|
}`;
|
|
424
424
|
}
|
|
425
|
-
function
|
|
426
|
-
return `fibo-theme-${
|
|
425
|
+
function b(n) {
|
|
426
|
+
return `fibo-theme-${n.name || "custom"}`;
|
|
427
427
|
}
|
|
428
428
|
export {
|
|
429
429
|
l as F,
|
|
430
430
|
F as a,
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
431
|
+
h as b,
|
|
432
|
+
p as c,
|
|
433
|
+
u as d,
|
|
434
434
|
m as e,
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
435
|
+
b as f,
|
|
436
|
+
s as m,
|
|
437
|
+
g as n,
|
|
438
|
+
y as r,
|
|
439
|
+
f as t,
|
|
440
|
+
c as w
|
|
441
441
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fiboui",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.3",
|
|
4
4
|
"description": "A Flutter/SwiftUI-inspired React UI framework with builder pattern and theme system",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -13,31 +13,24 @@
|
|
|
13
13
|
"default": "./dist/index.js"
|
|
14
14
|
},
|
|
15
15
|
"./core": {
|
|
16
|
-
"types": "./dist/index.d.ts",
|
|
17
16
|
"import": "./dist/core.js"
|
|
18
17
|
},
|
|
19
18
|
"./layout": {
|
|
20
|
-
"types": "./dist/index.d.ts",
|
|
21
19
|
"import": "./dist/layout.js"
|
|
22
20
|
},
|
|
23
21
|
"./content": {
|
|
24
|
-
"types": "./dist/index.d.ts",
|
|
25
22
|
"import": "./dist/content.js"
|
|
26
23
|
},
|
|
27
24
|
"./interactive": {
|
|
28
|
-
"types": "./dist/index.d.ts",
|
|
29
25
|
"import": "./dist/interactive.js"
|
|
30
26
|
},
|
|
31
27
|
"./structure": {
|
|
32
|
-
"types": "./dist/index.d.ts",
|
|
33
28
|
"import": "./dist/structure.js"
|
|
34
29
|
},
|
|
35
30
|
"./navigation": {
|
|
36
|
-
"types": "./dist/index.d.ts",
|
|
37
31
|
"import": "./dist/navigation.js"
|
|
38
32
|
},
|
|
39
33
|
"./theme": {
|
|
40
|
-
"types": "./dist/index.d.ts",
|
|
41
34
|
"import": "./dist/theme.js"
|
|
42
35
|
},
|
|
43
36
|
"./style.css": "./dist/style.css",
|