@patternfly/react-core 5.0.0-alpha.57 → 5.0.0-alpha.59

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 (90) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/components/Switch/Switch.js +2 -2
  3. package/dist/esm/components/Switch/Switch.js.map +1 -1
  4. package/dist/js/components/Switch/Switch.js +2 -2
  5. package/dist/js/components/Switch/Switch.js.map +1 -1
  6. package/dist/umd/react-core.min.js +1 -1
  7. package/package.json +3 -3
  8. package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +3 -9
  9. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap +1 -3
  10. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap +1 -3
  11. package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +1 -3
  12. package/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap +1 -3
  13. package/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap +1 -3
  14. package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +1 -3
  15. package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +1 -3
  16. package/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +4 -12
  17. package/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap +5 -15
  18. package/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap +1 -3
  19. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap +1 -3
  20. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +1 -3
  21. package/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap +1 -3
  22. package/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap +1 -3
  23. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +5 -15
  24. package/src/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +6 -18
  25. package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +27 -81
  26. package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +0 -3
  27. package/src/components/EmptyState/__tests__/__snapshots__/EmptyState.test.tsx.snap +0 -3
  28. package/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap +6 -18
  29. package/src/components/FileUpload/examples/FileUploadCustomPreview.tsx +1 -1
  30. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +1 -3
  31. package/src/components/Form/examples/FormBasic.tsx +1 -1
  32. package/src/components/Form/examples/FormGroupLabelInfo.tsx +1 -1
  33. package/src/components/Form/examples/FormLimitWidth.tsx +1 -1
  34. package/src/components/HelperText/__tests__/__snapshots__/HelperText.test.tsx.snap +2 -6
  35. package/src/components/Icon/__tests__/__snapshots__/Icon.test.tsx.snap +3 -9
  36. package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap +1 -3
  37. package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +3 -9
  38. package/src/components/LabelGroup/__tests__/__snapshots__/LabelGroup.test.tsx.snap +1 -3
  39. package/src/components/List/__tests__/__snapshots__/List.test.tsx.snap +6 -18
  40. package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +1 -3
  41. package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +10 -30
  42. package/src/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +6 -18
  43. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +8 -24
  44. package/src/components/Modal/examples/ModalWithForm.tsx +3 -3
  45. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +5 -15
  46. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +17 -51
  47. package/src/components/Nav/__tests__/Generated/__snapshots__/NavExpandable.test.tsx.snap +1 -3
  48. package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +14 -42
  49. package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap +1 -3
  50. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroup.test.tsx.snap +4 -12
  51. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemHeader.test.tsx.snap +5 -15
  52. package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +26 -78
  53. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +33 -99
  54. package/src/components/Pagination/__tests__/Generated/__snapshots__/Navigation.test.tsx.snap +4 -12
  55. package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +1 -3
  56. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +102 -306
  57. package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap +1 -3
  58. package/src/components/Progress/__tests__/Generated/__snapshots__/ProgressContainer.test.tsx.snap +1 -3
  59. package/src/components/Progress/__tests__/__snapshots__/Progress.test.tsx.snap +3 -9
  60. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +23 -69
  61. package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +27 -102
  62. package/src/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap +1 -3
  63. package/src/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap +1 -3
  64. package/src/components/Switch/Switch.tsx +2 -2
  65. package/src/components/Switch/__tests__/__snapshots__/Switch.test.tsx.snap +4 -8
  66. package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +2 -6
  67. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +1 -3
  68. package/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +3 -9
  69. package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +1 -1
  70. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +4 -12
  71. package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +68 -204
  72. package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap +1 -3
  73. package/src/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +6 -18
  74. package/src/demos/Filters/examples/FilterAttributeSearch.tsx +1 -1
  75. package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +1 -1
  76. package/src/demos/Filters/examples/FilterFaceted.tsx +1 -1
  77. package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +1 -1
  78. package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +1 -1
  79. package/src/demos/Filters/examples/FilterSearchInput.tsx +1 -1
  80. package/src/demos/Filters/examples/FilterSingleSelect.tsx +1 -1
  81. package/src/demos/PasswordStrength.md +1 -1
  82. package/src/deprecated/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap +7 -21
  83. package/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +7 -21
  84. package/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelectorToggle.test.tsx.snap +5 -15
  85. package/src/deprecated/components/Dropdown/__tests__/Generated/__snapshots__/KebabToggle.test.tsx.snap +1 -3
  86. package/src/deprecated/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +16 -48
  87. package/src/deprecated/components/Dropdown/__tests__/__snapshots__/DropdownToggle.test.tsx.snap +9 -27
  88. package/src/deprecated/components/Dropdown/__tests__/__snapshots__/Toggle.test.tsx.snap +2 -6
  89. package/src/deprecated/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuToggle.test.tsx.snap +1 -3
  90. package/src/deprecated/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap +7 -21
