@instructure/ui-tray 10.24.3-snapshot-4 → 10.24.3-snapshot-7

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.24.3-snapshot-4](https://github.com/instructure/instructure-ui/compare/v10.24.2...v10.24.3-snapshot-4) (2025-08-18)
+## [10.24.3-snapshot-7](https://github.com/instructure/instructure-ui/compare/v10.24.2...v10.24.3-snapshot-7) (2025-08-19)
 
 **Note:** Version bump only for package @instructure/ui-tray
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tray",
-  "version": "10.24.3-snapshot-4",
+  "version": "10.24.3-snapshot-7",
   "description": "Tray component for secondary/menu content",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,24 +24,24 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "10.24.3-snapshot-4",
-    "@instructure/emotion": "10.24.3-snapshot-4",
-    "@instructure/shared-types": "10.24.3-snapshot-4",
-    "@instructure/ui-dialog": "10.24.3-snapshot-4",
-    "@instructure/ui-i18n": "10.24.3-snapshot-4",
-    "@instructure/ui-motion": "10.24.3-snapshot-4",
-    "@instructure/ui-overlays": "10.24.3-snapshot-4",
-    "@instructure/ui-portal": "10.24.3-snapshot-4",
-    "@instructure/ui-position": "10.24.3-snapshot-4",
-    "@instructure/ui-prop-types": "10.24.3-snapshot-4",
-    "@instructure/ui-react-utils": "10.24.3-snapshot-4",
-    "@instructure/ui-testable": "10.24.3-snapshot-4",
-    "@instructure/ui-utils": "10.24.3-snapshot-4",
+    "@instructure/console": "10.24.3-snapshot-7",
+    "@instructure/emotion": "10.24.3-snapshot-7",
+    "@instructure/shared-types": "10.24.3-snapshot-7",
+    "@instructure/ui-dialog": "10.24.3-snapshot-7",
+    "@instructure/ui-i18n": "10.24.3-snapshot-7",
+    "@instructure/ui-motion": "10.24.3-snapshot-7",
+    "@instructure/ui-overlays": "10.24.3-snapshot-7",
+    "@instructure/ui-portal": "10.24.3-snapshot-7",
+    "@instructure/ui-position": "10.24.3-snapshot-7",
+    "@instructure/ui-prop-types": "10.24.3-snapshot-7",
+    "@instructure/ui-react-utils": "10.24.3-snapshot-7",
+    "@instructure/ui-testable": "10.24.3-snapshot-7",
+    "@instructure/ui-utils": "10.24.3-snapshot-7",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "10.24.3-snapshot-4",
-    "@instructure/ui-themes": "10.24.3-snapshot-4",
+    "@instructure/ui-babel-preset": "10.24.3-snapshot-7",
+    "@instructure/ui-themes": "10.24.3-snapshot-7",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.6.1",

package/src/Tray/README.md

@@ -25,9 +25,6 @@ The Tray is an actionable container that is triggered by click and does not need
     renderCloseButton() {
       return (
         <Flex>
-          <Flex.Item shouldGrow shouldShrink>
-            <Heading>Hello</Heading>
-          </Flex.Item>
           <Flex.Item>
             <CloseButton
               placement="end"
@@ -36,6 +33,9 @@ The Tray is an actionable container that is triggered by click and does not need
               onClick={this.hideTray}
             />
           </Flex.Item>
+          <Flex.Item shouldGrow shouldShrink>
+            <Heading>Hello</Heading>
+          </Flex.Item>
         </Flex>
       )
     }
@@ -86,9 +86,6 @@ The Tray is an actionable container that is triggered by click and does not need
 
     const renderCloseButton = () => (
       <Flex>
-        <Flex.Item shouldGrow shouldShrink>
-          <Heading>Hello</Heading>
-        </Flex.Item>
         <Flex.Item>
           <CloseButton
             placement="end"
@@ -97,6 +94,9 @@ The Tray is an actionable container that is triggered by click and does not need
             onClick={hideTray}
           />
         </Flex.Item>
+        <Flex.Item shouldGrow shouldShrink>
+          <Heading>Hello</Heading>
+        </Flex.Item>
       </Flex>
     )
 
@@ -159,7 +159,7 @@ type: embed
     <Figure.Item>Keyboard focus must be set in the tray when it appears; usually on the first interactive element</Figure.Item>
     <Figure.Item>Trays must contain keyboard focus until they’re closed. This is to ensure that keyboard or screen reader users won't mistakenly interact with background content that is meant to be hidden or inaccessible</Figure.Item>
     <Figure.Item>When a user closes a tray, focus must return to a logical place within the page. This is usually the element that triggered opening the tray</Figure.Item>
-    <Figure.Item>We recommend that trays begin with a heading (typically H2)</Figure.Item>
+    <Figure.Item>We recommend that trays begin with a heading (typically H2). However, when configuring the component, the button to close the Tray should precede the heading. This ensures screen readers announce the Tray's content in a logical order.</Figure.Item>
   </Figure>
 </Guidelines>
 ```