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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/i18n/en_US.json +23 -2
  2. package/lib/RootComponents/Category/NoProductsFound/noProductsFound.js +1 -1
  3. package/lib/RootComponents/Category/__tests__/__snapshots__/categoryContent.shimmer.spec.js.snap +6 -0
  4. package/lib/components/AccountChip/__tests__/__snapshots__/accountChip.spec.js.snap +3 -0
  5. package/lib/components/AccountChip/accountChip.js +14 -1
  6. package/lib/components/AccountInformationPage/__tests__/__snapshots__/editForm.spec.js.snap +15 -0
  7. package/lib/components/AddressBookPage/__tests__/__snapshots__/addEditDialog.spec.js.snap +28 -0
  8. package/lib/components/App/__tests__/app.spec.js +3 -1
  9. package/lib/components/App/app.js +1 -1
  10. package/lib/components/CartPage/GiftCards/__tests__/__snapshots__/giftCards.spec.js.snap +2 -0
  11. package/lib/components/CartPage/PriceAdjustments/CouponCode/__tests__/__snapshots__/couponCode.spec.js.snap +9 -3
  12. package/lib/components/CartPage/PriceAdjustments/ShippingMethods/__tests__/__snapshots__/shippingForm.spec.js.snap +15 -0
  13. package/lib/components/CartPage/PriceSummary/__tests__/__snapshots__/priceSummary.spec.js.snap +0 -2
  14. package/lib/components/CartPage/PriceSummary/priceSummary.js +2 -0
  15. package/lib/components/CartPage/ProductListing/EditModal/__tests__/__snapshots__/productForm.spec.js.snap +4 -0
  16. package/lib/components/CartPage/ProductListing/__tests__/__snapshots__/product.spec.js.snap +6 -0
  17. package/lib/components/CartPage/ProductListing/__tests__/__snapshots__/quantity.spec.js.snap +1 -0
  18. package/lib/components/CategoryTree/categoryBranch.js +1 -1
  19. package/lib/components/CategoryTree/categoryLeaf.js +1 -1
  20. package/lib/components/CategoryTree/categoryTree.js +1 -1
  21. package/lib/components/Checkout/__tests__/__snapshots__/addressForm.spec.js.snap +16 -0
  22. package/lib/components/Checkout/__tests__/__snapshots__/paymentsForm.spec.js.snap +7 -0
  23. package/lib/components/Checkout/section.module.css +0 -1
  24. package/lib/components/CheckoutPage/ItemsReview/__tests__/__snapshots__/itemsReview.spec.js.snap +3 -0
  25. package/lib/components/CheckoutPage/OrderConfirmationPage/__tests__/__snapshots__/createAccount.spec.js.snap +20 -0
  26. package/lib/components/CheckoutPage/OrderConfirmationPage/createAccount.js +16 -0
  27. package/lib/components/CheckoutPage/ShippingInformation/AddressForm/__tests__/__snapshots__/customerForm.spec.js.snap +46 -0
  28. package/lib/components/CheckoutPage/ShippingInformation/AddressForm/__tests__/__snapshots__/guestForm.spec.js.snap +68 -0
  29. package/lib/components/CheckoutPage/ShippingInformation/AddressForm/customerForm.js +36 -0
  30. package/lib/components/CheckoutPage/ShippingInformation/AddressForm/guestForm.js +36 -0
  31. package/lib/components/CheckoutPage/__tests__/__snapshots__/checkoutPage.spec.js.snap +1 -1
  32. package/lib/components/CheckoutPage/checkoutPage.js +4 -0
  33. package/lib/components/Country/__tests__/__snapshots__/country.spec.js.snap +2 -0
  34. package/lib/components/CreateAccount/__tests__/__snapshots__/createAccount.spec.js.snap +36 -10
  35. package/lib/components/CreateAccount/createAccount.js +18 -0
  36. package/lib/components/Field/fieldIcons.js +3 -1
  37. package/lib/components/FilterModalOpenButton/filterModalOpenButton.js +12 -2
  38. package/lib/components/ForgotPassword/ForgotPasswordForm/__tests__/__snapshots__/forgotPasswordForm.spec.js.snap +2 -0
  39. package/lib/components/Gallery/__tests__/__snapshots__/gallery.spec.js.snap +2 -0
  40. package/lib/components/Gallery/__tests__/__snapshots__/item.spec.js.snap +3 -0
  41. package/lib/components/Gallery/item.js +1 -0
  42. package/lib/components/Header/__tests__/__snapshots__/accountTrigger.spec.js.snap +1 -1
  43. package/lib/components/Header/accountTrigger.js +12 -5
  44. package/lib/components/Image/placeholderImage.js +1 -0
  45. package/lib/components/LegacyMiniCart/__tests__/__snapshots__/kebab.spec.js.snap +2 -0
  46. package/lib/components/LegacyMiniCart/__tests__/__snapshots__/miniCart.spec.js.snap +3 -0
  47. package/lib/components/LegacyMiniCart/kebab.js +14 -0
  48. package/lib/components/Link/__tests__/link.spec.js +8 -6
  49. package/lib/components/Link/link.js +1 -1
  50. package/lib/components/MiniCart/ProductList/__tests__/__snapshots__/item.spec.js.snap +8 -0
  51. package/lib/components/MiniCart/ProductList/item.js +11 -0
  52. package/lib/components/MyAccount/ResetPassword/__tests__/__snapshots__/resetPassword.spec.js.snap +16 -4
  53. package/lib/components/Newsletter/__tests__/__snapshots__/newsletter.spec.js.snap +2 -0
  54. package/lib/components/OrderHistoryPage/OrderDetails/__tests__/__snapshots__/item.spec.js.snap +1 -0
  55. package/lib/components/OrderHistoryPage/__tests__/__snapshots__/orderHistoryPage.spec.js.snap +13 -0
  56. package/lib/components/OrderHistoryPage/__tests__/__snapshots__/orderRow.spec.js.snap +4 -0
  57. package/lib/components/OrderHistoryPage/__tests__/__snapshots__/resetButton.spec.js.snap +3 -0
  58. package/lib/components/OrderHistoryPage/collapsedImageGallery.js +3 -3
  59. package/lib/components/OrderHistoryPage/orderHistoryPage.js +1 -0
  60. package/lib/components/OrderHistoryPage/orderRow.js +1 -0
  61. package/lib/components/OrderHistoryPage/resetButton.js +13 -2
  62. package/lib/components/PageLoadingIndicator/__tests__/pageLoadingIndicator.spec.js +1 -1
  63. package/lib/components/PageLoadingIndicator/pageLoadingIndicator.js +1 -1
  64. package/lib/components/Password/__tests__/__snapshots__/password.spec.js.snap +13 -3
  65. package/lib/components/Password/password.js +24 -2
  66. package/lib/components/ProductImageCarousel/__tests__/__snapshots__/carousel.spec.js.snap +18 -16
  67. package/lib/components/ProductImageCarousel/__tests__/__snapshots__/thumbnail.spec.js.snap +12 -12
  68. package/lib/components/ProductImageCarousel/__tests__/thumbnail.spec.js +2 -2
  69. package/lib/components/ProductImageCarousel/thumbnail.js +4 -5
  70. package/lib/components/ProductImageCarousel/thumbnail.module.css +0 -1
  71. package/lib/components/ProductOptions/__tests__/__snapshots__/swatch.spec.js.snap +6 -0
  72. package/lib/components/ProductOptions/__tests__/__snapshots__/swatchList.spec.js.snap +1 -0
  73. package/lib/components/ProductOptions/__tests__/swatch.spec.js +2 -1
  74. package/lib/components/ProductOptions/option.js +1 -0
  75. package/lib/components/ProductOptions/swatch.js +5 -2
  76. package/lib/components/ProductOptions/swatchList.js +5 -2
  77. package/lib/components/ProductSort/__tests__/__snapshots__/productSort.spec.js.snap +1 -0
  78. package/lib/components/ProductSort/productSort.js +17 -0
  79. package/lib/components/QuantityStepper/quantityStepper.module.css +0 -2
  80. package/lib/components/Region/__tests__/__snapshots__/region.spec.js.snap +3 -0
  81. package/lib/components/SearchBar/__tests__/__snapshots__/searchField.spec.js.snap +1 -0
  82. package/lib/components/SearchBar/__tests__/__snapshots__/suggestedProduct.spec.js.snap +1 -0
  83. package/lib/components/SearchBar/searchBar.js +6 -1
  84. package/lib/components/SearchBar/searchField.js +4 -2
  85. package/lib/components/SearchPage/__tests__/__snapshots__/searchPage.spec.js.snap +28 -28
  86. package/lib/components/SearchPage/searchPage.js +6 -4
  87. package/lib/components/SignIn/__tests__/__snapshots__/signIn.spec.js.snap +12 -0
  88. package/lib/components/SignIn/signIn.js +10 -0
  89. package/lib/components/Trigger/__tests__/__snapshots__/trigger.spec.js.snap +8 -2
  90. package/lib/components/Trigger/trigger.js +30 -5
  91. package/lib/components/Wishlist/WishlistDialog/CreateWishlistForm/__tests__/__snapshots__/createWishlistForm.spec.js.snap +2 -0
  92. package/lib/components/WishlistPage/__tests__/__snapshots__/createWishlist.ee.spec.js.snap +1 -0
  93. package/lib/components/WishlistPage/__tests__/__snapshots__/wishlistEditFavoritesListDialog.spec.js.snap +4 -0
  94. package/lib/components/WishlistPage/__tests__/__snapshots__/wishlistItem.spec.js.snap +2 -0
  95. package/lib/index.module.css +7 -9
  96. package/package.json +2 -2
