@almanaclabs/blaze-ui 0.9.0 → 0.11.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/app-shell/app-shell.d.ts +81 -0
- package/dist/components/app-shell/app-shell.d.ts.map +1 -0
- package/dist/components/app-shell/app-shell.js +144 -0
- package/dist/components/app-shell/index.d.ts +2 -0
- package/dist/components/app-shell/index.d.ts.map +1 -0
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/chat-bar/chat-bar.d.ts +26 -0
- package/dist/components/chat-bar/chat-bar.d.ts.map +1 -0
- package/dist/components/chat-bar/chat-bar.js +58 -0
- package/dist/components/chat-bar/index.d.ts +2 -0
- package/dist/components/chat-bar/index.d.ts.map +1 -0
- package/dist/components/dense-table/dense-table.d.ts +36 -0
- package/dist/components/dense-table/dense-table.d.ts.map +1 -0
- package/dist/components/dense-table/dense-table.js +41 -0
- package/dist/components/dense-table/index.d.ts +2 -0
- package/dist/components/dense-table/index.d.ts.map +1 -0
- package/dist/components/editable-text/editable-text.d.ts +26 -0
- package/dist/components/editable-text/editable-text.d.ts.map +1 -0
- package/dist/components/editable-text/editable-text.js +82 -0
- package/dist/components/editable-text/index.d.ts +2 -0
- package/dist/components/editable-text/index.d.ts.map +1 -0
- package/dist/components/face-stack-button/face-stack-button.d.ts +31 -0
- package/dist/components/face-stack-button/face-stack-button.d.ts.map +1 -0
- package/dist/components/face-stack-button/face-stack-button.js +47 -0
- package/dist/components/face-stack-button/index.d.ts +2 -0
- package/dist/components/face-stack-button/index.d.ts.map +1 -0
- package/dist/components/goal-card/goal-card.d.ts +51 -0
- package/dist/components/goal-card/goal-card.d.ts.map +1 -0
- package/dist/components/goal-card/goal-card.js +109 -0
- package/dist/components/goal-card/index.d.ts +2 -0
- package/dist/components/goal-card/index.d.ts.map +1 -0
- package/dist/components/input-group/input-group.d.ts +1 -1
- package/dist/components/media-thumbnail/index.d.ts +2 -0
- package/dist/components/media-thumbnail/index.d.ts.map +1 -0
- package/dist/components/media-thumbnail/media-thumbnail.d.ts +21 -0
- package/dist/components/media-thumbnail/media-thumbnail.d.ts.map +1 -0
- package/dist/components/media-thumbnail/media-thumbnail.js +50 -0
- package/dist/components/metric-tile/index.d.ts +2 -0
- package/dist/components/metric-tile/index.d.ts.map +1 -0
- package/dist/components/metric-tile/metric-tile.d.ts +34 -0
- package/dist/components/metric-tile/metric-tile.d.ts.map +1 -0
- package/dist/components/metric-tile/metric-tile.js +75 -0
- package/dist/components/page-header/index.d.ts +2 -0
- package/dist/components/page-header/index.d.ts.map +1 -0
- package/dist/components/page-header/page-header.d.ts +16 -0
- package/dist/components/page-header/page-header.d.ts.map +1 -0
- package/dist/components/page-header/page-header.js +38 -0
- package/dist/components/platform-avatar/index.d.ts +2 -0
- package/dist/components/platform-avatar/index.d.ts.map +1 -0
- package/dist/components/platform-avatar/platform-avatar.d.ts +23 -0
- package/dist/components/platform-avatar/platform-avatar.d.ts.map +1 -0
- package/dist/components/platform-avatar/platform-avatar.js +54 -0
- package/dist/components/platform-icon/index.d.ts +2 -0
- package/dist/components/platform-icon/index.d.ts.map +1 -0
- package/dist/components/platform-icon/platform-icon.d.ts +33 -0
- package/dist/components/platform-icon/platform-icon.d.ts.map +1 -0
- package/dist/components/platform-icon/platform-icon.js +169 -0
- package/dist/components/sidebar/sidebar.js +19 -19
- package/dist/components/signal-strip/index.d.ts +2 -0
- package/dist/components/signal-strip/index.d.ts.map +1 -0
- package/dist/components/signal-strip/signal-strip.d.ts +34 -0
- package/dist/components/signal-strip/signal-strip.d.ts.map +1 -0
- package/dist/components/signal-strip/signal-strip.js +84 -0
- package/dist/components/source-avatar/index.d.ts +2 -0
- package/dist/components/source-avatar/index.d.ts.map +1 -0
- package/dist/components/source-avatar/source-avatar.d.ts +16 -0
- package/dist/components/source-avatar/source-avatar.d.ts.map +1 -0
- package/dist/components/source-avatar/source-avatar.js +15 -0
- package/dist/components/stacked-bar-chart/index.d.ts +2 -0
- package/dist/components/stacked-bar-chart/index.d.ts.map +1 -0
- package/dist/components/stacked-bar-chart/stacked-bar-chart.d.ts +80 -0
- package/dist/components/stacked-bar-chart/stacked-bar-chart.d.ts.map +1 -0
- package/dist/components/stacked-bar-chart/stacked-bar-chart.js +240 -0
- package/dist/components/state-banner/index.d.ts +2 -0
- package/dist/components/state-banner/index.d.ts.map +1 -0
- package/dist/components/state-banner/state-banner.d.ts +32 -0
- package/dist/components/state-banner/state-banner.d.ts.map +1 -0
- package/dist/components/state-banner/state-banner.js +70 -0
- package/dist/components/suggest-chips/index.d.ts +2 -0
- package/dist/components/suggest-chips/index.d.ts.map +1 -0
- package/dist/components/suggest-chips/suggest-chips.d.ts +13 -0
- package/dist/components/suggest-chips/suggest-chips.d.ts.map +1 -0
- package/dist/components/suggest-chips/suggest-chips.js +24 -0
- package/dist/index.d.ts +17 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +65 -49
- package/package.json +1 -1
- package/src/styles/globals.css +69 -5
package/dist/index.js
CHANGED
|
@@ -8,52 +8,68 @@ import { Input as C } from "./components/input/input.js";
|
|
|
8
8
|
import { Accordion as w, AccordionContent as T, AccordionItem as E, AccordionTrigger as D } from "./components/accordion/accordion.js";
|
|
9
9
|
import { Alert as O, AlertAction as k, AlertDescription as A, AlertTitle as j } from "./components/alert/alert.js";
|
|
10
10
|
import { AlertDialog as M, AlertDialogAction as N, AlertDialogCancel as P, AlertDialogContent as F, AlertDialogDescription as I, AlertDialogFooter as L, AlertDialogHeader as R, AlertDialogMedia as z, AlertDialogOverlay as B, AlertDialogPortal as V, AlertDialogTitle as H, AlertDialogTrigger as U } from "./components/alert-dialog/alert-dialog.js";
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
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 {
|
|
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
|
-
|
|
11
|
+
import { DropdownMenu as W, DropdownMenuCheckboxItem as G, DropdownMenuContent as K, DropdownMenuGroup as q, DropdownMenuItem as J, DropdownMenuLabel as Y, DropdownMenuPortal as X, DropdownMenuRadioGroup as Z, DropdownMenuRadioItem as Q, DropdownMenuSeparator as $, DropdownMenuShortcut as ee, DropdownMenuSub as te, DropdownMenuSubContent as ne, DropdownMenuSubTrigger as re, DropdownMenuTrigger as ie } from "./components/dropdown-menu/dropdown-menu.js";
|
|
12
|
+
import { Sheet as ae, SheetClose as oe, SheetContent as se, SheetDescription as ce, SheetFooter as le, SheetHeader as ue, SheetTitle as de, SheetTrigger as fe } from "./components/sheet/sheet.js";
|
|
13
|
+
import { Skeleton as pe } from "./components/skeleton/skeleton.js";
|
|
14
|
+
import { Tooltip as me, TooltipContent as he, TooltipProvider as ge, TooltipTrigger as _e } from "./components/tooltip/tooltip.js";
|
|
15
|
+
import { Sidebar as ve, SidebarContent as ye, SidebarFooter as be, SidebarGroup as xe, SidebarGroupAction as Se, SidebarGroupContent as Ce, SidebarGroupLabel as we, SidebarHeader as Te, SidebarInput as Ee, SidebarInset as De, SidebarMenu as Oe, SidebarMenuAction as ke, SidebarMenuBadge as Ae, SidebarMenuButton as je, SidebarMenuItem as Me, SidebarMenuSkeleton as Ne, SidebarMenuSub as Pe, SidebarMenuSubButton as Fe, SidebarMenuSubItem as Ie, SidebarProvider as Le, SidebarRail as Re, SidebarSeparator as ze, SidebarTrigger as Be, useSidebar as Ve } from "./components/sidebar/sidebar.js";
|
|
16
|
+
import { AppShell as He, AppSidebar as Ue, AppSidebarWorkspace as We, AppTopBar as Ge } from "./components/app-shell/app-shell.js";
|
|
17
|
+
import { AspectRatio as Ke } from "./components/aspect-ratio/aspect-ratio.js";
|
|
18
|
+
import { Attachment as qe, AttachmentAction as Je, AttachmentActions as Ye, AttachmentContent as Xe, AttachmentDescription as Ze, AttachmentGroup as Qe, AttachmentMedia as $e, AttachmentTitle as et, AttachmentTrigger as tt } from "./components/attachment/attachment.js";
|
|
19
|
+
import { Avatar as nt, AvatarBadge as rt, AvatarFallback as it, AvatarGroup as at, AvatarGroupCount as ot, AvatarImage as st } from "./components/avatar/avatar.js";
|
|
20
|
+
import { Badge as ct, badgeVariants as lt } from "./components/badge/badge.js";
|
|
21
|
+
import { Breadcrumb as ut, BreadcrumbEllipsis as dt, BreadcrumbItem as ft, BreadcrumbLink as pt, BreadcrumbList as mt, BreadcrumbPage as ht, BreadcrumbSeparator as gt } from "./components/breadcrumb/breadcrumb.js";
|
|
22
|
+
import { Bubble as _t, BubbleContent as vt, BubbleGroup as yt, BubbleReactions as bt } from "./components/bubble/bubble.js";
|
|
23
|
+
import { ButtonGroup as xt, ButtonGroupSeparator as St, ButtonGroupText as Ct, buttonGroupVariants as wt } from "./components/button-group/button-group.js";
|
|
24
|
+
import { Calendar as Tt, CalendarDayButton as Et } from "./components/calendar/calendar.js";
|
|
25
|
+
import { Carousel as Dt, CarouselContent as Ot, CarouselItem as kt, CarouselNext as At, CarouselPrevious as jt, useCarousel as Mt } from "./components/carousel/carousel.js";
|
|
26
|
+
import { ChartContainer as Nt, ChartLegend as Pt, ChartLegendContent as Ft, ChartStyle as It, ChartTooltip as Lt, ChartTooltipContent as Rt } from "./components/chart/chart.js";
|
|
27
|
+
import { ChatBar as zt, chatBarFormVariants as Bt } from "./components/chat-bar/chat-bar.js";
|
|
28
|
+
import { Checkbox as Vt } from "./components/checkbox/checkbox.js";
|
|
29
|
+
import { Collapsible as Ht, CollapsibleContent as Ut, CollapsibleTrigger as Wt } from "./components/collapsible/collapsible.js";
|
|
30
|
+
import { Textarea as Gt } from "./components/textarea/textarea.js";
|
|
31
|
+
import { InputGroup as Kt, InputGroupAddon as qt, InputGroupButton as Jt, InputGroupInput as Yt, InputGroupText as Xt, InputGroupTextarea as Zt } from "./components/input-group/input-group.js";
|
|
32
|
+
import { Combobox as Qt, ComboboxChip as $t, ComboboxChips as en, ComboboxChipsInput as tn, ComboboxCollection as nn, ComboboxContent as rn, ComboboxEmpty as an, ComboboxGroup as on, ComboboxInput as sn, ComboboxItem as cn, ComboboxLabel as ln, ComboboxList as un, ComboboxSeparator as dn, ComboboxTrigger as fn, ComboboxValue as pn, useComboboxAnchor as mn } from "./components/combobox/combobox.js";
|
|
33
|
+
import { Table as hn, TableBody as gn, TableCaption as _n, TableCell as vn, TableFooter as yn, TableHead as bn, TableHeader as xn, TableRow as Sn } from "./components/table/table.js";
|
|
34
|
+
import { DataTable as Cn } from "./components/data-table/data-table.js";
|
|
35
|
+
import { Popover as wn, PopoverContent as Tn, PopoverDescription as En, PopoverHeader as Dn, PopoverTitle as On, PopoverTrigger as kn } from "./components/popover/popover.js";
|
|
36
|
+
import { DatePicker as An } from "./components/date-picker/date-picker.js";
|
|
37
|
+
import { DenseTable as jn, DenseTableCell as Mn, DenseTableRow as Nn } from "./components/dense-table/dense-table.js";
|
|
38
|
+
import { Dialog as Pn, DialogClose as Fn, DialogContent as In, DialogDescription as Ln, DialogFooter as Rn, DialogHeader as zn, DialogOverlay as Bn, DialogPortal as Vn, DialogTitle as Hn, DialogTrigger as Un } from "./components/dialog/dialog.js";
|
|
39
|
+
import { Drawer as Wn, DrawerClose as Gn, DrawerContent as Kn, DrawerDescription as qn, DrawerFooter as Jn, DrawerHeader as Yn, DrawerOverlay as Xn, DrawerPortal as Zn, DrawerSwipeHandle as Qn, DrawerTitle as $n, DrawerTrigger as er } from "./components/drawer/drawer.js";
|
|
40
|
+
import { EditableText as tr } from "./components/editable-text/editable-text.js";
|
|
41
|
+
import { Empty as nr, EmptyContent as rr, EmptyDescription as ir, EmptyHeader as ar, EmptyMedia as or, EmptyTitle as sr } from "./components/empty/empty.js";
|
|
42
|
+
import { BrandBeehiiv as cr, BrandBluesky as lr, BrandFacebook as ur, BrandGoogle as dr, BrandInstagram as fr, BrandLinkedin as pr, BrandReddit as mr, BrandThreads as hr, BrandTiktok as gr, BrandX as _r, BrandYoutube as vr, PLATFORMS as yr, PLATFORM_COLOR as br, PLATFORM_ICON as xr, PLATFORM_LABEL as Sr, PlatformIcon as Cr } from "./components/platform-icon/platform-icon.js";
|
|
43
|
+
import { PlatformAvatar as wr } from "./components/platform-avatar/platform-avatar.js";
|
|
44
|
+
import { FaceStackButton as Tr } from "./components/face-stack-button/face-stack-button.js";
|
|
45
|
+
import { Progress as Er, ProgressIndicator as Dr, ProgressLabel as Or, ProgressTrack as kr, ProgressValue as Ar } from "./components/progress/progress.js";
|
|
46
|
+
import { GoalCard as jr, PaceBadge as Mr, PaceMeter as Nr, paceStatusOf as Pr } from "./components/goal-card/goal-card.js";
|
|
47
|
+
import { HoverCard as Fr, HoverCardContent as Ir, HoverCardTrigger as Lr } from "./components/hover-card/hover-card.js";
|
|
48
|
+
import { IdentityMark as Rr, IdentityMarkImage as zr } from "./components/identity-mark/identity-mark.js";
|
|
49
|
+
import { Item as Br, ItemActions as Vr, ItemContent as Hr, ItemDescription as Ur, ItemFooter as Wr, ItemGroup as Gr, ItemHeader as Kr, ItemMedia as qr, ItemSeparator as Jr, ItemTitle as Yr } from "./components/item/item.js";
|
|
50
|
+
import { Marker as Xr, MarkerContent as Zr, MarkerIcon as Qr, markerVariants as $r } from "./components/marker/marker.js";
|
|
51
|
+
import { MediaThumbnail as ei, mediaThumbnailVariants as ti } from "./components/media-thumbnail/media-thumbnail.js";
|
|
52
|
+
import { Message as ni, MessageAvatar as ri, MessageContent as ii, MessageFooter as ai, MessageGroup as oi, MessageHeader as si } from "./components/message/message.js";
|
|
53
|
+
import { MetricOverview as ci } from "./components/metric-overview/metric-overview.js";
|
|
54
|
+
import { MetricTile as li, metricTileVariants as ui } from "./components/metric-tile/metric-tile.js";
|
|
55
|
+
import { NativeSelect as di, NativeSelectOptGroup as fi, NativeSelectOption as pi } from "./components/native-select/native-select.js";
|
|
56
|
+
import { NavigationAction as mi, navigationActionVariants as hi } from "./components/navigation-action/navigation-action.js";
|
|
57
|
+
import { PageHeader as gi } from "./components/page-header/page-header.js";
|
|
58
|
+
import { Pagination as _i, PaginationContent as vi, PaginationEllipsis as yi, PaginationItem as bi, PaginationLink as xi, PaginationNext as Si, PaginationPrevious as Ci } from "./components/pagination/pagination.js";
|
|
59
|
+
import { Questionnaire as wi, QuestionnaireActions as Ti, QuestionnaireChoice as Ei, QuestionnaireChoiceDescription as Di, QuestionnaireChoices as Oi, QuestionnaireDescription as ki, QuestionnaireError as Ai, QuestionnaireInput as ji, QuestionnaireItem as Mi, QuestionnaireNext as Ni, QuestionnairePrevious as Pi, QuestionnaireProgress as Fi, QuestionnaireSkip as Ii, QuestionnaireSubmit as Li, QuestionnaireTitle as Ri } from "./components/questionnaire/questionnaire.js";
|
|
60
|
+
import { RadioGroup as zi, RadioGroupItem as Bi } from "./components/radio-group/radio-group.js";
|
|
61
|
+
import { ScrollArea as Vi, ScrollBar as Hi } from "./components/scroll-area/scroll-area.js";
|
|
62
|
+
import { Select as Ui, SelectContent as Wi, SelectGroup as Gi, SelectItem as Ki, SelectLabel as qi, SelectScrollDownButton as Ji, SelectScrollUpButton as Yi, SelectSeparator as Xi, SelectTrigger as Zi, SelectValue as Qi } from "./components/select/select.js";
|
|
63
|
+
import { SignalDots as $i, SignalStrip as ea } from "./components/signal-strip/signal-strip.js";
|
|
64
|
+
import { Slider as ta } from "./components/slider/slider.js";
|
|
65
|
+
import { SourceAvatar as na } from "./components/source-avatar/source-avatar.js";
|
|
66
|
+
import { Spinner as ra } from "./components/spinner/spinner.js";
|
|
67
|
+
import { StaleBanner as ia, StateBanner as aa, stateBannerVariants as oa } from "./components/state-banner/state-banner.js";
|
|
68
|
+
import { SuggestChips as sa } from "./components/suggest-chips/suggest-chips.js";
|
|
69
|
+
import { Tabs as ca, TabsContent as la, TabsList as ua, TabsTrigger as da, tabsListVariants as fa } from "./components/tabs/tabs.js";
|
|
70
|
+
import { Toggle as pa, toggleVariants as ma } from "./components/toggle/toggle.js";
|
|
71
|
+
import { StackedBarChart as ha } from "./components/stacked-bar-chart/stacked-bar-chart.js";
|
|
72
|
+
import { Switch as ga } from "./components/switch/switch.js";
|
|
73
|
+
import { Toast as _a, ToastAction as va, ToastClose as ya, ToastContent as ba, ToastDescription as xa, ToastPortal as Sa, ToastProvider as Ca, ToastTitle as wa, ToastViewport as Ta, Toaster as Ea, createToastManager as Da, toast as Oa, useToastManager as ka } from "./components/toast/toast.js";
|
|
74
|
+
import { ToggleGroup as Aa, ToggleGroupItem as ja } from "./components/toggle-group/toggle-group.js";
|
|
75
|
+
export { w as Accordion, T as AccordionContent, E as AccordionItem, D as AccordionTrigger, O as Alert, k as AlertAction, A as AlertDescription, M as AlertDialog, N as AlertDialogAction, P as AlertDialogCancel, F as AlertDialogContent, I as AlertDialogDescription, L as AlertDialogFooter, R as AlertDialogHeader, z as AlertDialogMedia, B as AlertDialogOverlay, V as AlertDialogPortal, H as AlertDialogTitle, U as AlertDialogTrigger, j as AlertTitle, He as AppShell, Ue as AppSidebar, We as AppSidebarWorkspace, Ge as AppTopBar, Ke as AspectRatio, qe as Attachment, Je as AttachmentAction, Ye as AttachmentActions, Xe as AttachmentContent, Ze as AttachmentDescription, Qe as AttachmentGroup, $e as AttachmentMedia, et as AttachmentTitle, tt as AttachmentTrigger, nt as Avatar, rt as AvatarBadge, it as AvatarFallback, at as AvatarGroup, ot as AvatarGroupCount, st as AvatarImage, ct as Badge, cr as BrandBeehiiv, lr as BrandBluesky, ur as BrandFacebook, dr as BrandGoogle, fr as BrandInstagram, pr as BrandLinkedin, mr as BrandReddit, hr as BrandThreads, gr as BrandTiktok, _r as BrandX, vr as BrandYoutube, ut as Breadcrumb, dt as BreadcrumbEllipsis, ft as BreadcrumbItem, pt as BreadcrumbLink, mt as BreadcrumbList, ht as BreadcrumbPage, gt as BreadcrumbSeparator, _t as Bubble, vt as BubbleContent, yt as BubbleGroup, bt as BubbleReactions, t as Button, xt as ButtonGroup, St as ButtonGroupSeparator, Ct as ButtonGroupText, n as ButtonLabel, Tt as Calendar, Et as CalendarDayButton, i as Card, a as CardAction, o as CardContent, s as CardDescription, c as CardFooter, l as CardHeader, u as CardTitle, Dt as Carousel, Ot as CarouselContent, kt as CarouselItem, At as CarouselNext, jt as CarouselPrevious, Nt as ChartContainer, Pt as ChartLegend, Ft as ChartLegendContent, It as ChartStyle, Lt as ChartTooltip, Rt as ChartTooltipContent, zt as ChatBar, Vt as Checkbox, Ht as Collapsible, Ut as CollapsibleContent, Wt as CollapsibleTrigger, Qt as Combobox, $t as ComboboxChip, en as ComboboxChips, tn as ComboboxChipsInput, nn as ComboboxCollection, rn as ComboboxContent, an as ComboboxEmpty, on as ComboboxGroup, sn as ComboboxInput, cn as ComboboxItem, ln as ComboboxLabel, un as ComboboxList, dn as ComboboxSeparator, fn as ComboboxTrigger, pn as ComboboxValue, Cn as DataTable, An as DatePicker, jn as DenseTable, Mn as DenseTableCell, Nn as DenseTableRow, Pn as Dialog, Fn as DialogClose, In as DialogContent, Ln as DialogDescription, Rn as DialogFooter, zn as DialogHeader, Bn as DialogOverlay, Vn as DialogPortal, Hn as DialogTitle, Un as DialogTrigger, Wn as Drawer, Gn as DrawerClose, Kn as DrawerContent, qn as DrawerDescription, Jn as DrawerFooter, Yn as DrawerHeader, Xn as DrawerOverlay, Zn as DrawerPortal, Qn as DrawerSwipeHandle, $n as DrawerTitle, er as DrawerTrigger, W as DropdownMenu, G as DropdownMenuCheckboxItem, K as DropdownMenuContent, q as DropdownMenuGroup, J as DropdownMenuItem, Y as DropdownMenuLabel, X as DropdownMenuPortal, Z as DropdownMenuRadioGroup, Q as DropdownMenuRadioItem, $ as DropdownMenuSeparator, ee as DropdownMenuShortcut, te as DropdownMenuSub, ne as DropdownMenuSubContent, re as DropdownMenuSubTrigger, ie as DropdownMenuTrigger, tr as EditableText, nr as Empty, rr as EmptyContent, ir as EmptyDescription, ar as EmptyHeader, or as EmptyMedia, sr as EmptyTitle, Tr as FaceStackButton, p as Field, m as FieldContent, h as FieldDescription, g as FieldError, _ as FieldGroup, v as FieldLabel, y as FieldLegend, b as FieldSeparator, x as FieldSet, S as FieldTitle, jr as GoalCard, Fr as HoverCard, Ir as HoverCardContent, Lr as HoverCardTrigger, Rr as IdentityMark, zr as IdentityMarkImage, C as Input, Kt as InputGroup, qt as InputGroupAddon, Jt as InputGroupButton, Yt as InputGroupInput, Xt as InputGroupText, Zt as InputGroupTextarea, Br as Item, Vr as ItemActions, Hr as ItemContent, Ur as ItemDescription, Wr as ItemFooter, Gr as ItemGroup, Kr as ItemHeader, qr as ItemMedia, Jr as ItemSeparator, Yr as ItemTitle, d as Label, Xr as Marker, Zr as MarkerContent, Qr as MarkerIcon, ei as MediaThumbnail, ni as Message, ri as MessageAvatar, ii as MessageContent, ai as MessageFooter, oi as MessageGroup, si as MessageHeader, ci as MetricOverview, li as MetricTile, di as NativeSelect, fi as NativeSelectOptGroup, pi as NativeSelectOption, mi as NavigationAction, yr as PLATFORMS, br as PLATFORM_COLOR, xr as PLATFORM_ICON, Sr as PLATFORM_LABEL, Mr as PaceBadge, Nr as PaceMeter, gi as PageHeader, _i as Pagination, vi as PaginationContent, yi as PaginationEllipsis, bi as PaginationItem, xi as PaginationLink, Si as PaginationNext, Ci as PaginationPrevious, wr as PlatformAvatar, Cr as PlatformIcon, wn as Popover, Tn as PopoverContent, En as PopoverDescription, Dn as PopoverHeader, On as PopoverTitle, kn as PopoverTrigger, Er as Progress, Dr as ProgressIndicator, Or as ProgressLabel, kr as ProgressTrack, Ar as ProgressValue, wi as Questionnaire, Ti as QuestionnaireActions, Ei as QuestionnaireChoice, Di as QuestionnaireChoiceDescription, Oi as QuestionnaireChoices, ki as QuestionnaireDescription, Ai as QuestionnaireError, ji as QuestionnaireInput, Mi as QuestionnaireItem, Ni as QuestionnaireNext, Pi as QuestionnairePrevious, Fi as QuestionnaireProgress, Ii as QuestionnaireSkip, Li as QuestionnaireSubmit, Ri as QuestionnaireTitle, zi as RadioGroup, Bi as RadioGroupItem, Vi as ScrollArea, Hi as ScrollBar, Ui as Select, Wi as SelectContent, Gi as SelectGroup, Ki as SelectItem, qi as SelectLabel, Ji as SelectScrollDownButton, Yi as SelectScrollUpButton, Xi as SelectSeparator, Zi as SelectTrigger, Qi as SelectValue, f as Separator, ae as Sheet, oe as SheetClose, se as SheetContent, ce as SheetDescription, le as SheetFooter, ue as SheetHeader, de as SheetTitle, fe as SheetTrigger, ve as Sidebar, ye as SidebarContent, be as SidebarFooter, xe as SidebarGroup, Se as SidebarGroupAction, Ce as SidebarGroupContent, we as SidebarGroupLabel, Te as SidebarHeader, Ee as SidebarInput, De as SidebarInset, Oe as SidebarMenu, ke as SidebarMenuAction, Ae as SidebarMenuBadge, je as SidebarMenuButton, Me as SidebarMenuItem, Ne as SidebarMenuSkeleton, Pe as SidebarMenuSub, Fe as SidebarMenuSubButton, Ie as SidebarMenuSubItem, Le as SidebarProvider, Re as SidebarRail, ze as SidebarSeparator, Be as SidebarTrigger, $i as SignalDots, ea as SignalStrip, pe as Skeleton, ta as Slider, na as SourceAvatar, ra as Spinner, ha as StackedBarChart, ia as StaleBanner, aa as StateBanner, sa as SuggestChips, ga as Switch, hn as Table, gn as TableBody, _n as TableCaption, vn as TableCell, yn as TableFooter, bn as TableHead, xn as TableHeader, Sn as TableRow, ca as Tabs, la as TabsContent, ua as TabsList, da as TabsTrigger, Gt as Textarea, _a as Toast, va as ToastAction, ya as ToastClose, ba as ToastContent, xa as ToastDescription, Sa as ToastPortal, Ca as ToastProvider, wa as ToastTitle, Ta as ToastViewport, Ea as Toaster, pa as Toggle, Aa as ToggleGroup, ja as ToggleGroupItem, me as Tooltip, he as TooltipContent, ge as TooltipProvider, _e as TooltipTrigger, lt as badgeVariants, wt as buttonGroupVariants, r as buttonVariants, Bt as chatBarFormVariants, e as cn, Da as createToastManager, $r as markerVariants, ti as mediaThumbnailVariants, ui as metricTileVariants, hi as navigationActionVariants, Pr as paceStatusOf, oa as stateBannerVariants, fa as tabsListVariants, Oa as toast, ma as toggleVariants, Mt as useCarousel, mn as useComboboxAnchor, Ve as useSidebar, ka as useToastManager };
|
package/package.json
CHANGED
package/src/styles/globals.css
CHANGED
|
@@ -44,6 +44,14 @@
|
|
|
44
44
|
--color-area-reviews: var(--area-reviews);
|
|
45
45
|
--color-area-reviews-soft: var(--area-reviews-soft);
|
|
46
46
|
--color-area-reviews-foreground: var(--area-reviews-foreground);
|
|
47
|
+
--color-tone-blue: var(--tone-blue);
|
|
48
|
+
--color-tone-blue-soft: var(--tone-blue-soft);
|
|
49
|
+
--color-tone-violet: var(--tone-violet);
|
|
50
|
+
--color-tone-violet-soft: var(--tone-violet-soft);
|
|
51
|
+
--color-tone-amber: var(--tone-amber);
|
|
52
|
+
--color-tone-amber-soft: var(--tone-amber-soft);
|
|
53
|
+
--color-tone-green: var(--tone-green);
|
|
54
|
+
--color-tone-green-soft: var(--tone-green-soft);
|
|
47
55
|
--color-canvas: var(--canvas);
|
|
48
56
|
--color-brand-surface: var(--brand-surface);
|
|
49
57
|
--color-brand-surface-foreground: var(--brand-surface-foreground);
|
|
@@ -106,12 +114,24 @@
|
|
|
106
114
|
--type-display-title-size: 2.75rem;
|
|
107
115
|
--type-display-title-line-height: 1.05;
|
|
108
116
|
--type-display-title-letter-spacing: -0.035em;
|
|
109
|
-
|
|
110
|
-
|
|
117
|
+
/* Blaze 4 type, measured from the builder (ADR 0023): 44px regular page titles,
|
|
118
|
+
an 18px lead under them, 20px medium sections, 17px item titles. */
|
|
119
|
+
--type-page-title-size: 2.75rem;
|
|
120
|
+
--type-page-title-line-height: 1.05;
|
|
111
121
|
--type-page-title-letter-spacing: -0.035em;
|
|
112
|
-
--type-
|
|
122
|
+
--type-page-title-weight: 400;
|
|
123
|
+
--type-lead-size: 1.125rem;
|
|
124
|
+
--type-lead-line-height: 1.45;
|
|
125
|
+
--type-section-title-size: 1.25rem;
|
|
113
126
|
--type-section-title-line-height: 1.3;
|
|
114
127
|
--type-section-title-letter-spacing: 0;
|
|
128
|
+
--type-section-title-weight: 500;
|
|
129
|
+
--type-item-title-size: 1.0625rem;
|
|
130
|
+
--type-item-title-line-height: 1.5;
|
|
131
|
+
/* A standalone number in a tile or goal card: 22px regular, set a little tight. */
|
|
132
|
+
--type-metric-size: 1.375rem;
|
|
133
|
+
--type-metric-line-height: 1.2;
|
|
134
|
+
--type-metric-letter-spacing: -0.02em;
|
|
115
135
|
--type-accent-title-size: 1.5625rem;
|
|
116
136
|
--type-accent-title-line-height: 1.12;
|
|
117
137
|
--type-content-size: 1rem;
|
|
@@ -197,6 +217,19 @@
|
|
|
197
217
|
--area-ads-soft: color-mix(in srgb, var(--area-ads) 10%, transparent);
|
|
198
218
|
--area-calls-soft: color-mix(in srgb, var(--area-calls) 10%, transparent);
|
|
199
219
|
--area-reviews-soft: color-mix(in srgb, var(--area-reviews) 10%, transparent);
|
|
220
|
+
/*
|
|
221
|
+
* Category tones: a color and its soft tint for consumer-defined categories
|
|
222
|
+
* (kinds of idea, content types) that are not product areas. The color is the
|
|
223
|
+
* text on its tint and passes 4.5:1 there. Huck uses the same values.
|
|
224
|
+
*/
|
|
225
|
+
--tone-blue: #2563c9;
|
|
226
|
+
--tone-blue-soft: #e8f0fd;
|
|
227
|
+
--tone-violet: #7c3aed;
|
|
228
|
+
--tone-violet-soft: #f1ebfe;
|
|
229
|
+
--tone-amber: #a35a00;
|
|
230
|
+
--tone-amber-soft: #fdf0dc;
|
|
231
|
+
--tone-green: #1e7a4c;
|
|
232
|
+
--tone-green-soft: #e3f4ea;
|
|
200
233
|
--chart-1: oklch(0.87 0 0);
|
|
201
234
|
--chart-2: oklch(0.556 0 0);
|
|
202
235
|
--chart-3: oklch(0.439 0 0);
|
|
@@ -269,6 +302,14 @@
|
|
|
269
302
|
--area-ads-soft: color-mix(in srgb, var(--area-ads) 16%, transparent);
|
|
270
303
|
--area-calls-soft: color-mix(in srgb, var(--area-calls) 16%, transparent);
|
|
271
304
|
--area-reviews-soft: color-mix(in srgb, var(--area-reviews) 16%, transparent);
|
|
305
|
+
--tone-blue: #8ab0f4;
|
|
306
|
+
--tone-blue-soft: color-mix(in srgb, var(--tone-blue) 16%, transparent);
|
|
307
|
+
--tone-violet: #c4b5fd;
|
|
308
|
+
--tone-violet-soft: color-mix(in srgb, var(--tone-violet) 16%, transparent);
|
|
309
|
+
--tone-amber: #e9c270;
|
|
310
|
+
--tone-amber-soft: color-mix(in srgb, var(--tone-amber) 16%, transparent);
|
|
311
|
+
--tone-green: #86cda4;
|
|
312
|
+
--tone-green-soft: color-mix(in srgb, var(--tone-green) 16%, transparent);
|
|
272
313
|
--chart-1: oklch(0.87 0 0);
|
|
273
314
|
--chart-2: oklch(0.556 0 0);
|
|
274
315
|
--chart-3: oklch(0.439 0 0);
|
|
@@ -290,6 +331,12 @@
|
|
|
290
331
|
* and Fraunces. Dark mode composes with it through `.dark`.
|
|
291
332
|
*/
|
|
292
333
|
.theme-huck {
|
|
334
|
+
/* Huck keeps ADR 0019's type: 28px semibold page titles, 17px semibold sections. */
|
|
335
|
+
--type-page-title-size: 1.75rem;
|
|
336
|
+
--type-page-title-line-height: 1.14;
|
|
337
|
+
--type-page-title-weight: 600;
|
|
338
|
+
--type-section-title-size: 1.0625rem;
|
|
339
|
+
--type-section-title-weight: 600;
|
|
293
340
|
--font-sans: 'DM Sans Variable', system-ui, sans-serif;
|
|
294
341
|
--font-heading: var(--font-sans);
|
|
295
342
|
--font-accent: 'Fraunces Variable', Georgia, serif;
|
|
@@ -436,7 +483,17 @@
|
|
|
436
483
|
font-size: var(--type-page-title-size);
|
|
437
484
|
line-height: var(--type-page-title-line-height);
|
|
438
485
|
letter-spacing: var(--type-page-title-letter-spacing);
|
|
439
|
-
font-weight:
|
|
486
|
+
font-weight: var(--type-page-title-weight);
|
|
487
|
+
}
|
|
488
|
+
|
|
489
|
+
.type-lead {
|
|
490
|
+
font-size: var(--type-lead-size);
|
|
491
|
+
line-height: var(--type-lead-line-height);
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
.type-item-title {
|
|
495
|
+
font-size: var(--type-item-title-size);
|
|
496
|
+
line-height: var(--type-item-title-line-height);
|
|
440
497
|
}
|
|
441
498
|
|
|
442
499
|
.type-section-title {
|
|
@@ -444,7 +501,14 @@
|
|
|
444
501
|
font-size: var(--type-section-title-size);
|
|
445
502
|
line-height: var(--type-section-title-line-height);
|
|
446
503
|
letter-spacing: var(--type-section-title-letter-spacing);
|
|
447
|
-
font-weight:
|
|
504
|
+
font-weight: var(--type-section-title-weight);
|
|
505
|
+
}
|
|
506
|
+
|
|
507
|
+
.type-metric {
|
|
508
|
+
font-size: var(--type-metric-size);
|
|
509
|
+
line-height: var(--type-metric-line-height);
|
|
510
|
+
letter-spacing: var(--type-metric-letter-spacing);
|
|
511
|
+
font-weight: 400;
|
|
448
512
|
}
|
|
449
513
|
|
|
450
514
|
.type-accent-title {
|