@magento/venia-ui 11.7.1 → 11.7.2-alpha2

package/lib/components/CheckoutPage/ShippingInformation/AddressForm/__tests__/__snapshots__/customerForm.spec.js.snap

@@ -504,6 +504,7 @@ Array [
     >
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[MockFunction handleCancel]}
         onDragStart={[Function]}
@@ -529,6 +530,7 @@ Array [
       </button>
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -976,6 +978,7 @@ Array [
     >
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction handleCancel]}
         onDragStart={[Function]}
@@ -988,6 +991,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -1001,6 +1005,7 @@ Array [
       </button>
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1013,6 +1018,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -1470,6 +1476,7 @@ Array [
     >
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1482,6 +1489,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span

package/lib/components/CheckoutPage/ShippingInformation/AddressForm/__tests__/__snapshots__/guestForm.spec.js.snap

@@ -437,6 +437,7 @@ Array [
     >
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -449,6 +450,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         Continue to Shipping Method
@@ -899,6 +901,7 @@ Array [
     >
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -911,6 +914,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         Continue to Shipping Method
@@ -1349,6 +1353,7 @@ Array [
     >
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[MockFunction handleCancel]}
         onDragStart={[Function]}
@@ -1370,6 +1375,7 @@ Array [
       </button>
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1820,6 +1826,7 @@ Array [
     >
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction handleCancel]}
         onDragStart={[Function]}
@@ -1832,6 +1839,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <mock-FormattedMessage
@@ -1841,6 +1849,7 @@ Array [
       </button>
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -1853,6 +1862,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         Update

package/lib/components/CheckoutPage/ShippingInformation/__tests__/__snapshots__/shippingInformation.spec.js.snap

@@ -17,6 +17,7 @@ exports[`renders card state with customer data 1`] = `
     </h5>
     <button
       className="editButton"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleEditShipping]}
       onDragStart={[Function]}
@@ -29,6 +30,7 @@ exports[`renders card state with customer data 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -88,6 +90,7 @@ exports[`renders card state with guest data 1`] = `
     </h5>
     <button
       className="editButton"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleEditShipping]}
       onDragStart={[Function]}
@@ -100,6 +103,7 @@ exports[`renders card state with guest data 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/CheckoutPage/ShippingMethod/__tests__/__snapshots__/completedView.spec.js.snap

@@ -20,6 +20,7 @@ exports[`it renders an error when selectedShippingMethod is missing 1`] = `
       </h5>
       <button
         className="editButton"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={false}
         onDragStart={[Function]}
@@ -32,6 +33,7 @@ exports[`it renders an error when selectedShippingMethod is missing 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -100,6 +102,7 @@ exports[`it renders correctly 1`] = `
       </h5>
       <button
         className="editButton"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={false}
         onDragStart={[Function]}
@@ -112,6 +115,7 @@ exports[`it renders correctly 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span

package/lib/components/CheckoutPage/ShippingMethod/__tests__/__snapshots__/shippingMethod.spec.js.snap

@@ -93,6 +93,7 @@ exports[`it disables inputs when the page is updating 1`] = `
     >
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -210,6 +211,7 @@ exports[`it renders correctly 1`] = `
     >
       <button
         className="root_normalPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -222,6 +224,7 @@ exports[`it renders correctly 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <mock-FormattedMessage

package/lib/components/CheckoutPage/ShippingMethod/__tests__/__snapshots__/updateModal.spec.js.snap

@@ -158,6 +158,7 @@ exports[`it disables the submit button while loading 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[MockFunction]}
               onDragStart={[Function]}
@@ -170,6 +171,7 @@ exports[`it disables the submit button while loading 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -183,6 +185,7 @@ exports[`it disables the submit button while loading 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -366,6 +369,7 @@ exports[`it renders correctly 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[MockFunction]}
               onDragStart={[Function]}
@@ -378,6 +382,7 @@ exports[`it renders correctly 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -391,6 +396,7 @@ exports[`it renders correctly 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -403,6 +409,7 @@ exports[`it renders correctly 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span

package/lib/components/CheckoutPage/__tests__/__snapshots__/checkoutPage.spec.js.snap

@@ -162,6 +162,7 @@ exports[`CheckoutPage renders an error and disables review order button if there
       </span>
       <button
         className="signInButton"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction toggleSignInContent]}
         onDragStart={[Function]}
@@ -174,6 +175,7 @@ exports[`CheckoutPage renders an error and disables review order button if there
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[MockFunction toggleSignInContent]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -228,6 +230,7 @@ exports[`CheckoutPage renders an error and disables review order button if there
     </div>
     <button
       className="review_order_button"
+      data-react-aria-pressable={true}
       disabled={true}
       onDragStart={[Function]}
       onMouseDown={[Function]}
@@ -526,6 +529,7 @@ exports[`CheckoutPage renders checkout content for guest on desktop 1`] = `
       </span>
       <button
         className="signInButton"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction toggleSignInContent]}
         onDragStart={[Function]}
@@ -538,6 +542,7 @@ exports[`CheckoutPage renders checkout content for guest on desktop 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[MockFunction toggleSignInContent]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -668,6 +673,7 @@ exports[`CheckoutPage renders checkout content for guest on mobile 1`] = `
       </span>
       <button
         className="signInButton"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction toggleSignInContent]}
         onDragStart={[Function]}
@@ -680,6 +686,7 @@ exports[`CheckoutPage renders checkout content for guest on mobile 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[MockFunction toggleSignInContent]}
+        tabIndex={0}
         type="button"
       >
         <span

package/lib/components/CommunicationsPage/__tests__/__snapshots__/communicationsPage.spec.js.snap

@@ -83,6 +83,7 @@ exports[`renders empty form without data 1`] = `
     >
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -95,6 +96,7 @@ exports[`renders empty form without data 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -191,6 +193,7 @@ exports[`renders form error 1`] = `
     >
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -203,6 +206,7 @@ exports[`renders form error 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -301,6 +305,7 @@ exports[`renders prefilled form with data with disabled buttons 1`] = `
     >
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -411,6 +416,7 @@ exports[`renders prefilled form with data with enabled buttons 1`] = `
     >
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -423,6 +429,7 @@ exports[`renders prefilled form with data with enabled buttons 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span

package/lib/components/CreateAccount/__tests__/__snapshots__/createAccount.spec.js.snap

@@ -139,6 +139,7 @@ exports[`renders the correct tree 1`] = `
         aria-hidden="false"
       >
         <button
+          data-react-aria-pressable={true}
           disabled={false}
           onClick={[Function]}
           onDragStart={[Function]}
@@ -151,6 +152,7 @@ exports[`renders the correct tree 1`] = `
           onTouchEnd={[Function]}
           onTouchMove={[Function]}
           onTouchStart={[Function]}
+          tabIndex={0}
           type="button"
         >
           <span>
@@ -224,6 +226,7 @@ exports[`renders the correct tree 1`] = `
   </div>
   <div>
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -235,6 +238,7 @@ exports[`renders the correct tree 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>
@@ -387,6 +391,7 @@ exports[`should not render cancel button if isCancelButtonHidden is true 1`] = `
         aria-hidden="false"
       >
         <button
+          data-react-aria-pressable={true}
           disabled={false}
           onClick={[Function]}
           onDragStart={[Function]}
@@ -399,6 +404,7 @@ exports[`should not render cancel button if isCancelButtonHidden is true 1`] = `
           onTouchEnd={[Function]}
           onTouchMove={[Function]}
           onTouchStart={[Function]}
+          tabIndex={0}
           type="button"
         >
           <span>
@@ -472,6 +478,7 @@ exports[`should not render cancel button if isCancelButtonHidden is true 1`] = `
   </div>
   <div>
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -483,6 +490,7 @@ exports[`should not render cancel button if isCancelButtonHidden is true 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>

package/lib/components/Dialog/__tests__/__snapshots__/dialog.spec.js.snap

@@ -39,6 +39,7 @@ exports[`does not render a close X button in modal mode 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -50,6 +51,7 @@ exports[`does not render a close X button in modal mode 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -63,6 +65,7 @@ exports[`does not render a close X button in modal mode 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -75,6 +78,7 @@ exports[`does not render a close X button in modal mode 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span
@@ -168,6 +172,7 @@ exports[`renders a Dialog with disabled buttons 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -192,6 +197,7 @@ exports[`renders a Dialog with disabled buttons 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -373,6 +379,7 @@ exports[`renders a basic Dialog 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -384,6 +391,7 @@ exports[`renders a basic Dialog 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -397,6 +405,7 @@ exports[`renders a basic Dialog 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -409,6 +418,7 @@ exports[`renders a basic Dialog 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span
@@ -502,6 +512,7 @@ exports[`renders a dialog with only the confirm button disabled 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -513,6 +524,7 @@ exports[`renders a dialog with only the confirm button disabled 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -526,6 +538,7 @@ exports[`renders a dialog with only the confirm button disabled 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -635,6 +648,7 @@ exports[`should render children even if dialog is hidden and if shouldUnmountOnH
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -646,6 +660,7 @@ exports[`should render children even if dialog is hidden and if shouldUnmountOnH
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -659,6 +674,7 @@ exports[`should render children even if dialog is hidden and if shouldUnmountOnH
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -671,6 +687,7 @@ exports[`should render children even if dialog is hidden and if shouldUnmountOnH
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span
@@ -772,6 +789,7 @@ exports[`supports modifying title and button texts 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -783,6 +801,7 @@ exports[`supports modifying title and button texts 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -796,6 +815,7 @@ exports[`supports modifying title and button texts 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -808,6 +828,7 @@ exports[`supports modifying title and button texts 1`] = `
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span

package/lib/components/ForgotPassword/ForgotPasswordForm/__tests__/__snapshots__/forgotPasswordForm.spec.js.snap

@@ -54,6 +54,7 @@ exports[`renders when busy 1`] = `
   >
     <button
       className="cancelButton"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -79,6 +80,7 @@ exports[`renders when busy 1`] = `
     </button>
     <button
       className="submitButton"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -160,6 +162,7 @@ exports[`renders when not busy 1`] = `
   >
     <button
       className="cancelButton"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -172,6 +175,7 @@ exports[`renders when not busy 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -185,6 +189,7 @@ exports[`renders when not busy 1`] = `
     </button>
     <button
       className="submitButton"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -197,6 +202,7 @@ exports[`renders when not busy 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span

package/lib/components/Gallery/__tests__/__snapshots__/addToCartButton.spec.js.snap

@@ -3,6 +3,7 @@
 exports[`should render add to cart if in stock 1`] = `
 <button
   aria-label="Add to cart"
+  data-react-aria-pressable={true}
   disabled={false}
   onClick={[Function]}
   onDragStart={[Function]}
@@ -15,6 +16,7 @@ exports[`should render add to cart if in stock 1`] = `
   onTouchEnd={[Function]}
   onTouchMove={[Function]}
   onTouchStart={[Function]}
+  tabIndex={0}
   type="button"
 >
   <span>
@@ -57,6 +59,7 @@ exports[`should render add to cart if in stock 1`] = `
 exports[`should render out of cart if not in stock 1`] = `
 <button
   aria-label="Out of stock"
+  data-react-aria-pressable={true}
   disabled={true}
   onClick={[Function]}
   onDragStart={[Function]}
@@ -119,6 +122,7 @@ exports[`should render out of cart if not in stock 1`] = `
 exports[`should render properly 1`] = `
 <button
   aria-label="Add to cart"
+  data-react-aria-pressable={true}
   disabled={false}
   onClick={[Function]}
   onDragStart={[Function]}
@@ -131,6 +135,7 @@ exports[`should render properly 1`] = `
   onTouchEnd={[Function]}
   onTouchMove={[Function]}
   onTouchStart={[Function]}
+  tabIndex={0}
   type="button"
 >
   <span>