@fiestaboard/ui 3.4.0 → 5.0.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.
- package/README.md +13 -1
- package/dist/components/board/board-backdrop.d.ts +60 -0
- package/dist/components/board/board-backdrop.js +71 -0
- package/dist/components/board/board-backdrop.js.map +1 -0
- package/dist/components/board/board-display.js +123 -123
- package/dist/components/board/board-display.js.map +1 -1
- package/dist/components/board/static-board-display.js +32 -32
- package/dist/components/chrome/fiesta-logo.js +2 -2
- package/dist/components/chrome/fiesta-logo.js.map +1 -1
- package/dist/components/chrome/page-header.d.ts +66 -4
- package/dist/components/chrome/page-header.js +31 -11
- package/dist/components/chrome/page-header.js.map +1 -1
- package/dist/components/chrome/page-layout.js +1 -1
- package/dist/components/chrome/page-layout.js.map +1 -1
- package/dist/components/chrome/sidebar.d.ts +2 -5
- package/dist/components/chrome/sidebar.js +152 -173
- package/dist/components/chrome/sidebar.js.map +1 -1
- package/dist/components/containment/json-tree.js +2 -2
- package/dist/components/containment/json-tree.js.map +1 -1
- package/dist/components/editor/node-views/wrapped-text-view.js +1 -1
- package/dist/components/editor/node-views/wrapped-text-view.js.map +1 -1
- package/dist/components/editor/variable-picker-content.js +4 -4
- package/dist/components/feedback/alert.js +4 -4
- package/dist/components/feedback/alert.js.map +1 -1
- package/dist/components/feedback/badge.js +4 -4
- package/dist/components/feedback/badge.js.map +1 -1
- package/dist/components/forms/button.js +5 -5
- package/dist/components/forms/button.js.map +1 -1
- package/dist/components/layout/flex.d.ts +1 -1
- package/dist/components/layout/grid.d.ts +1 -1
- package/dist/components/layout/stack.d.ts +1 -1
- package/dist/components/plugin/board-showcase.js +2 -2
- package/dist/components/plugin/board-showcase.js.map +1 -1
- package/dist/components/plugin/plugin-category-badge.d.ts +27 -1
- package/dist/components/plugin/plugin-category-badge.js +18 -14
- package/dist/components/plugin/plugin-category-badge.js.map +1 -1
- package/dist/components/typography/text.js +1 -1
- package/dist/components/typography/text.js.map +1 -1
- package/dist/components/wizard/wizard-progress.d.ts +29 -0
- package/dist/components/wizard/wizard-progress.js +27 -0
- package/dist/components/wizard/wizard-progress.js.map +1 -0
- package/dist/components/wizard/wizard-shell.d.ts +63 -0
- package/dist/components/wizard/wizard-shell.js +69 -0
- package/dist/components/wizard/wizard-shell.js.map +1 -0
- package/dist/editor.css +10 -3
- package/dist/fonts.css +16 -8
- package/dist/index.d.ts +3 -5
- package/dist/index.js +90 -92
- package/dist/theme.css +684 -519
- package/package.json +4 -6
- package/dist/components/effects/aurora.d.ts +0 -9
- package/dist/components/effects/aurora.js +0 -121
- package/dist/components/effects/aurora.js.map +0 -1
- package/dist/components/effects/react-bits/decrypted-text.d.ts +0 -14
- package/dist/components/effects/react-bits/decrypted-text.js +0 -88
- package/dist/components/effects/react-bits/decrypted-text.js.map +0 -1
- package/dist/components/seasons/aurora-canvas.d.ts +0 -22
- package/dist/components/seasons/aurora-canvas.js +0 -91
- package/dist/components/seasons/aurora-canvas.js.map +0 -1
- package/dist/components/seasons/sidebar-aurora-horizontal.d.ts +0 -3
- package/dist/components/seasons/sidebar-aurora-horizontal.js +0 -47
- package/dist/components/seasons/sidebar-aurora-horizontal.js.map +0 -1
- package/dist/components/seasons/sidebar-aurora.d.ts +0 -3
- package/dist/components/seasons/sidebar-aurora.js +0 -57
- package/dist/components/seasons/sidebar-aurora.js.map +0 -1
- package/dist/lib/seasons-drafts.d.ts +0 -26
- package/dist/lib/seasons-drafts.js +0 -106
- package/dist/lib/seasons-drafts.js.map +0 -1
- package/dist/lib/seasons.d.ts +0 -52
- package/dist/lib/seasons.js +0 -59
- package/dist/lib/seasons.js.map +0 -1
- package/dist/seasons/christmas.css +0 -64
- package/dist/seasons/easter.css +0 -62
- package/dist/seasons/fathers-day.css +0 -62
- package/dist/seasons/halloween.css +0 -69
- package/dist/seasons/mothers-day.css +0 -63
- package/dist/seasons/new-year.css +0 -66
- package/dist/seasons/pride.css +0 -68
- package/dist/seasons/thanksgiving.css +0 -64
package/dist/seasons/pride.css
DELETED
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
/* pride — the LIVE season (June). Activates when the app shell stamps
|
|
2
|
-
.pride-month on <html> (see lib/seasons.tsx PRIDE_SEASON.htmlClass; the
|
|
3
|
-
class name predates the .<id>-season draft convention and is kept for
|
|
4
|
-
app compatibility). Same structure as every draft season file: icon
|
|
5
|
-
gradient override, logo gradient, dark sidebar base, light retint.
|
|
6
|
-
|
|
7
|
-
Note: --brand is deliberately season-invariant — seasons retheme the
|
|
8
|
-
chrome (logo, icon gradient, sidebar) while the brand accent stays the
|
|
9
|
-
Fiesta orange everywhere else.
|
|
10
|
-
|
|
11
|
-
Known limitation (accepted): in light mode the rainbow wordmark sits on
|
|
12
|
-
the base brand gradient, and the red/orange stripes drop under 1.5:1
|
|
13
|
-
against the coral stop. The six-stripe flag is canonical and is not
|
|
14
|
-
retinted per-surface; the wordmark is a brand logotype (WCAG 1.4.3
|
|
15
|
-
logotype exemption). Draft seasons instead split their logo stops
|
|
16
|
-
deep/bright to clear their light sidebars — see any seasons/<id>.css. */
|
|
17
|
-
|
|
18
|
-
/* Page-icon gradient: the six-stop rainbow */
|
|
19
|
-
.pride-month {
|
|
20
|
-
--icon-g1: #e40303;
|
|
21
|
-
--icon-g2: #ff8c00;
|
|
22
|
-
--icon-g3: #ffed00;
|
|
23
|
-
--icon-g4: #008026;
|
|
24
|
-
--icon-g5: #004dff;
|
|
25
|
-
--icon-g6: #750787;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
/* "Fiesta" logo word — rainbow from the --icon-g* override (single source) */
|
|
29
|
-
.pride-month .logo-fiesta-text {
|
|
30
|
-
background: linear-gradient(
|
|
31
|
-
90deg,
|
|
32
|
-
var(--icon-g1),
|
|
33
|
-
var(--icon-g2),
|
|
34
|
-
var(--icon-g3),
|
|
35
|
-
var(--icon-g4),
|
|
36
|
-
var(--icon-g5),
|
|
37
|
-
var(--icon-g6)
|
|
38
|
-
);
|
|
39
|
-
-webkit-background-clip: text;
|
|
40
|
-
-webkit-text-fill-color: transparent;
|
|
41
|
-
background-clip: text;
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
/* Dark mode sidebar: dark base so the WebGL aurora is the visual.
|
|
45
|
-
Light mode keeps the original gradient — the aurora canvas overlays it. */
|
|
46
|
-
.dark.pride-month .sidebar-gradient,
|
|
47
|
-
.dark.pride-month .sidebar-gradient-horizontal {
|
|
48
|
-
background: #0e0b18;
|
|
49
|
-
animation: none;
|
|
50
|
-
color: oklch(1 0 0);
|
|
51
|
-
--sidebar-foreground: oklch(1 0 0);
|
|
52
|
-
--sidebar-accent: oklch(1 0 0 / 14%);
|
|
53
|
-
--sidebar-accent-foreground: oklch(1 0 0);
|
|
54
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
55
|
-
--foreground: oklch(1 0 0);
|
|
56
|
-
--muted-foreground: oklch(1 0 0 / 75%);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/* Reduced motion: authored here rather than inherited — these selectors
|
|
60
|
-
out-specific the base .sidebar-gradient rules in theme.css, so a future
|
|
61
|
-
edit that re-declares animation above would silently escape the base
|
|
62
|
-
@media block. Keeping the guard in-file makes that impossible. */
|
|
63
|
-
@media (prefers-reduced-motion: reduce) {
|
|
64
|
-
.pride-month .sidebar-gradient,
|
|
65
|
-
.pride-month .sidebar-gradient-horizontal {
|
|
66
|
-
animation: none;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/* thanksgiving — draft seasonal theme. Styles activate only when the
|
|
2
|
-
.thanksgiving-season class is stamped on <html> (Storybook Season selector).
|
|
3
|
-
Not consulted by getActiveSeason() until promoted to SEASONS.
|
|
4
|
-
|
|
5
|
-
Design intent: a harvest table at golden hour — harvest gold pouring into
|
|
6
|
-
burnt sienna and warm amber, over a dark roasted-umber base so the aurora
|
|
7
|
-
glows like hearth light. Cozy, warm, nothing shouty. */
|
|
8
|
-
|
|
9
|
-
/* Logo: golden hour pouring into roasted russet — bright harvest golds
|
|
10
|
-
into deep umber. Stops are split bright/deep on purpose: the light
|
|
11
|
-
sidebar animates all three stops under the wordmark, so every stop
|
|
12
|
-
holds ≥1.5:1 against all of them (lowest: #f6c56a at 1.54:1) while the
|
|
13
|
-
golds keep the hearth glow on the dark base. */
|
|
14
|
-
.thanksgiving-season .logo-fiesta-text {
|
|
15
|
-
background: linear-gradient(90deg, #ffd88a, #f6c56a, #8a4a20, #6f3413);
|
|
16
|
-
-webkit-background-clip: text;
|
|
17
|
-
-webkit-text-fill-color: transparent;
|
|
18
|
-
background-clip: text;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
/* Page-icon gradient: sienna into amber into harvest gold and back to russet */
|
|
22
|
-
.thanksgiving-season {
|
|
23
|
-
--icon-g1: #a0522d;
|
|
24
|
-
--icon-g2: #c9682a;
|
|
25
|
-
--icon-g3: #e0a030;
|
|
26
|
-
--icon-g4: #eec659;
|
|
27
|
-
--icon-g5: #b5651d;
|
|
28
|
-
--icon-g6: #8c3b1b;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/* Dark mode sidebar: flat dark roasted umber — the WebGL aurora
|
|
32
|
-
(amber/sienna/cream palette) supplies the warmth and movement. */
|
|
33
|
-
.dark.thanksgiving-season .sidebar-gradient,
|
|
34
|
-
.dark.thanksgiving-season .sidebar-gradient-horizontal {
|
|
35
|
-
background: #170e08;
|
|
36
|
-
animation: none;
|
|
37
|
-
color: oklch(1 0 0);
|
|
38
|
-
--sidebar-foreground: oklch(1 0 0);
|
|
39
|
-
--sidebar-accent: oklch(1 0 0 / 14%);
|
|
40
|
-
--sidebar-accent-foreground: oklch(1 0 0);
|
|
41
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
42
|
-
--foreground: oklch(1 0 0);
|
|
43
|
-
--muted-foreground: oklch(1 0 0 / 75%);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
/* Light mode sidebar: retint the flowing gradient stops to burnt sienna,
|
|
47
|
-
harvest gold, and toasted russet (black text stays ≥4.5:1 on these). */
|
|
48
|
-
.thanksgiving-season:not(.dark) .sidebar-gradient,
|
|
49
|
-
.thanksgiving-season:not(.dark) .sidebar-gradient-horizontal {
|
|
50
|
-
--sidebar-fiesta-red: #b96a3e;
|
|
51
|
-
--sidebar-fiesta-orange: #cf9c4f;
|
|
52
|
-
--sidebar-fiesta-purple: #a3703f;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
/* Reduced motion: authored here rather than inherited — these selectors
|
|
56
|
-
out-specific the base .sidebar-gradient rules in theme.css, so a future
|
|
57
|
-
edit that re-declares animation above would silently escape the base
|
|
58
|
-
@media block. Keeping the guard in-file makes that impossible. */
|
|
59
|
-
@media (prefers-reduced-motion: reduce) {
|
|
60
|
-
.thanksgiving-season .sidebar-gradient,
|
|
61
|
-
.thanksgiving-season .sidebar-gradient-horizontal {
|
|
62
|
-
animation: none;
|
|
63
|
-
}
|
|
64
|
-
}
|