@exsto/ds 0.0.1-rc.2 → 0.0.1-rc.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/README.md +19 -5
- package/dist/chunks/{toggle-group-ByNq8g7H.js → toggle-group-CTTjTe-K.js} +204 -96
- package/dist/chunks/toggle-group-CTTjTe-K.js.map +1 -0
- package/dist/elements/src/edx-scroll-area.d.ts +5 -0
- package/dist/elements.js +10 -4
- package/dist/elements.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +207 -63
- package/dist/theme.css +58 -5
- package/dist/ui/src/components/ui/command/command.d.ts +17 -1
- package/dist/ui/src/components/ui/dropdown-menu/dropdown-menu.d.ts +12 -0
- package/dist/ui/src/components/ui/scroll-area/scroll-area.behavior.test.d.ts +11 -0
- package/dist/ui/src/components/ui/scroll-area/scroll-area.d.ts +40 -6
- package/dist/ui/src/components/ui/separator/separator.behavior.test.d.ts +14 -0
- package/dist/ui/src/components/ui/separator/separator.d.ts +14 -0
- package/package.json +1 -1
- package/dist/chunks/toggle-group-ByNq8g7H.js.map +0 -1
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { $ as SidebarProvider, $a as AlertDialogAction, $i as ChartContainer, $n as
|
|
1
|
+
import { $ as SidebarProvider, $a as AlertDialogAction, $i as ChartContainer, $n as ItemActions, $r as ContextMenu, $t as Pagination, A as TableRow, Aa as BreadcrumbLink, Ai as Input, An as MenubarCheckboxItem, Ar as DropdownMenuContent, At as RadioGroupItem, B as SidebarGroupLabel, Ba as AvatarGroupCount, Bi as DialogTrigger, Bn as MenubarShortcut, Br as DropdownMenuSubContent, Bt as QuestionnaireNext, C as Table, Ca as Bubble, Ci as InputGroup, Cn as Message, Co as Button, Cr as EmptyContent, Ct as SelectSeparator, D as TableFooter, Da as Breadcrumb, Di as InputGroupText, Dn as MessageGroup, Dr as EmptyTitle, Dt as ResizablePanel, E as TableCell, Ea as BubbleReactions, Ei as InputGroupInput, En as MessageFooter, Er as EmptyMedia, Et as ResizableHandle, F as SidebarContent, Fa as badgeVariants, Fi as DialogFooter, Fn as MenubarMenu, Fr as DropdownMenuRadioGroup, Ft as QuestionnaireChoices, G as SidebarMenuAction, Ga as AttachmentContent, Gi as ComboboxItem, Gn as Marker, Gr as DrawerContent, Gt as QuestionnaireTitle, H as SidebarInput, Ha as Attachment, Hi as ComboboxContent, Hn as MenubarSubContent, Hr as DropdownMenuTrigger, Ht as QuestionnaireProgress, I as SidebarFooter, Ia as Avatar, Ii as DialogHeader, In as MenubarPortal, Ir as DropdownMenuRadioItem, It as QuestionnaireDescription, J as SidebarMenuItem, Ja as AttachmentMedia, Ji as useMergedRefs, Jn as markerVariants, Jr as DrawerHeader, Jt as PopoverContent, K as SidebarMenuBadge, Ka as AttachmentDescription, Ki as ScrollArea, Kn as MarkerContent, Kr as DrawerDescription, Kt as Progress, L as SidebarGroup, La as AvatarBadge, Li as DialogOverlay, Ln as MenubarRadioGroup, Lr as DropdownMenuSeparator, Lt as QuestionnaireError, M as Spinner, Ma as BreadcrumbPage, Mi as DialogClose, Mn as MenubarGroup, Mr as DropdownMenuItem, Mt as QuestionnaireActions, N as spinnerVariants, Na as BreadcrumbSeparator, Ni as DialogContent, Nn as MenubarItem, Nr as DropdownMenuLabel, Nt as QuestionnaireChoice, O as TableHead, Oa as BreadcrumbEllipsis, Oi as InputGroupTextarea, On as MessageHeader, Or as DropdownMenu, Ot as ResizablePanelGroup, P as Sidebar, Pa as Badge, Pi as DialogDescription, Pn as MenubarLabel, Pr as DropdownMenuPortal, Pt as QuestionnaireChoiceDescription, Q as SidebarMenuSubItem, Qa as AlertDialog, Qi as Checkbox, Qn as Item, Qr as useDirection, Qt as PopoverTrigger, R as SidebarGroupAction, Ra as AvatarFallback, Ri as DialogPortal, Rn as MenubarRadioItem, Rr as DropdownMenuShortcut, Rt as QuestionnaireInput, S as tabsListVariants, Sa as ButtonGroupText, Si as CommandShortcut, Sn as useMessageScrollerVisibility, So as Slider, Sr as Empty, St as SelectLabel, T as TableCaption, Ta as BubbleGroup, Ti as InputGroupButton, Tn as MessageContent, To as cn, Tr as EmptyHeader, Tt as SelectValue, U as SidebarInset, Ua as AttachmentAction, Ui as ComboboxEmpty, Un as MenubarSubTrigger, Ur as Drawer, Ut as QuestionnaireSkip, V as SidebarHeader, Va as AvatarImage, Vi as Combobox, Vn as MenubarSub, Vr as DropdownMenuSubTrigger, Vt as QuestionnairePrevious, W as SidebarMenu, Wa as AttachmentActions, Wi as ComboboxInput, Wn as MenubarTrigger, Wr as DrawerClose, Wt as QuestionnaireSubmit, X as SidebarMenuSub, Xa as AttachmentTrigger, Xi as CollapsibleContent, Xn as Kbd, Xr as DrawerTrigger, Xt as PopoverHeader, Y as SidebarMenuSkeleton, Ya as AttachmentTitle, Yi as Collapsible, Yn as Label, Yr as DrawerTitle, Yt as PopoverDescription, Z as SidebarMenuSubButton, Za as AspectRatio, Zi as CollapsibleTrigger, Zn as KbdGroup, Zr as DirectionProvider, Zt as PopoverTitle, _ as useToastManager, _a as CardTitle, _i as CommandGroup, _n as MessageScrollerItem, _o as AccordionTrigger, _r as HoverCardTrigger, _t as SheetTrigger, a as Toast, aa as Carousel, ai as ContextMenuPortal, an as NavigationMenuItem, ao as AlertDialogMedia, ar as ItemMedia, at as TooltipContent, b as TabsList, ba as ButtonGroup, bi as CommandList, bn as useMessageScroller, bo as formatMediaTime, br as FieldError, bt as SelectGroup, c as ToastContent, ca as CarouselNext, ci as ContextMenuSeparator, cn as NavigationMenuPositioner, co as AlertDialogTitle, cr as Separator, ct as Skeleton, d as ToastProvider, da as Card, di as ContextMenuSubContent, dn as NativeSelect, do as AlertAction, dr as InputOTPSeparator, dt as SheetClose, ea as ChartLegend, ei as ContextMenuCheckboxItem, en as clampPage, eo as AlertDialogCancel, er as ItemContent, et as SidebarRail, f as ToastTitle, fa as CardAction, fi as ContextMenuSubTrigger, fn as NativeSelectOptGroup, fo as AlertDescription, fr as InputOTPSlot, ft as SheetContent, g as toast, ga as CardHeader, gi as CommandEmpty, gn as MessageScrollerContent, go as AccordionItem, gr as HoverCardContent, gt as SheetTitle, h as createToastManager, ha as CardFooter, hi as CommandDialog, hn as MessageScrollerButton, ho as AccordionContent, hr as HoverCard, ht as SheetHeader, i as toggleVariants, ia as ChartTooltipContent, ii as ContextMenuLabel, in as NavigationMenuIndicator, io as AlertDialogHeader, ir as ItemHeader, it as Tooltip, j as Switch, ja as BreadcrumbList, ji as Dialog, jn as MenubarContent, jr as DropdownMenuGroup, jt as Questionnaire, k as TableHeader, ka as BreadcrumbItem, ki as Textarea, kn as Menubar, kr as DropdownMenuCheckboxItem, kt as RadioGroup, l as ToastDescription, la as CarouselPrevious, li as ContextMenuShortcut, ln as NavigationMenuTrigger, lo as AlertDialogTrigger, lr as InputOTP, lt as useIsMobile, m as Toaster, ma as CardDescription, mi as Command, mn as MessageScroller, mo as Accordion, mr as indicatorVariants, mt as SheetFooter, n as ToggleGroupItem, na as ChartStyle, ni as ContextMenuGroup, nn as NavigationMenu, no as AlertDialogDescription, nr as ItemFooter, nt as SidebarTrigger, o as ToastAction, oa as CarouselContent, oi as ContextMenuRadioGroup, on as NavigationMenuLink, oo as AlertDialogOverlay, or as ItemSeparator, ot as TooltipProvider, p as ToastViewport, pa as CardContent, pi as ContextMenuTrigger, pn as NativeSelectOption, po as AlertTitle, pr as Indicator, pt as SheetDescription, q as SidebarMenuButton, qa as AttachmentGroup, qi as ScrollBar, qn as MarkerIcon, qr as DrawerFooter, qt as Popover, r as Toggle, ra as ChartTooltip, ri as ContextMenuItem, rn as NavigationMenuContent, ro as AlertDialogFooter, rr as ItemGroup, rt as useSidebar, s as ToastClose, sa as CarouselItem, si as ContextMenuRadioItem, sn as NavigationMenuList, so as AlertDialogPortal, sr as ItemTitle, st as TooltipTrigger, t as ToggleGroup, ta as ChartLegendContent, ti as ContextMenuContent, tn as getPaginationRange, to as AlertDialogContent, tr as ItemDescription, tt as SidebarSeparator, u as ToastPortal, ua as useCarousel, ui as ContextMenuSub, un as navigationMenuTriggerStyle, uo as Alert, ur as InputOTPGroup, ut as Sheet, v as Tabs, va as Calendar, vi as CommandInput, vn as MessageScrollerProvider, vo as VideoPlayer, vr as Field, vt as Select, w as TableBody, wa as BubbleContent, wi as InputGroupAddon, wn as MessageAvatar, wo as buttonVariants, wr as EmptyDescription, wt as SelectTrigger, x as TabsTrigger, xa as ButtonGroupSeparator, xi as CommandSeparator, xn as useMessageScrollerScrollable, xo as useMediaPlayer, xr as FieldLabel, xt as SelectItem, y as TabsContent, ya as CalendarDayButton, yi as CommandItem, yn as MessageScrollerViewport, yo as AudioPlayer, yr as FieldDescription, yt as SelectContent, z as SidebarGroupContent, za as AvatarGroup, zi as DialogTitle, zn as MenubarSeparator, zr as DropdownMenuSub, zt as QuestionnaireItem } from "./chunks/toggle-group-CTTjTe-K.js";
|
|
2
2
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, AudioPlayer, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldDescription, FieldError, FieldLabel, HoverCard, HoverCardContent, HoverCardTrigger, Indicator, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Marker, MarkerContent, MarkerIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Pagination, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VideoPlayer, badgeVariants, buttonVariants, clampPage, cn, createToastManager, formatMediaTime, getPaginationRange, indicatorVariants, markerVariants, navigationMenuTriggerStyle, spinnerVariants, tabsListVariants, toast, toggleVariants, useCarousel, useDirection, useIsMobile, useMediaPlayer, useMergedRefs, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useToastManager };
|
package/dist/styles.css
CHANGED
|
@@ -124,6 +124,9 @@
|
|
|
124
124
|
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
|
|
125
125
|
--default-font-family: var(--font-sans);
|
|
126
126
|
--default-mono-font-family: var(--font-mono);
|
|
127
|
+
--text-2xs: 10px;
|
|
128
|
+
--text-2xs--line-height: 14px;
|
|
129
|
+
--color-card: var(--card);
|
|
127
130
|
--color-border: var(--border);
|
|
128
131
|
}
|
|
129
132
|
}
|
|
@@ -495,6 +498,14 @@
|
|
|
495
498
|
inset-inline-start: 50%;
|
|
496
499
|
}
|
|
497
500
|
|
|
501
|
+
.start-0 {
|
|
502
|
+
inset-inline-start: calc(var(--spacing) * 0);
|
|
503
|
+
}
|
|
504
|
+
|
|
505
|
+
.end-0 {
|
|
506
|
+
inset-inline-end: calc(var(--spacing) * 0);
|
|
507
|
+
}
|
|
508
|
+
|
|
498
509
|
.-top-12 {
|
|
499
510
|
top: calc(var(--spacing) * -12);
|
|
500
511
|
}
|
|
@@ -1070,6 +1081,14 @@
|
|
|
1070
1081
|
max-height: calc(var(--spacing) * 72);
|
|
1071
1082
|
}
|
|
1072
1083
|
|
|
1084
|
+
.max-h-88 {
|
|
1085
|
+
max-height: calc(var(--spacing) * 88);
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
.max-h-inherit {
|
|
1089
|
+
max-height: inherit;
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1073
1092
|
.min-h-0 {
|
|
1074
1093
|
min-height: 0;
|
|
1075
1094
|
}
|
|
@@ -1154,6 +1173,10 @@
|
|
|
1154
1173
|
width: calc(var(--spacing) * 10);
|
|
1155
1174
|
}
|
|
1156
1175
|
|
|
1176
|
+
.w-12 {
|
|
1177
|
+
width: calc(var(--spacing) * 12);
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1157
1180
|
.w-24 {
|
|
1158
1181
|
width: calc(var(--spacing) * 24);
|
|
1159
1182
|
}
|
|
@@ -1266,6 +1289,10 @@
|
|
|
1266
1289
|
flex: 1;
|
|
1267
1290
|
}
|
|
1268
1291
|
|
|
1292
|
+
.shrink {
|
|
1293
|
+
flex-shrink: 1;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1269
1296
|
.shrink-0 {
|
|
1270
1297
|
flex-shrink: 0;
|
|
1271
1298
|
}
|
|
@@ -1529,6 +1556,10 @@
|
|
|
1529
1556
|
grid-template-columns: minmax(0, 1fr) auto auto;
|
|
1530
1557
|
}
|
|
1531
1558
|
|
|
1559
|
+
.grid-rows-1 {
|
|
1560
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
1561
|
+
}
|
|
1562
|
+
|
|
1532
1563
|
.grid-rows-\[auto_1fr\] {
|
|
1533
1564
|
grid-template-rows: auto 1fr;
|
|
1534
1565
|
}
|
|
@@ -1675,10 +1706,22 @@
|
|
|
1675
1706
|
overflow-x: hidden;
|
|
1676
1707
|
}
|
|
1677
1708
|
|
|
1709
|
+
.overflow-x-hidden\! {
|
|
1710
|
+
overflow-x: hidden !important;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1678
1713
|
.overflow-y-auto {
|
|
1679
1714
|
overflow-y: auto;
|
|
1680
1715
|
}
|
|
1681
1716
|
|
|
1717
|
+
.overflow-y-hidden {
|
|
1718
|
+
overflow-y: hidden;
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
.overflow-y-hidden\! {
|
|
1722
|
+
overflow-y: hidden !important;
|
|
1723
|
+
}
|
|
1724
|
+
|
|
1682
1725
|
.overscroll-contain {
|
|
1683
1726
|
overscroll-behavior: contain;
|
|
1684
1727
|
}
|
|
@@ -2031,6 +2074,34 @@
|
|
|
2031
2074
|
}
|
|
2032
2075
|
}
|
|
2033
2076
|
|
|
2077
|
+
.bg-linear-to-b {
|
|
2078
|
+
--tw-gradient-position: to bottom;
|
|
2079
|
+
}
|
|
2080
|
+
|
|
2081
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2082
|
+
.bg-linear-to-b {
|
|
2083
|
+
--tw-gradient-position: to bottom in oklab;
|
|
2084
|
+
}
|
|
2085
|
+
}
|
|
2086
|
+
|
|
2087
|
+
.bg-linear-to-b {
|
|
2088
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2089
|
+
}
|
|
2090
|
+
|
|
2091
|
+
.bg-linear-to-t {
|
|
2092
|
+
--tw-gradient-position: to top;
|
|
2093
|
+
}
|
|
2094
|
+
|
|
2095
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
2096
|
+
.bg-linear-to-t {
|
|
2097
|
+
--tw-gradient-position: to top in oklab;
|
|
2098
|
+
}
|
|
2099
|
+
}
|
|
2100
|
+
|
|
2101
|
+
.bg-linear-to-t {
|
|
2102
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
2103
|
+
}
|
|
2104
|
+
|
|
2034
2105
|
.bg-gradient-to-t {
|
|
2035
2106
|
--tw-gradient-position: to top in oklab;
|
|
2036
2107
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
@@ -2041,6 +2112,21 @@
|
|
|
2041
2112
|
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2042
2113
|
}
|
|
2043
2114
|
|
|
2115
|
+
.from-card {
|
|
2116
|
+
--tw-gradient-from: var(--card);
|
|
2117
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2118
|
+
}
|
|
2119
|
+
|
|
2120
|
+
.from-popover {
|
|
2121
|
+
--tw-gradient-from: var(--popover);
|
|
2122
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2123
|
+
}
|
|
2124
|
+
|
|
2125
|
+
.from-sidebar {
|
|
2126
|
+
--tw-gradient-from: var(--sidebar);
|
|
2127
|
+
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
|
|
2128
|
+
}
|
|
2129
|
+
|
|
2044
2130
|
.via-background\/75 {
|
|
2045
2131
|
--tw-gradient-via: var(--background);
|
|
2046
2132
|
}
|
|
@@ -2277,6 +2363,11 @@
|
|
|
2277
2363
|
font-family: var(--font-sans);
|
|
2278
2364
|
}
|
|
2279
2365
|
|
|
2366
|
+
.text-2xs {
|
|
2367
|
+
font-size: var(--text-2xs);
|
|
2368
|
+
line-height: var(--tw-leading, var(--text-2xs--line-height));
|
|
2369
|
+
}
|
|
2370
|
+
|
|
2280
2371
|
.text-base {
|
|
2281
2372
|
font-size: var(--text-base);
|
|
2282
2373
|
line-height: var(--tw-leading, var(--text-base--line-height));
|
|
@@ -2893,6 +2984,10 @@
|
|
|
2893
2984
|
display: none;
|
|
2894
2985
|
}
|
|
2895
2986
|
|
|
2987
|
+
.group-data-overflow-x-end\/scroll-area\:opacity-100:is(:where(.group\/scroll-area)[data-overflow-x-end] *), .group-data-overflow-x-start\/scroll-area\:opacity-100:is(:where(.group\/scroll-area)[data-overflow-x-start] *), .group-data-overflow-y-end\/scroll-area\:opacity-100:is(:where(.group\/scroll-area)[data-overflow-y-end] *), .group-data-overflow-y-start\/scroll-area\:opacity-100:is(:where(.group\/scroll-area)[data-overflow-y-start] *) {
|
|
2988
|
+
opacity: 1;
|
|
2989
|
+
}
|
|
2990
|
+
|
|
2896
2991
|
.group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
|
|
2897
2992
|
rotate: 180deg;
|
|
2898
2993
|
}
|
|
@@ -2998,6 +3093,10 @@
|
|
|
2998
3093
|
}
|
|
2999
3094
|
}
|
|
3000
3095
|
|
|
3096
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:h-8:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
|
|
3097
|
+
height: calc(var(--spacing) * 8);
|
|
3098
|
+
}
|
|
3099
|
+
|
|
3001
3100
|
.group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
|
|
3002
3101
|
position: absolute;
|
|
3003
3102
|
}
|
|
@@ -3022,6 +3121,22 @@
|
|
|
3022
3121
|
padding-inline: var(--spacing);
|
|
3023
3122
|
}
|
|
3024
3123
|
|
|
3124
|
+
.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
|
|
3125
|
+
height: fit-content;
|
|
3126
|
+
}
|
|
3127
|
+
|
|
3128
|
+
.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
|
|
3129
|
+
width: 100%;
|
|
3130
|
+
}
|
|
3131
|
+
|
|
3132
|
+
.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
|
|
3133
|
+
flex-direction: column;
|
|
3134
|
+
}
|
|
3135
|
+
|
|
3136
|
+
.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
|
|
3137
|
+
justify-content: flex-start;
|
|
3138
|
+
}
|
|
3139
|
+
|
|
3025
3140
|
.group-data-\[shortcut\]\/questionnaire-choice\:inline-flex:is(:where(.group\/questionnaire-choice)[data-shortcut] *) {
|
|
3026
3141
|
display: inline-flex;
|
|
3027
3142
|
}
|
|
@@ -3321,26 +3436,6 @@
|
|
|
3321
3436
|
color: var(--foreground);
|
|
3322
3437
|
}
|
|
3323
3438
|
|
|
3324
|
-
.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
|
|
3325
|
-
height: calc(var(--spacing) * 8);
|
|
3326
|
-
}
|
|
3327
|
-
|
|
3328
|
-
.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3329
|
-
height: fit-content;
|
|
3330
|
-
}
|
|
3331
|
-
|
|
3332
|
-
.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3333
|
-
width: 100%;
|
|
3334
|
-
}
|
|
3335
|
-
|
|
3336
|
-
.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3337
|
-
flex-direction: column;
|
|
3338
|
-
}
|
|
3339
|
-
|
|
3340
|
-
.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3341
|
-
justify-content: flex-start;
|
|
3342
|
-
}
|
|
3343
|
-
|
|
3344
3439
|
@media (hover: hover) {
|
|
3345
3440
|
.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
|
|
3346
3441
|
color: var(--sidebar-accent-foreground);
|
|
@@ -3611,32 +3706,32 @@
|
|
|
3611
3706
|
left: 100%;
|
|
3612
3707
|
}
|
|
3613
3708
|
|
|
3614
|
-
.group-data
|
|
3709
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
|
|
3615
3710
|
content: var(--tw-content);
|
|
3616
3711
|
inset-inline: 0;
|
|
3617
3712
|
}
|
|
3618
3713
|
|
|
3619
|
-
.group-data
|
|
3714
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
|
|
3620
3715
|
content: var(--tw-content);
|
|
3621
3716
|
bottom: -5px;
|
|
3622
3717
|
}
|
|
3623
3718
|
|
|
3624
|
-
.group-data
|
|
3719
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
|
|
3625
3720
|
content: var(--tw-content);
|
|
3626
3721
|
height: calc(var(--spacing) * .5);
|
|
3627
3722
|
}
|
|
3628
3723
|
|
|
3629
|
-
.group-data
|
|
3724
|
+
.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
|
|
3630
3725
|
content: var(--tw-content);
|
|
3631
3726
|
inset-block: 0;
|
|
3632
3727
|
}
|
|
3633
3728
|
|
|
3634
|
-
.group-data
|
|
3729
|
+
.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
|
|
3635
3730
|
content: var(--tw-content);
|
|
3636
3731
|
right: calc(var(--spacing) * -1);
|
|
3637
3732
|
}
|
|
3638
3733
|
|
|
3639
|
-
.group-data
|
|
3734
|
+
.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
|
|
3640
3735
|
content: var(--tw-content);
|
|
3641
3736
|
width: calc(var(--spacing) * .5);
|
|
3642
3737
|
}
|
|
@@ -4740,10 +4835,18 @@
|
|
|
4740
4835
|
--tw-exit-opacity: 0;
|
|
4741
4836
|
}
|
|
4742
4837
|
|
|
4838
|
+
.data-\[orientation\=\*\]\:w-full[data-orientation="*"] {
|
|
4839
|
+
width: 100%;
|
|
4840
|
+
}
|
|
4841
|
+
|
|
4743
4842
|
.data-\[orientation\=horizontal\]\:flex[data-orientation="horizontal"] {
|
|
4744
4843
|
display: flex;
|
|
4745
4844
|
}
|
|
4746
4845
|
|
|
4846
|
+
.data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
|
|
4847
|
+
flex-direction: column;
|
|
4848
|
+
}
|
|
4849
|
+
|
|
4747
4850
|
.data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"] {
|
|
4748
4851
|
align-items: center;
|
|
4749
4852
|
}
|
|
@@ -4752,6 +4855,10 @@
|
|
|
4752
4855
|
flex-direction: column;
|
|
4753
4856
|
}
|
|
4754
4857
|
|
|
4858
|
+
.data-\[orientation\=vertical\]\:items-stretch[data-orientation="vertical"] {
|
|
4859
|
+
align-items: stretch;
|
|
4860
|
+
}
|
|
4861
|
+
|
|
4755
4862
|
.data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end="true"] {
|
|
4756
4863
|
border-radius: var(--cell-radius);
|
|
4757
4864
|
}
|
|
@@ -5216,22 +5323,22 @@
|
|
|
5216
5323
|
height: calc(var(--spacing) * 6) !important;
|
|
5217
5324
|
}
|
|
5218
5325
|
|
|
5219
|
-
.group-data
|
|
5326
|
+
.group-data-\[orientation\=horizontal\]\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-l-lg:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"]:first-child {
|
|
5220
5327
|
border-top-left-radius: var(--radius);
|
|
5221
5328
|
border-bottom-left-radius: var(--radius);
|
|
5222
5329
|
}
|
|
5223
5330
|
|
|
5224
|
-
.group-data
|
|
5331
|
+
.group-data-\[orientation\=vertical\]\/toggle-group\:data-\[spacing\=0\]\:first\:rounded-t-lg:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"]:first-child {
|
|
5225
5332
|
border-top-left-radius: var(--radius);
|
|
5226
5333
|
border-top-right-radius: var(--radius);
|
|
5227
5334
|
}
|
|
5228
5335
|
|
|
5229
|
-
.group-data
|
|
5336
|
+
.group-data-\[orientation\=horizontal\]\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-r-lg:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"]:last-child {
|
|
5230
5337
|
border-top-right-radius: var(--radius);
|
|
5231
5338
|
border-bottom-right-radius: var(--radius);
|
|
5232
5339
|
}
|
|
5233
5340
|
|
|
5234
|
-
.group-data
|
|
5341
|
+
.group-data-\[orientation\=vertical\]\/toggle-group\:data-\[spacing\=0\]\:last\:rounded-b-lg:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"]:last-child {
|
|
5235
5342
|
border-bottom-right-radius: var(--radius);
|
|
5236
5343
|
border-bottom-left-radius: var(--radius);
|
|
5237
5344
|
}
|
|
@@ -5325,22 +5432,22 @@
|
|
|
5325
5432
|
border-radius: 0;
|
|
5326
5433
|
}
|
|
5327
5434
|
|
|
5328
|
-
.group-data
|
|
5435
|
+
.group-data-\[orientation\=horizontal\]\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"][data-variant="outline"] {
|
|
5329
5436
|
border-left-style: var(--tw-border-style);
|
|
5330
5437
|
border-left-width: 0;
|
|
5331
5438
|
}
|
|
5332
5439
|
|
|
5333
|
-
.group-data
|
|
5440
|
+
.group-data-\[orientation\=vertical\]\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-t-0:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"][data-variant="outline"] {
|
|
5334
5441
|
border-top-style: var(--tw-border-style);
|
|
5335
5442
|
border-top-width: 0;
|
|
5336
5443
|
}
|
|
5337
5444
|
|
|
5338
|
-
.group-data
|
|
5445
|
+
.group-data-\[orientation\=horizontal\]\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l:is(:where(.group\/toggle-group)[data-orientation="horizontal"] *)[data-spacing="0"][data-variant="outline"]:first-child {
|
|
5339
5446
|
border-left-style: var(--tw-border-style);
|
|
5340
5447
|
border-left-width: 1px;
|
|
5341
5448
|
}
|
|
5342
5449
|
|
|
5343
|
-
.group-data
|
|
5450
|
+
.group-data-\[orientation\=vertical\]\/toggle-group\:data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-t:is(:where(.group\/toggle-group)[data-orientation="vertical"] *)[data-spacing="0"][data-variant="outline"]:first-child {
|
|
5344
5451
|
border-top-style: var(--tw-border-style);
|
|
5345
5452
|
border-top-width: 1px;
|
|
5346
5453
|
}
|
|
@@ -5455,6 +5562,10 @@
|
|
|
5455
5562
|
display: flex;
|
|
5456
5563
|
}
|
|
5457
5564
|
|
|
5565
|
+
.md\:table-cell {
|
|
5566
|
+
display: table-cell;
|
|
5567
|
+
}
|
|
5568
|
+
|
|
5458
5569
|
.md\:flex-row {
|
|
5459
5570
|
flex-direction: row;
|
|
5460
5571
|
}
|
|
@@ -5499,7 +5610,40 @@
|
|
|
5499
5610
|
}
|
|
5500
5611
|
}
|
|
5501
5612
|
|
|
5502
|
-
.ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *)
|
|
5613
|
+
.ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
|
5614
|
+
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
5615
|
+
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5616
|
+
}
|
|
5617
|
+
|
|
5618
|
+
.ltr\:bg-linear-to-l:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
|
5619
|
+
--tw-gradient-position: to left;
|
|
5620
|
+
}
|
|
5621
|
+
|
|
5622
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
5623
|
+
.ltr\:bg-linear-to-l:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
|
5624
|
+
--tw-gradient-position: to left in oklab;
|
|
5625
|
+
}
|
|
5626
|
+
}
|
|
5627
|
+
|
|
5628
|
+
.ltr\:bg-linear-to-l:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
|
5629
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
5630
|
+
}
|
|
5631
|
+
|
|
5632
|
+
.ltr\:bg-linear-to-r:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
|
5633
|
+
--tw-gradient-position: to right;
|
|
5634
|
+
}
|
|
5635
|
+
|
|
5636
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
5637
|
+
.ltr\:bg-linear-to-r:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
|
5638
|
+
--tw-gradient-position: to right in oklab;
|
|
5639
|
+
}
|
|
5640
|
+
}
|
|
5641
|
+
|
|
5642
|
+
.ltr\:bg-linear-to-r:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) {
|
|
5643
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
5644
|
+
}
|
|
5645
|
+
|
|
5646
|
+
.rtl\:-translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
5503
5647
|
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
5504
5648
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5505
5649
|
}
|
|
@@ -5509,6 +5653,34 @@
|
|
|
5509
5653
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5510
5654
|
}
|
|
5511
5655
|
|
|
5656
|
+
.rtl\:bg-linear-to-l:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
5657
|
+
--tw-gradient-position: to left;
|
|
5658
|
+
}
|
|
5659
|
+
|
|
5660
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
5661
|
+
.rtl\:bg-linear-to-l:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
5662
|
+
--tw-gradient-position: to left in oklab;
|
|
5663
|
+
}
|
|
5664
|
+
}
|
|
5665
|
+
|
|
5666
|
+
.rtl\:bg-linear-to-l:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
5667
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
5668
|
+
}
|
|
5669
|
+
|
|
5670
|
+
.rtl\:bg-linear-to-r:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
5671
|
+
--tw-gradient-position: to right;
|
|
5672
|
+
}
|
|
5673
|
+
|
|
5674
|
+
@supports (background-image: linear-gradient(in lab, red, red)) {
|
|
5675
|
+
.rtl\:bg-linear-to-r:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
5676
|
+
--tw-gradient-position: to right in oklab;
|
|
5677
|
+
}
|
|
5678
|
+
}
|
|
5679
|
+
|
|
5680
|
+
.rtl\:bg-linear-to-r:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
5681
|
+
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
5682
|
+
}
|
|
5683
|
+
|
|
5512
5684
|
.dark\:border-input:is(.dark *) {
|
|
5513
5685
|
border-color: var(--input);
|
|
5514
5686
|
}
|
|
@@ -6068,34 +6240,6 @@
|
|
|
6068
6240
|
background-color: #0000;
|
|
6069
6241
|
}
|
|
6070
6242
|
|
|
6071
|
-
.data-horizontal\:h-px:where([data-orientation="horizontal"]) {
|
|
6072
|
-
height: 1px;
|
|
6073
|
-
}
|
|
6074
|
-
|
|
6075
|
-
.data-horizontal\:w-full:where([data-orientation="horizontal"]) {
|
|
6076
|
-
width: 100%;
|
|
6077
|
-
}
|
|
6078
|
-
|
|
6079
|
-
.data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
|
|
6080
|
-
flex-direction: column;
|
|
6081
|
-
}
|
|
6082
|
-
|
|
6083
|
-
.data-vertical\:w-px:where([data-orientation="vertical"]) {
|
|
6084
|
-
width: 1px;
|
|
6085
|
-
}
|
|
6086
|
-
|
|
6087
|
-
.data-vertical\:flex-col:where([data-orientation="vertical"]) {
|
|
6088
|
-
flex-direction: column;
|
|
6089
|
-
}
|
|
6090
|
-
|
|
6091
|
-
.data-vertical\:items-stretch:where([data-orientation="vertical"]) {
|
|
6092
|
-
align-items: stretch;
|
|
6093
|
-
}
|
|
6094
|
-
|
|
6095
|
-
.data-vertical\:self-stretch:where([data-orientation="vertical"]) {
|
|
6096
|
-
align-self: stretch;
|
|
6097
|
-
}
|
|
6098
|
-
|
|
6099
6243
|
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
|
|
6100
6244
|
fill: var(--muted-foreground);
|
|
6101
6245
|
}
|
package/dist/theme.css
CHANGED
|
@@ -1,17 +1,70 @@
|
|
|
1
1
|
/*
|
|
2
2
|
* @exsto/ds design tokens and their Tailwind mapping, uncompiled.
|
|
3
3
|
*
|
|
4
|
-
* Import this
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
4
|
+
* Import this when you want the design system vocabulary (bg-card,
|
|
5
|
+
* text-muted-foreground, rounded-lg, font-sans, text-2xs, ...) in your OWN
|
|
6
|
+
* markup. styles.css styles the components; this gives your Tailwind build the
|
|
7
|
+
* tokens behind them.
|
|
8
8
|
*
|
|
9
|
+
* ORDER, for a consumer who runs Tailwind:
|
|
10
|
+
*
|
|
11
|
+
* @import "@exsto/ds/styles.css";
|
|
9
12
|
* @import "tailwindcss";
|
|
10
13
|
* @import "@exsto/ds/theme.css";
|
|
11
|
-
*
|
|
14
|
+
*
|
|
15
|
+
* The @source line below is what makes that order enough. styles.css is a
|
|
16
|
+
* compiled Tailwind build, so its utilities share the utilities layer with the
|
|
17
|
+
* ones your build emits, and between two rules of equal weight the later one
|
|
18
|
+
* wins. Two separate builds cannot agree on a single order: ours put .hidden
|
|
19
|
+
* after your .md:block, and a sidebar marked `hidden md:block` stayed hidden at
|
|
20
|
+
* every width. The line points your build at the components' shipped code, so
|
|
21
|
+
* your build emits their utilities as well, each responsive variant after its
|
|
22
|
+
* own base, in one consistent order that lands last.
|
|
23
|
+
*
|
|
24
|
+
* Importing styles.css after your Tailwind entry puts its compiled utilities
|
|
25
|
+
* last instead, and they then outrank yours. Keep it first.
|
|
12
26
|
*/
|
|
13
27
|
|
|
28
|
+
@source "./**/*.js";
|
|
29
|
+
|
|
14
30
|
@custom-variant dark (&:is(.dark *));
|
|
31
|
+
|
|
32
|
+
/*
|
|
33
|
+
* Brand layer.
|
|
34
|
+
*
|
|
35
|
+
* The colour ramps come from Tailwind v4 unchanged. The design system is built on
|
|
36
|
+
* the stock palette so the Figma library (Tailwind v4 + shadcn, style Nova) and the
|
|
37
|
+
* code cannot drift apart: there is no value here to keep in sync, because nothing
|
|
38
|
+
* here redefines a colour. The exact shadcn neutral semantic theme lives in
|
|
39
|
+
* tokens.css.
|
|
40
|
+
*
|
|
41
|
+
* The legacy Exsto palette this file used to carry was dropped when the design team
|
|
42
|
+
* moved to Tailwind defaults. It is in git history if a legacy surface ever needs it.
|
|
43
|
+
*/
|
|
44
|
+
|
|
45
|
+
@theme {
|
|
46
|
+
/* Inter is the typeface for the whole system. */
|
|
47
|
+
--font-sans: 'Inter', sans-serif;
|
|
48
|
+
|
|
49
|
+
/*
|
|
50
|
+
* The one step Tailwind's type scale does not have: a 10/14 footnote, used by
|
|
51
|
+
* badges, chips and dense table headers. Everything else is stock.
|
|
52
|
+
*/
|
|
53
|
+
--text-2xs: 10px;
|
|
54
|
+
--text-2xs--line-height: 14px;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
@layer base {
|
|
58
|
+
:root {
|
|
59
|
+
color-scheme: light;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:root.dark,
|
|
63
|
+
.dark {
|
|
64
|
+
color-scheme: dark;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
15
68
|
/* Current shadcn Base Nova neutral theme. Product branding belongs in a separate layer. */
|
|
16
69
|
/* Base Nova deliberately uses the same black/10 backdrop in both modes; component-level backdrop blur supplies the remaining separation. */
|
|
17
70
|
|
|
@@ -10,7 +10,23 @@ export declare const CommandDialog: ({ title, description, children, className,
|
|
|
10
10
|
children: React.ReactNode;
|
|
11
11
|
}) => React.JSX.Element;
|
|
12
12
|
export declare const CommandInput: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>) => React.JSX.Element;
|
|
13
|
-
|
|
13
|
+
/**
|
|
14
|
+
* The palette's results list. The scroll container is the DS ScrollArea rather
|
|
15
|
+
* than the primitive's own `overflow-y-auto`, because a list of results that
|
|
16
|
+
* continues past the fold with no bar and no fade reads as a complete list. The
|
|
17
|
+
* cap stays overridable: `cn` lets a caller's own `max-h-*` replace the default.
|
|
18
|
+
*
|
|
19
|
+
* The ScrollArea wraps the list from OUTSIDE rather than lining it: cmdk's list
|
|
20
|
+
* carries `role="listbox"`, and a listbox may not contain presentation wrappers
|
|
21
|
+
* (axe flags that as a critical aria-required-children violation). The options
|
|
22
|
+
* have to stay direct children of the element that holds the role.
|
|
23
|
+
*
|
|
24
|
+
* cmdk keeps the active item in view with `scrollIntoView({ block: 'nearest' })`
|
|
25
|
+
* on the item, which acts on the nearest scrollable ancestor, so that keeps
|
|
26
|
+
* working now that the viewport is the one that scrolls. `scroll-py-1` goes on
|
|
27
|
+
* the viewport for the same reason: it is what pads that scroll.
|
|
28
|
+
*/
|
|
29
|
+
export declare const CommandList: ({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.List>) => React.JSX.Element;
|
|
14
30
|
export declare const CommandEmpty: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>) => React.JSX.Element;
|
|
15
31
|
export declare const CommandGroup: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>) => React.JSX.Element;
|
|
16
32
|
export declare const CommandSeparator: ({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>) => React.JSX.Element;
|
|
@@ -3,6 +3,18 @@ import type * as React from 'react';
|
|
|
3
3
|
export declare const DropdownMenu: ({ ...props }: MenuPrimitive.Root.Props) => React.JSX.Element;
|
|
4
4
|
export declare const DropdownMenuPortal: ({ ...props }: MenuPrimitive.Portal.Props) => React.JSX.Element;
|
|
5
5
|
export declare const DropdownMenuTrigger: ({ ...props }: MenuPrimitive.Trigger.Props) => React.JSX.Element;
|
|
6
|
+
/**
|
|
7
|
+
* The menu scrolls itself, with the browser's own scrollbar, where the popup
|
|
8
|
+
* lists in Command, Select and Combobox scroll inside a DS ScrollArea.
|
|
9
|
+
*
|
|
10
|
+
* That is not an oversight. Base UI puts `role="menu"` on this popup and offers
|
|
11
|
+
* no inner list part to move it onto, and a menu may not contain the
|
|
12
|
+
* presentation wrappers a ScrollArea brings: axe reports it as a critical
|
|
13
|
+
* aria-required-children violation, which is exactly what the palette and the
|
|
14
|
+
* select hit before their scroll container was moved outside the role. Select
|
|
15
|
+
* and Combobox were fixable because their primitives hand the role to a list
|
|
16
|
+
* part (Select.List) and leave the popup as presentation.
|
|
17
|
+
*/
|
|
6
18
|
export declare const DropdownMenuContent: ({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">) => React.JSX.Element;
|
|
7
19
|
export declare const DropdownMenuGroup: ({ ...props }: MenuPrimitive.Group.Props) => React.JSX.Element;
|
|
8
20
|
export declare const DropdownMenuLabel: ({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Edge-fade wiring and the sizing contract for ScrollArea.
|
|
3
|
+
*
|
|
4
|
+
* PATH TAKEN: the fades are revealed by CSS, from the overflow flags Base UI
|
|
5
|
+
* keeps on the root (data-overflow-y-start and friends). happy-dom has neither
|
|
6
|
+
* layout nor a stylesheet, so what is checked here is that each fade is wired to
|
|
7
|
+
* the flag it belongs to and carries the surface it was asked for. That the
|
|
8
|
+
* flags themselves flip at the right moment, and that the fades then land flush
|
|
9
|
+
* on their edges, is measured in a real browser by e2e/scroll-area-fade.spec.ts.
|
|
10
|
+
*/
|
|
11
|
+
export {};
|