Deploy preview for PR 2664 🛫

Author: ToMESSKa

pr-preview/pr-2664/docs/v11_6/markdown-and-sources-data.json

@@ -93,10 +93,10 @@
 - [TextArea](https://instructure.design/markdowns/TextArea.md): Resizable textarea input with height constraints, validation messages, disabled states, and inline display options. Supports controlled/uncontrolled usage and includes accessibility guidelines.
 - [TextInput](https://instructure.design/markdowns/TextInput.md): Custom styled input supporting various types, prepend/append content, inline display, and controlled/uncontrolled behavior. Features validation, disabled/readonly states, and flexible content wrapping options.
 - [TimeSelect](https://instructure.design/markdowns/TimeSelect.md): Specialized time selection component built on Select, supporting controlled/uncontrolled usage, freeform input, locale/timezone awareness, and step-based time increments. Ideal for time-based form inputs.
-- [ToggleDetails](https://instructure.design/markdowns/ToggleDetails.md): Collapsible content component with configurable expansion, icon positioning, sizing variants, and fluid width options. Supports controlled behavior and custom summary formatting with text components.
-- [ToggleGroup](https://instructure.design/markdowns/ToggleGroup.md): Enhanced toggle component with separated summary/toggle button, built-in padding/borders, and nesting support. Features custom icons, transition control, and expanded state management.
 - [Tooltip](https://instructure.design/markdowns/Tooltip.md): Contextual text overlays triggered by hover/focus, featuring placement options, color variants, and controlled/uncontrolled behavior. Designed for non-focusable content with comprehensive accessibility support.
 - [TopNavBar](https://instructure.design/markdowns/TopNavBar.md): A responsive navigation bar component for site branding, navigation, user actions, and login. Adapts to small screens by truncating items and supports desktop and mobile layouts. Includes sections for brand, breadcrumbs, menu items, action items, and user controls.
+- [ToggleDetails](https://instructure.design/markdowns/ToggleDetails.md): Collapsible content component with configurable expansion, icon positioning, sizing variants, and fluid width options. Supports controlled behavior and custom summary formatting with text components.
+- [ToggleGroup](https://instructure.design/markdowns/ToggleGroup.md): Enhanced toggle component with separated summary/toggle button, built-in padding/borders, and nesting support. Features custom icons, transition control, and expanded state management.
 - [Tray](https://instructure.design/markdowns/Tray.md): A slide-out container triggered by click, appearing from top/bottom/start/end of viewport. Used for actionable content that doesn't require a modal overlay. Supports various sizes and placements with accessibility focus management.
 - [TreeBrowser](https://instructure.design/markdowns/TreeBrowser.md): A keyboard-accessible tree structure component for browsing hierarchical content. Supports custom icons, sorting, state management, and customizable node content. Not intended for site navigation.
 - [TruncateText](https://instructure.design/markdowns/TruncateText.md): Component for truncating text content with single or multiple line support. Supports custom ellipsis, truncation position (end or middle), and tooltips for full text accessibility. Not for buttons or navigation items.

pr-preview/pr-2664/docs/v11_7/Alert.json

@@ -249,6 +249,7 @@ type: embed
     <Figure.Item>aria-live="polite" alerts will only be announced if the user is not currently doing anything. Polite should be used in most situations involving live regions that present new info to users</Figure.Item>
     <Figure.Item>aria-live="assertive" alerts will be announced to the user as soon as possible, but not necessarily immediately. Assertive should be used if there is information that a user must know about right away, for example, a warning message in a form that does validation on the fly</Figure.Item>
     <Figure.Item>The aria-atomic=BOOLEAN is used to set whether or not the screen reader should always present the live region as a whole, even if only part of the region changes. The possible settings are: false or true. The default setting is false.</Figure.Item>
+    <Figure.Item>If the `liveRegion` element has a `role`, match it to the `liveRegionPoliteness` level: use `role="status"` for `polite` and `role="alert"` for `assertive`.</Figure.Item>
   </Figure>
 </Guidelines>
 ```

pr-preview/pr-2664/docs/v11_7/markdown-and-sources-data.json

@@ -93,10 +93,10 @@
 - [TextArea](./TextArea.md): Resizable textarea input with height constraints, validation messages, disabled states, and inline display options. Supports controlled/uncontrolled usage and includes accessibility guidelines.
 - [TextInput](./TextInput.md): Custom styled input supporting various types, prepend/append content, inline display, and controlled/uncontrolled behavior. Features validation, disabled/readonly states, and flexible content wrapping options.
 - [TimeSelect](./TimeSelect.md): Specialized time selection component built on Select, supporting controlled/uncontrolled usage, freeform input, locale/timezone awareness, and step-based time increments. Ideal for time-based form inputs.
-- [ToggleDetails](./ToggleDetails.md): Collapsible content component with configurable expansion, icon positioning, sizing variants, and fluid width options. Supports controlled behavior and custom summary formatting with text components.
-- [ToggleGroup](./ToggleGroup.md): Enhanced toggle component with separated summary/toggle button, built-in padding/borders, and nesting support. Features custom icons, transition control, and expanded state management.
 - [Tooltip](./Tooltip.md): Contextual text overlays triggered by hover/focus, featuring placement options, color variants, and controlled/uncontrolled behavior. Designed for non-focusable content with comprehensive accessibility support.
 - [TopNavBar](./TopNavBar.md): A responsive navigation bar component for site branding, navigation, user actions, and login. Adapts to small screens by truncating items and supports desktop and mobile layouts. Includes sections for brand, breadcrumbs, menu items, action items, and user controls.
+- [ToggleDetails](./ToggleDetails.md): Collapsible content component with configurable expansion, icon positioning, sizing variants, and fluid width options. Supports controlled behavior and custom summary formatting with text components.
+- [ToggleGroup](./ToggleGroup.md): Enhanced toggle component with separated summary/toggle button, built-in padding/borders, and nesting support. Features custom icons, transition control, and expanded state management.
 - [Tray](./Tray.md): A slide-out container triggered by click, appearing from top/bottom/start/end of viewport. Used for actionable content that doesn't require a modal overlay. Supports various sizes and placements with accessibility focus management.
 - [TreeBrowser](./TreeBrowser.md): A keyboard-accessible tree structure component for browsing hierarchical content. Supports custom icons, sorting, state management, and customizable node content. Not intended for site navigation.
 - [TruncateText](./TruncateText.md): Component for truncating text content with single or multiple line support. Supports custom ellipsis, truncation position (end or middle), and tooltips for full text accessibility. Not for buttons or navigation items.