@patternfly/patternfly 6.5.0-prerelease.61 → 6.5.0-prerelease.63

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 (56) hide show
  1. package/assets/images/glass-brand-dark.jpg +0 -0
  2. package/components/Button/button.css +2 -2
  3. package/components/Button/button.scss +3 -3
  4. package/components/CodeEditor/code-editor.css +1 -1
  5. package/components/CodeEditor/code-editor.scss +1 -1
  6. package/components/Menu/menu.css +26 -19
  7. package/components/Menu/menu.scss +26 -19
  8. package/components/MenuToggle/menu-toggle.css +9 -5
  9. package/components/MenuToggle/menu-toggle.scss +12 -5
  10. package/components/Page/page.css +3 -0
  11. package/components/Page/page.scss +4 -0
  12. package/components/_index.css +41 -27
  13. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  14. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  15. package/docs/components/Card/examples/Card.md +130 -10
  16. package/docs/components/DataList/examples/DataList.md +221 -17
  17. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  18. package/docs/components/Hint/examples/Hint.md +39 -3
  19. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  20. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  21. package/docs/components/Login/examples/Login.md +13 -1
  22. package/docs/components/Menu/examples/Menu.md +195 -15
  23. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  24. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  25. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  26. package/docs/components/Pagination/examples/Pagination.md +169 -13
  27. package/docs/components/Table/examples/Table.md +3461 -269
  28. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  29. package/docs/demos/AboutModal/examples/AboutModal.md +26 -2
  30. package/docs/demos/Alert/examples/Alert.md +78 -6
  31. package/docs/demos/BackToTop/examples/BackToTop.md +26 -2
  32. package/docs/demos/Banner/examples/Banner.md +52 -4
  33. package/docs/demos/Card/examples/Card.md +78 -6
  34. package/docs/demos/CardView/examples/CardView.md +206 -20
  35. package/docs/demos/Compass/examples/Compass.md +431 -56
  36. package/docs/demos/Dashboard/examples/Dashboard.md +63 -9
  37. package/docs/demos/DataList/examples/DataList.md +369 -45
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +91 -7
  39. package/docs/demos/Drawer/examples/Drawer.md +143 -11
  40. package/docs/demos/JumpLinks/examples/JumpLinks.md +156 -12
  41. package/docs/demos/Masthead/examples/Masthead.md +156 -12
  42. package/docs/demos/Modal/examples/Modal.md +156 -12
  43. package/docs/demos/Nav/examples/Nav.md +104 -8
  44. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +975 -75
  45. package/docs/demos/Page/examples/Page.md +390 -30
  46. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +593 -83
  47. package/docs/demos/Skeleton/examples/Skeleton.md +26 -2
  48. package/docs/demos/Table/examples/Table.md +2518 -322
  49. package/docs/demos/Tabs/examples/Tabs.md +247 -19
  50. package/docs/demos/Toolbar/examples/Toolbar.md +659 -59
  51. package/docs/demos/Wizard/examples/Wizard.md +234 -18
  52. package/package.json +1 -1
  53. package/patternfly-no-globals.css +41 -27
  54. package/patternfly.css +41 -27
  55. package/patternfly.min.css +1 -1
  56. package/patternfly.min.css.map +1 -1
@@ -158,7 +158,19 @@ section: patterns
158
158
  aria-label="Settings"
159
159
  >
160
160
  <span class="pf-v6-c-menu-toggle__icon">
161
- <i class="fas fa-cog" aria-hidden="true"></i>
161
+ <svg
162
+ class="pf-v6-svg"
163
+ viewBox="0 0 32 32"
164
+ fill="currentColor"
165
+ aria-hidden="true"
166
+ role="img"
167
+ width="1em"
168
+ height="1em"
169
+ >
170
+ <path
171
+ d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
172
+ />
173
+ </svg>
162
174
  </span>
163
175
  </button>
164
176
  </div>
@@ -184,7 +196,19 @@ section: patterns
184
196
  aria-label="Actions"
185
197
  >
186
198
  <span class="pf-v6-c-menu-toggle__icon">
187
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
199
+ <svg
200
+ class="pf-v6-svg"
201
+ viewBox="0 0 32 32"
202
+ fill="currentColor"
203
+ aria-hidden="true"
204
+ role="img"
205
+ width="1em"
206
+ height="1em"
207
+ >
208
+ <path
209
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
210
+ />
211
+ </svg>
188
212
  </span>
189
213
  </button>
190
214
  </div>
@@ -496,10 +520,19 @@ section: patterns
496
520
  >
497
521
  <span class="pf-v6-c-menu-toggle__controls">
498
522
  <span class="pf-v6-c-menu-toggle__toggle-icon">
