@magento/venia-ui 9.6.0 → 9.7.0-alpha.1

package/lib/components/SearchPage/__tests__/__snapshots__/searchPage.spec.js.snap

@@ -14,6 +14,8 @@ exports[`Search Page Component error view does not render when data is present 1
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -21,7 +23,6 @@ exports[`Search Page Component error view does not render when data is present 1
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -85,6 +86,8 @@ exports[`Search Page Component error view renders when data is not present and n
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       />
       <div
@@ -129,6 +132,8 @@ exports[`Search Page Component filter button/modal does not render if there are
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -136,7 +141,6 @@ exports[`Search Page Component filter button/modal does not render if there are
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -208,6 +212,8 @@ exports[`Search Page Component filter button/modal renders when there are filter
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -215,7 +221,6 @@ exports[`Search Page Component filter button/modal renders when there are filter
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -294,6 +299,8 @@ exports[`Search Page Component loading indicator does not render when data is pr
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <Shimmer
@@ -363,6 +370,8 @@ exports[`Search Page Component loading indicator renders when data is not presen
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <Shimmer
@@ -433,6 +442,8 @@ exports[`Search Page Component search results does not render if data returned h
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <Shimmer
@@ -487,6 +498,8 @@ exports[`Search Page Component search results heading renders a generic message
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -494,7 +507,6 @@ exports[`Search Page Component search results heading renders a generic message
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -590,6 +602,8 @@ exports[`Search Page Component search results heading renders a specific message
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -604,7 +618,6 @@ exports[`Search Page Component search results heading renders a specific message
           }
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -700,6 +713,8 @@ exports[`Search Page Component search results renders if data has items 1`] = `
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <Shimmer
@@ -769,6 +784,8 @@ exports[`Search Page Component sort button/container does not render if total co
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -776,7 +793,6 @@ exports[`Search Page Component sort button/container does not render if total co
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -825,6 +841,8 @@ exports[`Search Page Component sort button/container renders when total count >
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -832,7 +850,6 @@ exports[`Search Page Component sort button/container renders when total count >
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -928,6 +945,8 @@ exports[`Search Page Component total count renders 0 items if data.products.tota
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -935,7 +954,6 @@ exports[`Search Page Component total count renders 0 items if data.products.tota
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >
@@ -984,6 +1002,8 @@ exports[`Search Page Component total count renders results from data 1`] = `
       className="heading"
     >
       <div
+        aria-atomic="true"
+        aria-live="polite"
         className="searchInfo"
       >
         <mock-FormattedMessage
@@ -991,7 +1011,6 @@ exports[`Search Page Component total count renders results from data 1`] = `
           id="searchPage.searchTermEmpty"
         />
         <span
-          aria-busy="true"
           aria-live="polite"
           className="totalPages"
         >

package/lib/components/SearchPage/searchPage.js

@@ -173,11 +173,7 @@ const SearchPage = props => {
 
     const itemCountHeading =
         data && !loading ? (
-            <span
-                aria-live="polite"
-                aria-busy="true"
-                className={classes.totalPages}
-            >
+            <span aria-live="polite" className={classes.totalPages}>
                 {formatMessage(
                     {
                         id: 'searchPage.totalPages',
@@ -203,7 +199,11 @@ const SearchPage = props => {
             </div>
             <div className={classes.searchContent}>
                 <div className={classes.heading}>
-                    <div className={classes.searchInfo}>
+                    <div
+                        aria-live="polite"
+                        aria-atomic="true"
+                        className={classes.searchInfo}
+                    >
                         {searchResultsHeading}
                         {itemCountHeading}
                     </div>

package/lib/components/SortedByContainer/sortedByContainer.js

@@ -10,7 +10,7 @@ const SortedByContainer = props => {
     const classes = useStyle(defaultClasses, props.classes);
 
     return (
-        <div className={classes.root} aria-live="polite" aria-busy="true">
+        <div className={classes.root} aria-busy="true">
             <FormattedMessage
                 id={'searchPage.sortContainer'}
                 defaultMessage={'Items sorted by '}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magento/venia-ui",
-  "version": "9.6.0",
+  "version": "9.7.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -80,7 +80,7 @@
   "peerDependencies": {
     "@apollo/client": "~3.5.0",
     "@magento/babel-preset-peregrine": "~1.2.1",
-    "@magento/peregrine": "~12.5.1",
+    "@magento/peregrine": "12.6.0-alpha.1",
     "@magento/pwa-buildpack": "~11.4.0",
     "apollo-cache-persist": "~0.1.1",
     "braintree-web-drop-in": "~1.33.3",