@exsto/ds 0.0.1-rc.3 → 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 +7 -0
- 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 +196 -63
- package/dist/theme.css +17 -7
- 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
|
@@ -126,6 +126,7 @@
|
|
|
126
126
|
--default-mono-font-family: var(--font-mono);
|
|
127
127
|
--text-2xs: 10px;
|
|
128
128
|
--text-2xs--line-height: 14px;
|
|
129
|
+
--color-card: var(--card);
|
|
129
130
|
--color-border: var(--border);
|
|
130
131
|
}
|
|
131
132
|
}
|
|
@@ -497,6 +498,14 @@
|
|
|
497
498
|
inset-inline-start: 50%;
|
|
498
499
|
}
|
|
499
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
|
+
|
|
500
509
|
.-top-12 {
|
|
501
510
|
top: calc(var(--spacing) * -12);
|
|
502
511
|
}
|
|
@@ -1072,6 +1081,14 @@
|
|
|
1072
1081
|
max-height: calc(var(--spacing) * 72);
|
|
1073
1082
|
}
|
|
1074
1083
|
|
|
1084
|
+
.max-h-88 {
|
|
1085
|
+
max-height: calc(var(--spacing) * 88);
|
|
1086
|
+
}
|
|
1087
|
+
|
|
1088
|
+
.max-h-inherit {
|
|
1089
|
+
max-height: inherit;
|
|
1090
|
+
}
|
|
1091
|
+
|
|
1075
1092
|
.min-h-0 {
|
|
1076
1093
|
min-height: 0;
|
|
1077
1094
|
}
|
|
@@ -1156,6 +1173,10 @@
|
|
|
1156
1173
|
width: calc(var(--spacing) * 10);
|
|
1157
1174
|
}
|
|
1158
1175
|
|
|
1176
|
+
.w-12 {
|
|
1177
|
+
width: calc(var(--spacing) * 12);
|
|
1178
|
+
}
|
|
1179
|
+
|
|
1159
1180
|
.w-24 {
|
|
1160
1181
|
width: calc(var(--spacing) * 24);
|
|
1161
1182
|
}
|
|
@@ -1268,6 +1289,10 @@
|
|
|
1268
1289
|
flex: 1;
|
|
1269
1290
|
}
|
|
1270
1291
|
|
|
1292
|
+
.shrink {
|
|
1293
|
+
flex-shrink: 1;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1271
1296
|
.shrink-0 {
|
|
1272
1297
|
flex-shrink: 0;
|
|
1273
1298
|
}
|
|
@@ -1531,6 +1556,10 @@
|
|
|
1531
1556
|
grid-template-columns: minmax(0, 1fr) auto auto;
|
|
1532
1557
|
}
|
|
1533
1558
|
|
|
1559
|
+
.grid-rows-1 {
|
|
1560
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
1561
|
+
}
|
|
1562
|
+
|
|
1534
1563
|
.grid-rows-\[auto_1fr\] {
|
|
1535
1564
|
grid-template-rows: auto 1fr;
|
|
1536
1565
|
}
|
|
@@ -1677,10 +1706,22 @@
|
|
|
1677
1706
|
overflow-x: hidden;
|
|
1678
1707
|
}
|
|
1679
1708
|
|
|
1709
|
+
.overflow-x-hidden\! {
|
|
1710
|
+
overflow-x: hidden !important;
|
|
1711
|
+
}
|
|
1712
|
+
|
|
1680
1713
|
.overflow-y-auto {
|
|
1681
1714
|
overflow-y: auto;
|
|
1682
1715
|
}
|
|
1683
1716
|
|
|
1717
|
+
.overflow-y-hidden {
|
|
1718
|
+
overflow-y: hidden;
|
|
1719
|
+
}
|
|
1720
|
+
|
|
1721
|
+
.overflow-y-hidden\! {
|
|
1722
|
+
overflow-y: hidden !important;
|
|
1723
|
+
}
|
|
1724
|
+
|
|
1684
1725
|
.overscroll-contain {
|
|
1685
1726
|
overscroll-behavior: contain;
|
|
1686
1727
|
}
|
|
@@ -2033,6 +2074,34 @@
|
|
|
2033
2074
|
}
|
|
2034
2075
|
}
|
|
2035
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
|
+
|
|
2036
2105
|
.bg-gradient-to-t {
|
|
2037
2106
|
--tw-gradient-position: to top in oklab;
|
|
2038
2107
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
@@ -2043,6 +2112,21 @@
|
|
|
2043
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));
|
|
2044
2113
|
}
|
|
2045
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
|
+
|
|
2046
2130
|
.via-background\/75 {
|
|
2047
2131
|
--tw-gradient-via: var(--background);
|
|
2048
2132
|
}
|
|
@@ -2900,6 +2984,10 @@
|
|
|
2900
2984
|
display: none;
|
|
2901
2985
|
}
|
|
2902
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
|
+
|
|
2903
2991
|
.group-data-popup-open\/navigation-menu-trigger\:rotate-180:is(:where(.group\/navigation-menu-trigger)[data-popup-open] *) {
|
|
2904
2992
|
rotate: 180deg;
|
|
2905
2993
|
}
|
|
@@ -3005,6 +3093,10 @@
|
|
|
3005
3093
|
}
|
|
3006
3094
|
}
|
|
3007
3095
|
|
|
3096
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:h-8:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
|
|
3097
|
+
height: calc(var(--spacing) * 8);
|
|
3098
|
+
}
|
|
3099
|
+
|
|
3008
3100
|
.group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
|
|
3009
3101
|
position: absolute;
|
|
3010
3102
|
}
|
|
@@ -3029,6 +3121,22 @@
|
|
|
3029
3121
|
padding-inline: var(--spacing);
|
|
3030
3122
|
}
|
|
3031
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
|
+
|
|
3032
3140
|
.group-data-\[shortcut\]\/questionnaire-choice\:inline-flex:is(:where(.group\/questionnaire-choice)[data-shortcut] *) {
|
|
3033
3141
|
display: inline-flex;
|
|
3034
3142
|
}
|
|
@@ -3328,26 +3436,6 @@
|
|
|
3328
3436
|
color: var(--foreground);
|
|
3329
3437
|
}
|
|
3330
3438
|
|
|
3331
|
-
.group-data-horizontal\/tabs\:h-8:is(:where(.group\/tabs):where([data-orientation="horizontal"]) *) {
|
|
3332
|
-
height: calc(var(--spacing) * 8);
|
|
3333
|
-
}
|
|
3334
|
-
|
|
3335
|
-
.group-data-vertical\/tabs\:h-fit:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3336
|
-
height: fit-content;
|
|
3337
|
-
}
|
|
3338
|
-
|
|
3339
|
-
.group-data-vertical\/tabs\:w-full:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3340
|
-
width: 100%;
|
|
3341
|
-
}
|
|
3342
|
-
|
|
3343
|
-
.group-data-vertical\/tabs\:flex-col:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3344
|
-
flex-direction: column;
|
|
3345
|
-
}
|
|
3346
|
-
|
|
3347
|
-
.group-data-vertical\/tabs\:justify-start:is(:where(.group\/tabs):where([data-orientation="vertical"]) *) {
|
|
3348
|
-
justify-content: flex-start;
|
|
3349
|
-
}
|
|
3350
|
-
|
|
3351
3439
|
@media (hover: hover) {
|
|
3352
3440
|
.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *) {
|
|
3353
3441
|
color: var(--sidebar-accent-foreground);
|
|
@@ -3618,32 +3706,32 @@
|
|
|
3618
3706
|
left: 100%;
|
|
3619
3707
|
}
|
|
3620
3708
|
|
|
3621
|
-
.group-data
|
|
3709
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
|
|
3622
3710
|
content: var(--tw-content);
|
|
3623
3711
|
inset-inline: 0;
|
|
3624
3712
|
}
|
|
3625
3713
|
|
|
3626
|
-
.group-data
|
|
3714
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
|
|
3627
3715
|
content: var(--tw-content);
|
|
3628
3716
|
bottom: -5px;
|
|
3629
3717
|
}
|
|
3630
3718
|
|
|
3631
|
-
.group-data
|
|
3719
|
+
.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
|
|
3632
3720
|
content: var(--tw-content);
|
|
3633
3721
|
height: calc(var(--spacing) * .5);
|
|
3634
3722
|
}
|
|
3635
3723
|
|
|
3636
|
-
.group-data
|
|
3724
|
+
.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
|
|
3637
3725
|
content: var(--tw-content);
|
|
3638
3726
|
inset-block: 0;
|
|
3639
3727
|
}
|
|
3640
3728
|
|
|
3641
|
-
.group-data
|
|
3729
|
+
.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
|
|
3642
3730
|
content: var(--tw-content);
|
|
3643
3731
|
right: calc(var(--spacing) * -1);
|
|
3644
3732
|
}
|
|
3645
3733
|
|
|
3646
|
-
.group-data
|
|
3734
|
+
.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
|
|
3647
3735
|
content: var(--tw-content);
|
|
3648
3736
|
width: calc(var(--spacing) * .5);
|
|
3649
3737
|
}
|
|
@@ -4747,10 +4835,18 @@
|
|
|
4747
4835
|
--tw-exit-opacity: 0;
|
|
4748
4836
|
}
|
|
4749
4837
|
|
|
4838
|
+
.data-\[orientation\=\*\]\:w-full[data-orientation="*"] {
|
|
4839
|
+
width: 100%;
|
|
4840
|
+
}
|
|
4841
|
+
|
|
4750
4842
|
.data-\[orientation\=horizontal\]\:flex[data-orientation="horizontal"] {
|
|
4751
4843
|
display: flex;
|
|
4752
4844
|
}
|
|
4753
4845
|
|
|
4846
|
+
.data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
|
|
4847
|
+
flex-direction: column;
|
|
4848
|
+
}
|
|
4849
|
+
|
|
4754
4850
|
.data-\[orientation\=horizontal\]\:items-center[data-orientation="horizontal"] {
|
|
4755
4851
|
align-items: center;
|
|
4756
4852
|
}
|
|
@@ -4759,6 +4855,10 @@
|
|
|
4759
4855
|
flex-direction: column;
|
|
4760
4856
|
}
|
|
4761
4857
|
|
|
4858
|
+
.data-\[orientation\=vertical\]\:items-stretch[data-orientation="vertical"] {
|
|
4859
|
+
align-items: stretch;
|
|
4860
|
+
}
|
|
4861
|
+
|
|
4762
4862
|
.data-\[range-end\=true\]\:rounded-\(--cell-radius\)[data-range-end="true"] {
|
|
4763
4863
|
border-radius: var(--cell-radius);
|
|
4764
4864
|
}
|
|
@@ -5223,22 +5323,22 @@
|
|
|
5223
5323
|
height: calc(var(--spacing) * 6) !important;
|
|
5224
5324
|
}
|
|
5225
5325
|
|
|
5226
|
-
.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 {
|
|
5227
5327
|
border-top-left-radius: var(--radius);
|
|
5228
5328
|
border-bottom-left-radius: var(--radius);
|
|
5229
5329
|
}
|
|
5230
5330
|
|
|
5231
|
-
.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 {
|
|
5232
5332
|
border-top-left-radius: var(--radius);
|
|
5233
5333
|
border-top-right-radius: var(--radius);
|
|
5234
5334
|
}
|
|
5235
5335
|
|
|
5236
|
-
.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 {
|
|
5237
5337
|
border-top-right-radius: var(--radius);
|
|
5238
5338
|
border-bottom-right-radius: var(--radius);
|
|
5239
5339
|
}
|
|
5240
5340
|
|
|
5241
|
-
.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 {
|
|
5242
5342
|
border-bottom-right-radius: var(--radius);
|
|
5243
5343
|
border-bottom-left-radius: var(--radius);
|
|
5244
5344
|
}
|
|
@@ -5332,22 +5432,22 @@
|
|
|
5332
5432
|
border-radius: 0;
|
|
5333
5433
|
}
|
|
5334
5434
|
|
|
5335
|
-
.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"] {
|
|
5336
5436
|
border-left-style: var(--tw-border-style);
|
|
5337
5437
|
border-left-width: 0;
|
|
5338
5438
|
}
|
|
5339
5439
|
|
|
5340
|
-
.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"] {
|
|
5341
5441
|
border-top-style: var(--tw-border-style);
|
|
5342
5442
|
border-top-width: 0;
|
|
5343
5443
|
}
|
|
5344
5444
|
|
|
5345
|
-
.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 {
|
|
5346
5446
|
border-left-style: var(--tw-border-style);
|
|
5347
5447
|
border-left-width: 1px;
|
|
5348
5448
|
}
|
|
5349
5449
|
|
|
5350
|
-
.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 {
|
|
5351
5451
|
border-top-style: var(--tw-border-style);
|
|
5352
5452
|
border-top-width: 1px;
|
|
5353
5453
|
}
|
|
@@ -5510,7 +5610,40 @@
|
|
|
5510
5610
|
}
|
|
5511
5611
|
}
|
|
5512
5612
|
|
|
5513
|
-
.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"] *) {
|
|
5514
5647
|
--tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
|
|
5515
5648
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5516
5649
|
}
|
|
@@ -5520,6 +5653,34 @@
|
|
|
5520
5653
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
5521
5654
|
}
|
|
5522
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
|
+
|
|
5523
5684
|
.dark\:border-input:is(.dark *) {
|
|
5524
5685
|
border-color: var(--input);
|
|
5525
5686
|
}
|
|
@@ -6079,34 +6240,6 @@
|
|
|
6079
6240
|
background-color: #0000;
|
|
6080
6241
|
}
|
|
6081
6242
|
|
|
6082
|
-
.data-horizontal\:h-px:where([data-orientation="horizontal"]) {
|
|
6083
|
-
height: 1px;
|
|
6084
|
-
}
|
|
6085
|
-
|
|
6086
|
-
.data-horizontal\:w-full:where([data-orientation="horizontal"]) {
|
|
6087
|
-
width: 100%;
|
|
6088
|
-
}
|
|
6089
|
-
|
|
6090
|
-
.data-horizontal\:flex-col:where([data-orientation="horizontal"]) {
|
|
6091
|
-
flex-direction: column;
|
|
6092
|
-
}
|
|
6093
|
-
|
|
6094
|
-
.data-vertical\:w-px:where([data-orientation="vertical"]) {
|
|
6095
|
-
width: 1px;
|
|
6096
|
-
}
|
|
6097
|
-
|
|
6098
|
-
.data-vertical\:flex-col:where([data-orientation="vertical"]) {
|
|
6099
|
-
flex-direction: column;
|
|
6100
|
-
}
|
|
6101
|
-
|
|
6102
|
-
.data-vertical\:items-stretch:where([data-orientation="vertical"]) {
|
|
6103
|
-
align-items: stretch;
|
|
6104
|
-
}
|
|
6105
|
-
|
|
6106
|
-
.data-vertical\:self-stretch:where([data-orientation="vertical"]) {
|
|
6107
|
-
align-self: stretch;
|
|
6108
|
-
}
|
|
6109
|
-
|
|
6110
6243
|
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
|
|
6111
6244
|
fill: var(--muted-foreground);
|
|
6112
6245
|
}
|
package/dist/theme.css
CHANGED
|
@@ -3,22 +3,32 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Import this when you want the design system vocabulary (bg-card,
|
|
5
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
|
|
7
|
-
*
|
|
6
|
+
* markup. styles.css styles the components; this gives your Tailwind build the
|
|
7
|
+
* tokens behind them.
|
|
8
8
|
*
|
|
9
|
-
* ORDER
|
|
9
|
+
* ORDER, for a consumer who runs Tailwind:
|
|
10
10
|
*
|
|
11
11
|
* @import "@exsto/ds/styles.css";
|
|
12
12
|
* @import "tailwindcss";
|
|
13
13
|
* @import "@exsto/ds/theme.css";
|
|
14
14
|
*
|
|
15
|
-
*
|
|
16
|
-
*
|
|
17
|
-
*
|
|
18
|
-
*
|
|
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.
|
|
19
26
|
*/
|
|
20
27
|
|
|
28
|
+
@source "./**/*.js";
|
|
29
|
+
|
|
21
30
|
@custom-variant dark (&:is(.dark *));
|
|
31
|
+
|
|
22
32
|
/*
|
|
23
33
|
* Brand layer.
|
|
24
34
|
*
|
|
@@ -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 {};
|