package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap CHANGED
@@ -29,12 +29,10 @@ exports[`Select renders select groups successfully 1`] = `
29
29
  >
30
30
  <svg
31
31
  aria-hidden="true"
32
+ class="pf-svg"
32
33
  fill="currentColor"
33
- height="1em"
34
34
  role="img"
35
- style="vertical-align: -0.125em;"
36
35
  viewBox="0 0 320 512"
37
- width="1em"
38
36
  >
39
37
  <path
40
38
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -215,12 +213,10 @@ exports[`Select renders up direction successfully 1`] = `
215
213
  >
216
214
  <svg
217
215
  aria-hidden="true"
216
+ class="pf-svg"
218
217
  fill="currentColor"
219
- height="1em"
220
218
  role="img"
221
- style="vertical-align: -0.125em;"
222
219
  viewBox="0 0 320 512"
223
- width="1em"
224
220
  >
225
221
  <path
226
222
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -263,12 +259,10 @@ exports[`Select single select renders closed successfully 1`] = `
263
259
  >
264
260
  <svg
265
261
  aria-hidden="true"
262
+ class="pf-svg"
266
263
  fill="currentColor"
267
- height="1em"
268
264
  role="img"
269
- style="vertical-align: -0.125em;"
270
265
  viewBox="0 0 320 512"
271
- width="1em"
272
266
  >
273
267
  <path
274
268
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -312,12 +306,10 @@ exports[`Select single select renders disabled successfully 1`] = `
312
306
  >
313
307
  <svg
314
308
  aria-hidden="true"
309
+ class="pf-svg"
315
310
  fill="currentColor"
316
- height="1em"
317
311
  role="img"
318
- style="vertical-align: -0.125em;"
319
312
  viewBox="0 0 320 512"
320
- width="1em"
321
313
  >
322
314
  <path
323
315
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -360,12 +352,10 @@ exports[`Select single select renders expanded in strict mode successfully 1`] =
360
352
  >
361
353
  <svg
362
354
  aria-hidden="true"
355
+ class="pf-svg"
363
356
  fill="currentColor"
364
- height="1em"
365
357
  role="img"
366
- style="vertical-align: -0.125em;"
367
358
  viewBox="0 0 320 512"
368
- width="1em"
369
359
  >
370
360
  <path
371
361
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -466,12 +456,10 @@ exports[`Select single select renders expanded successfully 1`] = `
466
456
  >
467
457
  <svg
468
458
  aria-hidden="true"
459
+ class="pf-svg"
469
460
  fill="currentColor"
470
- height="1em"
471
461
  role="img"
472
- style="vertical-align: -0.125em;"
473
462
  viewBox="0 0 320 512"
474
- width="1em"
475
463
  >
476
464
  <path
477
465
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -572,12 +560,10 @@ exports[`Select single select renders expanded successfully with custom objects
572
560
  >
573
561
  <svg
574
562
  aria-hidden="true"
563
+ class="pf-svg"
575
564
  fill="currentColor"
576
- height="1em"
577
565
  role="img"
578
- style="vertical-align: -0.125em;"
579
566
  viewBox="0 0 320 512"
