@fiestaboard/ui 2.2.4 → 2.2.6
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/board/board-display.d.ts +13 -1
- package/dist/components/board/board-display.js +255 -227
- package/dist/components/board/board-display.js.map +1 -1
- package/dist/components/board/board-teaser.js +56 -56
- package/dist/components/board/board-teaser.js.map +1 -1
- package/dist/components/board/static-board-display.d.ts +10 -2
- package/dist/components/board/static-board-display.js +80 -69
- package/dist/components/board/static-board-display.js.map +1 -1
- package/dist/index.js +12 -12
- package/dist/lib/board-characters.d.ts +24 -0
- package/dist/lib/board-characters.js +16 -9
- package/dist/lib/board-characters.js.map +1 -1
- package/package.json +1 -1
|
@@ -94,5 +94,17 @@ export interface BoardDisplayProps {
|
|
|
94
94
|
emptyLabel?: string;
|
|
95
95
|
/** Builds the accessible label for a shown message (color markup already stripped). */
|
|
96
96
|
messageLabel?: (message: string) => string;
|
|
97
|
+
/** Announce message changes to assistive tech through a polite live region
|
|
98
|
+
* (issue #206).
|
|
99
|
+
*
|
|
100
|
+
* Off by default, and it has to be: this board's `aria-label` changing is
|
|
101
|
+
* silent to a screen reader — only a change *inside* a live region is
|
|
102
|
+
* announced — but a live region is only correct for a genuinely live
|
|
103
|
+
* display, which only the consuming app knows. In an editor or a thumbnail
|
|
104
|
+
* the message changes on every keystroke and the announcements would be
|
|
105
|
+
* intolerable. Turn it on for a mirrored board (transit times, weather,
|
|
106
|
+
* alerts) where a change is news. `polite`, never `assertive`: a board
|
|
107
|
+
* update is informational. Same opt-in shape as `EmptyState`'s `announce`. */
|
|
108
|
+
announceUpdates?: boolean;
|
|
97
109
|
}
|
|
98
|
-
export declare const BoardDisplay: import("react").MemoExoticComponent<({ message, isLoading, size, className, boardType, deviceType, isStatic, notesWide, notesTall, emitCellMetadata, animationsEnabled, flapSpeed, loadingLabel, emptyLabel, messageLabel, }: BoardDisplayProps) => import("react").JSX.Element>;
|
|
110
|
+
export declare const BoardDisplay: import("react").MemoExoticComponent<({ message, isLoading, size, className, boardType, deviceType, isStatic, notesWide, notesTall, emitCellMetadata, animationsEnabled, flapSpeed, loadingLabel, emptyLabel, messageLabel, announceUpdates, }: BoardDisplayProps) => import("react").JSX.Element>;
|