@fiestaboard/ui 5.6.0 → 5.7.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/dist/components/editor/color-picker-content.d.ts +25 -1
- package/dist/components/editor/color-picker-content.js +51 -44
- package/dist/components/editor/color-picker-content.js.map +1 -1
- package/dist/components/editor/draw-char-picker-content.d.ts +13 -3
- package/dist/components/editor/draw-char-picker-content.js +37 -36
- package/dist/components/editor/draw-char-picker-content.js.map +1 -1
- package/dist/components/editor/formatting-picker-content.js +10 -10
- package/dist/components/editor/template-editor-toolbar.d.ts +17 -1
- package/dist/components/editor/template-editor-toolbar.js +167 -163
- package/dist/components/editor/template-editor-toolbar.js.map +1 -1
- package/dist/components/editor/template-editor.d.ts +13 -1
- package/dist/components/editor/template-editor.js +132 -131
- package/dist/components/editor/template-editor.js.map +1 -1
- package/dist/components/feedback/badge.d.ts +23 -3
- package/dist/components/feedback/badge.js +29 -12
- package/dist/components/feedback/badge.js.map +1 -1
- package/dist/components/forms/button.d.ts +1 -1
- package/dist/components/forms/copy-button.d.ts +74 -0
- package/dist/components/forms/copy-button.js +49 -0
- package/dist/components/forms/copy-button.js.map +1 -0
- package/dist/components/forms/swatch.d.ts +40 -11
- package/dist/components/forms/swatch.js +40 -29
- package/dist/components/forms/swatch.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +101 -100
- package/dist/theme.css +21 -8
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6,104 +6,105 @@ import { IconTile as h, iconTileVariants as g } from "./components/containment/i
|
|
|
6
6
|
import { JsonTree as _ } from "./components/containment/json-tree.js";
|
|
7
7
|
import { MediaFrame as v, MediaFrameBar as y, MediaFrameMedia as b } from "./components/containment/media-frame.js";
|
|
8
8
|
import { Alert as x, AlertDescription as S, AlertTitle as C, alertVariants as w } from "./components/feedback/alert.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
9
|
+
import { Spinner as T, spinnerVariants as E } from "./components/feedback/spinner.js";
|
|
10
|
+
import { Button as D, buttonVariants as O } from "./components/forms/button.js";
|
|
11
|
+
import { Badge as k, badgeVariants as A } from "./components/feedback/badge.js";
|
|
12
|
+
import { Chip as j, chipVariants as M } from "./components/feedback/chip.js";
|
|
13
|
+
import { EmptyState as N } from "./components/feedback/empty-state.js";
|
|
14
14
|
import { Checkbox as P } from "./components/forms/checkbox.js";
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import rt from "./components/
|
|
33
|
-
import
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
|
|
15
|
+
import { CopyButton as F } from "./components/forms/copy-button.js";
|
|
16
|
+
import { Input as I } from "./components/forms/input.js";
|
|
17
|
+
import { Label as L } from "./components/forms/label.js";
|
|
18
|
+
import { SecretInput as R } from "./components/forms/secret-input.js";
|
|
19
|
+
import { Box as z } from "./components/layout/box.js";
|
|
20
|
+
import { Flex as B, flexVariants as V } from "./components/layout/flex.js";
|
|
21
|
+
import { Grid as H, gridVariants as U } from "./components/layout/grid.js";
|
|
22
|
+
import { AlertDialog as W, AlertDialogAction as G, AlertDialogCancel as K, AlertDialogContent as q, AlertDialogDescription as J, AlertDialogFooter as Y, AlertDialogHeader as X, AlertDialogOverlay as Z, AlertDialogPortal as Q, AlertDialogTitle as $, AlertDialogTrigger as ee } from "./components/overlays/alert-dialog.js";
|
|
23
|
+
import { Dialog as te, DialogClose as ne, DialogContent as re, DialogDescription as ie, DialogFooter as ae, DialogHeader as oe, DialogOverlay as se, DialogPortal as ce, DialogTitle as le, DialogTrigger as ue } from "./components/overlays/dialog.js";
|
|
24
|
+
import { DropdownMenu as de, DropdownMenuCheckboxItem as fe, DropdownMenuContent as pe, DropdownMenuGroup as me, DropdownMenuItem as he, DropdownMenuLabel as ge, DropdownMenuPortal as _e, DropdownMenuRadioGroup as ve, DropdownMenuRadioItem as ye, DropdownMenuSeparator as be, DropdownMenuShortcut as xe, DropdownMenuSub as Se, DropdownMenuSubContent as Ce, DropdownMenuSubTrigger as we, DropdownMenuTrigger as Te } from "./components/overlays/dropdown-menu.js";
|
|
25
|
+
import { Lightbox as Ee, LightboxClose as De, LightboxContent as Oe, LightboxFooter as ke, LightboxOverlay as Ae, LightboxPortal as je, LightboxTrigger as Me } from "./components/overlays/lightbox.js";
|
|
26
|
+
import { Popover as Ne, PopoverClose as Pe, PopoverContent as Fe, PopoverDescription as Ie, PopoverTitle as Le, PopoverTrigger as Re, usePopoverClose as ze } from "./components/overlays/popover.js";
|
|
27
|
+
import { Code as Be } from "./components/typography/code.js";
|
|
28
|
+
import { Heading as Ve, headingVariants as He } from "./components/typography/heading.js";
|
|
29
|
+
import { List as Ue, ListItem as We, listVariants as Ge } from "./components/typography/list.js";
|
|
30
|
+
import { ScrollArea as Ke, ScrollBar as qe } from "./components/containment/scroll-area.js";
|
|
31
|
+
import { Table as Je, TableBody as Ye, TableCell as Xe, TableHead as Ze, TableHeader as Qe, TableRow as $e } from "./components/containment/table.js";
|
|
32
|
+
import { Tabs as et, TabsContent as tt, TabsList as nt, TabsTrigger as rt } from "./components/containment/tabs.js";
|
|
33
|
+
import it from "./components/effects/react-bits/fade-content.js";
|
|
34
|
+
import { Skeleton as at } from "./components/feedback/skeleton.js";
|
|
35
|
+
import { StatusDot as ot, statusDotVariants as st } from "./components/feedback/status-dot.js";
|
|
36
|
+
import { Select as ct, SelectContent as lt, SelectGroup as ut, SelectItem as dt, SelectLabel as ft, SelectScrollDownButton as pt, SelectScrollUpButton as mt, SelectSeparator as ht, SelectTrigger as gt, SelectValue as _t } from "./components/forms/select.js";
|
|
37
|
+
import { Slider as vt } from "./components/forms/slider.js";
|
|
38
|
+
import { Swatch as yt, SwatchGroup as bt, swatchFillVariants as xt, swatchGlyphVariants as St, swatchGroupVariants as Ct, swatchIndicatorVariants as wt, swatchVariants as Tt } from "./components/forms/swatch.js";
|
|
39
|
+
import { Switch as Et } from "./components/forms/switch.js";
|
|
40
|
+
import { Textarea as Dt } from "./components/forms/textarea.js";
|
|
41
|
+
import { Text as Ot, textVariants as kt } from "./components/typography/text.js";
|
|
42
|
+
import { TimePicker as At } from "./components/forms/time-picker.js";
|
|
43
|
+
import { TimezonePicker as jt, listTimezones as Mt } from "./components/forms/timezone-picker.js";
|
|
44
|
+
import { Toggle as Nt, ToggleGroup as Pt, toggleGroupVariants as Ft, toggleVariants as It } from "./components/forms/toggle.js";
|
|
45
|
+
import { SegmentedControl as Lt, SegmentedControlItem as Rt, ToggleCard as zt, ToggleCardGroup as Bt, segmentedControlItemVariants as Vt, segmentedControlVariants as Ht, toggleCardGroupVariants as Ut, toggleCardVariants as Wt } from "./components/forms/toggle-card.js";
|
|
46
|
+
import { Stack as Gt, stackVariants as Kt } from "./components/layout/stack.js";
|
|
47
|
+
import { Sheet as qt, SheetClose as Jt, SheetContent as Yt, SheetDescription as Xt, SheetFooter as Zt, SheetHeader as Qt, SheetOverlay as $t, SheetPortal as en, SheetTitle as tn, SheetTrigger as nn } from "./components/overlays/sheet.js";
|
|
48
|
+
import { Tooltip as rn, TooltipContent as an, TooltipProvider as on, TooltipTrigger as sn } from "./components/overlays/tooltip.js";
|
|
49
|
+
import { TextLink as cn } from "./components/typography/text-link.js";
|
|
50
|
+
import { BoardIcon as ln } from "./components/chrome/board-icon.js";
|
|
51
|
+
import { BoardSelector as un } from "./components/chrome/board-selector.js";
|
|
52
|
+
import { Breadcrumb as dn, BreadcrumbEllipsis as fn, BreadcrumbItem as pn, BreadcrumbLink as mn, BreadcrumbList as hn, BreadcrumbPage as gn, BreadcrumbSeparator as _n } from "./components/chrome/breadcrumb.js";
|
|
53
|
+
import { FIESTA_ICON_DATA_URI as vn, FIESTA_ICON_PALETTE as yn, FIESTA_ICON_SVG as bn, FiestaIcon as xn } from "./components/chrome/fiesta-icon.js";
|
|
54
|
+
import { FiestaLogo as Sn } from "./components/chrome/fiesta-logo.js";
|
|
55
|
+
import { LanguageSelector as Cn } from "./components/chrome/language-selector.js";
|
|
56
|
+
import { MainContent as wn } from "./components/chrome/main-content.js";
|
|
57
|
+
import { NavList as Tn, NavListItem as En, NavListLink as Dn, NavListSection as On, NavListSectionContent as kn, NavListSectionTrigger as An } from "./components/chrome/nav-list.js";
|
|
58
|
+
import { PAGE_HUES as jn, PageHeader as Mn, PageIconGradientDefs as Nn, pageHue as Pn } from "./components/chrome/page-header.js";
|
|
59
|
+
import { PageInset as Fn } from "./components/chrome/page-inset.js";
|
|
60
|
+
import { PageLayout as In } from "./components/chrome/page-layout.js";
|
|
61
|
+
import { PageToolbar as Ln } from "./components/chrome/page-toolbar.js";
|
|
62
|
+
import { Sidebar as Rn } from "./components/chrome/sidebar.js";
|
|
63
|
+
import { SkipToContent as zn } from "./components/chrome/skip-to-content.js";
|
|
64
|
+
import { ThemeToggle as Bn } from "./components/chrome/theme-toggle.js";
|
|
65
|
+
import { WizardProgress as Vn } from "./components/wizard/wizard-progress.js";
|
|
66
|
+
import { ALL_COLOR_CODES as Hn, AVAILABLE_COLORS as Un, BOARD_COLORS as Wn, COLOR_CODE_MAP as Gn, COLOR_DISPLAY as Kn, FIESTABOARD_COLORS as qn, getBoardColor as Jn, isValidBoardColor as Yn, resolveColorCode as Xn } from "./lib/board-colors.js";
|
|
67
|
+
import { BOARD_CHARS as Zn, EXTRA_CHARS as Qn, applyCode62Glyph as $n, getCharFromToken as er, getCharIndex as tr, isColorTile as nr, messageToGrid as rr, messageToText as ir, parseLine as ar, resolveCode62Glyph as or, tokensEqual as sr } from "./lib/board-characters.js";
|
|
68
|
+
import { BoardTeaser as cr } from "./components/board/board-teaser.js";
|
|
69
|
+
import { BoardBackdrop as lr } from "./components/board/board-backdrop.js";
|
|
70
|
+
import { WizardShell as ur } from "./components/wizard/wizard-shell.js";
|
|
71
|
+
import { DEVICE_DIMENSIONS as dr, MAX_NOTES_PER_AXIS as fr, NOTE_COLS as pr, NOTE_ROWS as mr, isNoteArray as hr, noteArrayDimensions as gr, resolveDimensions as _r } from "./lib/board-dimensions.js";
|
|
72
|
+
import { BoardDisplay as vr, FLAP_SPEED_PRESETS as yr, deriveFlapTiming as br, resolveFlapSpeed as xr } from "./components/board/board-display.js";
|
|
73
|
+
import { ScaledBoardDisplay as Sr } from "./components/board/scaled-board-display.js";
|
|
74
|
+
import { StaticBoardDisplay as Cr } from "./components/board/static-board-display.js";
|
|
75
|
+
import { DEFAULT_SHAPE_LABELS as wr, previewLabel as Tr, previewLabels as Er, previewMessage as Dr } from "./lib/board-previews.js";
|
|
76
|
+
import { BarList as Or } from "./components/data/bar-list.js";
|
|
77
|
+
import { StatStrip as kr, StatStripItem as Ar } from "./components/data/stat-strip.js";
|
|
78
|
+
import { BoardShowcase as jr, DEFAULT_SHOWCASE_LABELS as Mr } from "./components/plugin/board-showcase.js";
|
|
79
|
+
import { PLUGIN_CATEGORIES as Nr, PluginCategoryBadge as Pr } from "./components/plugin/plugin-category-badge.js";
|
|
80
|
+
import { ScaledBoardTeaser as Fr } from "./components/plugin/scaled-board-teaser.js";
|
|
81
|
+
import { PluginCard as Ir } from "./components/plugin/plugin-card.js";
|
|
82
|
+
import { BOARD_CODE_TO_COLOR as Lr, BOARD_COLOR_CODES as Rr, CURSOR_ANCHOR as zr, DEFAULT_BOARD_LINES as Br, DEFAULT_BOARD_WIDTH as Vr, FILL_SPACE_REPEAT_VAR as Hr, FILL_SPACE_VAR as Ur } from "./components/editor/constants.js";
|
|
83
|
+
import { NodeViewInjectionProvider as Wr, useNodeViewInjection as Gr } from "./components/editor/node-views/node-view-context.js";
|
|
84
|
+
import { ColorTileNodeView as Kr, DEFAULT_COLOR_TILE_NODE_VIEW_LABELS as qr } from "./components/editor/node-views/color-tile-node-view.js";
|
|
85
|
+
import { ColorTileNode as Jr } from "./components/editor/extensions/color-tile-node.js";
|
|
86
|
+
import { DEFAULT_FILL_SPACE_NODE_VIEW_LABELS as Yr, FillSpaceNodeView as Xr } from "./components/editor/node-views/fill-space-node-view.js";
|
|
87
|
+
import { FillSpaceNode as Zr } from "./components/editor/extensions/fill-space-node.js";
|
|
88
|
+
import { DEFAULT_FORMULA_NODE_VIEW_LABELS as Qr, FormulaNodeView as $r } from "./components/editor/node-views/formula-node-view.js";
|
|
89
|
+
import { FormulaNode as ei } from "./components/editor/extensions/formula-node.js";
|
|
90
|
+
import { LineNavigation as ti } from "./components/editor/extensions/line-navigation.js";
|
|
91
|
+
import { SingleParagraphDoc as ni } from "./components/editor/extensions/single-paragraph-doc.js";
|
|
92
|
+
import { TrailingNewline as ri } from "./components/editor/extensions/trailing-newline.js";
|
|
93
|
+
import { DEFAULT_VARIABLE_NODE_VIEW_LABELS as ii, VariableNodeView as ai } from "./components/editor/node-views/variable-node-view.js";
|
|
94
|
+
import { VariableNode as oi } from "./components/editor/extensions/variable-node.js";
|
|
95
|
+
import { DEFAULT_WRAPPED_TEXT_VIEW_LABELS as si, WrappedTextView as ci } from "./components/editor/node-views/wrapped-text-view.js";
|
|
96
|
+
import { WrappedTextNode as li } from "./components/editor/extensions/wrapped-text-node.js";
|
|
97
|
+
import { ColorPickerContent as ui, DEFAULT_COLOR_PICKER_LABELS as di } from "./components/editor/color-picker-content.js";
|
|
98
|
+
import { DRAW_CHARS as fi, brushToCell as pi, cellsToLine as mi, isPositionalLine as hi, lineToCells as gi, paintLine as _i, renderPositionalLine as vi } from "./components/editor/utils/draw-mode.js";
|
|
99
|
+
import { DEFAULT_DRAW_CHAR_PICKER_LABELS as yi, DrawCharPickerContent as bi } from "./components/editor/draw-char-picker-content.js";
|
|
100
|
+
import { DEFAULT_FORMATTING_PICKER_LABELS as xi, FormattingPickerContent as Si } from "./components/editor/formatting-picker-content.js";
|
|
101
|
+
import { DEFAULT_TOOLBAR_DROPDOWN_LABELS as Ci, ToolbarDropdown as wi } from "./components/editor/toolbar-dropdown.js";
|
|
102
|
+
import { parseLineContent as Ti, parseTemplateSimple as Ei, serializeTemplateSimple as Di } from "./components/editor/utils/serialization.js";
|
|
103
|
+
import { insertTemplateContent as Oi } from "./components/editor/utils/insertion.js";
|
|
104
|
+
import { DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS as ki, TemplateEditorToolbar as Ai } from "./components/editor/template-editor-toolbar.js";
|
|
105
|
+
import { buildStrokeTransaction as ji, lineRanges as Mi } from "./components/editor/utils/stroke-transaction.js";
|
|
106
|
+
import { DEFAULT_TEMPLATE_EDITOR_LABELS as Ni, TemplateEditor as Pi } from "./components/editor/template-editor.js";
|
|
107
|
+
import { DEFAULT_FILTER_PICKER_LABELS as Fi, FilterPickerContent as Ii } from "./components/editor/filter-picker-content.js";
|
|
108
|
+
import { DEFAULT_VARIABLE_PICKER_LABELS as Li, VariablePickerContent as Ri, createLucideIconResolver as zi, getPluginsWithNestedArrays as Bi } from "./components/editor/variable-picker-content.js";
|
|
109
|
+
import { calculateLineLength as Vi, getOverflowAmount as Hi, willOverflow as Ui } from "./components/editor/utils/length-calculator.js";
|
|
110
|
+
export { Hn as ALL_COLOR_CODES, Un as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, x as Alert, S as AlertDescription, W as AlertDialog, G as AlertDialogAction, K as AlertDialogCancel, q as AlertDialogContent, J as AlertDialogDescription, Y as AlertDialogFooter, X as AlertDialogHeader, Z as AlertDialogOverlay, Q as AlertDialogPortal, $ as AlertDialogTitle, ee as AlertDialogTrigger, C as AlertTitle, Zn as BOARD_CHARS, Lr as BOARD_CODE_TO_COLOR, Wn as BOARD_COLORS, Rr as BOARD_COLOR_CODES, k as Badge, Or as BarList, lr as BoardBackdrop, vr as BoardDisplay, ln as BoardIcon, un as BoardSelector, jr as BoardShowcase, cr as BoardTeaser, z as Box, dn as Breadcrumb, fn as BreadcrumbEllipsis, pn as BreadcrumbItem, mn as BreadcrumbLink, hn as BreadcrumbList, gn as BreadcrumbPage, _n as BreadcrumbSeparator, D as Button, Gn as COLOR_CODE_MAP, Kn as COLOR_DISPLAY, zr as CURSOR_ANCHOR, a as Card, o as CardAction, s as CardContent, c as CardDescription, l as CardFooter, u as CardHeader, d as CardTitle, P as Checkbox, j as Chip, Be as Code, f as Collapsible, p as CollapsibleContent, m as CollapsibleTrigger, ui as ColorPickerContent, Jr as ColorTileNode, Kr as ColorTileNodeView, F as CopyButton, Br as DEFAULT_BOARD_LINES, Vr as DEFAULT_BOARD_WIDTH, di as DEFAULT_COLOR_PICKER_LABELS, qr as DEFAULT_COLOR_TILE_NODE_VIEW_LABELS, yi as DEFAULT_DRAW_CHAR_PICKER_LABELS, Yr as DEFAULT_FILL_SPACE_NODE_VIEW_LABELS, Fi as DEFAULT_FILTER_PICKER_LABELS, xi as DEFAULT_FORMATTING_PICKER_LABELS, Qr as DEFAULT_FORMULA_NODE_VIEW_LABELS, wr as DEFAULT_SHAPE_LABELS, Mr as DEFAULT_SHOWCASE_LABELS, Ni as DEFAULT_TEMPLATE_EDITOR_LABELS, ki as DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS, Ci as DEFAULT_TOOLBAR_DROPDOWN_LABELS, ii as DEFAULT_VARIABLE_NODE_VIEW_LABELS, Li as DEFAULT_VARIABLE_PICKER_LABELS, si as DEFAULT_WRAPPED_TEXT_VIEW_LABELS, dr as DEVICE_DIMENSIONS, fi as DRAW_CHARS, te as Dialog, ne as DialogClose, re as DialogContent, ie as DialogDescription, ae as DialogFooter, oe as DialogHeader, se as DialogOverlay, ce as DialogPortal, le as DialogTitle, ue as DialogTrigger, bi as DrawCharPickerContent, de as DropdownMenu, fe as DropdownMenuCheckboxItem, pe as DropdownMenuContent, me as DropdownMenuGroup, he as DropdownMenuItem, ge as DropdownMenuLabel, _e as DropdownMenuPortal, ve as DropdownMenuRadioGroup, ye as DropdownMenuRadioItem, be as DropdownMenuSeparator, xe as DropdownMenuShortcut, Se as DropdownMenuSub, Ce as DropdownMenuSubContent, we as DropdownMenuSubTrigger, Te as DropdownMenuTrigger, Qn as EXTRA_CHARS, N as EmptyState, qn as FIESTABOARD_COLORS, vn as FIESTA_ICON_DATA_URI, yn as FIESTA_ICON_PALETTE, bn as FIESTA_ICON_SVG, Hr as FILL_SPACE_REPEAT_VAR, Ur as FILL_SPACE_VAR, yr as FLAP_SPEED_PRESETS, it as FadeContent, xn as FiestaIcon, Sn as FiestaLogo, Zr as FillSpaceNode, Xr as FillSpaceNodeView, Ii as FilterPickerContent, B as Flex, Si as FormattingPickerContent, ei as FormulaNode, $r as FormulaNodeView, H as Grid, Ve as Heading, h as IconTile, I as Input, _ as JsonTree, L as Label, Cn as LanguageSelector, Ee as Lightbox, De as LightboxClose, Oe as LightboxContent, ke as LightboxFooter, Ae as LightboxOverlay, je as LightboxPortal, Me as LightboxTrigger, ti as LineNavigation, Ue as List, We as ListItem, fr as MAX_NOTES_PER_AXIS, wn as MainContent, v as MediaFrame, y as MediaFrameBar, b as MediaFrameMedia, pr as NOTE_COLS, mr as NOTE_ROWS, Tn as NavList, En as NavListItem, Dn as NavListLink, On as NavListSection, kn as NavListSectionContent, An as NavListSectionTrigger, Wr as NodeViewInjectionProvider, jn as PAGE_HUES, Nr as PLUGIN_CATEGORIES, Mn as PageHeader, Nn as PageIconGradientDefs, Fn as PageInset, In as PageLayout, Ln as PageToolbar, Ir as PluginCard, Pr as PluginCategoryBadge, Ne as Popover, Pe as PopoverClose, Fe as PopoverContent, Ie as PopoverDescription, Le as PopoverTitle, Re as PopoverTrigger, Sr as ScaledBoardDisplay, Fr as ScaledBoardTeaser, Ke as ScrollArea, qe as ScrollBar, R as SecretInput, Lt as SegmentedControl, Rt as SegmentedControlItem, ct as Select, lt as SelectContent, ut as SelectGroup, dt as SelectItem, ft as SelectLabel, pt as SelectScrollDownButton, mt as SelectScrollUpButton, ht as SelectSeparator, gt as SelectTrigger, _t as SelectValue, qt as Sheet, Jt as SheetClose, Yt as SheetContent, Xt as SheetDescription, Zt as SheetFooter, Qt as SheetHeader, $t as SheetOverlay, en as SheetPortal, tn as SheetTitle, nn as SheetTrigger, Rn as Sidebar, ni as SingleParagraphDoc, at as Skeleton, zn as SkipToContent, vt as Slider, T as Spinner, Gt as Stack, kr as StatStrip, Ar as StatStripItem, Cr as StaticBoardDisplay, ot as StatusDot, yt as Swatch, bt as SwatchGroup, Et as Switch, Je as Table, Ye as TableBody, Xe as TableCell, Ze as TableHead, Qe as TableHeader, $e as TableRow, et as Tabs, tt as TabsContent, nt as TabsList, rt as TabsTrigger, Pi as TemplateEditor, Ai as TemplateEditorToolbar, Ot as Text, cn as TextLink, Dt as Textarea, Bn as ThemeToggle, At as TimePicker, jt as TimezonePicker, Nt as Toggle, zt as ToggleCard, Bt as ToggleCardGroup, Pt as ToggleGroup, wi as ToolbarDropdown, rn as Tooltip, an as TooltipContent, on as TooltipProvider, sn as TooltipTrigger, ri as TrailingNewline, oi as VariableNode, ai as VariableNodeView, Ri as VariablePickerContent, Vn as WizardProgress, ur as WizardShell, li as WrappedTextNode, ci as WrappedTextView, w as alertVariants, $n as applyCode62Glyph, A as badgeVariants, pi as brushToCell, ji as buildStrokeTransaction, O as buttonVariants, Vi as calculateLineLength, mi as cellsToLine, M as chipVariants, e as cn, zi as createLucideIconResolver, br as deriveFlapTiming, V as flexVariants, Jn as getBoardColor, er as getCharFromToken, tr as getCharIndex, Hi as getOverflowAmount, Bi as getPluginsWithNestedArrays, U as gridVariants, He as headingVariants, g as iconTileVariants, Oi as insertTemplateContent, nr as isColorTile, hr as isNoteArray, hi as isPositionalLine, Yn as isValidBoardColor, Mi as lineRanges, gi as lineToCells, Mt as listTimezones, Ge as listVariants, rr as messageToGrid, ir as messageToText, gr as noteArrayDimensions, Pn as pageHue, _i as paintLine, ar as parseLine, Ti as parseLineContent, Ei as parseTemplateSimple, Tr as previewLabel, Er as previewLabels, Dr as previewMessage, vi as renderPositionalLine, or as resolveCode62Glyph, Xn as resolveColorCode, _r as resolveDimensions, xr as resolveFlapSpeed, Vt as segmentedControlItemVariants, Ht as segmentedControlVariants, Di as serializeTemplateSimple, E as spinnerVariants, Kt as stackVariants, st as statusDotVariants, xt as swatchFillVariants, St as swatchGlyphVariants, Ct as swatchGroupVariants, wt as swatchIndicatorVariants, Tt as swatchVariants, kt as textVariants, Ut as toggleCardGroupVariants, Wt as toggleCardVariants, Ft as toggleGroupVariants, It as toggleVariants, sr as tokensEqual, Gr as useNodeViewInjection, ze as usePopoverClose, Ui as willOverflow };
|
package/dist/theme.css
CHANGED
|
@@ -638,18 +638,28 @@
|
|
|
638
638
|
--nav-active: var(--foreground);
|
|
639
639
|
--nav-active-foreground: var(--background);
|
|
640
640
|
/* Surface-relative, not a white literal (#228). The old `oklch(1 0 0 / 14%)`
|
|
641
|
-
was tuned by eye on the DARK rail (
|
|
641
|
+
was tuned by eye on the DARK rail (1.55:1 there) and was invisible
|
|
642
642
|
everywhere else: 1.03:1 on the light rail, and 1.015:1 when the class
|
|
643
643
|
reached the docs site's page surface in 4.0.0 — that site now hand-mixes
|
|
644
644
|
its own hover to survive us. Mixing the LOCAL foreground instead makes the
|
|
645
645
|
tint an emphasis of whatever ink the row already carries, so it
|
|
646
|
-
self-adapts to any surface:
|
|
646
|
+
self-adapts to any surface: 1.39:1 on a dark page, 1.35:1 on a light one.
|
|
647
|
+
Those two figures were previously stated as 3.36 and 1.15, computed with
|
|
648
|
+
a LINEAR-space alpha composite. Browsers composite in gamma space, and so
|
|
649
|
+
does this package's own gate (theme-contrast.test.mjs `composite`), which
|
|
650
|
+
is why the numbers disagreed with the thing they described. See
|
|
651
|
+
the nav block in theme-contrast.test.mjs, which now pins all four.
|
|
647
652
|
Custom properties substitute var() on the element they are DECLARED on,
|
|
648
653
|
so this :root value is resolved against the PAGE ink before it ever
|
|
649
654
|
inherits onto the rail — which is why .sidebar-gradient re-declares the
|
|
650
|
-
token from --sidebar-foreground (
|
|
651
|
-
|
|
652
|
-
|
|
655
|
+
token from --sidebar-foreground (1.53:1 dark rail, 1.35:1 light rail,
|
|
656
|
+
where hover previously did not paint at all).
|
|
657
|
+
|
|
658
|
+
Note which numbers moved when the method was corrected: only the ones on
|
|
659
|
+
DARK surfaces. Gamma and linear compositing converge when ink and ground
|
|
660
|
+
are close in luminance (the light rail reads 1.030 vs 1.032) and diverge
|
|
661
|
+
when they are far apart — so the linear method overstated exactly the
|
|
662
|
+
figures that were being used to argue the tint was strong enough. */
|
|
653
663
|
--nav-active-hover: color-mix(in oklch, var(--foreground) 14%, transparent);
|
|
654
664
|
/* Fiesta gradient palette — three board hues at ONE lightness (0.46),
|
|
655
665
|
identical in both themes. Because that surface never changes luminance
|
|
@@ -1299,9 +1309,12 @@ html[data-board-switch="backward"]::view-transition-new(board-page) {
|
|
|
1299
1309
|
/* Re-declared, not inherited (#228): the :root value already resolved its
|
|
1300
1310
|
var(--foreground) against the PAGE ink before inheriting here — rebinding
|
|
1301
1311
|
--foreground above cannot reach inside an inherited color-mix. From the
|
|
1302
|
-
rail ink:
|
|
1303
|
-
|
|
1304
|
-
|
|
1312
|
+
rail ink: 1.53:1 on the dark rail and 1.35:1 on the light rail, where the
|
|
1313
|
+
white-on-near-white literal did not paint at all. (Both were previously
|
|
1314
|
+
stated from a linear composite, as 3.07 and 1.15; the "within 0.1 of the
|
|
1315
|
+
literal it replaces" argument that used to sit here was comparing two
|
|
1316
|
+
numbers that were each measured the wrong way, so it has been dropped
|
|
1317
|
+
rather than restated.) */
|
|
1305
1318
|
--nav-active-hover: color-mix(in oklch, var(--sidebar-foreground) 14%, transparent);
|
|
1306
1319
|
}
|
|
1307
1320
|
|