580
- width="1em"
581
567
  >
582
568
  <path
583
569
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -662,12 +648,10 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
662
648
  >
663
649
  <svg
664
650
  aria-hidden="true"
651
+ class="pf-svg"
665
652
  fill="currentColor"
666
- height="1em"
667
653
  role="img"
668
- style="vertical-align: -0.125em;"
669
654
  viewBox="0 0 320 512"
670
- width="1em"
671
655
  >
672
656
  <path
673
657
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -864,12 +848,10 @@ exports[`checkbox select renders checkbox select selections properly 1`] = `
864
848
  >
865
849
  <svg
866
850
  aria-hidden="true"
851
+ class="pf-svg"
867
852
  fill="currentColor"
868
- height="1em"
869
853
  role="img"
870
- style="vertical-align: -0.125em;"
871
854
  viewBox="0 0 320 512"
872
- width="1em"
873
855
  >
874
856
  <path
875
857
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -909,12 +891,10 @@ exports[`checkbox select renders checkbox select selections properly when isChec
909
891
  >
910
892
  <svg
911
893
  aria-hidden="true"
894
+ class="pf-svg"
912
895
  fill="currentColor"
913
- height="1em"
914
896
  role="img"
915
- style="vertical-align: -0.125em;"
916
897
  viewBox="0 0 320 512"
917
- width="1em"
918
898
  >
919
899
  <path
920
900
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -954,12 +934,10 @@ exports[`checkbox select renders closed successfully 1`] = `
954
934
  >
955
935
  <svg
956
936
  aria-hidden="true"
937
+ class="pf-svg"
957
938
  fill="currentColor"
958
- height="1em"
959
939
  role="img"
960
- style="vertical-align: -0.125em;"
961
940
  viewBox="0 0 320 512"
962
- width="1em"
963
941
  >
964
942
  <path
965
943
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -999,12 +977,10 @@ exports[`checkbox select renders expanded successfully 1`] = `
999
977
  >
1000
978
  <svg
1001
979
  aria-hidden="true"
980
+ class="pf-svg"
1002
981
  fill="currentColor"
1003
- height="1em"
1004
982
  role="img"
1005
- style="vertical-align: -0.125em;"
1006
983
  viewBox="0 0 320 512"
1007
- width="1em"
1008
984
  >
1009
985
  <path
1010
986
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1106,12 +1082,10 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
1106
1082
  >
1107
1083
  <svg
1108
1084
  aria-hidden="true"
1085
+ class="pf-svg"
1109
1086
  fill="currentColor"
1110
- height="1em"
1111
1087
  role="img"
1112
- style="vertical-align: -0.125em;"
1113
1088
  viewBox="0 0 320 512"
1114
- width="1em"
1115
1089
  >
1116
1090
  <path
1117
1091
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1201,11 +1175,8 @@ exports[`checkbox select renders expanded with filtering successfully 1`] = `
1201
1175
  aria-hidden="true"
1202
1176
  class="pf-c-select__toggle-arrow"
1203
1177
  fill="currentColor"
1204
- height="1em"
1205
1178
  role="img"
1206
- style="vertical-align: -0.125em;"
1207
1179
  viewBox="0 0 320 512"
1208
- width="1em"
1209
1180
  >
1210
1181
  <path
1211
1182
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1323,12 +1294,10 @@ exports[`renders select with favorites successfully 1`] = `
1323
1294
  >
1324
1295
  <svg
1325
1296
  aria-hidden="true"
1297
+ class="pf-svg"
1326
1298
  fill="currentColor"
1327
- height="1em"
1328
1299
  role="img"
1329
- style="vertical-align: -0.125em;"
1330
1300
  viewBox="0 0 320 512"
1331
- width="1em"
1332
1301
  >
1333
1302
  <path
