@magento/venia-ui 11.7.1 → 11.7.2-alpha3

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

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>