@magento/venia-ui 11.7.1 → 11.7.2-alpha3

package/lib/components/CartPage/PriceAdjustments/CouponCode/__tests__/__snapshots__/couponCode.spec.js.snap

@@ -9,6 +9,7 @@ exports[`disables remove button on click 1`] = `
   </span>
   <button
     className="removeButton"
+    data-react-aria-pressable={true}
     disabled={true}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -76,6 +77,7 @@ exports[`disables submit button on coupon entry 1`] = `
   <div>
     <label />
     <button
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -144,6 +146,7 @@ exports[`renders CouponCode input and submit button 1`] = `
   <div>
     <label />
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -156,6 +159,7 @@ exports[`renders CouponCode input and submit button 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>
@@ -211,6 +215,7 @@ exports[`renders an error message if an error occurs on code entry 1`] = `
   <div>
     <label />
     <button
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -223,6 +228,7 @@ exports[`renders an error message if an error occurs on code entry 1`] = `
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span>
@@ -256,6 +262,7 @@ exports[`renders the coupon code view if applied coupons has data 1`] = `
   </span>
   <button
     className="removeButton"
+    data-react-aria-pressable={true}
     disabled={false}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -268,6 +275,7 @@ exports[`renders the coupon code view if applied coupons has data 1`] = `
     onTouchEnd={[Function]}
     onTouchMove={[Function]}
     onTouchStart={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span>

package/lib/components/CartPage/PriceAdjustments/ShippingMethods/__tests__/__snapshots__/shippingForm.spec.js.snap

@@ -175,6 +175,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -187,6 +188,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -390,6 +392,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -402,6 +405,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -651,6 +655,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onClick={[Function]}
       onDragStart={[Function]}
@@ -663,6 +668,7 @@ Array [
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
       onTouchStart={[Function]}
+      tabIndex={0}
       type="submit"
     >
       <span
@@ -1151,6 +1157,7 @@ Array [
     </div>
     <button
       className="root_normalPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onClick={[Function]}
       onDragStart={[Function]}

package/lib/components/CartPage/PriceAdjustments/ShippingMethods/__tests__/__snapshots__/shippingMethods.spec.js.snap

@@ -97,6 +97,7 @@ exports[`renders description and confirm link w/o shipping address set 1`] = `
   </p>
   <button
     className="root_normalPriority"
+    data-react-aria-pressable={true}
     disabled={false}
     onClick={[Function]}
     onDragStart={[Function]}
@@ -109,6 +110,7 @@ exports[`renders description and confirm link w/o shipping address set 1`] = `
     onTouchEnd={[Function]}
     onTouchMove={[Function]}
     onTouchStart={[Function]}
+    tabIndex={0}
     type="button"
   >
     <span

package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/priceSummary.spec.js.snap

@@ -78,6 +78,7 @@ exports[`renders PriceSummary correctly on cart page 1`] = `
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={false}
       onDragStart={[Function]}
       onMouseDown={[Function]}
@@ -87,6 +88,7 @@ exports[`renders PriceSummary correctly on cart page 1`] = `
       onTouchCancel={[Function]}
       onTouchEnd={[Function]}
       onTouchMove={[Function]}
+      tabIndex={0}
       type="button"
     >
       <span
@@ -273,6 +275,7 @@ exports[`renders summary with loading state if query is loading 1`] = `
   >
     <button
       className="root_highPriority"
+      data-react-aria-pressable={true}
       disabled={true}
       onDragStart={[Function]}
       onMouseDown={[Function]}

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