1334
1303
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1373,12 +1342,10 @@ exports[`renders select with favorites successfully 1`] = `
1373
1342
  >
1374
1343
  <svg
1375
1344
  aria-hidden="true"
1345
+ class="pf-svg"
1376
1346
  fill="currentColor"
1377
- height="1em"
1378
1347
  role="img"
1379
- style="vertical-align: -0.125em;"
1380
1348
  viewBox="0 0 576 512"
1381
- width="1em"
1382
1349
  >
1383
1350
  <path
1384
1351
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1408,12 +1375,10 @@ exports[`renders select with favorites successfully 1`] = `
1408
1375
  >
1409
1376
  <svg
1410
1377
  aria-hidden="true"
1378
+ class="pf-svg"
1411
1379
  fill="currentColor"
1412
- height="1em"
1413
1380
  role="img"
1414
- style="vertical-align: -0.125em;"
1415
1381
  viewBox="0 0 576 512"
1416
- width="1em"
1417
1382
  >
1418
1383
  <path
1419
1384
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1443,12 +1408,10 @@ exports[`renders select with favorites successfully 1`] = `
1443
1408
  >
1444
1409
  <svg
1445
1410
  aria-hidden="true"
1411
+ class="pf-svg"
1446
1412
  fill="currentColor"
1447
- height="1em"
1448
1413
  role="img"
1449
- style="vertical-align: -0.125em;"
1450
1414
  viewBox="0 0 576 512"
1451
- width="1em"
1452
1415
  >
1453
1416
  <path
1454
1417
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1478,12 +1441,10 @@ exports[`renders select with favorites successfully 1`] = `
1478
1441
  >
1479
1442
  <svg
1480
1443
  aria-hidden="true"
1444
+ class="pf-svg"
1481
1445
  fill="currentColor"
1482
- height="1em"
1483
1446
  role="img"
1484
- style="vertical-align: -0.125em;"
1485
1447
  viewBox="0 0 576 512"
1486
- width="1em"
1487
1448
  >
1488
1449
  <path
1489
1450
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1528,12 +1489,10 @@ exports[`renders select with favorites successfully 1`] = `
1528
1489
  >
1529
1490
  <svg
1530
1491
  aria-hidden="true"
1492
+ class="pf-svg"
1531
1493
  fill="currentColor"
1532
- height="1em"
1533
1494
  role="img"
1534
- style="vertical-align: -0.125em;"
1535
1495
  viewBox="0 0 576 512"
1536
- width="1em"
1537
1496
  >
1538
1497
  <path
1539
1498
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1563,12 +1522,10 @@ exports[`renders select with favorites successfully 1`] = `
1563
1522
  >
1564
1523
  <svg
1565
1524
  aria-hidden="true"
1525
+ class="pf-svg"
1566
1526
  fill="currentColor"
1567
- height="1em"
1568
1527
  role="img"
1569
- style="vertical-align: -0.125em;"
1570
1528
  viewBox="0 0 576 512"
1571
- width="1em"
1572
1529
  >
1573
1530
  <path
1574
1531
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1598,12 +1555,10 @@ exports[`renders select with favorites successfully 1`] = `
1598
1555
  >
1599
1556
  <svg
1600
1557
  aria-hidden="true"
1558
+ class="pf-svg"
1601
1559
  fill="currentColor"
1602
- height="1em"
1603
1560
  role="img"
1604
- style="vertical-align: -0.125em;"
1605
1561
  viewBox="0 0 576 512"
1606
- width="1em"
1607
1562
  >
1608
1563
  <path
1609
1564
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1633,12 +1588,10 @@ exports[`renders select with favorites successfully 1`] = `
1633
1588
  >
1634
1589
  <svg
1635
1590
  aria-hidden="true"
1591
+ class="pf-svg"
1636
1592
  fill="currentColor"
1637
- height="1em"
1638
1593
  role="img"
1639
- style="vertical-align: -0.125em;"
1640
1594
  viewBox="0 0 576 512"
1641
- width="1em"
1642
1595
  >
1643
1596
  <path
1644
1597
  d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"