499
- <i
500
- class="fas fa-caret-down fa-fw"
523
+ <svg
524
+ class="pf-v6-svg"
525
+ viewBox="0 0 20 20"
526
+ fill="currentColor"
501
527
  aria-hidden="true"
502
- ></i>
528
+ role="img"
529
+ width="1em"
530
+ height="1em"
531
+ >
532
+ <path
533
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
534
+ />
535
+ </svg>
503
536
  </span>
504
537
  </span>
505
538
  </button>
@@ -516,7 +549,19 @@ section: patterns
516
549
  <span class="pf-v6-c-menu-toggle__text">Status</span>
517
550
  <span class="pf-v6-c-menu-toggle__controls">
518
551
  <span class="pf-v6-c-menu-toggle__toggle-icon">
519
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
552
+ <svg
553
+ class="pf-v6-svg"
554
+ viewBox="0 0 20 20"
555
+ fill="currentColor"
556
+ aria-hidden="true"
557
+ role="img"
558
+ width="1em"
559
+ height="1em"
560
+ >
561
+ <path
562
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
563
+ />
564
+ </svg>
520
565
  </span>
521
566
  </span>
522
567
  </button>
@@ -550,7 +595,19 @@ section: patterns
550
595
  id="card-view-basic-example-toolbar-overflow-menu-toggle"
551
596
  >
552
597
  <span class="pf-v6-c-menu-toggle__icon">
553
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
598
+ <svg
599
+ class="pf-v6-svg"
600
+ viewBox="0 0 32 32"
601
+ fill="currentColor"
602
+ aria-hidden="true"
603
+ role="img"
604
+ width="1em"
605
+ height="1em"
606
+ >
607
+ <path
608
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
609
+ />
610
+ </svg>
554
611
  </span>
555
612
  </button>
556
613
  </div>
@@ -571,10 +628,19 @@ section: patterns
571
628
  </span>
572
629
  <span class="pf-v6-c-menu-toggle__controls">
573
630
  <span class="pf-v6-c-menu-toggle__toggle-icon">
574
- <i
575
- class="fas fa-caret-down fa-fw"
631
+ <svg
632
+ class="pf-v6-svg"
633
+ viewBox="0 0 20 20"
634
+ fill="currentColor"
576
635
  aria-hidden="true"
577
- ></i>
636
+ role="img"
637
+ width="1em"
638
+ height="1em"
639
+ >
640
+ <path
641
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
642
+ />
643
+ </svg>
578
644
  </span>
579
645
  </span>
580
646
  </button>
@@ -696,7 +762,19 @@ section: patterns
696
762
  id="card-view-basic-example-gallery-card-1-toggle"
697
763
  >
698
764
  <span class="pf-v6-c-menu-toggle__icon">
699
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
765
+ <svg
766
+ class="pf-v6-svg"
767
+ viewBox="0 0 32 32"
768
+ fill="currentColor"
769
+ aria-hidden="true"
770
+ role="img"
771
+ width="1em"
772
+ height="1em"
773
+ >
774
+ <path
775
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
776
+ />
777
+ </svg>
700
778
  </span>
701
779
  </button>
702
780
  <div class="pf-v6-c-check pf-m-standalone">
@@ -742,7 +820,19 @@ section: patterns
742
820
  id="card-view-basic-example-gallery-card-2-toggle"
743
821
  >
744
822
  <span class="pf-v6-c-menu-toggle__icon">
745
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
823
+ <svg
824
+ class="pf-v6-svg"
825
+ viewBox="0 0 32 32"
826
+ fill="currentColor"
827
+ aria-hidden="true"
828
+ role="img"
829
+ width="1em"
830
+ height="1em"
831
+ >
832
+ <path
833
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
834
+ />
835
+ </svg>
746
836
  </span>
747
837
  </button>
748
838
  <div class="pf-v6-c-check pf-m-standalone">
@@ -788,7 +878,19 @@ section: patterns
788
878
  id="card-view-basic-example-gallery-card-3-toggle"
789
879
  >
790
880
  <span class="pf-v6-c-menu-toggle__icon">
791
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
881
+ <svg
882
+ class="pf-v6-svg"
883
+ viewBox="0 0 32 32"
884
+ fill="currentColor"
885
+ aria-hidden="true"
886
+ role="img"
887
+ width="1em"
888
+ height="1em"
889
+ >
890
+ <path
891
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
892
+ />
893
+ </svg>
792
894
  </span>
793
895
  </button>
794
896
  <div class="pf-v6-c-check pf-m-standalone">
@@ -870,7 +972,19 @@ section: patterns
870
972
  id="card-view-basic-example-gallery-card-1-toggle"
871
973
  >
