@magento/venia-ui 11.7.1-beta3 → 11.7.2-alpha2

package/lib/components/CartPage/ProductListing/EditModal/__tests__/__snapshots__/productForm.spec.js.snap

@@ -322,6 +322,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -333,6 +334,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -346,6 +348,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -358,6 +361,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span
@@ -690,6 +694,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -701,6 +706,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="reset"
             >
               <span
@@ -714,6 +720,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={false}
               onClick={[Function]}
               onDragStart={[Function]}
@@ -726,6 +733,7 @@ https://master-7rqtwti-c5v7sxvquxwl4.eu-4.magentosite.cloud/media/catalog/produc
               onTouchEnd={[Function]}
               onTouchMove={[Function]}
               onTouchStart={[Function]}
+              tabIndex={0}
               type="submit"
             >
               <span
@@ -827,6 +835,7 @@ exports[`renders loading indicator while options are being fetched 1`] = `
           >
             <button
               className="root_lowPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onDragStart={[Function]}
               onKeyDown={[Function]}
@@ -851,6 +860,7 @@ exports[`renders loading indicator while options are being fetched 1`] = `
             </button>
             <button
               className="root_highPriority"
+              data-react-aria-pressable={true}
               disabled={true}
               onClick={[Function]}
               onDragStart={[Function]}

package/lib/components/CartPage/ProductListing/__tests__/__snapshots__/product.spec.js.snap

@@ -272,6 +272,7 @@ exports[`renders configurable product with options 1`] = `
           <button
             aria-label="Edit item"
             className="button"
+            data-react-aria-pressable={true}
             onClick={[Function]}
             onDragStart={[Function]}
             onKeyDown={[Function]}
@@ -283,6 +284,7 @@ exports[`renders configurable product with options 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span
@@ -318,6 +320,7 @@ exports[`renders configurable product with options 1`] = `
           <button
             aria-label="Remove from cart"
             className="button"
+            data-react-aria-pressable={true}
             onClick={[Function]}
             onDragStart={[Function]}
             onKeyDown={[Function]}
@@ -329,6 +332,7 @@ exports[`renders configurable product with options 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span
@@ -633,6 +637,7 @@ exports[`renders out of stock product 1`] = `
           <button
             aria-label="Remove from cart"
             className="button"
+            data-react-aria-pressable={true}
             onClick={[Function]}
             onDragStart={[Function]}
             onKeyDown={[Function]}
@@ -644,6 +649,7 @@ exports[`renders out of stock product 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span
@@ -948,6 +954,7 @@ exports[`renders simple product correctly 1`] = `
           <button
             aria-label="Remove from cart"
             className="button"
+            data-react-aria-pressable={true}
             onClick={[Function]}
             onDragStart={[Function]}
             onKeyDown={[Function]}
@@ -959,6 +966,7 @@ exports[`renders simple product correctly 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span

package/lib/components/Checkout/Receipt/__tests__/__snapshots__/receipt.spec.js.snap

@@ -25,6 +25,7 @@ exports[`renders a Receipt component correctly 1`] = `
     </div>
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -37,6 +38,7 @@ exports[`renders a Receipt component correctly 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/Checkout/__tests__/__snapshots__/addressForm.spec.js.snap

@@ -394,6 +394,7 @@ exports[`renders an AddressForm component 1`] = `
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -406,6 +407,7 @@ exports[`renders an AddressForm component 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -416,6 +418,7 @@ exports[`renders an AddressForm component 1`] = `
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -428,6 +431,7 @@ exports[`renders an AddressForm component 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -834,6 +838,7 @@ exports[`renders validation block with message if address is incorrect 1`] = `
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -846,6 +851,7 @@ exports[`renders validation block with message if address is incorrect 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -856,6 +862,7 @@ exports[`renders validation block with message if address is incorrect 1`] = `
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -868,6 +875,7 @@ exports[`renders validation block with message if address is incorrect 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/Checkout/__tests__/__snapshots__/checkoutButton.spec.js.snap

