@acronis-platform/ui-react 5.1.1 → 5.3.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/ui/area-chart/area-chart.js +107 -107
- package/dist/components/ui/area-chart/area-chart.js.map +1 -1
- package/dist/components/ui/bar-chart/bar-chart.js +162 -162
- package/dist/components/ui/bar-chart/bar-chart.js.map +1 -1
- package/dist/components/ui/category-bar/category-bar.js +50 -50
- package/dist/components/ui/category-bar/category-bar.js.map +1 -1
- package/dist/components/ui/chart/chart.js +53 -40
- package/dist/components/ui/chart/chart.js.map +1 -1
- package/dist/components/ui/checkbox/checkbox.js +1 -1
- package/dist/components/ui/checkbox/checkbox.js.map +1 -1
- package/dist/components/ui/combobox/combobox.js +1 -1
- package/dist/components/ui/combobox/combobox.js.map +1 -1
- package/dist/components/ui/composed-chart/composed-chart.js +146 -146
- package/dist/components/ui/composed-chart/composed-chart.js.map +1 -1
- package/dist/components/ui/confidence-cone/confidence-cone.js +97 -97
- package/dist/components/ui/confidence-cone/confidence-cone.js.map +1 -1
- package/dist/components/ui/dropdown-menu/dropdown-menu.js +2 -2
- package/dist/components/ui/dropdown-menu/dropdown-menu.js.map +1 -1
- package/dist/components/ui/funnel-chart/funnel-chart.js +120 -120
- package/dist/components/ui/funnel-chart/funnel-chart.js.map +1 -1
- package/dist/components/ui/histogram/histogram.js +58 -58
- package/dist/components/ui/histogram/histogram.js.map +1 -1
- package/dist/components/ui/input-num-picker/input-num-picker.js.map +1 -1
- package/dist/components/ui/input-select/input-select.js +1 -1
- package/dist/components/ui/input-select/input-select.js.map +1 -1
- package/dist/components/ui/line-chart/line-chart.js +91 -91
- package/dist/components/ui/line-chart/line-chart.js.map +1 -1
- package/dist/components/ui/number-field/number-field.js.map +1 -1
- package/dist/components/ui/pie-chart/pie-chart.js +92 -92
- package/dist/components/ui/pie-chart/pie-chart.js.map +1 -1
- package/dist/components/ui/radar-chart/radar-chart.js +37 -37
- package/dist/components/ui/radar-chart/radar-chart.js.map +1 -1
- package/dist/components/ui/radial-bar-chart/radial-bar-chart.js +112 -112
- package/dist/components/ui/radial-bar-chart/radial-bar-chart.js.map +1 -1
- package/dist/components/ui/sankey-chart/sankey-chart.js +78 -78
- package/dist/components/ui/sankey-chart/sankey-chart.js.map +1 -1
- package/dist/components/ui/scatter-chart/scatter-chart.js +57 -57
- package/dist/components/ui/scatter-chart/scatter-chart.js.map +1 -1
- package/dist/components/ui/sidebar-primary/sidebar-primary.js +10 -5
- package/dist/components/ui/sidebar-primary/sidebar-primary.js.map +1 -1
- package/dist/components/ui/treemap/treemap.js +87 -87
- package/dist/components/ui/treemap/treemap.js.map +1 -1
- package/dist/index.js +111 -111
- package/dist/llms/checkbox.md +63 -12
- package/dist/llms/sidebar-primary.md +18 -1
- package/dist/llms.txt +1 -1
- package/dist/react.js +111 -111
- package/dist/src/components/ui/chart/chart.d.ts +1 -0
- package/dist/src/components/ui/chart/index.d.ts +1 -1
- package/dist/src/components/ui/radial-bar-chart/radial-bar-chart.d.ts +3 -2
- package/dist/src/components/ui/sankey-chart/sankey-chart.d.ts +1 -1
- package/dist/src/components/ui/sidebar-primary/sidebar-primary.d.ts +23 -0
- package/dist/src/components/ui/treemap/treemap.d.ts +3 -2
- package/dist/ui-react.css +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -12,116 +12,116 @@ import { Alert as n, AlertActions as r, AlertClose as i, AlertContent as a, Aler
|
|
|
12
12
|
import { Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "./components/ui/tooltip/tooltip.js";
|
|
13
13
|
import { AppShellChat as h, AppShellChatChat as g, AppShellChatChatBody as _, AppShellChatChatHeader as v, AppShellChatContent as y, AppShellChatContentBody as b, AppShellChatContentHeader as x, AppShellChatSidebar as S, getAppShellChatInitialLayout as C, useAppShellChatInitialLayout as w } from "./components/ui/app-shell-chat/app-shell-chat.js";
|
|
14
14
|
import { CHART_CATEGORICAL_TOKENS as T, CHART_DEFAULT_PALETTE as E, CHART_DIVERGING_TOKENS as D, CHART_SEQUENTIAL_TOKENS as O, CHART_STATUS_TOKENS as k, findDuplicateTones as Te, listPaletteChoices as Ee, listPaletteStops as De, resolveSeriesColor as Oe } from "./components/ui/chart/chart-palette.js";
|
|
15
|
-
import { ChartContainer as ke, ChartLegend as Ae, ChartLegendContent as je, ChartStyle as Me, ChartTooltip as Ne, ChartTooltipContent as Pe, resolveChartColors as Fe } from "./components/ui/chart/chart.js";
|
|
16
|
-
import { CHART_BRUSH_ARIA_LABEL as
|
|
17
|
-
import { AreaChart as
|
|
18
|
-
import { Avatar as
|
|
19
|
-
import { BarChart as
|
|
20
|
-
import { Breadcrumb as
|
|
21
|
-
import { Button as
|
|
22
|
-
import { ButtonGroup as
|
|
23
|
-
import { ButtonMenu as
|
|
24
|
-
import { Calendar as
|
|
25
|
-
import { DialogFooterDefault as
|
|
26
|
-
import { InputSelect as A, InputSelectContent as j, InputSelectDescription as
|
|
27
|
-
import { CalendarHeader as
|
|
28
|
-
import { ButtonIconInput as
|
|
29
|
-
import { Switch as
|
|
30
|
-
import { Card as
|
|
31
|
-
import { CardFilter as
|
|
32
|
-
import { CardSection as
|
|
33
|
-
import { CardWidgetCarousel as
|
|
34
|
-
import { CardWidget as
|
|
35
|
-
import { CategoryBar as
|
|
36
|
-
import { CHART_STATE_ILLUSTRATIONS as
|
|
37
|
-
import { ChartState as
|
|
38
|
-
import { ChartWidget as
|
|
39
|
-
import { Checkbox as
|
|
40
|
-
import { Chip as
|
|
41
|
-
import { Combobox as
|
|
42
|
-
import { ComposedChart as
|
|
43
|
-
import { ConfidenceCone as
|
|
44
|
-
import { DropdownMenu as
|
|
45
|
-
import { Table as
|
|
46
|
-
import { TablePagination as
|
|
47
|
-
import { TableViewOptions as
|
|
48
|
-
import { isBulkSelectionActive as
|
|
49
|
-
import { DataTableViewOptions as
|
|
50
|
-
import { DataTable as
|
|
51
|
-
import { DataTableBulkActionsBar as
|
|
52
|
-
import { DataTableColumnHeader as
|
|
53
|
-
import { DataTableExpandTrigger as
|
|
54
|
-
import { DataTablePagination as
|
|
55
|
-
import { FilterChips as
|
|
56
|
-
import { Popover as
|
|
57
|
-
import { FilterSearch as
|
|
15
|
+
import { ChartContainer as ke, ChartLegend as Ae, ChartLegendContent as je, ChartStyle as Me, ChartTooltip as Ne, ChartTooltipContent as Pe, resolveChartColors as Fe, toCssKey as Ie } from "./components/ui/chart/chart.js";
|
|
16
|
+
import { CHART_BRUSH_ARIA_LABEL as Le, CHART_BRUSH_HEIGHT as Re, CHART_LABEL_FILL_CLASS as ze, CHART_LABEL_FILL_ON_SERIES_CLASS as Be, CHART_LABEL_FONT_SIZE as Ve, CHART_LABEL_MARGIN as He, CHART_REFERENCE_LINE_STROKE as Ue, createTickFormatter as We, dropProjectionPayload as Ge, formatCompactNumber as Ke, formatPercent as qe, resolveAnimation as Je, resolveAxisDomain as Ye, resolveBrushProps as Xe, resolveCartesianLabelPosition as Ze, resolveCategoryRange as Qe, resolveChartReferenceValue as $e, resolveLabelFillClass as et, resolveReferenceLineProps as tt, resolveRotatedTickAnchor as nt, resolveXAxisHeight as rt, resolveXAxisTitle as it, resolveYAxisTitle as at, toLabelFormatter as ot, toReferenceLineList as st } from "./components/ui/chart/chart-format.js";
|
|
17
|
+
import { AreaChart as ct, areaChartVariants as lt } from "./components/ui/area-chart/area-chart.js";
|
|
18
|
+
import { Avatar as ut, AvatarFallback as dt, AvatarGroup as ft, AvatarImage as pt, avatarVariants as mt } from "./components/ui/avatar/avatar.js";
|
|
19
|
+
import { BarChart as ht, barChartVariants as gt } from "./components/ui/bar-chart/bar-chart.js";
|
|
20
|
+
import { Breadcrumb as _t, BreadcrumbEllipsis as vt, BreadcrumbItem as yt, BreadcrumbLink as bt, BreadcrumbList as xt, BreadcrumbPage as St, BreadcrumbSeparator as Ct } from "./components/ui/breadcrumb/breadcrumb.js";
|
|
21
|
+
import { Button as wt, buttonVariants as Tt } from "./components/ui/button/button.js";
|
|
22
|
+
import { ButtonGroup as Et, ButtonGroupItem as Dt, buttonGroupItemVariants as Ot, buttonGroupVariants as kt } from "./components/ui/button-group/button-group.js";
|
|
23
|
+
import { ButtonMenu as At, buttonMenuVariants as jt } from "./components/ui/button-menu/button-menu.js";
|
|
24
|
+
import { Calendar as Mt, CalendarDayButton as Nt } from "./components/ui/calendar/calendar.js";
|
|
25
|
+
import { DialogFooterDefault as Pt } from "./components/ui/dialog-footer-default/dialog-footer-default.js";
|
|
26
|
+
import { InputSelect as A, InputSelectContent as j, InputSelectDescription as Ft, InputSelectError as It, InputSelectExpander as Lt, InputSelectField as Rt, InputSelectGroup as zt, InputSelectItem as M, InputSelectLabel as Bt, InputSelectSearch as Vt, InputSelectSection as N, InputSelectSectionLabel as P, InputSelectStatus as Ht, InputSelectTrigger as F, InputSelectValue as I, useInputSelectFilter as Ut } from "./components/ui/input-select/input-select.js";
|
|
27
|
+
import { CalendarHeader as Wt, CalendarItem as Gt, CalendarPanel as Kt } from "./components/ui/calendar-panel/calendar-panel.js";
|
|
28
|
+
import { ButtonIconInput as qt, buttonIconInputVariants as Jt } from "./components/ui/button-icon-input/button-icon-input.js";
|
|
29
|
+
import { Switch as Yt } from "./components/ui/switch/switch.js";
|
|
30
|
+
import { Card as Xt, CardContent as Zt, CardFooter as Qt, CardHeader as $t, cardVariants as en } from "./components/ui/card/card.js";
|
|
31
|
+
import { CardFilter as tn, cardFilterVariants as nn } from "./components/ui/card-filter/card-filter.js";
|
|
32
|
+
import { CardSection as rn, cardSectionVariants as an } from "./components/ui/card-section/card-section.js";
|
|
33
|
+
import { CardWidgetCarousel as on } from "./components/ui/card-widget-carousel/card-widget-carousel.js";
|
|
34
|
+
import { CardWidget as sn } from "./components/ui/card-widget-carousel/card-widget.js";
|
|
35
|
+
import { CategoryBar as cn, categoryBarVariants as ln } from "./components/ui/category-bar/category-bar.js";
|
|
36
|
+
import { CHART_STATE_ILLUSTRATIONS as un } from "./components/ui/chart-state/chart-state-illustrations.js";
|
|
37
|
+
import { ChartState as dn } from "./components/ui/chart-state/chart-state.js";
|
|
38
|
+
import { ChartWidget as fn } from "./components/ui/chart-widget/chart-widget.js";
|
|
39
|
+
import { Checkbox as pn } from "./components/ui/checkbox/checkbox.js";
|
|
40
|
+
import { Chip as mn, chipVariants as hn } from "./components/ui/chip/chip.js";
|
|
41
|
+
import { Combobox as gn, ComboboxContent as _n, ComboboxEmpty as vn, ComboboxGroup as yn, ComboboxGroupLabel as bn, ComboboxInput as xn, ComboboxItem as Sn, ComboboxList as Cn } from "./components/ui/combobox/combobox.js";
|
|
42
|
+
import { ComposedChart as wn, composedChartVariants as Tn } from "./components/ui/composed-chart/composed-chart.js";
|
|
43
|
+
import { ConfidenceCone as En } from "./components/ui/confidence-cone/confidence-cone.js";
|
|
44
|
+
import { DropdownMenu as Dn, DropdownMenuCheckboxItem as On, DropdownMenuContent as kn, DropdownMenuGroup as An, DropdownMenuItem as jn, DropdownMenuLabel as Mn, DropdownMenuPortal as Nn, DropdownMenuRadioGroup as Pn, DropdownMenuRadioItem as Fn, DropdownMenuSeparator as In, DropdownMenuShortcut as Ln, DropdownMenuSub as Rn, DropdownMenuSubContent as zn, DropdownMenuSubTrigger as Bn, DropdownMenuTrigger as Vn } from "./components/ui/dropdown-menu/dropdown-menu.js";
|
|
45
|
+
import { Table as Hn, TableActionsCell as Un, TableBody as Wn, TableCaption as Gn, TableCell as Kn, TableFooter as qn, TableHead as Jn, TableHeader as Yn, TableRow as Xn, TableSelectCell as Zn, TableSettingsCell as Qn } from "./components/ui/table/table.js";
|
|
46
|
+
import { TablePagination as $n } from "./components/ui/table/table-pagination.js";
|
|
47
|
+
import { TableViewOptions as er } from "./components/ui/table/table-view-options.js";
|
|
48
|
+
import { isBulkSelectionActive as tr } from "./components/ui/data-table/data-table-selection.js";
|
|
49
|
+
import { DataTableViewOptions as nr } from "./components/ui/data-table/data-table-view-options.js";
|
|
50
|
+
import { DataTable as rr, getCellStyle as ir, getColumnWidth as ar, getPinnedStyle as or, reorderColumn as sr } from "./components/ui/data-table/data-table.js";
|
|
51
|
+
import { DataTableBulkActionsBar as cr } from "./components/ui/data-table/data-table-bulk-actions-bar.js";
|
|
52
|
+
import { DataTableColumnHeader as lr } from "./components/ui/data-table/data-table-column-header.js";
|
|
53
|
+
import { DataTableExpandTrigger as ur } from "./components/ui/data-table/data-table-expand-trigger.js";
|
|
54
|
+
import { DataTablePagination as dr } from "./components/ui/data-table/data-table-pagination.js";
|
|
55
|
+
import { FilterChips as fr, FilterChipsList as pr, FilterChipsReset as mr } from "./components/ui/filter-chips/filter-chips.js";
|
|
56
|
+
import { Popover as hr, PopoverBody as gr, PopoverContent as _r, PopoverFooter as vr, PopoverPortal as yr, PopoverTrigger as br } from "./components/ui/popover/popover.js";
|
|
57
|
+
import { FilterSearch as xr, FilterSearchActions as Sr, FilterSearchAppliedFilters as Cr, FilterSearchFilters as wr, useFilterSearchFilters as Tr } from "./components/ui/filter-search/filter-search.js";
|
|
58
58
|
import { InputSearch as L } from "./components/ui/input-search/input-search.js";
|
|
59
|
-
import { DataTableToolbar as
|
|
60
|
-
import { InputDatePicker as
|
|
61
|
-
import { DateRangePicker as
|
|
62
|
-
import { DescriptionList as
|
|
63
|
-
import { InputBox as
|
|
64
|
-
import { InputText as
|
|
65
|
-
import { Loading as
|
|
66
|
-
import { Dialog as
|
|
67
|
-
import { DialogFooterCarousel as
|
|
68
|
-
import { DialogWelcome as
|
|
69
|
-
import { Empty as
|
|
70
|
-
import { EmptyOverlay as
|
|
71
|
-
import { labelClassName as
|
|
72
|
-
import { Separator as
|
|
73
|
-
import { Field as
|
|
74
|
-
import { FittedActions as
|
|
75
|
-
import { FilterCards as
|
|
76
|
-
import { FUNNEL_CHART_DEFAULT_PALETTE as
|
|
77
|
-
import { Grid as
|
|
78
|
-
import { Histogram as
|
|
79
|
-
import { Form as
|
|
80
|
-
import { RadarChart as
|
|
81
|
-
import { RadialBarChart as
|
|
82
|
-
import { Radio as
|
|
83
|
-
import { InputNumPicker as
|
|
84
|
-
import { InputOTP as
|
|
85
|
-
import { InputPassword as
|
|
59
|
+
import { DataTableToolbar as Er } from "./components/ui/data-table/data-table-toolbar.js";
|
|
60
|
+
import { InputDatePicker as Dr } from "./components/ui/input-date-picker/input-date-picker.js";
|
|
61
|
+
import { DateRangePicker as Or } from "./components/ui/date-range-picker/date-range-picker.js";
|
|
62
|
+
import { DescriptionList as kr, DescriptionListActions as Ar, DescriptionListItem as jr, DescriptionListLabel as Mr, DescriptionListValue as Nr, DescriptionListValueDescription as Pr } from "./components/ui/description-list/description-list.js";
|
|
63
|
+
import { InputBox as Fr } from "./components/ui/input/input.js";
|
|
64
|
+
import { InputText as R } from "./components/ui/input-text/input-text.js";
|
|
65
|
+
import { Loading as Ir, loadingVariants as Lr } from "./components/ui/loading/loading.js";
|
|
66
|
+
import { Dialog as Rr, DialogClose as zr } from "./components/ui/dialog/dialog.js";
|
|
67
|
+
import { DialogFooterCarousel as Br } from "./components/ui/dialog-footer-carousel/dialog-footer-carousel.js";
|
|
68
|
+
import { DialogWelcome as Vr } from "./components/ui/dialog-welcome/dialog-welcome.js";
|
|
69
|
+
import { Empty as z, EmptyActions as Hr, EmptyDescription as Ur, EmptyHeader as Wr, EmptyIcon as Gr, EmptyLinks as Kr, EmptyTitle as qr } from "./components/ui/empty/empty.js";
|
|
70
|
+
import { EmptyOverlay as Jr, emptyOverlayIconVariants as Yr } from "./components/ui/empty-overlay/empty-overlay.js";
|
|
71
|
+
import { labelClassName as Xr } from "./components/ui/label/label.js";
|
|
72
|
+
import { Separator as Zr } from "./components/ui/separator/separator.js";
|
|
73
|
+
import { Field as Qr, FieldContent as $r, FieldControl as ei, FieldDescription as ti, FieldError as ni, FieldGroup as ri, FieldLabel as ii, FieldLegend as ai, FieldSeparator as oi, FieldSet as si, FieldTitle as ci } from "./components/ui/field/field.js";
|
|
74
|
+
import { FittedActions as li, computeFittedVisibleCount as ui } from "./components/ui/fitted-actions/fitted-actions.js";
|
|
75
|
+
import { FilterCards as di } from "./components/ui/filter-cards/filter-cards.js";
|
|
76
|
+
import { FUNNEL_CHART_DEFAULT_PALETTE as fi, FunnelChart as pi, funnelChartPercent as mi, funnelChartVariants as hi } from "./components/ui/funnel-chart/funnel-chart.js";
|
|
77
|
+
import { Grid as gi, gridVariants as _i } from "./components/ui/grid/grid.js";
|
|
78
|
+
import { Histogram as vi } from "./components/ui/histogram/histogram.js";
|
|
79
|
+
import { Form as yi } from "./components/ui/form/form.js";
|
|
80
|
+
import { RadarChart as bi, radarChartVariants as xi } from "./components/ui/radar-chart/radar-chart.js";
|
|
81
|
+
import { RadialBarChart as Si } from "./components/ui/radial-bar-chart/radial-bar-chart.js";
|
|
82
|
+
import { Radio as Ci, RadioGroup as wi } from "./components/ui/radio/radio.js";
|
|
83
|
+
import { InputNumPicker as Ti } from "./components/ui/input-num-picker/input-num-picker.js";
|
|
84
|
+
import { InputOTP as Ei } from "./components/ui/input-otp/input-otp.js";
|
|
85
|
+
import { InputPassword as Di } from "./components/ui/input-password/input-password.js";
|
|
86
86
|
import { InputTextArea as B } from "./components/ui/input-text-area/input-text-area.js";
|
|
87
|
-
import { LineChart as
|
|
88
|
-
import { Link as
|
|
89
|
-
import { Skeleton as
|
|
90
|
-
import { TrendIndicator as
|
|
91
|
-
import { Metric as
|
|
92
|
-
import { NumberField as
|
|
93
|
-
import { PageContent as
|
|
94
|
-
import { Tag as V, tagVariants as
|
|
95
|
-
import { PageHeader as
|
|
96
|
-
import { Pagination as
|
|
97
|
-
import { PieChart as
|
|
98
|
-
import { Progress as
|
|
99
|
-
import { ProgressCircle as
|
|
100
|
-
import { SankeyChart as
|
|
101
|
-
import { ScatterChart as
|
|
102
|
-
import { ScrollArea as
|
|
103
|
-
import { Section as
|
|
104
|
-
import { Sheet as H, SheetBody as U, SheetClose as W, SheetCloseButton as G, SheetContent as K, SheetDescription as q, SheetFooter as J, SheetHeader as Y, SheetOverlay as X, SheetPortal as Z, SheetTitle as Q, SheetTrigger as $, sheetVariants as
|
|
105
|
-
import { SheetDetails as
|
|
106
|
-
import { Slider as
|
|
107
|
-
import { Stack as
|
|
108
|
-
import { Stepper as
|
|
109
|
-
import { StepperItem as
|
|
110
|
-
import { ResizableHandle as
|
|
111
|
-
import { SidebarPrimary as
|
|
112
|
-
import { SidebarSecondary as
|
|
113
|
-
import { ButtonIconMenu as
|
|
114
|
-
import { Tabs as
|
|
115
|
-
import { Toaster as
|
|
116
|
-
import { Toggle as
|
|
117
|
-
import { Toolbar as
|
|
118
|
-
import { middleTruncate as
|
|
119
|
-
import { measureTextWidth as
|
|
120
|
-
import { TruncateText as
|
|
121
|
-
import { Timeline as
|
|
122
|
-
import { Timer as
|
|
123
|
-
import { TreeItem as
|
|
124
|
-
import { Treemap as
|
|
125
|
-
import { WidgetPlaceholder as
|
|
126
|
-
import { Wizard as
|
|
127
|
-
export { _e as Accordion, xe as AccordionContainer, Se as AccordionContainerContent, Ce as AccordionContainerTrigger, ve as AccordionContent, ye as AccordionItem, be as AccordionTrigger, n as Alert, r as AlertActions, i as AlertClose, a as AlertContent, o as AlertDescription, s as AlertIcon, c as AlertText, l as AlertTitle, h as AppShellChat, g as AppShellChatChat, _ as AppShellChatChatBody, v as AppShellChatChatHeader, y as AppShellChatContent, b as AppShellChatContentBody, x as AppShellChatContentHeader, S as AppShellChatSidebar,
|
|
87
|
+
import { LineChart as Oi, lineChartVariants as ki } from "./components/ui/line-chart/line-chart.js";
|
|
88
|
+
import { Link as Ai, linkVariants as ji } from "./components/ui/link/link.js";
|
|
89
|
+
import { Skeleton as Mi } from "./components/ui/skeleton/skeleton.js";
|
|
90
|
+
import { TrendIndicator as Ni, trendIndicatorVariants as Pi } from "./components/ui/trend-indicator/trend-indicator.js";
|
|
91
|
+
import { Metric as Fi } from "./components/ui/metric/metric.js";
|
|
92
|
+
import { NumberField as Ii, NumberFieldDecrement as Li, NumberFieldGroup as Ri, NumberFieldIncrement as zi, NumberFieldInput as Bi } from "./components/ui/number-field/number-field.js";
|
|
93
|
+
import { PageContent as Vi } from "./components/ui/page-content/page-content.js";
|
|
94
|
+
import { Tag as V, tagVariants as Hi } from "./components/ui/tag/tag.js";
|
|
95
|
+
import { PageHeader as Ui, PageHeaderActions as Wi, PageHeaderDescription as Gi, PageHeaderDescriptionRow as Ki, PageHeaderRow as qi, PageHeaderTags as Ji, PageHeaderTitle as Yi } from "./components/ui/page-header/page-header.js";
|
|
96
|
+
import { Pagination as Xi, PaginationContent as Zi, PaginationEllipsis as Qi, PaginationItem as $i, PaginationLink as ea, PaginationNext as ta, PaginationPrevious as na } from "./components/ui/pagination/pagination.js";
|
|
97
|
+
import { PieChart as ra, pieChartVariants as ia } from "./components/ui/pie-chart/pie-chart.js";
|
|
98
|
+
import { Progress as aa } from "./components/ui/progress/progress.js";
|
|
99
|
+
import { ProgressCircle as oa, progressCircleVariants as sa } from "./components/ui/progress-circle/progress-circle.js";
|
|
100
|
+
import { SankeyChart as ca } from "./components/ui/sankey-chart/sankey-chart.js";
|
|
101
|
+
import { ScatterChart as la } from "./components/ui/scatter-chart/scatter-chart.js";
|
|
102
|
+
import { ScrollArea as ua, ScrollBar as da } from "./components/ui/scroll-area/scroll-area.js";
|
|
103
|
+
import { Section as fa, SectionContent as pa, SectionHeader as ma, sectionVariants as ha, useSectionContext as ga } from "./components/ui/section/section.js";
|
|
104
|
+
import { Sheet as H, SheetBody as U, SheetClose as W, SheetCloseButton as G, SheetContent as K, SheetDescription as q, SheetFooter as J, SheetHeader as Y, SheetOverlay as X, SheetPortal as Z, SheetTitle as Q, SheetTrigger as $, sheetVariants as _a } from "./components/ui/sheet/sheet.js";
|
|
105
|
+
import { SheetDetails as va } from "./components/ui/sheet/sheet-details.js";
|
|
106
|
+
import { Slider as ya } from "./components/ui/slider/slider.js";
|
|
107
|
+
import { Stack as ba, stackVariants as xa } from "./components/ui/stack/stack.js";
|
|
108
|
+
import { Stepper as Sa } from "./components/ui/stepper/stepper.js";
|
|
109
|
+
import { StepperItem as Ca, stepperItemVariants as wa } from "./components/ui/stepper-item/stepper-item.js";
|
|
110
|
+
import { ResizableHandle as Ta, ResizablePanel as Ea, ResizablePanelGroup as Da } from "./components/ui/resizable/resizable.js";
|
|
111
|
+
import { SidebarPrimary as Oa, SidebarPrimaryCollapseTrigger as ka, SidebarPrimaryContent as Aa, SidebarPrimaryFooter as ja, SidebarPrimaryHeader as Ma, SidebarPrimaryMenu as Na, SidebarPrimaryMenuItem as Pa, SidebarPrimaryMenuItemExtras as Fa, SidebarPrimarySection as Ia, sidebarPrimaryMenuItemVariants as La } from "./components/ui/sidebar-primary/sidebar-primary.js";
|
|
112
|
+
import { SidebarSecondary as Ra, SidebarSecondaryCollapseTrigger as za, SidebarSecondaryContent as Ba, SidebarSecondaryFooter as Va, SidebarSecondaryHeader as Ha, SidebarSecondaryMenu as Ua, SidebarSecondaryMenuItem as Wa, SidebarSecondaryMenuItemExtras as Ga, SidebarSecondarySection as Ka, SidebarSecondarySectionLabel as qa, sidebarSecondaryMenuItemVariants as Ja } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
|
|
113
|
+
import { ButtonIconMenu as Ya } from "./components/ui/button-icon-menu/button-icon-menu.js";
|
|
114
|
+
import { Tabs as Xa, TabsContent as Za, TabsList as Qa, TabsTrigger as $a } from "./components/ui/tabs/tabs.js";
|
|
115
|
+
import { Toaster as eo, toast as to, toastVariants as no } from "./components/ui/toast/toast.js";
|
|
116
|
+
import { Toggle as ro, ToggleGroup as io, ToggleGroupItem as ao } from "./components/ui/toggle-group/toggle-group.js";
|
|
117
|
+
import { Toolbar as oo, ToolbarActionList as so, ToolbarActions as co } from "./components/ui/toolbar/toolbar.js";
|
|
118
|
+
import { middleTruncate as lo } from "./components/ui/truncate-text/middle-truncate.js";
|
|
119
|
+
import { measureTextWidth as uo } from "./components/ui/truncate-text/text-width.js";
|
|
120
|
+
import { TruncateText as fo } from "./components/ui/truncate-text/truncate-text.js";
|
|
121
|
+
import { Timeline as po, TimelineItem as mo } from "./components/ui/timeline/timeline.js";
|
|
122
|
+
import { Timer as ho } from "./components/ui/timer/timer.js";
|
|
123
|
+
import { TreeItem as go } from "./components/ui/tree-item/tree-item.js";
|
|
124
|
+
import { Treemap as _o } from "./components/ui/treemap/treemap.js";
|
|
125
|
+
import { WidgetPlaceholder as vo, WidgetPlaceholderAction as yo, WidgetPlaceholderContent as bo, WidgetPlaceholderFooter as xo, WidgetPlaceholderHeader as So, WidgetPlaceholderIcon as Co, WidgetPlaceholderImage as wo, WidgetPlaceholderText as To, WidgetPlaceholderTitle as Eo } from "./components/ui/widget-placeholder/widget-placeholder.js";
|
|
126
|
+
import { Wizard as Do, WizardBody as Oo, WizardHeader as ko, WizardSubtitle as Ao } from "./components/ui/wizard/wizard.js";
|
|
127
|
+
export { _e as Accordion, xe as AccordionContainer, Se as AccordionContainerContent, Ce as AccordionContainerTrigger, ve as AccordionContent, ye as AccordionItem, be as AccordionTrigger, n as Alert, r as AlertActions, i as AlertClose, a as AlertContent, o as AlertDescription, s as AlertIcon, c as AlertText, l as AlertTitle, h as AppShellChat, g as AppShellChatChat, _ as AppShellChatChatBody, v as AppShellChatChatHeader, y as AppShellChatContent, b as AppShellChatContentBody, x as AppShellChatContentHeader, S as AppShellChatSidebar, ct as AreaChart, ut as Avatar, dt as AvatarFallback, ft as AvatarGroup, pt as AvatarImage, ce as BREAKPOINT_2XL, le as BREAKPOINT_3XL, ue as BREAKPOINT_4XL, de as BREAKPOINT_LG, fe as BREAKPOINT_XL, V as Badge, ht as BarChart, _t as Breadcrumb, vt as BreadcrumbEllipsis, yt as BreadcrumbItem, bt as BreadcrumbLink, xt as BreadcrumbList, St as BreadcrumbPage, Ct as BreadcrumbSeparator, wt as Button, Et as ButtonGroup, Dt as ButtonGroupItem, e as ButtonIcon, qt as ButtonIconInput, Ya as ButtonIconMenu, At as ButtonMenu, Le as CHART_BRUSH_ARIA_LABEL, Re as CHART_BRUSH_HEIGHT, T as CHART_CATEGORICAL_TOKENS, E as CHART_DEFAULT_PALETTE, D as CHART_DIVERGING_TOKENS, ze as CHART_LABEL_FILL_CLASS, Be as CHART_LABEL_FILL_ON_SERIES_CLASS, Ve as CHART_LABEL_FONT_SIZE, He as CHART_LABEL_MARGIN, Ue as CHART_REFERENCE_LINE_STROKE, O as CHART_SEQUENTIAL_TOKENS, un as CHART_STATE_ILLUSTRATIONS, k as CHART_STATUS_TOKENS, Mt as Calendar, Nt as CalendarDayButton, Wt as CalendarHeader, Gt as CalendarItem, Kt as CalendarPanel, Xt as Card, Zt as CardContent, tn as CardFilter, Qt as CardFooter, $t as CardHeader, rn as CardSection, sn as CardWidget, on as CardWidgetCarousel, cn as CategoryBar, ke as ChartContainer, Ae as ChartLegend, je as ChartLegendContent, dn as ChartState, Me as ChartStyle, Ne as ChartTooltip, Pe as ChartTooltipContent, fn as ChartWidget, pn as Checkbox, mn as Chip, gn as Combobox, _n as ComboboxContent, vn as ComboboxEmpty, yn as ComboboxGroup, bn as ComboboxGroupLabel, xn as ComboboxInput, Sn as ComboboxItem, Cn as ComboboxList, wn as ComposedChart, En as ConfidenceCone, re as DEFAULT_TABLE_URL_PARAM_KEYS, rr as DataTable, cr as DataTableBulkActionsBar, lr as DataTableColumnHeader, ur as DataTableExpandTrigger, dr as DataTablePagination, Er as DataTableToolbar, nr as DataTableViewOptions, Or as DateRangePicker, kr as DescriptionList, Ar as DescriptionListActions, jr as DescriptionListItem, Mr as DescriptionListLabel, Nr as DescriptionListValue, Pr as DescriptionListValueDescription, H as Details, U as DetailsBody, W as DetailsClose, G as DetailsCloseButton, K as DetailsContent, q as DetailsDescription, J as DetailsFooter, Y as DetailsHeader, X as DetailsOverlay, Z as DetailsPortal, Q as DetailsTitle, $ as DetailsTrigger, Rr as Dialog, zr as DialogClose, Br as DialogFooterCarousel, Pt as DialogFooterDefault, Vr as DialogWelcome, Dn as DropdownMenu, On as DropdownMenuCheckboxItem, kn as DropdownMenuContent, An as DropdownMenuGroup, jn as DropdownMenuItem, Mn as DropdownMenuLabel, Nn as DropdownMenuPortal, Pn as DropdownMenuRadioGroup, Fn as DropdownMenuRadioItem, In as DropdownMenuSeparator, Ln as DropdownMenuShortcut, Rn as DropdownMenuSub, zn as DropdownMenuSubContent, Bn as DropdownMenuSubTrigger, Vn as DropdownMenuTrigger, z as Empty, Hr as EmptyActions, Ur as EmptyDescription, Wr as EmptyHeader, Gr as EmptyIcon, Kr as EmptyLinks, Jr as EmptyOverlay, qr as EmptyTitle, fi as FUNNEL_CHART_DEFAULT_PALETTE, Qr as Field, $r as FieldContent, ei as FieldControl, ti as FieldDescription, ni as FieldError, ri as FieldGroup, ii as FieldLabel, ai as FieldLegend, oi as FieldSeparator, si as FieldSet, ci as FieldTitle, di as FilterCards, fr as FilterChips, pr as FilterChipsList, mr as FilterChipsReset, xr as FilterSearch, Sr as FilterSearchActions, Cr as FilterSearchAppliedFilters, wr as FilterSearchFilters, li as FittedActions, yi as Form, pi as FunnelChart, gi as Grid, vi as Histogram, R as Input, Fr as InputBox, Dr as InputDatePicker, Ti as InputNumPicker, Ei as InputOTP, Di as InputPassword, L as InputSearch, A as InputSelect, j as InputSelectContent, Ft as InputSelectDescription, It as InputSelectError, Lt as InputSelectExpander, Rt as InputSelectField, zt as InputSelectGroup, M as InputSelectItem, Bt as InputSelectLabel, Vt as InputSelectSearch, N as InputSelectSection, P as InputSelectSectionLabel, Ht as InputSelectStatus, F as InputSelectTrigger, I as InputSelectValue, R as InputText, B as InputTextArea, Oi as LineChart, Ai as Link, Ir as Loading, Fi as Metric, Ii as NumberField, Li as NumberFieldDecrement, Ri as NumberFieldGroup, zi as NumberFieldIncrement, Bi as NumberFieldInput, Vi as PageContent, Ui as PageHeader, Wi as PageHeaderActions, Gi as PageHeaderDescription, Ki as PageHeaderDescriptionRow, qi as PageHeaderRow, Ji as PageHeaderTags, Yi as PageHeaderTitle, Xi as Pagination, Zi as PaginationContent, Qi as PaginationEllipsis, $i as PaginationItem, ea as PaginationLink, ta as PaginationNext, na as PaginationPrevious, ra as PieChart, hr as Popover, gr as PopoverBody, _r as PopoverContent, vr as PopoverFooter, yr as PopoverPortal, br as PopoverTrigger, he as PortalContainerProvider, aa as Progress, oa as ProgressCircle, pe as ROOT_FONT_SIZE_PX, bi as RadarChart, Si as RadialBarChart, Ci as Radio, wi as RadioGroup, Ta as ResizableHandle, Ea as ResizablePanel, Da as ResizablePanelGroup, ca as SankeyChart, la as ScatterChart, ua as ScrollArea, da as ScrollBar, L as Search, fa as Section, pa as SectionContent, ma as SectionHeader, A as Select, j as SelectContent, N as SelectGroup, P as SelectGroupLabel, M as SelectItem, F as SelectTrigger, I as SelectValue, Zr as Separator, H as Sheet, U as SheetBody, W as SheetClose, G as SheetCloseButton, K as SheetContent, q as SheetDescription, va as SheetDetails, J as SheetFooter, Y as SheetHeader, X as SheetOverlay, Z as SheetPortal, Q as SheetTitle, $ as SheetTrigger, Oa as SidebarPrimary, ka as SidebarPrimaryCollapseTrigger, Aa as SidebarPrimaryContent, ja as SidebarPrimaryFooter, Ma as SidebarPrimaryHeader, Na as SidebarPrimaryMenu, Pa as SidebarPrimaryMenuItem, Fa as SidebarPrimaryMenuItemExtras, Ia as SidebarPrimarySection, Ra as SidebarSecondary, za as SidebarSecondaryCollapseTrigger, Ba as SidebarSecondaryContent, Va as SidebarSecondaryFooter, Ha as SidebarSecondaryHeader, Ua as SidebarSecondaryMenu, Wa as SidebarSecondaryMenuItem, Ga as SidebarSecondaryMenuItemExtras, Ka as SidebarSecondarySection, qa as SidebarSecondarySectionLabel, Mi as Skeleton, ya as Slider, ba as Stack, Sa as Stepper, Ca as StepperItem, Yt as Switch, Hn as Table, Un as TableActionsCell, Wn as TableBody, Gn as TableCaption, Kn as TableCell, qn as TableFooter, Jn as TableHead, Yn as TableHeader, $n as TablePagination, Xn as TableRow, Zn as TableSelectCell, Qn as TableSettingsCell, er as TableViewOptions, Xa as Tabs, Za as TabsContent, Qa as TabsList, $a as TabsTrigger, V as Tag, B as Textarea, po as Timeline, mo as TimelineItem, ho as Timer, eo as Toaster, ro as Toggle, io as ToggleGroup, ao as ToggleGroupItem, oo as Toolbar, so as ToolbarActionList, co as ToolbarActions, d as Tooltip, f as TooltipContent, p as TooltipProvider, m as TooltipTrigger, go as TreeItem, _o as Treemap, Ni as TrendIndicator, fo as TruncateText, vo as WidgetPlaceholder, yo as WidgetPlaceholderAction, bo as WidgetPlaceholderContent, xo as WidgetPlaceholderFooter, So as WidgetPlaceholderHeader, Co as WidgetPlaceholderIcon, wo as WidgetPlaceholderImage, To as WidgetPlaceholderText, Eo as WidgetPlaceholderTitle, Do as Wizard, Oo as WizardBody, ko as WizardHeader, Ao as WizardSubtitle, u as alertVariants, lt as areaChartVariants, mt as avatarVariants, gt as barChartVariants, Ot as buttonGroupItemVariants, kt as buttonGroupVariants, Jt as buttonIconInputVariants, t as buttonIconVariants, jt as buttonMenuVariants, Tt as buttonVariants, nn as cardFilterVariants, an as cardSectionVariants, en as cardVariants, ln as categoryBarVariants, hn as chipVariants, ee as cn, Tn as composedChartVariants, ui as computeFittedVisibleCount, We as createTickFormatter, Ge as dropProjectionPayload, Yr as emptyOverlayIconVariants, Te as findDuplicateTones, Ke as formatCompactNumber, qe as formatPercent, mi as funnelChartPercent, hi as funnelChartVariants, C as getAppShellChatInitialLayout, ir as getCellStyle, ar as getColumnWidth, or as getPinnedStyle, me as getViewportWidth, _i as gridVariants, tr as isBulkSelectionActive, Xr as labelClassName, ki as lineChartVariants, ji as linkVariants, Ee as listPaletteChoices, De as listPaletteStops, Lr as loadingVariants, uo as measureTextWidth, lo as middleTruncate, ie as parseTableUrlState, ia as pieChartVariants, sa as progressCircleVariants, xi as radarChartVariants, sr as reorderColumn, Je as resolveAnimation, Ye as resolveAxisDomain, Xe as resolveBrushProps, Ze as resolveCartesianLabelPosition, Qe as resolveCategoryRange, Fe as resolveChartColors, $e as resolveChartReferenceValue, et as resolveLabelFillClass, tt as resolveReferenceLineProps, nt as resolveRotatedTickAnchor, Oe as resolveSeriesColor, rt as resolveXAxisHeight, it as resolveXAxisTitle, at as resolveYAxisTitle, ha as sectionVariants, ae as serializeTableUrlState, _a as sheetVariants, La as sidebarPrimaryMenuItemVariants, Ja as sidebarSecondaryMenuItemVariants, xa as stackVariants, wa as stepperItemVariants, Hi as tagVariants, Ie as toCssKey, ot as toLabelFormatter, st as toReferenceLineList, to as toast, no as toastVariants, Pi as trendIndicatorVariants, we as useAccordionContainerContext, w as useAppShellChatInitialLayout, Tr as useFilterSearchFilters, Ut as useInputSelectFilter, ne as useIntersectionObserver, ge as usePortalContainer, ga as useSectionContext, te as useSortState, oe as useTableUrlState, se as useWizard };
|
package/dist/llms/checkbox.md
CHANGED
|
@@ -79,12 +79,19 @@ them for a bare box, and name it with `aria-label`:
|
|
|
79
79
|
|
|
80
80
|
## States
|
|
81
81
|
|
|
82
|
-
| State | How | Visual
|
|
83
|
-
| ------------- | ----------------------------- |
|
|
84
|
-
| Unchecked | default | Idle border, no glyph
|
|
85
|
-
| Checked | `checked` / `default-checked` | Active fill + check glyph
|
|
86
|
-
| Indeterminate | `indeterminate` | Active fill + minus glyph, `mixed`
|
|
87
|
-
| Disabled | `disabled` | Disabled tokens; not interactive
|
|
82
|
+
| State | How | Visual |
|
|
83
|
+
| ------------- | ----------------------------- | ------------------------------------------------- |
|
|
84
|
+
| Unchecked | default | Idle border, no glyph |
|
|
85
|
+
| Checked | `checked` / `default-checked` | Active fill + check glyph |
|
|
86
|
+
| Indeterminate | `indeterminate` | Active fill + minus glyph, `mixed` |
|
|
87
|
+
| Disabled | `disabled` | Disabled tokens; not interactive |
|
|
88
|
+
| Read-only ⚠ | `read-only` | Still shows hover/active feedback; not toggleable |
|
|
89
|
+
| Required ⚠ | `required` | Unchanged visuals; `aria-required` |
|
|
90
|
+
|
|
91
|
+
⚠ **Known gap, not yet ratified:** neither state has a dedicated visual
|
|
92
|
+
affordance beyond its ARIA attribute — this is current behavior, not a
|
|
93
|
+
signed-off design decision. See the caveats in `behavior.md` (pending
|
|
94
|
+
design-lead sign-off before treated as final).
|
|
88
95
|
|
|
89
96
|
## Spec Files
|
|
90
97
|
|
|
@@ -106,6 +113,7 @@ them for a bare box, and name it with `aria-label`:
|
|
|
106
113
|
| `indeterminate` | `boolean` | `false` | no | Renders the mixed/indeterminate state (minus glyph, aria-checked="mixed"). Independent of `checked` — set by the consumer, not toggled by clicking. |
|
|
107
114
|
| `disabled` | `boolean` | `false` | no | Disables interaction; applies the disabled form tokens. |
|
|
108
115
|
| `required` | `boolean` | `false` | no | Marks the control as required in a form. |
|
|
116
|
+
| `read-only` | `boolean` | `false` | no | Prevents the user from changing the checked state; stays focusable. |
|
|
109
117
|
| `name` | `string` | — | no | Form field name submitted with the form. |
|
|
110
118
|
| `value` | `string` | — | no | Form field value when checked. |
|
|
111
119
|
| `label` | `ReactNode` | — | no | Optional label rendered beside the box. When provided, the whole row becomes a clickable `<label>` and the box is named via aria-labelledby. |
|
|
@@ -166,6 +174,21 @@ them for a bare box, and name it with `aria-label`:
|
|
|
166
174
|
**And** `checked-change` does not fire
|
|
167
175
|
**And** the disabled form tokens are applied
|
|
168
176
|
|
|
177
|
+
#### Read-only blocks the state change but not focus
|
|
178
|
+
|
|
179
|
+
**Given** a Checkbox with `read-only`
|
|
180
|
+
**When** the user clicks it (or presses Space while focused)
|
|
181
|
+
**Then** the state does not change
|
|
182
|
+
**And** `checked-change` does not fire
|
|
183
|
+
**And** the box remains focusable and keeps its normal (non-disabled) hover/
|
|
184
|
+
active/cursor styling — nothing in the current implementation visually
|
|
185
|
+
distinguishes it from an editable box beyond `aria-readonly="true"`, so a
|
|
186
|
+
consumer should pair it with copy that explains why it can't be changed
|
|
187
|
+
|
|
188
|
+
> Known gap, not yet ratified: the absence of a read-only visual affordance is
|
|
189
|
+
> the current behavior, not a signed-off design decision. It needs design-lead
|
|
190
|
+
> sign-off before it is treated as final.
|
|
191
|
+
|
|
169
192
|
---
|
|
170
193
|
|
|
171
194
|
### States
|
|
@@ -205,6 +228,24 @@ them for a bare box, and name it with `aria-label`:
|
|
|
205
228
|
**When** the form is submitted while checked
|
|
206
229
|
**Then** the field is included with its value
|
|
207
230
|
|
|
231
|
+
#### Required participates in form validation
|
|
232
|
+
|
|
233
|
+
**Given** a Checkbox with `required`
|
|
234
|
+
**When** it renders
|
|
235
|
+
**Then** `aria-required="true"` is set
|
|
236
|
+
**And** the hidden native input marks the field as required for submission
|
|
237
|
+
**And** the box itself renders no dedicated required-state token — nothing in
|
|
238
|
+
`packages/tokens-pd/css/Checkbox/*.css` distinguishes a required box from an
|
|
239
|
+
optional one beyond `aria-required`
|
|
240
|
+
|
|
241
|
+
> Known gap, not yet ratified: the absence of a required visual affordance is
|
|
242
|
+
> the current behavior, not a signed-off design decision. It needs
|
|
243
|
+
> design-lead sign-off before it is treated as final. Compare InputSelect,
|
|
244
|
+
> where `required` on `InputSelectLabel` renders a visual `*` marker
|
|
245
|
+
> (`--ui-input-select-global-required-color`) — design HAS modeled a required
|
|
246
|
+
> affordance for a sibling component, so Checkbox's lack of one is a gap, not
|
|
247
|
+
> a considered choice to omit it everywhere.
|
|
248
|
+
|
|
208
249
|
## Accessibility
|
|
209
250
|
|
|
210
251
|
Implements the [WAI-ARIA Checkbox pattern](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/)
|
|
@@ -212,11 +253,19 @@ via Base UI's Checkbox primitive.
|
|
|
212
253
|
|
|
213
254
|
## ARIA Roles and Attributes
|
|
214
255
|
|
|
215
|
-
| Attribute | Value | Reason
|
|
216
|
-
| --------------- | ---------------------------- |
|
|
217
|
-
| `role` | `"checkbox"` | Identifies the control
|
|
218
|
-
| `aria-checked` | `"true" / "false" / "mixed"` | Reflects checked / unchecked / indeterminate
|
|
219
|
-
| `aria-disabled` | present when disabled | Conveyed via the disabled state
|
|
256
|
+
| Attribute | Value | Reason |
|
|
257
|
+
| --------------- | ---------------------------- | ----------------------------------------------- |
|
|
258
|
+
| `role` | `"checkbox"` | Identifies the control |
|
|
259
|
+
| `aria-checked` | `"true" / "false" / "mixed"` | Reflects checked / unchecked / indeterminate |
|
|
260
|
+
| `aria-disabled` | present when disabled | Conveyed via the disabled state |
|
|
261
|
+
| `aria-required` | present when `required` | Announces that the box must be ticked [^1] |
|
|
262
|
+
| `aria-readonly` | present when `read-only` | Announces that the state cannot be changed [^1] |
|
|
263
|
+
|
|
264
|
+
[^1]:
|
|
265
|
+
Known gap, not yet ratified: no dedicated sighted visual affordance
|
|
266
|
+
exists for this state beyond the ARIA attribute — this is current
|
|
267
|
+
behavior, not a signed-off design decision, pending design-lead sign-off
|
|
268
|
+
(see `behavior.md`).
|
|
220
269
|
|
|
221
270
|
The control must have an **accessible name** — provide a visible `<label>`
|
|
222
271
|
associated with it, or an `aria-label` / `aria-labelledby` when used standalone.
|
|
@@ -229,7 +278,9 @@ associated with it, or an `aria-label` / `aria-labelledby` when used standalone.
|
|
|
229
278
|
| Space | Toggles checked / unchecked |
|
|
230
279
|
|
|
231
280
|
The box is focusable in its enabled state and removed from the tab order when
|
|
232
|
-
disabled.
|
|
281
|
+
disabled. A **read-only** box stays focusable and in the tab order — Space
|
|
282
|
+
simply does not change its state, with no sighted visual cue distinguishing
|
|
283
|
+
it from an editable box (see the known-gap footnote above).
|
|
233
284
|
|
|
234
285
|
## Screen Reader Requirements
|
|
235
286
|
|
|
@@ -139,7 +139,22 @@ Render a menu item as a router link via the `render` prop:
|
|
|
139
139
|
|
|
140
140
|
The product logo is a **consumer-provided child** of the header — the component
|
|
141
141
|
does not ship a Logo part. The header just sizes whatever `img`/`svg` you slot
|
|
142
|
-
in (32px collapsed, 48px expanded) and tints it via the logo-color
|
|
142
|
+
in (32px collapsed, 48px expanded by default) and tints it via the logo-color
|
|
143
|
+
token. A consumer logo authored taller than that default (e.g. a
|
|
144
|
+
tenant-branded lockup) can override it in pixels via the `logoHeight`/
|
|
145
|
+
`collapsedLogoHeight` props instead of being force-downscaled to fit.
|
|
146
|
+
|
|
147
|
+
The two overrides are **not independent for header row height**. The header row
|
|
148
|
+
is pinned to `max(collapsed padding-y × 2 + collapsed logo height, expanded
|
|
149
|
+
padding-y × 2 + expanded logo height)` — unconditionally, across both rail
|
|
150
|
+
states — so the row can't jump while the two logo graphics swap. Each prop
|
|
151
|
+
sizes only its own state's logo, but whichever state yields the larger sum sets
|
|
152
|
+
the row height for both. With the defaults that's `max(16×2 + 32, 8×2 + 48)` =
|
|
153
|
+
64px; at `logoHeight={64}` it becomes `max(16×2 + 32, 8×2 + 64)` = 80px,
|
|
154
|
+
growing the _collapsed_ header too even though its 32px mark is unchanged. The
|
|
155
|
+
collapsed rail additionally caps the mark's width
|
|
156
|
+
at a 32px content box (48px width − 8px padding each side), so a taller
|
|
157
|
+
`collapsedLogo` should be authored portrait-or-narrower.
|
|
143
158
|
|
|
144
159
|
## Spec Files
|
|
145
160
|
|
|
@@ -168,6 +183,8 @@ in (32px collapsed, 48px expanded) and tints it via the logo-color token.
|
|
|
168
183
|
| `tag` | `ReactNode` | `undefined` | no | Tag content for the extras `tag` / `tag-externalLink` variants. |
|
|
169
184
|
| `logo` | `ReactNode` | `undefined` | no | Header content shown while the rail is expanded (e.g. a full brand lockup). Pairs with `collapsed-logo` to swap distinct graphics per rail state instead of resizing one. React: the `logo` prop on `SidebarPrimaryHeader`. |
|
|
170
185
|
| `collapsed-logo` | `ReactNode` | `undefined` | no | Header content shown while the rail is collapsed (e.g. a monogram mark). Falls back to `logo` when omitted. React: the `collapsedLogo` prop on `SidebarPrimaryHeader`. |
|
|
186
|
+
| `logo-height` | `number` | `undefined` | no | Overrides the expanded-state logo height in pixels, for a consumer logo asset authored taller than the design system's default 48px slot (e.g. a tenant-branded logo). Omit to use the design system default. Sizes only the expanded logo, but it can also change the *collapsed* header row height: the header row is pinned — in both rail states — to whichever state's (header padding-y × 2 + logo height) sum is larger, so that the row can't jump while the two logo graphics swap. With the defaults that is `max(16×2 + 32, 8×2 + 48)` = 64px; at `logo-height` 64 it becomes `max(16×2 + 32, 8×2 + 64)` = 80px in both states. React: the `logoHeight` prop on `SidebarPrimaryHeader`. |
|
|
187
|
+
| `collapsed-logo-height` | `number` | `undefined` | no | Overrides the collapsed-state logo height in pixels. Omit to use the design system default (32px). Sizes only the collapsed logo, but — symmetrically with `logo-height` — it can also change the *expanded* header row height, since the row is pinned in both states to the larger (header padding-y × 2 + logo height) sum. The collapsed logo is additionally width-capped by the collapsed rail's 32px content box (48px rail width − 8px header padding-x per side), so a taller collapsed logo should be authored portrait-or-narrower. React: the `collapsedLogoHeight` prop on `SidebarPrimaryHeader`. |
|
|
171
188
|
|
|
172
189
|
## Events
|
|
173
190
|
|
package/dist/llms.txt
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Acronis UI Kit for React — LLM Reference
|
|
2
2
|
|
|
3
|
-
> `@acronis-platform/ui-react` v5.
|
|
3
|
+
> `@acronis-platform/ui-react` v5.3.0
|
|
4
4
|
|
|
5
5
|
Machine-readable component reference compiled from framework-agnostic specs.
|
|
6
6
|
Each entry links to a self-contained markdown file with props, behavior,
|