package/lib/components/CheckoutPage/ShippingInformation/AddressForm/__tests__/__snapshots__/customerForm.spec.js.snap CHANGED
@@ -116,6 +116,7 @@ Array [
116
116
  className="input"
117
117
  >
118
118
  <input
119
+ aria-label="First Name Required"
119
120
  className="input"
120
121
  disabled={false}
121
122
  id="customer_firstname"
@@ -129,6 +130,7 @@ Array [
129
130
  className="before"
130
131
  />
131
132
  <span
133
+ aria-hidden="false"
132
134
  className="after"
133
135
  />
134
136
  </span>
@@ -162,6 +164,7 @@ Array [
162
164
  className="input"
163
165
  >
164
166
  <input
167
+ aria-label="Last Name Required"
165
168
  className="input"
166
169
  disabled={false}
167
170
  id="customer_lastname"
@@ -175,6 +178,7 @@ Array [
175
178
  className="before"
176
179
  />
177
180
  <span
181
+ aria-hidden="false"
178
182
  className="after"
179
183
  />
180
184
  </span>
@@ -187,6 +191,7 @@ Array [
187
191
  className="country"
188
192
  >
189
193
  <Country
194
+ aria-label="Country Required"
190
195
  validate={[Function]}
191
196
  />
192
197
  </div>
@@ -215,6 +220,7 @@ Array [
215
220
  className="input"
216
221
  >
217
222
  <input
223
+ aria-label="Street Address Required"
218
224
  className="input"
219
225
  id="customer_street0"
220
226
  name="street[0]"
@@ -227,6 +233,7 @@ Array [
227
233
  className="before"
228
234
  />
229
235
  <span
236
+ aria-hidden="false"
230
237
  className="after"
231
238
  />
232
239
  </span>
@@ -280,6 +287,7 @@ Array [
280
287
  className="before"
281
288
  />
282
289
  <span
290
+ aria-hidden="false"
283
291
  className="after"
284
292
  />
285
293
  </span>
@@ -313,6 +321,7 @@ Array [
313
321
  className="input"
314
322
  >
315
323
  <input
324
+ aria-label="City Required"
316
325
  className="input"
317
326
  id="customer_city"
318
327
  name="city"
@@ -325,6 +334,7 @@ Array [
325
334
  className="before"
326
335
  />
327
336
  <span
337
+ aria-hidden="false"
328
338
  className="after"
329
339
  />
330
340
  </span>
@@ -337,6 +347,7 @@ Array [
337
347
  className="region"
338
348
  >
339
349
  <Region
350
+ aria-label="State Required"
340
351
  fieldInput="region[region]"
341
352
  fieldSelect="region[region_id]"
342
353
  optionValueKey="id"
@@ -368,6 +379,7 @@ Array [
368
379
  className="input"
369
380
  >
370
381
  <input
382
+ aria-label="ZIP / Postal Code Required"
371
383
  className="input"
372
384
  id="root"
373
385
  name="postcode"
@@ -380,6 +392,7 @@ Array [
380
392
  className="before"
381
393
  />
382
394
  <span
395
+ aria-hidden="false"
383
396
  className="after"
384
397
  />
385
398
  </span>
@@ -413,6 +426,7 @@ Array [
413
426
  className="input"
414
427
  >
415
428
  <input
429
+ aria-label="Phone Number Required"
416
430
  className="input"
417
431
  id="customer_telephone"
418
432
  name="telephone"
@@ -425,6 +439,7 @@ Array [
425
439
  className="before"
426
440
  />
427
441
  <span
442
+ aria-hidden="false"
428
443
  className="after"
429
444
  />
430
445
  </span>
@@ -577,6 +592,7 @@ Array [
577
592
  className="input"
578
593
  >
579
594
  <input
595
+ aria-label="First Name Required"
580
596
  className="input"
581
597
  disabled={false}
582
598
  id="customer_firstname"
@@ -590,6 +606,7 @@ Array [
590
606
  className="before"
591
607
  />
592
608
  <span
609
+ aria-hidden="false"
593
610
  className="after"
594
611
  />
595
612
  </span>
@@ -623,6 +640,7 @@ Array [
623
640
  className="input"
624
641
  >
625
642
  <input
643
+ aria-label="Last Name Required"
626
644
  className="input"
627
645
  disabled={false}
628
646
  id="customer_lastname"
@@ -636,6 +654,7 @@ Array [
636
654
  className="before"
637
655
  />
638
656
  <span
657
+ aria-hidden="false"
639
658
  className="after"
640
659
  />
641
660
  </span>
@@ -648,6 +667,7 @@ Array [
648
667
  className="country"
649
668
  >
650
669
  <Country
670
+ aria-label="Country Required"
651
671
  validate={[Function]}
652
672
  />
653
673
  </div>
@@ -676,6 +696,7 @@ Array [
676
696
  className="input"
677
697
  >
678
698
  <input
699
+ aria-label="Street Address Required"
679
700
  className="input"
680
701
  id="customer_street0"
681
702
  name="street[0]"
@@ -688,6 +709,7 @@ Array [
688
709
  className="before"
689
710
  />
690
711
  <span
712
+ aria-hidden="false"
691
713
  className="after"
692
714
  />
693
715
  </span>
@@ -741,6 +763,7 @@ Array [
741
763
  className="before"
742
764
  />
743
765
  <span
766
+ aria-hidden="false"
744
767
  className="after"
745
768
  />
746
769
  </span>
@@ -774,6 +797,7 @@ Array [
774
797
  className="input"
775
798
  >
776
799
  <input
800
+ aria-label="City Required"
777
801
  className="input"
778
802
  id="customer_city"
779
803
  name="city"
@@ -786,6 +810,7 @@ Array [
786
810
  className="before"
787
811
  />
788
812
  <span
813
+ aria-hidden="false"
789
814
  className="after"
790
815
  />
791
816
  </span>
@@ -798,6 +823,7 @@ Array [
798
823
  className="region"
799
824
  >
800
825
  <Region
826
+ aria-label="State Required"
801
827
  fieldInput="region[region]"
802
828
  fieldSelect="region[region_id]"
803
829
  optionValueKey="id"
@@ -829,6 +855,7 @@ Array [
829
855
  className="input"
830
856
  >
831
857
  <input
858
+ aria-label="ZIP / Postal Code Required"
832
859
  className="input"
833
860
  id="root"
834
861
  name="postcode"
@@ -841,6 +868,7 @@ Array [
841
868
  className="before"
842
869
  />
843
870
  <span
871
+ aria-hidden="false"
844
872
  className="after"
845
873
  />
846
874
  </span>
@@ -874,6 +902,7 @@ Array [
874
902
  className="input"
875
903
  >
876
904
  <input
905
+ aria-label="Phone Number Required"
877
906
  className="input"
878
907
  id="customer_telephone"
879
908
  name="telephone"
@@ -886,6 +915,7 @@ Array [
886
915
  className="before"
887
916
  />
888
917
  <span
918
+ aria-hidden="false"
889
919
  className="after"
890
920
  />
891
921
  </span>
@@ -1065,6 +1095,7 @@ Array [
1065
1095
  className="before"
1066
1096
  />
1067
1097
  <span
1098
+ aria-hidden="false"
1068
1099
  className="after"
1069
1100
  />
1070
1101
  </span>
@@ -1098,6 +1129,7 @@ Array [
1098
1129
  className="input"
1099
1130
  >
1100
1131
  <input
1132
+ aria-label="First Name Required"
1101
1133
  className="input"
1102
1134
  disabled={true}
1103
1135
  id="customer_firstname"
@@ -1111,6 +1143,7 @@ Array [
1111
1143
  className="before"
1112
1144
  />
1113
1145
  <span
1146
+ aria-hidden="false"
1114
1147
  className="after"
1115
1148
  />
1116
1149
  </span>
@@ -1144,6 +1177,7 @@ Array [
1144
1177
  className="input"
1145
1178
  >
1146
1179
  <input
1180
+ aria-label="Last Name Required"
1147
1181
  className="input"
1148
1182
  disabled={true}
1149
1183
  id="customer_lastname"
@@ -1157,6 +1191,7 @@ Array [
1157
1191
  className="before"
1158
1192
  />
1159
1193
  <span
1194
+ aria-hidden="false"
1160
1195
  className="after"
1161
1196
  />
1162
1197
  </span>
@@ -1169,6 +1204,7 @@ Array [
1169
1204
  className="country"
1170
1205
  >
1171
1206
  <Country
1207
+ aria-label="Country Required"
1172
1208
  validate={[Function]}
1173
1209
  />
1174
1210
  </div>
@@ -1197,6 +1233,7 @@ Array [
1197
1233
  className="input"
1198
1234
  >
1199
1235
  <input
1236
+ aria-label="Street Address Required"
1200
1237
  className="input"
1201
1238
  id="customer_street0"
1202
1239
  name="street[0]"
@@ -1209,6 +1246,7 @@ Array [
1209
1246
  className="before"
1210
1247
  />
1211
1248
  <span
1249
+ aria-hidden="false"
1212
1250
  className="after"
1213
1251
  />
1214
1252
  </span>
@@ -1262,6 +1300,7 @@ Array [
1262
1300
  className="before"
1263
1301
  />
1264
1302
  <span
1303
+ aria-hidden="false"
1265
1304
  className="after"
1266
1305
  />
1267
1306
  </span>
@@ -1295,6 +1334,7 @@ Array [
1295
1334
  className="input"
1296
1335
  >
1297
1336
  <input
1337
+ aria-label="City Required"
1298
1338
  className="input"
1299
1339
  id="customer_city"
1300
1340
  name="city"
@@ -1307,6 +1347,7 @@ Array [
1307
1347
  className="before"
1308
1348
  />
1309
1349
  <span
1350
+ aria-hidden="false"
1310
1351
  className="after"
1311
1352
  />
1312
1353
  </span>
@@ -1319,6 +1360,7 @@ Array [
1319
1360
  className="region"
1320
1361
  >
1321
1362
  <Region
1363
+ aria-label="State Required"
1322
1364
  fieldInput="region[region]"
1323
1365
  fieldSelect="region[region_id]"
1324
1366
  optionValueKey="id"
@@ -1350,6 +1392,7 @@ Array [
1350
1392
  className="input"
1351
1393
  >
1352
1394
  <input
1395
+ aria-label="ZIP / Postal Code Required"
1353
1396
  className="input"
1354
1397
  id="root"
1355
1398
  name="postcode"
@@ -1362,6 +1405,7 @@ Array [
1362
1405
  className="before"
1363
1406
  />
1364
1407
  <span
1408
+ aria-hidden="false"
1365
1409
  className="after"
1366
1410
  />
1367
1411
  </span>
@@ -1395,6 +1439,7 @@ Array [
1395
1439
  className="input"
1396
1440
  >
1397
1441
  <input
1442
+ aria-label="Phone Number Required"
1398
1443
  className="input"
1399
1444
  id="customer_telephone"
1400
1445
  name="telephone"
@@ -1407,6 +1452,7 @@ Array [
1407
1452
  className="before"
1408
1453
  />
1409
1454
  <span
1455
+ aria-hidden="false"
1410
1456
  className="after"
1411
1457
  />
1412
1458
  </span>