@@ -2,6 +2,7 @@
 
 exports[`renders a Checkout Button component 1`] = `
 <button
+  data-react-aria-pressable={true}
   disabled={false}
   onDragStart={[Function]}
   onKeyDown={[Function]}
@@ -13,6 +14,7 @@ exports[`renders a Checkout Button component 1`] = `
   onTouchEnd={[Function]}
   onTouchMove={[Function]}
   onTouchStart={[Function]}
+  tabIndex={0}
   type="button"
 >
   <span>
@@ -50,6 +52,7 @@ exports[`renders a Checkout Button component 1`] = `
 
 exports[`renders a disabled Checkout Button component 1`] = `
 <button
+  data-react-aria-pressable={true}
   disabled={true}
   onDragStart={[Function]}
   onKeyDown={[Function]}

package/lib/components/Checkout/__tests__/__snapshots__/overview.spec.js.snap

@@ -143,6 +143,7 @@ Array [
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -165,6 +166,7 @@ Array [
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -177,6 +179,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -332,6 +335,7 @@ Array [
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -354,6 +358,7 @@ Array [
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -366,6 +371,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -521,6 +527,7 @@ Array [
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -543,6 +550,7 @@ Array [
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -555,6 +563,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/Checkout/__tests__/__snapshots__/paymentsForm.spec.js.snap

@@ -78,6 +78,7 @@ exports[`renders a PaymentsForm component 1`] = `
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -100,6 +101,7 @@ exports[`renders a PaymentsForm component 1`] = `
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -112,6 +114,7 @@ exports[`renders a PaymentsForm component 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -520,6 +523,7 @@ exports[`renders billing address fields if addresses_same checkbox unchecked 1`]
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -542,6 +546,7 @@ exports[`renders billing address fields if addresses_same checkbox unchecked 1`]
     </button>
     <button
       className="root_lowPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -554,6 +559,7 @@ exports[`renders billing address fields if addresses_same checkbox unchecked 1`]
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/Checkout/__tests__/__snapshots__/shippingform.spec.js.snap

@@ -30,6 +30,7 @@ exports[`renders a shipping form 1`] = `
   </div>
   <div>
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -42,6 +43,7 @@ exports[`renders a shipping form 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>
@@ -49,6 +51,7 @@ exports[`renders a shipping form 1`] = `
       </span>
     </button>
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -61,6 +64,7 @@ exports[`renders a shipping form 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span>
@@ -94,6 +98,7 @@ exports[`renders no initial value and no shipping methods if no availableShippin
   </div>
   <div>
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -106,6 +111,7 @@ exports[`renders no initial value and no shipping methods if no availableShippin
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>
@@ -113,6 +119,7 @@ exports[`renders no initial value and no shipping methods if no availableShippin
       </span>
     </button>
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction]}
       onDragStart={[Function]}
@@ -125,6 +132,7 @@ exports[`renders no initial value and no shipping methods if no availableShippin
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span>

package/lib/components/CheckoutPage/AddressBook/__tests__/__snapshots__/addressBook.spec.js.snap

@@ -45,6 +45,7 @@ Array [
     >
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction handleCancel]}
         onDragStart={[Function]}
@@ -57,6 +58,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -70,6 +72,7 @@ Array [
       </button>
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction handleApplyAddress]}
         onDragStart={[Function]}
@@ -82,6 +85,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -135,6 +139,7 @@ Array [
       />
       <button
         className="addButton"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction handleAddAddress]}
         onDragStart={[Function]}
@@ -147,6 +152,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span
@@ -226,6 +232,7 @@ Array [
     >
       <button
         className="root_lowPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[MockFunction handleCancel]}
         onDragStart={[Function]}
@@ -251,6 +258,7 @@ Array [
       </button>
       <button
         className="root_highPriority"
+        data-react-aria-pressable={true}
         disabled={true}
         onClick={[MockFunction handleApplyAddress]}
         onDragStart={[Function]}
@@ -280,6 +288,7 @@ Array [
     >
       <button
         className="addButton"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[MockFunction handleAddAddress]}
         onDragStart={[Function]}
@@ -292,6 +301,7 @@ Array [
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="button"
       >
         <span

package/lib/components/CheckoutPage/GuestSignIn/__tests__/__snapshots__/guestSignIn.spec.js.snap

@@ -27,6 +27,7 @@ exports[`renders CreateAccount component 1`] = `
     />
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleBackToCheckout]}
       onDragStart={[Function]}
@@ -39,6 +40,7 @@ exports[`renders CreateAccount component 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -80,6 +82,7 @@ exports[`renders ForgotPassword component 1`] = `
     />
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleBackToCheckout]}
       onDragStart={[Function]}
@@ -92,6 +95,7 @@ exports[`renders ForgotPassword component 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -135,6 +139,7 @@ exports[`renders SignIn component 2`] = `
     />
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[MockFunction handleBackToCheckout]}
       onDragStart={[Function]}
@@ -147,6 +152,7 @@ exports[`renders SignIn component 2`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span

package/lib/components/CheckoutPage/OrderConfirmationPage/__tests__/__snapshots__/createAccount.spec.js.snap

@@ -196,6 +196,7 @@ exports[`CreateAccount renders CreateAccount component 1`] = `
         >
           <button
             className="passwordButton"
+            data-react-aria-pressable={true}
             disabled={false}
             onClick={[Function]}
             onDragStart={[Function]}
@@ -208,6 +209,7 @@ exports[`CreateAccount renders CreateAccount component 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span
@@ -298,6 +300,7 @@ exports[`CreateAccount renders CreateAccount component 1`] = `
     >
       <button
         className="create_account_button"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -310,6 +313,7 @@ exports[`CreateAccount renders CreateAccount component 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span
@@ -526,6 +530,7 @@ exports[`CreateAccount renders errors 1`] = `
         >
           <button
             className="passwordButton"
+            data-react-aria-pressable={true}
             disabled={false}
             onClick={[Function]}
             onDragStart={[Function]}
@@ -538,6 +543,7 @@ exports[`CreateAccount renders errors 1`] = `
             onTouchEnd={[Function]}
             onTouchMove={[Function]}
             onTouchStart={[Function]}
+            tabIndex={0}
             type="button"
           >
             <span
@@ -628,6 +634,7 @@ exports[`CreateAccount renders errors 1`] = `
     >
       <button
         className="create_account_button"
+        data-react-aria-pressable={true}
         disabled={false}
         onClick={[Function]}
         onDragStart={[Function]}
@@ -640,6 +647,7 @@ exports[`CreateAccount renders errors 1`] = `
         onTouchEnd={[Function]}
         onTouchMove={[Function]}
         onTouchStart={[Function]}
+        tabIndex={0}
         type="submit"
       >
         <span

package/lib/components/CheckoutPage/PaymentInformation/__tests__/__snapshots__/braintreeSummary.spec.js.snap

@@ -17,6 +17,7 @@ exports[`Should not render billing address if it is same as shipping address 1`]
     </h5>
     <button
       className="edit_button"
+      data-react-aria-pressable={true}
       disabled={false}
       onDragStart={[Function]}
       onKeyDown={[Function]}
@@ -28,6 +29,7 @@ exports[`Should not render billing address if it is same as shipping address 1`]
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -135,6 +137,7 @@ exports[`Should render billing address if it is not same as shipping address 1`]
     </h5>
     <button
       className="edit_button"
+      data-react-aria-pressable={true}
       disabled={false}
       onDragStart={[Function]}
       onKeyDown={[Function]}
@@ -146,6 +149,7 @@ exports[`Should render billing address if it is not same as shipping address 1`]
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -269,6 +273,7 @@ exports[`should render 1`] = `
     </h5>
     <button
       className="edit_button"
+      data-react-aria-pressable={true}
       disabled={false}
       onDragStart={[Function]}
       onKeyDown={[Function]}
@@ -280,6 +285,7 @@ exports[`should render 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span