gridsmith-ui 0.30.1 → 0.31.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/CHANGELOG.md +73 -1
- package/dist/charts.d.ts +114 -1
- package/dist/charts.js +1113 -206
- package/dist/charts.js.map +1 -1
- package/dist/chat.js +24 -10
- package/dist/chat.js.map +1 -1
- package/dist/{chunk-ULCACQSA.js → chunk-2Q4HOGEI.js} +16 -51
- package/dist/chunk-2Q4HOGEI.js.map +1 -0
- package/dist/{chunk-T52LAFKG.js → chunk-3J67NISC.js} +13 -15
- package/dist/chunk-3J67NISC.js.map +1 -0
- package/dist/{chunk-L6HWACK7.js → chunk-53F7GVBQ.js} +6 -3
- package/dist/chunk-53F7GVBQ.js.map +1 -0
- package/dist/{chunk-SLRTSBCJ.js → chunk-BKYWKMUN.js} +73 -678
- package/dist/chunk-BKYWKMUN.js.map +1 -0
- package/dist/{chunk-KMKBOTFR.js → chunk-EKWXPSTI.js} +10 -12
- package/dist/chunk-EKWXPSTI.js.map +1 -0
- package/dist/{chunk-SJZWEBHL.js → chunk-GP2COVJC.js} +24 -11
- package/dist/chunk-GP2COVJC.js.map +1 -0
- package/dist/{chunk-OVHBQT3Z.js → chunk-GT6M74IZ.js} +6 -6
- package/dist/{chunk-OVHBQT3Z.js.map → chunk-GT6M74IZ.js.map} +1 -1
- package/dist/{chunk-IELIF4PJ.js → chunk-HUNEJIKV.js} +3 -3
- package/dist/{chunk-IELIF4PJ.js.map → chunk-HUNEJIKV.js.map} +1 -1
- package/dist/{chunk-NEUWZUK6.js → chunk-LE72KHIE.js} +3 -4
- package/dist/chunk-LE72KHIE.js.map +1 -0
- package/dist/{chunk-OX3NNMWG.js → chunk-OFACAHRV.js} +10 -6
- package/dist/chunk-OFACAHRV.js.map +1 -0
- package/dist/{chunk-R5QXMNW7.js → chunk-OWQ7M6R7.js} +177 -27
- package/dist/chunk-OWQ7M6R7.js.map +1 -0
- package/dist/{chunk-TYNDXMBV.js → chunk-QOMP4D6V.js} +3 -3
- package/dist/{chunk-TYNDXMBV.js.map → chunk-QOMP4D6V.js.map} +1 -1
- package/dist/chunk-U7WBI4AV.js +285 -0
- package/dist/chunk-U7WBI4AV.js.map +1 -0
- package/dist/chunk-V2ARGHJN.js +755 -0
- package/dist/chunk-V2ARGHJN.js.map +1 -0
- package/dist/chunk-V73LHNRL.js +51 -0
- package/dist/chunk-V73LHNRL.js.map +1 -0
- package/dist/{chunk-UDJOIVKQ.js → chunk-XSQD3UGY.js} +77 -7
- package/dist/chunk-XSQD3UGY.js.map +1 -0
- package/dist/{chunk-ISONVOA7.js → chunk-YFHTREH5.js} +6 -8
- package/dist/chunk-YFHTREH5.js.map +1 -0
- package/dist/data-grid.js +10 -13
- package/dist/data-grid.js.map +1 -1
- package/dist/editor-mentions.js +2 -4
- package/dist/editor-mentions.js.map +1 -1
- package/dist/editor.js +3 -7
- package/dist/editor.js.map +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.d.ts +104 -16
- package/dist/index.js +1075 -654
- package/dist/index.js.map +1 -1
- package/dist/kanban.js +9 -13
- package/dist/kanban.js.map +1 -1
- package/dist/resizable.js +9 -13
- package/dist/resizable.js.map +1 -1
- package/dist/virtualized.js +10 -13
- package/dist/virtualized.js.map +1 -1
- package/package.json +1 -1
- package/dist/chunk-6C2IUMY7.js +0 -46
- package/dist/chunk-6C2IUMY7.js.map +0 -1
- package/dist/chunk-7Q46JXSK.js +0 -51
- package/dist/chunk-7Q46JXSK.js.map +0 -1
- package/dist/chunk-HTXP5BMM.js +0 -38
- package/dist/chunk-HTXP5BMM.js.map +0 -1
- package/dist/chunk-ISONVOA7.js.map +0 -1
- package/dist/chunk-KMKBOTFR.js.map +0 -1
- package/dist/chunk-L6HWACK7.js.map +0 -1
- package/dist/chunk-NEUWZUK6.js.map +0 -1
- package/dist/chunk-NKUCS67T.js +0 -13
- package/dist/chunk-NKUCS67T.js.map +0 -1
- package/dist/chunk-OX3NNMWG.js.map +0 -1
- package/dist/chunk-R5QXMNW7.js.map +0 -1
- package/dist/chunk-SJZWEBHL.js.map +0 -1
- package/dist/chunk-SLRTSBCJ.js.map +0 -1
- package/dist/chunk-T52LAFKG.js.map +0 -1
- package/dist/chunk-UDJOIVKQ.js.map +0 -1
- package/dist/chunk-ULCACQSA.js.map +0 -1
- package/dist/chunk-WIUGPZOH.js +0 -88
- package/dist/chunk-WIUGPZOH.js.map +0 -1
- package/dist/chunk-YL5KD5RC.js +0 -49
- package/dist/chunk-YL5KD5RC.js.map +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -61,7 +61,7 @@ declare function Textarea({ className, autoResize, maxRows, error, ref, ...props
|
|
|
61
61
|
declare function Label({ className, children, ...props }: LabelHTMLAttributes<HTMLLabelElement>): react_jsx_runtime.JSX.Element;
|
|
62
62
|
type ToggleLayout = "full" | "compact";
|
|
63
63
|
type ToggleSize = "sm" | "md";
|
|
64
|
-
declare function Toggle({ checked, onChange, label, disabled, error, layout, size, "aria-labelledby":
|
|
64
|
+
declare function Toggle({ checked, onChange, label, disabled, error, layout, size, "aria-label": pageLabel, "aria-labelledby": pageLabelledBy, ...rest }: {
|
|
65
65
|
checked: boolean;
|
|
66
66
|
onChange: (v: boolean) => void;
|
|
67
67
|
label?: string;
|
|
@@ -172,7 +172,11 @@ interface DropdownProps extends FieldControlWiring {
|
|
|
172
172
|
error?: boolean;
|
|
173
173
|
/** When multiple, show removable chips below the trigger. Defaults to true. Set false in toolbar contexts where chips are shown elsewhere. */
|
|
174
174
|
showChips?: boolean;
|
|
175
|
-
/**
|
|
175
|
+
/**
|
|
176
|
+
* Accessible name for the trigger, for when there is no visible `label` (e.g. in a toolbar). The trigger reads it, then
|
|
177
|
+
* what it shows, "Status, Open", so the words on screen are in its name; the open list is named by it alone. Beside a
|
|
178
|
+
* visible label (`label`, or a Field's) it's left out: the label leads the name, and a development warning says so.
|
|
179
|
+
*/
|
|
176
180
|
"aria-label"?: string;
|
|
177
181
|
}
|
|
178
182
|
declare function Dropdown({ options, value, onChange: onChangeProp, label, disabled, placeholder, multiple, searchable, size: sizeProp, className, ref, container, error, showChips, "aria-label": ariaLabel, ...wiring }: DropdownProps): react_jsx_runtime.JSX.Element;
|
|
@@ -639,7 +643,10 @@ interface RecurrencePickerProps extends FieldControlWiring {
|
|
|
639
643
|
onChange: (value: Recurrence | null) => void;
|
|
640
644
|
/** The event's start: the quick choices are its own, and an end date comes after it. */
|
|
641
645
|
start: Date;
|
|
642
|
-
/**
|
|
646
|
+
/**
|
|
647
|
+
* Standalone, the field's label: default "Repeat". In a Field, the Field's label names it. A page's `aria-label` or
|
|
648
|
+
* `aria-labelledby` names the field's group, and the choice keeps the label on screen, which its name starts with.
|
|
649
|
+
*/
|
|
643
650
|
label?: string;
|
|
644
651
|
/** The week's first day for the days of a weekly repeat. Default: the visitor's, as the Calendar's. */
|
|
645
652
|
weekStartsOn?: Weekday;
|
|
@@ -753,8 +760,10 @@ interface FileUploadProps {
|
|
|
753
760
|
id?: string;
|
|
754
761
|
/** The zone's name where nothing on screen names it, given to its file input. Inside a Field, the Field's label names it. */
|
|
755
762
|
"aria-label"?: string;
|
|
763
|
+
/** The element that names the zone, where its words are on the page already; as aria-label, beside no label on screen. */
|
|
764
|
+
"aria-labelledby"?: string;
|
|
756
765
|
}
|
|
757
|
-
declare function FileUpload({ onFiles, files, upload, onCancel, onRetry, onRemove, accept, multiple, maxSize, className, error, label, id, "aria-label": ariaLabel }: FileUploadProps): react_jsx_runtime.JSX.Element;
|
|
766
|
+
declare function FileUpload({ onFiles, files, upload, onCancel, onRetry, onRemove, accept, multiple, maxSize, className, error, label, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy }: FileUploadProps): react_jsx_runtime.JSX.Element;
|
|
758
767
|
|
|
759
768
|
interface SliderRangeProps {
|
|
760
769
|
/**
|
|
@@ -765,6 +774,8 @@ interface SliderRangeProps {
|
|
|
765
774
|
label?: string;
|
|
766
775
|
/** The slider's name when its visible label is drawn elsewhere (a compact settings row): no label is shown. */
|
|
767
776
|
"aria-label"?: string;
|
|
777
|
+
/** The element that names it, where the words are on the page already; as aria-label, beside no label of its own. */
|
|
778
|
+
"aria-labelledby"?: string;
|
|
768
779
|
/** Extra description ids; inside a Field its hint and error are linked already. */
|
|
769
780
|
"aria-describedby"?: string;
|
|
770
781
|
value: number | [number, number];
|
|
@@ -788,7 +799,7 @@ interface SliderRangeProps {
|
|
|
788
799
|
*/
|
|
789
800
|
formatValue?: (value: number) => string;
|
|
790
801
|
}
|
|
791
|
-
declare function SliderRange({ value, onChange: onChangeProp, min, max, step, disabled, showValue, className, ref, error, label, "aria-label": ariaLabel, "aria-describedby": describedByProp, trackStyle, formatValue }: SliderRangeProps): react_jsx_runtime.JSX.Element;
|
|
802
|
+
declare function SliderRange({ value, onChange: onChangeProp, min, max, step, disabled, showValue, className, ref, error, label, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": describedByProp, trackStyle, formatValue }: SliderRangeProps): react_jsx_runtime.JSX.Element;
|
|
792
803
|
|
|
793
804
|
interface TimePickerProps extends Omit<FieldControlWiring, "id"> {
|
|
794
805
|
value: string;
|
|
@@ -872,18 +883,33 @@ interface RatingProps extends FieldControlWiring {
|
|
|
872
883
|
}
|
|
873
884
|
declare function Rating({ value, onChange: onChangeProp, max, allowHalf, readOnly, size, className, error, ...wiring }: RatingProps): react_jsx_runtime.JSX.Element;
|
|
874
885
|
|
|
875
|
-
|
|
886
|
+
/** A swatch: a colour value, or a value with the name people know it by (`{ value: "#0ea5e9", label: "Sky" }`). */
|
|
887
|
+
type ColorSwatch = string | {
|
|
888
|
+
value: string;
|
|
889
|
+
label: string;
|
|
890
|
+
};
|
|
891
|
+
/** A Field passes its wiring: its label names the picker, and its hint and error describe it. */
|
|
892
|
+
interface ColorPickerProps extends FieldControlWiring {
|
|
876
893
|
value: string;
|
|
877
894
|
onChange: (color: string) => void;
|
|
878
895
|
showAlpha?: boolean;
|
|
879
|
-
|
|
896
|
+
/**
|
|
897
|
+
* The colours offered, each chosen as written: a hex value, an oklch colour or a theme token alike. A swatch with a
|
|
898
|
+
* `label` is named by it, to a screen reader and in its tooltip; a plain value is named by itself.
|
|
899
|
+
*/
|
|
900
|
+
swatches?: ColorSwatch[];
|
|
901
|
+
/**
|
|
902
|
+
* Only the swatches (Sprint 25.8.9 item 32): a choice of a few named colours from the theme's palette, such as a
|
|
903
|
+
* label's, a tag's or a project's colour (palette_usage#10), with no free colour area or hex field, so the colours stay
|
|
904
|
+
* in harmony. The picker is then one radio group, named by `aria-label`.
|
|
905
|
+
*/
|
|
906
|
+
swatchesOnly?: boolean;
|
|
880
907
|
disabled?: boolean;
|
|
881
908
|
className?: string;
|
|
882
|
-
error?: boolean;
|
|
883
909
|
/** The picker's name where nothing on screen names it ("Brand colour"): it names the picker's group of parts. */
|
|
884
910
|
"aria-label"?: string;
|
|
885
911
|
}
|
|
886
|
-
declare function ColorPicker({ value, onChange: onChangeProp, showAlpha, swatches, disabled, className,
|
|
912
|
+
declare function ColorPicker({ value, onChange: onChangeProp, showAlpha, swatches, swatchesOnly, disabled, className, ...wiring }: ColorPickerProps): react_jsx_runtime.JSX.Element;
|
|
887
913
|
|
|
888
914
|
interface InlineFieldErrorProps {
|
|
889
915
|
message: string;
|
|
@@ -1276,8 +1302,45 @@ interface TableProps {
|
|
|
1276
1302
|
/** The selected rows, as indexes into `data`, which a sort or a new page never changes. */
|
|
1277
1303
|
selectedRows?: number[];
|
|
1278
1304
|
onSelectionChange?: (rows: number[]) => void;
|
|
1305
|
+
/**
|
|
1306
|
+
* The selected rows by the field `rowKey` names (Sprint 25.8.9 item 14), with `onSelectedKeysChange`: a tree table's
|
|
1307
|
+
* selection, as a row under another has no index in `data`. Selecting a row selects every row under it; a row is
|
|
1308
|
+
* selected once every row under it is, its own key then reported too, and shows a mixed box while only some are; a
|
|
1309
|
+
* Shift range takes the rows under each row in it; the header's box covers the rows shown and every row under them,
|
|
1310
|
+
* open or closed. Any table may select this way: given, it takes the place of `selectedRows`.
|
|
1311
|
+
*/
|
|
1312
|
+
selectedKeys?: Array<string | number>;
|
|
1313
|
+
onSelectedKeysChange?: (keys: Array<string | number>) => void;
|
|
1314
|
+
/**
|
|
1315
|
+
* The rows under a row, in the same columns (Sprint 25.8.9 item 14): a tree table, for a list of things with
|
|
1316
|
+
* sub-things, such as tasks with their subtasks. Return a row's own rows, or nothing for a row with none, from wherever
|
|
1317
|
+
* the page keeps them. It is asked of every row at every level, and told the row's `level` (1 for a row of `data`) and
|
|
1318
|
+
* the `parent` row above it (null at the top), so a page whose levels number their rows alike keeps them apart:
|
|
1319
|
+
* `getChildRows={(row, { level }) => (level === 1 ? subtasksOf[String(row.id)] : undefined)}`. Each row needs a
|
|
1320
|
+
* `rowKey` value of its own, one per row across every level. Given, the table is a tree table, whether or not a row
|
|
1321
|
+
* has rows under it yet: a treegrid whose rows are one Tab stop, moved with a tree's keys (Up and Down, Home and End;
|
|
1322
|
+
* Right opens a row, then goes to its first row; Left closes it, else goes to the row above it); a row with rows under
|
|
1323
|
+
* it draws a chevron before its name that shows and hides them, and each level is indented. A sort orders each level, keeping rows under
|
|
1324
|
+
* their row; the pager counts the top-level rows, each with the rows under it; a phone's cards show the rows under a
|
|
1325
|
+
* card, indented. A selection is by key (`selectedKeys`). A table without getChildRows is as it always is.
|
|
1326
|
+
*/
|
|
1327
|
+
getChildRows?: (row: TableRow, place: {
|
|
1328
|
+
level: number;
|
|
1329
|
+
parent: TableRow | null;
|
|
1330
|
+
}) => TableRow[] | null | undefined;
|
|
1331
|
+
/**
|
|
1332
|
+
* The rows whose rows are shown, by `rowKey` (item 14), controlled with `onOpenParentsChange`; apart from
|
|
1333
|
+
* `expandedRows`, which opens a row's Details. A row the page opens through `expandedRows` opens the rows above it.
|
|
1334
|
+
*/
|
|
1335
|
+
openParents?: Array<string | number>;
|
|
1336
|
+
/** The rows whose rows are shown at first, when the table keeps its own (item 14). */
|
|
1337
|
+
defaultOpenParents?: Array<string | number>;
|
|
1338
|
+
onOpenParentsChange?: (keys: Array<string | number>) => void;
|
|
1279
1339
|
expandable?: boolean;
|
|
1280
|
-
/**
|
|
1340
|
+
/**
|
|
1341
|
+
* A row's panel, under it when it's open; `index` is the row's index in `data`. A row under another (getChildRows) has
|
|
1342
|
+
* none: -1, so a tree table reads the row itself.
|
|
1343
|
+
*/
|
|
1281
1344
|
renderExpanded?: (row: TableRow, index: number) => ReactNode;
|
|
1282
1345
|
/**
|
|
1283
1346
|
* The field that names a row (default `id`, Sprint 25.13 A46): open rows are kept by it, so a sort, a filter or a
|
|
@@ -1299,7 +1362,8 @@ interface TableProps {
|
|
|
1299
1362
|
emptyState?: ReactNode;
|
|
1300
1363
|
/**
|
|
1301
1364
|
* A click on a row, or Enter or Space on it: the page decides what opens. Without it an expandable row opens with a
|
|
1302
|
-
* click anywhere on it (P33). A click on a control inside the row stays that control's (A45).
|
|
1365
|
+
* click anywhere on it (P33). A click on a control inside the row stays that control's (A45). A row under another
|
|
1366
|
+
* (getChildRows) has no index in `data`: -1, so a tree table reads the row itself.
|
|
1303
1367
|
*/
|
|
1304
1368
|
onRowClick?: (row: TableRow, index: number) => void;
|
|
1305
1369
|
/** The screen width below which the table shows cards: the project's responsive.tableToCardsBreakpoint, else "md". */
|
|
@@ -1337,7 +1401,7 @@ interface TableProps {
|
|
|
1337
1401
|
"aria-label"?: string;
|
|
1338
1402
|
ref?: Ref<HTMLDivElement>;
|
|
1339
1403
|
}
|
|
1340
|
-
declare function Table({ columns: columnsProp, data, className, sortable, sortKey: controlledSortKey, sortDir: controlledSortDir, onSortChange, selectable, selectedRows, onSelectionChange, expandable, renderExpanded, rowKey, expandedRows: expandedRowsProp, defaultExpandedRows, onExpandedChange, density, stickyHeader, striped, loading, emptyState, onRowClick, mobileBreakpoint: mobileBreakpointProp, cardsBelow, pager, title, description, actions, "aria-label": ariaLabel, ref, }: TableProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
1404
|
+
declare function Table({ columns: columnsProp, data, className, sortable, sortKey: controlledSortKey, sortDir: controlledSortDir, onSortChange, selectable, selectedRows, onSelectionChange, selectedKeys, onSelectedKeysChange, getChildRows, openParents: openParentsProp, defaultOpenParents, onOpenParentsChange, expandable, renderExpanded, rowKey, expandedRows: expandedRowsProp, defaultExpandedRows, onExpandedChange, density, stickyHeader, striped, loading, emptyState, onRowClick, mobileBreakpoint: mobileBreakpointProp, cardsBelow, pager, title, description, actions, "aria-label": ariaLabel, ref, }: TableProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
|
|
1341
1405
|
|
|
1342
1406
|
/** Someone attending an event: their name shows in the event's card (gridsmith-ui 0.26.0 or later). */
|
|
1343
1407
|
interface CalendarEventAttendee {
|
|
@@ -1705,8 +1769,14 @@ interface TimelineProps {
|
|
|
1705
1769
|
* part of every item and, beneath it, the control in the project's style. Draw no <Pagination> of your own.
|
|
1706
1770
|
*/
|
|
1707
1771
|
pager?: Pager<unknown>;
|
|
1772
|
+
/**
|
|
1773
|
+
* What the timeline shows ("Release history"): the name of its row that scrolls sideways, laid out across (horizontal,
|
|
1774
|
+
* or responsive when it fits), a Tab stop of its own while it scrolls, so a page of several reads them apart (Sprint
|
|
1775
|
+
* 25.31 item 8). A vertical timeline doesn't scroll and takes no name. Default "Timeline".
|
|
1776
|
+
*/
|
|
1777
|
+
"aria-label"?: string;
|
|
1708
1778
|
}
|
|
1709
|
-
declare function Timeline({ items: allItems, orientation, minItemWidth, className, ref, pager }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
1779
|
+
declare function Timeline({ items: allItems, orientation, minItemWidth, className, ref, pager, "aria-label": ariaLabel }: TimelineProps): react_jsx_runtime.JSX.Element;
|
|
1710
1780
|
|
|
1711
1781
|
interface CodeBlockProps {
|
|
1712
1782
|
code: string;
|
|
@@ -1714,9 +1784,14 @@ interface CodeBlockProps {
|
|
|
1714
1784
|
showLineNumbers?: boolean;
|
|
1715
1785
|
/** Wrap long lines instead of scrolling sideways. Default: on for a single-line snippet (a tracking tag, a command), off for multi-line code. */
|
|
1716
1786
|
wrap?: boolean;
|
|
1787
|
+
/**
|
|
1788
|
+
* What the code is ("app.tsx"): its name while it scrolls sideways, a Tab stop of its own then, so a page of several
|
|
1789
|
+
* reads them apart. Default: its language, "Code: tsx", else "Code".
|
|
1790
|
+
*/
|
|
1791
|
+
"aria-label"?: string;
|
|
1717
1792
|
className?: string;
|
|
1718
1793
|
}
|
|
1719
|
-
declare function CodeBlock({ code, language, showLineNumbers, wrap, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
|
|
1794
|
+
declare function CodeBlock({ code, language, showLineNumbers, wrap, "aria-label": ariaLabel, className, }: CodeBlockProps): react_jsx_runtime.JSX.Element;
|
|
1720
1795
|
|
|
1721
1796
|
interface CollapsibleProps {
|
|
1722
1797
|
open?: boolean;
|
|
@@ -2730,6 +2805,12 @@ interface TabsArrayProps {
|
|
|
2730
2805
|
* tabs collapse to a Dropdown below md, a tab is chosen from its open list in either mode.
|
|
2731
2806
|
*/
|
|
2732
2807
|
activation?: TabsActivation;
|
|
2808
|
+
/**
|
|
2809
|
+
* The tab list's name, and where the tabs collapse to a Dropdown below md, the Dropdown's (Sprint 25.30 item 3): what
|
|
2810
|
+
* the tabs choose between ("Settings sections"). The Dropdown is "Contents" without one, GOV.UK's title for the same
|
|
2811
|
+
* list of sections, and reads the chosen tab after it: "Settings sections, Profile" (Sprint 25.31 item 1).
|
|
2812
|
+
*/
|
|
2813
|
+
"aria-label"?: string;
|
|
2733
2814
|
className?: string;
|
|
2734
2815
|
children?: never;
|
|
2735
2816
|
}
|
|
@@ -2744,6 +2825,8 @@ interface TabsCompoundProps {
|
|
|
2744
2825
|
* "manual": they move focus only, and Enter or Space selects, for tabs whose panels load or that navigate.
|
|
2745
2826
|
*/
|
|
2746
2827
|
activation?: TabsActivation;
|
|
2828
|
+
/** The tab list's name: what the tabs choose between. */
|
|
2829
|
+
"aria-label"?: string;
|
|
2747
2830
|
className?: string;
|
|
2748
2831
|
children: ReactNode;
|
|
2749
2832
|
tabs?: never;
|
|
@@ -3690,8 +3773,13 @@ interface ScrollAreaProps {
|
|
|
3690
3773
|
orientation?: "vertical" | "horizontal" | "both";
|
|
3691
3774
|
maxHeight?: string | number;
|
|
3692
3775
|
maxWidth?: string | number;
|
|
3776
|
+
/**
|
|
3777
|
+
* The area's name, for the Tab stop it becomes while it scrolls with nothing in it to Tab to (Sprint 25.30 item 2):
|
|
3778
|
+
* what it holds ("Release notes"). Default "Scrollable content".
|
|
3779
|
+
*/
|
|
3780
|
+
"aria-label"?: string;
|
|
3693
3781
|
}
|
|
3694
|
-
declare function ScrollArea({ children, className, orientation, maxHeight, maxWidth, }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
|
|
3782
|
+
declare function ScrollArea({ children, className, orientation, maxHeight, maxWidth, "aria-label": ariaLabel, }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
|
|
3695
3783
|
|
|
3696
3784
|
interface AppShellContextValue {
|
|
3697
3785
|
hasSidebar: boolean;
|
|
@@ -4241,4 +4329,4 @@ interface UseTextOverflowResult {
|
|
|
4241
4329
|
*/
|
|
4242
4330
|
declare function useTextOverflow(options?: UseTextOverflowOptions): UseTextOverflowResult;
|
|
4243
4331
|
|
|
4244
|
-
export { Accordion, ActionPanel, ActionPanelGroup, AddAnother, type AddAnotherProps, Alert, type AlertConsent, type AlertConsentChoice, type AlertPlacement, AppShell, type AppShellContextValue, type AppShellFocus, AppShellPreferences, type AppShellTheme, AsidePanel, type AsidePanelProps, type AsidePanelSide, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarStatus, Badge, type BadgePaletteColor, type BadgeSeverity, type BadgeSize, type BadgeVariant, BottomNav, type BottomNavItem, BreakpointKey, BulkActionBar, Button, ButtonSizeContext, Calendar, type CalendarColour, type CalendarDay, type CalendarDayClickDetail, type CalendarEvent, type CalendarEventAction, type CalendarEventAttendee, type CalendarProps, type CalendarSize, type CalendarView, Card, CardContent, CardDescription, CardFooter, CardGrid, type CardGridProps, CardHeader, type CardSelectType, CardTitle, type CardVariant, Carousel, type ChatMessage, type ChatMessageAction, type ChatMessageLayout, ChatMessageList, type ChatMessageSender, type ChatMessageSource, type ChatMessageStatus, ChatPanel, type ChatPanelProps, type ChatPanelStatusTone, Checkbox, CheckboxGroup, CheckboxGroupItem, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, type Column, Combobox, CommandPalette, ContextMenu, type ControlSize, ControlSizeContext, CornerPanel, type CornerPanelEdge, type CornerPanelProps, DEFAULT_DATE_RANGE_PRESETS, DangerZone, type DangerZoneProps, DataList, type DateInput, DatePicker, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeWords, type DescriptionItem, DescriptionList, type DescriptionListOrientation, type DescriptionListSize, type DestructiveActionHandle, type DestructiveActionOptions, Dialog, type DisabledDates, Divider, Dock, Drawer, Dropdown, DropdownMenuEntry, EmptyState, EntityCell, type EventCategory, Field, type FieldControlProps, type FieldLabel, type FieldProps, FileUpload, type FileUploadItem, type FileUploadRequestOptions, type FileUploadStatus, type FitLabelsOptions, type FittedLabel, type FlowNavigate, type FlowProgress, FlowSaved, type FlowSavedProps, type FlowStep, type FlowSteps, FormWrapper, Gantt, type GanttGroup, type GanttItem, type GanttProps, type GanttStatus, type GanttTone, type GridKeyboard, type GridKeyboardOptions, HoverCard, INPUT_MODALITY_ATTR, InlineFieldError, Input, type InputModality, Kbd, Label, type LabelBox, Launcher, type LauncherEdge, type LauncherProps, type LauncherVariant, type LauncherWhenOpen, Link, type LinkProps, LocaleProvider, type LocaleProviderProps, MentionInput, type MentionInputProps, MentionSuggestion, MobileHeaderMenu, type MobileHeaderMenuItemData, type MobileHeaderMenuType, NavItem, type NavItemProps, type NavItemType, NavMenu, type NavMenuItem, Navbar, type NavbarSize, type NavbarType, type NavbarVariant, NotificationCenter, NumberInput, type Occurrence, PageActions, PageContainer, type PageContainerWidth, PageHeader, type PageHeaderBehavior, type PageHeaderIntensity, type PageHeaderProps, type PageHeaderVariant, Pager, Pagination, PinInput, Popover, Progress, type PromiseToastMessages, RadioGroup, Rating, type Recurrence, type RecurrenceFrequency, RecurrencePicker, type RecurrencePickerProps, type RecurrencePreset, type RecurrenceScope, RecurrenceScopeDialog, type RecurrenceScopeDialogProps, RelativeTime, type RelativeTimeProps, type RepeatChange, type RepeatingEvent, ScrollArea, SectionHeading, type SectionHeadingProps, SegmentedControl, SettingsLayout, type SettingsLayoutProps, type SettingsSection, Sheet, Sidebar, type SidebarContextValue, type SidebarItem, SidebarNav, type SidebarNavSize, type SidebarPosition, type SidebarSection, type SidebarType, Skeleton, SkipLink, SliderRange, type SortDir, Spinner, StackedList, type StackedListVariant, StatsCard, StatusDot, type StatusDotVariant, Stepper, TIME_ZOOMS, type Tab, Table, type TableDensity, type TableProps, type TableRow, TableToolbar, type TableToolbarActiveFilter, type TableToolbarFilterOption, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, type TagPaletteColor, type TagVariant, TextOverflow, type TextOverflowProps, Textarea, TimeBar, type TimeBarProps, TimePicker, TimeRow, type TimeRowProps, type TimeScale, TimeScaleHeader, type TimeScaleHeaderProps, type TimeScaleOptions, type TimeTick, type TimeValue, TimeViewport, type TimeViewportHandle, type TimeViewportLayout, type TimeViewportProps, type TimeViewportState, type TimeZoom, Timeline, TimezoneSelect, type TimezoneSelectProps, Toast, type ToastAction, type ToastApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, Toggle, Tooltip, Tour, TransferList, TreeView, type Trend, type UseFlowStepsOptions, type UseTextOverflowOptions, type UseTextOverflowResult, type WeekOfMonth, type Weekday, browserTimeZone, canonicalTimeZone, countEdited, dateOfDay, dayOf, deleteOccurrence, describeRecurrence, endDayOf, fitLabel, fitLabels, formatDateRange, formatFullTime, formatRelativeTime, inputModality, installInputModality, nthOf, occurrenceOn, occurrences, parseRRule, readFlowProgress, readRecurrence, recurrencePresets, sameRecurrence, saveOccurrence, timeExtent, timeZoneOffset, toRRule, useAppShell, useBrowserTimeZone, useContentWidth, useDestructiveAction, useFittedLabels, useFlowSteps, useFormContext, useFormatLocale, useGridKeyboard, useHydrated, useInputModality, useRelativeTimeFormat, useRevealFocus, useSidebar, useTextMeasure, useTextOverflow, useTimeScale, useTimeViewport, useTimeViewportLayout, useToast, useToastOptional, useUnsavedChanges };
|
|
4332
|
+
export { Accordion, ActionPanel, ActionPanelGroup, AddAnother, type AddAnotherProps, Alert, type AlertConsent, type AlertConsentChoice, type AlertPlacement, AppShell, type AppShellContextValue, type AppShellFocus, AppShellPreferences, type AppShellTheme, AsidePanel, type AsidePanelProps, type AsidePanelSide, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarStatus, Badge, type BadgePaletteColor, type BadgeSeverity, type BadgeSize, type BadgeVariant, BottomNav, type BottomNavItem, BreakpointKey, BulkActionBar, Button, ButtonSizeContext, Calendar, type CalendarColour, type CalendarDay, type CalendarDayClickDetail, type CalendarEvent, type CalendarEventAction, type CalendarEventAttendee, type CalendarProps, type CalendarSize, type CalendarView, Card, CardContent, CardDescription, CardFooter, CardGrid, type CardGridProps, CardHeader, type CardSelectType, CardTitle, type CardVariant, Carousel, type ChatMessage, type ChatMessageAction, type ChatMessageLayout, ChatMessageList, type ChatMessageSender, type ChatMessageSource, type ChatMessageStatus, ChatPanel, type ChatPanelProps, type ChatPanelStatusTone, Checkbox, CheckboxGroup, CheckboxGroupItem, CodeBlock, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, type ColorPickerProps, type ColorSwatch, type Column, Combobox, CommandPalette, ContextMenu, type ControlSize, ControlSizeContext, CornerPanel, type CornerPanelEdge, type CornerPanelProps, DEFAULT_DATE_RANGE_PRESETS, DangerZone, type DangerZoneProps, DataList, type DateInput, DatePicker, type DateRange, DateRangePicker, type DateRangePickerProps, type DateRangePreset, type DateRangeWords, type DescriptionItem, DescriptionList, type DescriptionListOrientation, type DescriptionListSize, type DestructiveActionHandle, type DestructiveActionOptions, Dialog, type DisabledDates, Divider, Dock, Drawer, Dropdown, DropdownMenuEntry, EmptyState, EntityCell, type EventCategory, Field, type FieldControlProps, type FieldLabel, type FieldProps, FileUpload, type FileUploadItem, type FileUploadRequestOptions, type FileUploadStatus, type FitLabelsOptions, type FittedLabel, type FlowNavigate, type FlowProgress, FlowSaved, type FlowSavedProps, type FlowStep, type FlowSteps, FormWrapper, Gantt, type GanttGroup, type GanttItem, type GanttProps, type GanttStatus, type GanttTone, type GridKeyboard, type GridKeyboardOptions, HoverCard, INPUT_MODALITY_ATTR, InlineFieldError, Input, type InputModality, Kbd, Label, type LabelBox, Launcher, type LauncherEdge, type LauncherProps, type LauncherVariant, type LauncherWhenOpen, Link, type LinkProps, LocaleProvider, type LocaleProviderProps, MentionInput, type MentionInputProps, MentionSuggestion, MobileHeaderMenu, type MobileHeaderMenuItemData, type MobileHeaderMenuType, NavItem, type NavItemProps, type NavItemType, NavMenu, type NavMenuItem, Navbar, type NavbarSize, type NavbarType, type NavbarVariant, NotificationCenter, NumberInput, type Occurrence, PageActions, PageContainer, type PageContainerWidth, PageHeader, type PageHeaderBehavior, type PageHeaderIntensity, type PageHeaderProps, type PageHeaderVariant, Pager, Pagination, PinInput, Popover, Progress, type PromiseToastMessages, RadioGroup, Rating, type Recurrence, type RecurrenceFrequency, RecurrencePicker, type RecurrencePickerProps, type RecurrencePreset, type RecurrenceScope, RecurrenceScopeDialog, type RecurrenceScopeDialogProps, RelativeTime, type RelativeTimeProps, type RepeatChange, type RepeatingEvent, ScrollArea, SectionHeading, type SectionHeadingProps, SegmentedControl, SettingsLayout, type SettingsLayoutProps, type SettingsSection, Sheet, Sidebar, type SidebarContextValue, type SidebarItem, SidebarNav, type SidebarNavSize, type SidebarPosition, type SidebarSection, type SidebarType, Skeleton, SkipLink, SliderRange, type SortDir, Spinner, StackedList, type StackedListVariant, StatsCard, StatusDot, type StatusDotVariant, Stepper, TIME_ZOOMS, type Tab, Table, type TableDensity, type TableProps, type TableRow, TableToolbar, type TableToolbarActiveFilter, type TableToolbarFilterOption, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, type TagPaletteColor, type TagVariant, TextOverflow, type TextOverflowProps, Textarea, TimeBar, type TimeBarProps, TimePicker, TimeRow, type TimeRowProps, type TimeScale, TimeScaleHeader, type TimeScaleHeaderProps, type TimeScaleOptions, type TimeTick, type TimeValue, TimeViewport, type TimeViewportHandle, type TimeViewportLayout, type TimeViewportProps, type TimeViewportState, type TimeZoom, Timeline, TimezoneSelect, type TimezoneSelectProps, Toast, type ToastAction, type ToastApi, type ToastOptions, type ToastPosition, ToastProvider, type ToastVariant, Toggle, Tooltip, Tour, TransferList, TreeView, type Trend, type UseFlowStepsOptions, type UseTextOverflowOptions, type UseTextOverflowResult, type WeekOfMonth, type Weekday, browserTimeZone, canonicalTimeZone, countEdited, dateOfDay, dayOf, deleteOccurrence, describeRecurrence, endDayOf, fitLabel, fitLabels, formatDateRange, formatFullTime, formatRelativeTime, inputModality, installInputModality, nthOf, occurrenceOn, occurrences, parseRRule, readFlowProgress, readRecurrence, recurrencePresets, sameRecurrence, saveOccurrence, timeExtent, timeZoneOffset, toRRule, useAppShell, useBrowserTimeZone, useContentWidth, useDestructiveAction, useFittedLabels, useFlowSteps, useFormContext, useFormatLocale, useGridKeyboard, useHydrated, useInputModality, useRelativeTimeFormat, useRevealFocus, useSidebar, useTextMeasure, useTextOverflow, useTimeScale, useTimeViewport, useTimeViewportLayout, useToast, useToastOptional, useUnsavedChanges };
|