@@ -1693,11 +1646,8 @@ exports[`typeahead multi select renders closed successfully 1`] = `
1693
1646
  aria-hidden="true"
1694
1647
  class="pf-c-select__toggle-arrow"
1695
1648
  fill="currentColor"
1696
- height="1em"
1697
1649
  role="img"
1698
- style="vertical-align: -0.125em;"
1699
1650
  viewBox="0 0 320 512"
1700
- width="1em"
1701
1651
  >
1702
1652
  <path
1703
1653
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1748,11 +1698,8 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
1748
1698
  aria-hidden="true"
1749
1699
  class="pf-c-select__toggle-arrow"
1750
1700
  fill="currentColor"
1751
- height="1em"
1752
1701
  role="img"
1753
- style="vertical-align: -0.125em;"
1754
1702
  viewBox="0 0 320 512"
1755
- width="1em"
1756
1703
  >
1757
1704
  <path
1758
1705
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -1886,12 +1833,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
1886
1833
  >
1887
1834
  <svg
1888
1835
  aria-hidden="true"
1836
+ class="pf-svg"
1889
1837
  fill="currentColor"
1890
- height="1em"
1891
1838
  role="img"
1892
- style="vertical-align: -0.125em;"
1893
1839
  viewBox="0 0 352 512"
1894
- width="1em"
1895
1840
  >
1896
1841
  <path
1897
1842
  d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
@@ -1936,12 +1881,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
1936
1881
  >
1937
1882
  <svg
1938
1883
  aria-hidden="true"
1884
+ class="pf-svg"
1939
1885
  fill="currentColor"
1940
- height="1em"
1941
1886
  role="img"
1942
- style="vertical-align: -0.125em;"
1943
1887
  viewBox="0 0 352 512"
1944
- width="1em"
1945
1888
  >
1946
1889
  <path
1947
1890
  d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
@@ -1979,11 +1922,8 @@ exports[`typeahead multi select renders selected successfully 1`] = `
1979
1922
  aria-hidden="true"
1980
1923
  class="pf-c-select__toggle-arrow"
1981
1924
  fill="currentColor"
1982
- height="1em"
1983
1925
  role="img"
1984
- style="vertical-align: -0.125em;"
1985
1926
  viewBox="0 0 320 512"
1986
- width="1em"
1987
1927
  >
1988
1928
  <path
1989
1929
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -2013,12 +1953,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
2013
1953
  >
2014
1954
  <svg
2015
1955
  aria-hidden="true"
1956
+ class="pf-svg"
2016
1957
  fill="currentColor"
2017
- height="1em"
2018
1958
  role="img"
2019
- style="vertical-align: -0.125em;"
2020
1959
  viewBox="0 0 512 512"
2021
- width="1em"
2022
1960
  >
2023
1961
  <path
2024
1962
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -2044,12 +1982,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
2044
1982
  >
2045
1983
  <svg
2046
1984
  aria-hidden="true"
1985
+ class="pf-svg"
2047
1986
  fill="currentColor"
2048
- height="1em"
2049
1987
  role="img"
2050
- style="vertical-align: -0.125em;"
2051
1988
  viewBox="0 0 512 512"
2052
- width="1em"
2053
1989
  >
2054
1990
  <path
2055
1991
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -2127,11 +2063,8 @@ exports[`typeahead select renders closed successfully 1`] = `
2127
2063
  aria-hidden="true"
2128
2064
  class="pf-c-select__toggle-arrow"
2129
2065
  fill="currentColor"
2130
- height="1em"
2131
2066
  role="img"
2132
- style="vertical-align: -0.125em;"
2133
2067
  viewBox="0 0 320 512"
2134
- width="1em"
2135
2068
  >
2136
2069
  <path
2137
2070
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -2181,11 +2114,8 @@ exports[`typeahead select renders expanded successfully 1`] = `
2181
2114
  aria-hidden="true"
2182
2115
  class="pf-c-select__toggle-arrow"
2183
2116
  fill="currentColor"
2184
- height="1em"
2185
2117
  role="img"
2186
- style="vertical-align: -0.125em;"
2187
2118
  viewBox="0 0 320 512"
2188
- width="1em"
2189
2119
  >
2190
2120
  <path