872
974
  <span class="pf-v6-c-menu-toggle__icon">
873
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
975
+ <svg
976
+ class="pf-v6-svg"
977
+ viewBox="0 0 32 32"
978
+ fill="currentColor"
979
+ aria-hidden="true"
980
+ role="img"
981
+ width="1em"
982
+ height="1em"
983
+ >
984
+ <path
985
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
986
+ />
987
+ </svg>
874
988
  </span>
875
989
  </button>
876
990
  <div class="pf-v6-c-check pf-m-standalone">
@@ -916,7 +1030,19 @@ section: patterns
916
1030
  id="card-view-basic-example-gallery-card-2-toggle"
917
1031
  >
918
1032
  <span class="pf-v6-c-menu-toggle__icon">
919
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1033
+ <svg
1034
+ class="pf-v6-svg"
1035
+ viewBox="0 0 32 32"
1036
+ fill="currentColor"
1037
+ aria-hidden="true"
1038
+ role="img"
1039
+ width="1em"
1040
+ height="1em"
1041
+ >
1042
+ <path
1043
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1044
+ />
1045
+ </svg>
920
1046
  </span>
921
1047
  </button>
922
1048
  <div class="pf-v6-c-check pf-m-standalone">
@@ -962,7 +1088,19 @@ section: patterns
962
1088
  id="card-view-basic-example-gallery-card-3-toggle"
963
1089
  >
964
1090
  <span class="pf-v6-c-menu-toggle__icon">
965
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1091
+ <svg
1092
+ class="pf-v6-svg"
1093
+ viewBox="0 0 32 32"
1094
+ fill="currentColor"
1095
+ aria-hidden="true"
1096
+ role="img"
1097
+ width="1em"
1098
+ height="1em"
1099
+ >
1100
+ <path
1101
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1102
+ />
1103
+ </svg>
966
1104
  </span>
967
1105
  </button>
968
1106
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1044,7 +1182,19 @@ section: patterns
1044
1182
  id="card-view-basic-example-gallery-card-1-toggle"
1045
1183
  >
1046
1184
  <span class="pf-v6-c-menu-toggle__icon">
1047
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1185
+ <svg
1186
+ class="pf-v6-svg"
1187
+ viewBox="0 0 32 32"
1188
+ fill="currentColor"
1189
+ aria-hidden="true"
1190
+ role="img"
1191
+ width="1em"
1192
+ height="1em"
1193
+ >
1194
+ <path
1195
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1196
+ />
1197
+ </svg>
1048
1198
  </span>
1049
1199
  </button>
1050
1200
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1090,7 +1240,19 @@ section: patterns
1090
1240
  id="card-view-basic-example-gallery-card-2-toggle"
1091
1241
  >
1092
1242
  <span class="pf-v6-c-menu-toggle__icon">
1093
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1243
+ <svg
1244
+ class="pf-v6-svg"
1245
+ viewBox="0 0 32 32"
1246
+ fill="currentColor"
1247
+ aria-hidden="true"
1248
+ role="img"
1249
+ width="1em"
1250
+ height="1em"
1251
+ >
1252
+ <path
1253
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1254
+ />
1255
+ </svg>
1094
1256
  </span>
1095
1257
  </button>
1096
1258
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1136,7 +1298,19 @@ section: patterns
1136
1298
  id="card-view-basic-example-gallery-card-3-toggle"
1137
1299
  >
1138
1300
  <span class="pf-v6-c-menu-toggle__icon">
1139
- <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
1301
+ <svg
1302
+ class="pf-v6-svg"
1303
+ viewBox="0 0 32 32"
1304
+ fill="currentColor"
1305
+ aria-hidden="true"
1306
+ role="img"
1307
+ width="1em"
1308
+ height="1em"
1309
+ >
1310
+ <path
1311
+ d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
1312
+ />
1313
+ </svg>
1140
1314
  </span>
1141
1315
  </button>
1142
1316
  <div class="pf-v6-c-check pf-m-standalone">
@@ -1180,7 +1354,19 @@ section: patterns
1180
1354
  </span>
1181
1355
  <span class="pf-v6-c-menu-toggle__controls">
1182
1356
  <span class="pf-v6-c-menu-toggle__toggle-icon">
1183
- <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
1357
+ <svg
1358
+ class="pf-v6-svg"
1359
+ viewBox="0 0 20 20"
1360
+ fill="currentColor"
1361
+ aria-hidden="true"
1362
+ role="img"
1363
+ width="1em"
1364
+ height="1em"
1365
+ >
1366
+ <path
1367
+ d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
1368
+ />
1369
+ </svg>
1184
1370
  </span>
1185
1371
  </span>
1186
1372
  </button>