2191
2121
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -2293,11 +2223,8 @@ exports[`typeahead select renders selected successfully 1`] = `
2293
2223
  aria-hidden="true"
2294
2224
  class="pf-c-select__toggle-arrow"
2295
2225
  fill="currentColor"
2296
- height="1em"
2297
2226
  role="img"
2298
- style="vertical-align: -0.125em;"
2299
2227
  viewBox="0 0 320 512"
2300
- width="1em"
2301
2228
  >
2302
2229
  <path
2303
2230
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -2327,12 +2254,10 @@ exports[`typeahead select renders selected successfully 1`] = `
2327
2254
  >
2328
2255
  <svg
2329
2256
  aria-hidden="true"
2257
+ class="pf-svg"
2330
2258
  fill="currentColor"
2331
- height="1em"
2332
2259
  role="img"
2333
- style="vertical-align: -0.125em;"
2334
2260
  viewBox="0 0 512 512"
2335
- width="1em"
2336
2261
  >
2337
2262
  <path
2338
2263
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
package/src/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap CHANGED
@@ -58,12 +58,10 @@ exports[`SelectOption is selected renders selected successfully 1`] = `
58
58
  >
59
59
  <svg
60
60
  aria-hidden="true"
61
+ class="pf-svg"
61
62
  fill="currentColor"
62
- height="1em"
63
63
  role="img"
64
- style="vertical-align: -0.125em;"
65
64
  viewBox="0 0 512 512"
66
- width="1em"
67
65
  >
68
66
  <path
69
67
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
package/src/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap CHANGED
@@ -17,12 +17,10 @@ exports[`SelectToggle state active 1`] = `
17
17
  >
18
18
  <svg
19
19
  aria-hidden="true"
20
+ class="pf-svg"
20
21
  fill="currentColor"
21
- height="1em"
22
22
  role="img"
23
- style="vertical-align: -0.125em;"
24
23
  viewBox="0 0 320 512"
25
- width="1em"
26
24
  >
27
25
  <path
28
26
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
package/src/components/Switch/Switch.tsx CHANGED
@@ -105,7 +105,7 @@ export class Switch extends React.Component<SwitchProps & OUIAProps, { ouiaState
105
105
  <span className={css(styles.switchToggle)}>
106
106
  {hasCheckIcon && (
107
107
  <span className={css(styles.switchToggleIcon)} aria-hidden="true">
108
- <CheckIcon noVerticalAlign />
108
+ <CheckIcon />
109
109
  </span>
110
110
  )}
111
111
  </span>
@@ -127,7 +127,7 @@ export class Switch extends React.Component<SwitchProps & OUIAProps, { ouiaState
127
127
  ) : (
128
128
  <span className={css(styles.switchToggle)}>
129
129
  <div className={css(styles.switchToggleIcon)} aria-hidden="true">
130
- <CheckIcon noVerticalAlign />
130
+ <CheckIcon />
131
131
  </div>
132
132
  </span>
133
133
  )}
package/src/components/Switch/__tests__/__snapshots__/Switch.test.tsx.snap CHANGED
@@ -25,11 +25,10 @@ exports[`Switch no label switch is checked 1`] = `
25
25
  >
26
26
  <svg
27
27
  aria-hidden="true"
28
+ class="pf-svg"
28
29
  fill="currentColor"
29
- height="1em"
30
30
  role="img"
31
31
  viewBox="0 0 512 512"
32
- width="1em"
33
32
  >
34
33
  <path
35
34
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -65,11 +64,10 @@ exports[`Switch no label switch is not checked 1`] = `
65
64
  >
66
65
  <svg
67
66
  aria-hidden="true"
67
+ class="pf-svg"
68
68
  fill="currentColor"
69
- height="1em"
70
69
  role="img"
71
70
  viewBox="0 0 512 512"
72
- width="1em"
73
71
  >
74
72
  <path
75
73
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -142,11 +140,10 @@ exports[`Switch switch is checked and disabled 1`] = `
142
140
  >
143
141
  <svg
144
142
  aria-hidden="true"
143
+ class="pf-svg"
145
144
  fill="currentColor"
146
- height="1em"
147
145
  role="img"
148
146
  viewBox="0 0 512 512"
149
- width="1em"
150
147
  >
151
148
  <path
152
149
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
@@ -217,11 +214,10 @@ exports[`Switch switch is not checked and disabled 1`] = `
217
214
  >
218
215
  <svg
219
216
  aria-hidden="true"
217
+ class="pf-svg"
220
218
  fill="currentColor"
221
- height="1em"
222
219
  role="img"
223
220
  viewBox="0 0 512 512"
224
- width="1em"
225
221
  >
226
222
  <path
227
223
  d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"
package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap CHANGED
@@ -23,12 +23,10 @@ exports[`Matches snapshot when expanded 1`] = `
23
23
  >
24
24
  <svg
25
25
  aria-hidden="true"
26
+ class="pf-svg"
26
27
  fill="currentColor"
27
- height="1em"
28
28
  role="img"
29
- style="vertical-align: -0.125em;"
30
29
  viewBox="0 0 256 512"
31
- width="1em"
32
30
  >
33
31
  <path
34
32
  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -108,12 +106,10 @@ exports[`Renders tabs passed via overflowingTabs when expanded in strict mode 1`
108
106
  >
109
107
  <svg
110
108
  aria-hidden="true"
109
+ class="pf-svg"
111
110
  fill="currentColor"
112
- height="1em"
113
111
  role="img"
114
- style="vertical-align: -0.125em;"
115
112
  viewBox="0 0 256 512"
116
- width="1em"
117
113
  >
118
114
  <path
119
115
  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap CHANGED
@@ -422,12 +422,10 @@ exports[`should render expandable vertical tabs 1`] = `
422
422
  <svg
423
423
  aria-hidden="true"
424
424
  arian-hidden="true"
425
+ class="pf-svg"
425
426
  fill="currentColor"
426
- height="1em"
427
427
  role="img"
428
- style="vertical-align: -0.125em;"
429
428
  viewBox="0 0 256 512"
430
- width="1em"
431
429
  >
432
430
  <path
433
431
  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
package/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap CHANGED
@@ -77,12 +77,10 @@ exports[`Tile renders with icon 1`] = `
77
77
  >
78
78
  <svg
79
79
  aria-hidden="true"
80
+ class="pf-svg"
80
81
  fill="currentColor"
81
- height="1em"
82
82
  role="img"
83
- style="vertical-align: -0.125em;"
84
83
  viewBox="0 0 448 512"
85
- width="1em"
86
84
  >
87
85
  <path
88
86
  d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -114,12 +112,10 @@ exports[`Tile renders with stacked icon 1`] = `
114
112
  >
115
113
  <svg
116
114
  aria-hidden="true"
115
+ class="pf-svg"
117
116
  fill="currentColor"
118
- height="1em"
119
117
  role="img"
120
- style="vertical-align: -0.125em;"
121
118
  viewBox="0 0 448 512"
122
- width="1em"
123
119
  >
124
120
  <path
125
121
  d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
@@ -151,12 +147,10 @@ exports[`Tile renders with stacked large icon 1`] = `
151
147
  >
152
148
  <svg
153
149
  aria-hidden="true"
150
+ class="pf-svg"
154
151
  fill="currentColor"
155
- height="1em"
156
152
  role="img"
157
- style="vertical-align: -0.125em;"
158
153
  viewBox="0 0 448 512"
159
- width="1em"
160
154
  >
161
155
  <path
162
156
  d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"
package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap CHANGED
@@ -9,7 +9,7 @@ exports[`Matches snapshot 1`] = `
9
9
  class="pf-c-timestamp__text"
10
10
  datetime="2022-01-01T00:00:00.000Z"
11
11
  >
12
- 1/1/2022, 12:00:00 AM
12
+ 1/1/2022, 12:00:00 AM
13
13
  </time>
14
14
  </span>
15
15
  </DocumentFragment>