@patternfly/patternfly 6.3.1 → 6.4.0-prerelease.2

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 (140) hide show
  1. package/README.md +23 -15
  2. package/base/normalize.scss +4 -0
  3. package/base/patternfly-variables.css +1172 -1
  4. package/base/patternfly-variables.scss +10 -0
  5. package/base/tokens/tokens-charts-dark.scss +1 -1
  6. package/base/tokens/tokens-charts.scss +1 -1
  7. package/base/tokens/tokens-dark.scss +13 -1
  8. package/base/tokens/tokens-default.scss +60 -2
  9. package/base/tokens/tokens-highcontrast-dark.scss +396 -0
  10. package/base/tokens/tokens-highcontrast.scss +703 -0
  11. package/base/tokens/tokens-local.scss +1 -0
  12. package/base/tokens/tokens-palette.scss +9 -1
  13. package/components/Accordion/accordion.css +42 -15
  14. package/components/Accordion/accordion.scss +48 -18
  15. package/components/Alert/alert-group.css +17 -15
  16. package/components/Alert/alert-group.scss +22 -18
  17. package/components/Badge/badge.css +2 -0
  18. package/components/Badge/badge.scss +2 -0
  19. package/components/Banner/banner.css +4 -0
  20. package/components/Banner/banner.scss +4 -0
  21. package/components/Button/button.css +34 -4
  22. package/components/Button/button.scss +36 -6
  23. package/components/CalendarMonth/calendar-month.css +35 -4
  24. package/components/CalendarMonth/calendar-month.scss +38 -4
  25. package/components/Card/card.css +7 -4
  26. package/components/Card/card.scss +7 -4
  27. package/components/CodeBlock/code-block.css +3 -0
  28. package/components/CodeBlock/code-block.scss +3 -0
  29. package/components/CodeEditor/code-editor.css +23 -3
  30. package/components/CodeEditor/code-editor.scss +28 -5
  31. package/components/DatePicker/date-picker.css +3 -0
  32. package/components/DatePicker/date-picker.scss +4 -0
  33. package/components/Divider/divider.css +2 -0
  34. package/components/Divider/divider.scss +2 -0
  35. package/components/Drawer/drawer.css +46 -41
  36. package/components/Drawer/drawer.scss +45 -36
  37. package/components/DualListSelector/dual-list-selector.css +21 -4
  38. package/components/DualListSelector/dual-list-selector.scss +23 -4
  39. package/components/ExpandableSection/expandable-section.css +6 -2
  40. package/components/ExpandableSection/expandable-section.scss +7 -3
  41. package/components/FormControl/form-control.css +6 -7
  42. package/components/FormControl/form-control.scss +8 -10
  43. package/components/Label/label.css +20 -11
  44. package/components/Label/label.scss +21 -11
  45. package/components/Login/login.css +3 -0
  46. package/components/Login/login.scss +3 -0
  47. package/components/Menu/menu.css +18 -0
  48. package/components/Menu/menu.scss +19 -1
  49. package/components/MenuToggle/menu-toggle.css +13 -6
  50. package/components/MenuToggle/menu-toggle.scss +13 -6
  51. package/components/ModalBox/modal-box.css +3 -0
  52. package/components/ModalBox/modal-box.scss +3 -0
  53. package/components/Nav/nav.css +17 -0
  54. package/components/Nav/nav.scss +20 -0
  55. package/components/Page/page.css +73 -25
  56. package/components/Page/page.scss +60 -19
  57. package/components/Pagination/pagination.css +15 -2
  58. package/components/Pagination/pagination.scss +15 -2
  59. package/components/Panel/panel.css +14 -1
  60. package/components/Panel/panel.scss +14 -1
  61. package/components/Popover/popover.css +4 -0
  62. package/components/Popover/popover.scss +4 -0
  63. package/components/Progress/progress.css +19 -0
  64. package/components/Progress/progress.scss +22 -0
  65. package/components/Sidebar/sidebar.css +7 -0
  66. package/components/Sidebar/sidebar.scss +7 -0
  67. package/components/SimpleList/simple-list.css +15 -0
  68. package/components/SimpleList/simple-list.scss +17 -1
  69. package/components/Slider/slider.css +9 -0
  70. package/components/Slider/slider.scss +9 -0
  71. package/components/Switch/switch.css +7 -1
  72. package/components/Switch/switch.scss +7 -1
  73. package/components/Table/table.css +29 -0
  74. package/components/Table/table.scss +33 -0
  75. package/components/Tabs/tabs.css +18 -7
  76. package/components/Tabs/tabs.scss +19 -11
  77. package/components/TextInputGroup/text-input-group.css +3 -0
  78. package/components/TextInputGroup/text-input-group.scss +4 -1
  79. package/components/ToggleGroup/toggle-group.css +18 -9
  80. package/components/ToggleGroup/toggle-group.scss +24 -17
  81. package/components/Toolbar/toolbar.css +7 -0
  82. package/components/Toolbar/toolbar.scss +7 -0
  83. package/components/TreeView/tree-view.css +15 -0
  84. package/components/TreeView/tree-view.scss +17 -0
  85. package/components/Wizard/wizard.css +37 -6
  86. package/components/Wizard/wizard.scss +44 -10
  87. package/components/_index.css +615 -167
  88. package/docs/components/Alert/examples/Alert.md +3 -4
  89. package/docs/components/Button/examples/Button.md +1 -3
  90. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +25 -33
  91. package/docs/components/CodeBlock/examples/CodeBlock.md +13 -7
  92. package/docs/components/CodeEditor/examples/CodeEditor.md +20 -6
  93. package/docs/components/DataList/examples/DataList.md +66 -184
  94. package/docs/components/DatePicker/examples/DatePicker.md +4 -1
  95. package/docs/components/DescriptionList/examples/DescriptionList.md +78 -22
  96. package/docs/components/DualListSelector/examples/DualListSelector.md +0 -195
  97. package/docs/components/EmptyState/examples/EmptyState.md +6 -6
  98. package/docs/components/ExpandableSection/examples/ExpandableSection.md +92 -18
  99. package/docs/components/FileUpload/examples/FileUpload.md +4 -3
  100. package/docs/components/Form/examples/Form.md +19 -18
  101. package/docs/components/HelperText/examples/HelperText.md +65 -75
  102. package/docs/components/Hint/examples/Hint.md +3 -3
  103. package/docs/components/Icon/examples/Icon.md +0 -10
  104. package/docs/components/InlineEdit/examples/InlineEdit.md +0 -4
  105. package/docs/components/JumpLinks/examples/JumpLinks.md +164 -77
  106. package/docs/components/Label/examples/Label.md +2 -2
  107. package/docs/components/Login/examples/Login.md +42 -37
  108. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +32 -6
  109. package/docs/components/Pagination/examples/Pagination.md +111 -0
  110. package/docs/components/Popover/examples/Popover.md +0 -4
  111. package/docs/components/Progress/examples/Progress.md +223 -210
  112. package/docs/components/Skeleton/examples/Skeleton.md +21 -7
  113. package/docs/components/Table/examples/Table.md +947 -1423
  114. package/docs/components/TextInputGroup/examples/TextInputGroup.md +126 -47
  115. package/docs/components/Title/examples/Title.md +8 -8
  116. package/docs/components/Truncate/examples/Truncate.md +8 -6
  117. package/docs/components/Wizard/examples/Wizard.md +583 -0
  118. package/docs/demos/Alert/examples/Alert.md +28 -19
  119. package/docs/demos/Card/examples/Card.md +8 -5
  120. package/docs/demos/CardView/examples/CardView.md +81 -85
  121. package/docs/demos/Dashboard/examples/Dashboard.md +10 -22
  122. package/docs/demos/DataList/examples/DataList.md +528 -168
  123. package/docs/demos/DescriptionList/examples/DescriptionList.md +13 -3
  124. package/docs/demos/Drawer/examples/Drawer.md +0 -2
  125. package/docs/demos/Form/examples/BasicForms.md +93 -62
  126. package/docs/demos/HelperText/examples/HelperText.md +31 -23
  127. package/docs/demos/JumpLinks/examples/JumpLinks.md +0 -5
  128. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4 -4
  129. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +56 -38
  130. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +726 -312
  131. package/docs/demos/Skeleton/examples/Skeleton.md +3 -1
  132. package/docs/demos/Table/examples/Table.md +5 -20
  133. package/docs/demos/Tabs/examples/Tabs.md +2 -1
  134. package/package.json +9 -7
  135. package/patternfly-base-no-globals.css +1172 -1
  136. package/patternfly-base.css +1176 -1
  137. package/patternfly-no-globals.css +1787 -168
  138. package/patternfly.css +1822 -199
  139. package/patternfly.min.css +1 -1
  140. package/patternfly.min.css.map +1 -1
package/docs/components/DualListSelector/examples/DualListSelector.md CHANGED
@@ -78,9 +78,6 @@ cssPrefix: pf-v6-c-dual-list-selector
78
78
  <span class="pf-v6-c-dual-list-selector__item-main">
79
79
  <span class="pf-v6-c-dual-list-selector__item-text">Item1</span>
80
80
  </span>
81
- <span class="pf-v6-c-dual-list-selector__item-count">
82
- <span class="pf-v6-c-badge pf-m-read"></span>
83
- </span>
84
81
  </span>
85
82
  </div>
86
83
  </li>
@@ -90,9 +87,6 @@ cssPrefix: pf-v6-c-dual-list-selector
90
87
  <span class="pf-v6-c-dual-list-selector__item-main">
91
88
  <span class="pf-v6-c-dual-list-selector__item-text">Item2</span>
92
89
  </span>
93
- <span class="pf-v6-c-dual-list-selector__item-count">
94
- <span class="pf-v6-c-badge pf-m-read"></span>
95
- </span>
96
90
  </span>
97
91
  </div>
98
92
  </li>
@@ -107,9 +101,6 @@ cssPrefix: pf-v6-c-dual-list-selector
107
101
  class="pf-v6-c-dual-list-selector__item-text"
108
102
  >Item3 (disabled)</span>
109
103
  </span>
110
- <span class="pf-v6-c-dual-list-selector__item-count">
111
- <span class="pf-v6-c-badge pf-m-read"></span>
112
- </span>
113
104
  </span>
114
105
  </div>
115
106
  </li>
@@ -119,9 +110,6 @@ cssPrefix: pf-v6-c-dual-list-selector
119
110
  <span class="pf-v6-c-dual-list-selector__item-main">
120
111
  <span class="pf-v6-c-dual-list-selector__item-text">Item4</span>
121
112
  </span>
122
- <span class="pf-v6-c-dual-list-selector__item-count">
123
- <span class="pf-v6-c-badge pf-m-read"></span>
124
- </span>
125
113
  </span>
126
114
  </div>
127
115
  </li>
@@ -131,9 +119,6 @@ cssPrefix: pf-v6-c-dual-list-selector
131
119
  <span class="pf-v6-c-dual-list-selector__item-main">
132
120
  <span class="pf-v6-c-dual-list-selector__item-text">Item5</span>
133
121
  </span>
134
- <span class="pf-v6-c-dual-list-selector__item-count">
135
- <span class="pf-v6-c-badge pf-m-read"></span>
136
- </span>
137
122
  </span>
138
123
  </div>
139
124
  </li>
@@ -333,9 +318,6 @@ cssPrefix: pf-v6-c-dual-list-selector
333
318
  <span class="pf-v6-c-dual-list-selector__item-main">
334
319
  <span class="pf-v6-c-dual-list-selector__item-text">Item1</span>
335
320
  </span>
336
- <span class="pf-v6-c-dual-list-selector__item-count">
337
- <span class="pf-v6-c-badge pf-m-read"></span>
338
- </span>
339
321
  </span>
340
322
  </div>
341
323
  </li>
@@ -345,9 +327,6 @@ cssPrefix: pf-v6-c-dual-list-selector
345
327
  <span class="pf-v6-c-dual-list-selector__item-main">
346
328
  <span class="pf-v6-c-dual-list-selector__item-text">Item2</span>
347
329
  </span>
348
- <span class="pf-v6-c-dual-list-selector__item-count">
349
- <span class="pf-v6-c-badge pf-m-read"></span>
350
- </span>
351
330
  </span>
352
331
  </div>
353
332
  </li>
@@ -357,9 +336,6 @@ cssPrefix: pf-v6-c-dual-list-selector
357
336
  <span class="pf-v6-c-dual-list-selector__item-main">
358
337
  <span class="pf-v6-c-dual-list-selector__item-text">Item3</span>
359
338
  </span>
360
- <span class="pf-v6-c-dual-list-selector__item-count">
361
- <span class="pf-v6-c-badge pf-m-read"></span>
362
- </span>
363
339
  </span>
364
340
  </div>
365
341
  </li>
@@ -369,9 +345,6 @@ cssPrefix: pf-v6-c-dual-list-selector
369
345
  <span class="pf-v6-c-dual-list-selector__item-main">
370
346
  <span class="pf-v6-c-dual-list-selector__item-text">Item4</span>
371
347
  </span>
372
- <span class="pf-v6-c-dual-list-selector__item-count">
373
- <span class="pf-v6-c-badge pf-m-read"></span>
374
- </span>
375
348
  </span>
376
349
  </div>
377
350
  </li>
@@ -381,9 +354,6 @@ cssPrefix: pf-v6-c-dual-list-selector
381
354
  <span class="pf-v6-c-dual-list-selector__item-main">
382
355
  <span class="pf-v6-c-dual-list-selector__item-text">Item5</span>
383
356
  </span>
384
- <span class="pf-v6-c-dual-list-selector__item-count">
385
- <span class="pf-v6-c-badge pf-m-read"></span>
386
- </span>
387
357
  </span>
388
358
  </div>
389
359
  </li>
@@ -582,9 +552,6 @@ cssPrefix: pf-v6-c-dual-list-selector
582
552
  <span class="pf-v6-c-dual-list-selector__item-main">
583
553
  <span class="pf-v6-c-dual-list-selector__item-text">Item1</span>
584
554
  </span>
585
- <span class="pf-v6-c-dual-list-selector__item-count">
586
- <span class="pf-v6-c-badge pf-m-read"></span>
587
- </span>
588
555
  </span>
589
556
  </div>
590
557
  </li>
@@ -594,9 +561,6 @@ cssPrefix: pf-v6-c-dual-list-selector
594
561
  <span class="pf-v6-c-dual-list-selector__item-main">
595
562
  <span class="pf-v6-c-dual-list-selector__item-text">Item2</span>
596
563
  </span>
597
- <span class="pf-v6-c-dual-list-selector__item-count">
598
- <span class="pf-v6-c-badge pf-m-read"></span>
599
- </span>
600
564
  </span>
601
565
  </div>
602
566
  </li>
@@ -606,9 +570,6 @@ cssPrefix: pf-v6-c-dual-list-selector
606
570
  <span class="pf-v6-c-dual-list-selector__item-main">
607
571
  <span class="pf-v6-c-dual-list-selector__item-text">Item3</span>
608
572
  </span>
609
- <span class="pf-v6-c-dual-list-selector__item-count">
610
- <span class="pf-v6-c-badge pf-m-read"></span>
611
- </span>
612
573
  </span>
613
574
  </div>
614
575
  </li>
@@ -618,9 +579,6 @@ cssPrefix: pf-v6-c-dual-list-selector
618
579
  <span class="pf-v6-c-dual-list-selector__item-main">
619
580
  <span class="pf-v6-c-dual-list-selector__item-text">Item4</span>
620
581
  </span>
621
- <span class="pf-v6-c-dual-list-selector__item-count">
622
- <span class="pf-v6-c-badge pf-m-read"></span>
623
- </span>
624
582
  </span>
625
583
  </div>
626
584
  </li>
@@ -630,9 +588,6 @@ cssPrefix: pf-v6-c-dual-list-selector
630
588
  <span class="pf-v6-c-dual-list-selector__item-main">
631
589
  <span class="pf-v6-c-dual-list-selector__item-text">Item5</span>
632
590
  </span>
633
- <span class="pf-v6-c-dual-list-selector__item-count">
634
- <span class="pf-v6-c-badge pf-m-read"></span>
635
- </span>
636
591
  </span>
637
592
  </div>
638
593
  </li>
@@ -831,9 +786,6 @@ cssPrefix: pf-v6-c-dual-list-selector
831
786
  <span class="pf-v6-c-dual-list-selector__item-main">
832
787
  <span class="pf-v6-c-dual-list-selector__item-text">Item1</span>
833
788
  </span>
834
- <span class="pf-v6-c-dual-list-selector__item-count">
835
- <span class="pf-v6-c-badge pf-m-read"></span>
836
- </span>
837
789
  </span>
838
790
  </div>
839
791
  </li>
@@ -843,9 +795,6 @@ cssPrefix: pf-v6-c-dual-list-selector
843
795
  <span class="pf-v6-c-dual-list-selector__item-main">
844
796
  <span class="pf-v6-c-dual-list-selector__item-text">Item2</span>
845
797
  </span>
846
- <span class="pf-v6-c-dual-list-selector__item-count">
847
- <span class="pf-v6-c-badge pf-m-read"></span>
848
- </span>
849
798
  </span>
850
799
  </div>
851
800
  </li>
@@ -855,9 +804,6 @@ cssPrefix: pf-v6-c-dual-list-selector
855
804
  <span class="pf-v6-c-dual-list-selector__item-main">
856
805
  <span class="pf-v6-c-dual-list-selector__item-text">Item3</span>
857
806
  </span>
858
- <span class="pf-v6-c-dual-list-selector__item-count">
859
- <span class="pf-v6-c-badge pf-m-read"></span>
860
- </span>
861
807
  </span>
862
808
  </div>
863
809
  </li>
@@ -867,9 +813,6 @@ cssPrefix: pf-v6-c-dual-list-selector
867
813
  <span class="pf-v6-c-dual-list-selector__item-main">
868
814
  <span class="pf-v6-c-dual-list-selector__item-text">Item4</span>
869
815
  </span>
870
- <span class="pf-v6-c-dual-list-selector__item-count">
871
- <span class="pf-v6-c-badge pf-m-read"></span>
872
- </span>
873
816
  </span>
874
817
  </div>
875
818
  </li>
@@ -879,9 +822,6 @@ cssPrefix: pf-v6-c-dual-list-selector
879
822
  <span class="pf-v6-c-dual-list-selector__item-main">
880
823
  <span class="pf-v6-c-dual-list-selector__item-text">Item5</span>
881
824
  </span>
882
- <span class="pf-v6-c-dual-list-selector__item-count">
883
- <span class="pf-v6-c-badge pf-m-read"></span>
884
- </span>
885
825
  </span>
886
826
  </div>
887
827
  </li>
@@ -1006,9 +946,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1006
946
  <span class="pf-v6-c-dual-list-selector__item-main">
1007
947
  <span class="pf-v6-c-dual-list-selector__item-text">Item1</span>
1008
948
  </span>
1009
- <span class="pf-v6-c-dual-list-selector__item-count">
1010
- <span class="pf-v6-c-badge pf-m-read"></span>
1011
- </span>
1012
949
  </span>
1013
950
  </div>
1014
951
  </li>
@@ -1093,9 +1030,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1093
1030
  <span class="pf-v6-c-dual-list-selector__item-main">
1094
1031
  <span class="pf-v6-c-dual-list-selector__item-text">Item1</span>
1095
1032
  </span>
1096
- <span class="pf-v6-c-dual-list-selector__item-count">
1097
- <span class="pf-v6-c-badge pf-m-read"></span>
1098
- </span>
1099
1033
  </span>
1100
1034
  </div>
1101
1035
  </li>
@@ -1105,9 +1039,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1105
1039
  <span class="pf-v6-c-dual-list-selector__item-main">
1106
1040
  <span class="pf-v6-c-dual-list-selector__item-text">Item2</span>
1107
1041
  </span>
1108
- <span class="pf-v6-c-dual-list-selector__item-count">
1109
- <span class="pf-v6-c-badge pf-m-read"></span>
1110
- </span>
1111
1042
  </span>
1112
1043
  </div>
1113
1044
  </li>
@@ -1117,9 +1048,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1117
1048
  <span class="pf-v6-c-dual-list-selector__item-main">
1118
1049
  <span class="pf-v6-c-dual-list-selector__item-text">Item3</span>
1119
1050
  </span>
1120
- <span class="pf-v6-c-dual-list-selector__item-count">
1121
- <span class="pf-v6-c-badge pf-m-read"></span>
1122
- </span>
1123
1051
  </span>
1124
1052
  </div>
1125
1053
  </li>
@@ -1129,9 +1057,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1129
1057
  <span class="pf-v6-c-dual-list-selector__item-main">
1130
1058
  <span class="pf-v6-c-dual-list-selector__item-text">Item4</span>
1131
1059
  </span>
1132
- <span class="pf-v6-c-dual-list-selector__item-count">
1133
- <span class="pf-v6-c-badge pf-m-read"></span>
1134
- </span>
1135
1060
  </span>
1136
1061
  </div>
1137
1062
  </li>
@@ -1141,9 +1066,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1141
1066
  <span class="pf-v6-c-dual-list-selector__item-main">
1142
1067
  <span class="pf-v6-c-dual-list-selector__item-text">Item5</span>
1143
1068
  </span>
1144
- <span class="pf-v6-c-dual-list-selector__item-count">
1145
- <span class="pf-v6-c-badge pf-m-read"></span>
1146
- </span>
1147
1069
  </span>
1148
1070
  </div>
1149
1071
  </li>
@@ -1267,9 +1189,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1267
1189
  <span class="pf-v6-c-dual-list-selector__item-main">
1268
1190
  <span class="pf-v6-c-dual-list-selector__item-text">Item5</span>
1269
1191
  </span>
1270
- <span class="pf-v6-c-dual-list-selector__item-count">
1271
- <span class="pf-v6-c-badge pf-m-read"></span>
1272
- </span>
1273
1192
  </span>
1274
1193
  </div>
1275
1194
  </li>
@@ -1400,9 +1319,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1400
1319
  </span>
1401
1320
  <span class="pf-v6-c-dual-list-selector__item-text">Red</span>
1402
1321
  </span>
1403
- <span class="pf-v6-c-dual-list-selector__item-count">
1404
- <span class="pf-v6-c-badge pf-m-read"></span>
1405
- </span>
1406
1322
  </div>
1407
1323
  </div>
1408
1324
  </li>
@@ -1425,9 +1341,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1425
1341
  </span>
1426
1342
  <span class="pf-v6-c-dual-list-selector__item-text">Orange</span>
1427
1343
  </span>
1428
- <span class="pf-v6-c-dual-list-selector__item-count">
1429
- <span class="pf-v6-c-badge pf-m-read"></span>
1430
- </span>
1431
1344
  </div>
1432
1345
  </div>
1433
1346
  </li>
@@ -1447,9 +1360,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1447
1360
  </span>
1448
1361
  <span class="pf-v6-c-dual-list-selector__item-text">Yellow</span>
1449
1362
  </span>
1450
- <span class="pf-v6-c-dual-list-selector__item-count">
1451
- <span class="pf-v6-c-badge pf-m-read"></span>
1452
- </span>
1453
1363
  </div>
1454
1364
  </div>
1455
1365
  </li>
@@ -1480,9 +1390,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1480
1390
  </span>
1481
1391
  <span class="pf-v6-c-dual-list-selector__item-text">Green</span>
1482
1392
  </span>
1483
- <span class="pf-v6-c-dual-list-selector__item-count">
1484
- <span class="pf-v6-c-badge pf-m-read"></span>
1485
- </span>
1486
1393
  </div>
1487
1394
  </div>
1488
1395
 
@@ -1514,9 +1421,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1514
1421
  class="pf-v6-c-dual-list-selector__item-text"
1515
1422
  >Light green</span>
1516
1423
  </span>
1517
- <span class="pf-v6-c-dual-list-selector__item-count">
1518
- <span class="pf-v6-c-badge pf-m-read"></span>
1519
- </span>
1520
1424
  </div>
1521
1425
  </div>
1522
1426
  </li>
@@ -1543,9 +1447,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1543
1447
  class="pf-v6-c-dual-list-selector__item-text"
1544
1448
  >Medium green</span>
1545
1449
  </span>
1546
- <span class="pf-v6-c-dual-list-selector__item-count">
1547
- <span class="pf-v6-c-badge pf-m-read"></span>
1548
- </span>
1549
1450
  </div>
1550
1451
  </div>
1551
1452
  </li>
@@ -1572,9 +1473,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1572
1473
  class="pf-v6-c-dual-list-selector__item-text"
1573
1474
  >Dark green</span>
1574
1475
  </span>
1575
- <span class="pf-v6-c-dual-list-selector__item-count">
1576
- <span class="pf-v6-c-badge pf-m-read"></span>
1577
- </span>
1578
1476
  </div>
1579
1477
  </div>
1580
1478
  </li>
@@ -1610,9 +1508,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1610
1508
  class="pf-v6-c-dual-list-selector__item-text"
1611
1509
  >Type something</span>
1612
1510
  </span>
1613
- <span class="pf-v6-c-dual-list-selector__item-count">
1614
- <span class="pf-v6-c-badge pf-m-read"></span>
1615
- </span>
1616
1511
  </div>
1617
1512
  </div>
1618
1513
  </li>
@@ -1635,9 +1530,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1635
1530
  class="pf-v6-c-dual-list-selector__item-text"
1636
1531
  >Type something</span>
1637
1532
  </span>
1638
- <span class="pf-v6-c-dual-list-selector__item-count">
1639
- <span class="pf-v6-c-badge pf-m-read"></span>
1640
- </span>
1641
1533
  </div>
1642
1534
  </div>
1643
1535
  </li>
@@ -1669,9 +1561,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1669
1561
  class="pf-v6-c-dual-list-selector__item-text"
1670
1562
  >Type something</span>
1671
1563
  </span>
1672
- <span class="pf-v6-c-dual-list-selector__item-count">
1673
- <span class="pf-v6-c-badge pf-m-read"></span>
1674
- </span>
1675
1564
  </div>
1676
1565
  </div>
1677
1566
  </li>
@@ -1920,9 +1809,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1920
1809
  </span>
1921
1810
  <span class="pf-v6-c-dual-list-selector__item-text">Orange</span>
1922
1811
  </span>
1923
- <span class="pf-v6-c-dual-list-selector__item-count">
1924
- <span class="pf-v6-c-badge pf-m-read"></span>
1925
- </span>
1926
1812
  </div>
1927
1813
  </div>
1928
1814
  </li>
@@ -1942,9 +1828,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1942
1828
  </span>
1943
1829
  <span class="pf-v6-c-dual-list-selector__item-text">Yellow</span>
1944
1830
  </span>
1945
- <span class="pf-v6-c-dual-list-selector__item-count">
1946
- <span class="pf-v6-c-badge pf-m-read"></span>
1947
- </span>
1948
1831
  </div>
1949
1832
  </div>
1950
1833
  </li>
@@ -1978,9 +1861,6 @@ cssPrefix: pf-v6-c-dual-list-selector
1978
1861
  class="pf-v6-c-dual-list-selector__item-text"
1979
1862
  >Green (disabled)</span>
1980
1863
  </span>
1981
- <span class="pf-v6-c-dual-list-selector__item-count">
1982
- <span class="pf-v6-c-badge pf-m-read"></span>
1983
- </span>
1984
1864
  </div>
1985
1865
  </div>
1986
1866
 
@@ -2013,9 +1893,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2013
1893
  class="pf-v6-c-dual-list-selector__item-text"
2014
1894
  >Light green</span>
2015
1895
  </span>
2016
- <span class="pf-v6-c-dual-list-selector__item-count">
2017
- <span class="pf-v6-c-badge pf-m-read"></span>
2018
- </span>
2019
1896
  </div>
2020
1897
  </div>
2021
1898
  </li>
@@ -2043,9 +1920,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2043
1920
  class="pf-v6-c-dual-list-selector__item-text"
2044
1921
  >Medium green</span>
2045
1922
  </span>
2046
- <span class="pf-v6-c-dual-list-selector__item-count">
2047
- <span class="pf-v6-c-badge pf-m-read"></span>
2048
- </span>
2049
1923
  </div>
2050
1924
  </div>
2051
1925
  </li>
@@ -2073,9 +1947,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2073
1947
  class="pf-v6-c-dual-list-selector__item-text"
2074
1948
  >Dark green</span>
2075
1949
  </span>
2076
- <span class="pf-v6-c-dual-list-selector__item-count">
2077
- <span class="pf-v6-c-badge pf-m-read"></span>
2078
- </span>
2079
1950
  </div>
2080
1951
  </div>
2081
1952
  </li>
@@ -2110,9 +1981,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2110
1981
  class="pf-v6-c-dual-list-selector__item-text"
2111
1982
  >Type something</span>
2112
1983
  </span>
2113
- <span class="pf-v6-c-dual-list-selector__item-count">
2114
- <span class="pf-v6-c-badge pf-m-read"></span>
2115
- </span>
2116
1984
  </div>
2117
1985
  </div>
2118
1986
  </li>
@@ -2134,9 +2002,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2134
2002
  class="pf-v6-c-dual-list-selector__item-text"
2135
2003
  >Type something</span>
2136
2004
  </span>
2137
- <span class="pf-v6-c-dual-list-selector__item-count">
2138
- <span class="pf-v6-c-badge pf-m-read"></span>
2139
- </span>
2140
2005
  </div>
2141
2006
  </div>
2142
2007
  </li>
@@ -2167,9 +2032,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2167
2032
  class="pf-v6-c-dual-list-selector__item-text"
2168
2033
  >Type something</span>
2169
2034
  </span>
2170
- <span class="pf-v6-c-dual-list-selector__item-count">
2171
- <span class="pf-v6-c-badge pf-m-read"></span>
2172
- </span>
2173
2035
  </div>
2174
2036
  </div>
2175
2037
  </li>
@@ -2314,9 +2176,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2314
2176
  </span>
2315
2177
  <span class="pf-v6-c-dual-list-selector__item-text">Colors</span>
2316
2178
  </span>
2317
- <span class="pf-v6-c-dual-list-selector__item-count">
2318
- <span class="pf-v6-c-badge pf-m-read"></span>
2319
- </span>
2320
2179
  </div>
2321
2180
  </div>
2322
2181
 
@@ -2344,9 +2203,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2344
2203
  </span>
2345
2204
  <span class="pf-v6-c-dual-list-selector__item-text">Orange</span>
2346
2205
  </span>
2347
- <span class="pf-v6-c-dual-list-selector__item-count">
2348
- <span class="pf-v6-c-badge pf-m-read"></span>
2349
- </span>
2350
2206
  </div>
2351
2207
  </div>
2352
2208
  </li>
@@ -2479,9 +2335,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2479
2335
  </span>
2480
2336
  <span class="pf-v6-c-dual-list-selector__item-text">Red</span>
2481
2337
  </span>
2482
- <span class="pf-v6-c-dual-list-selector__item-count">
2483
- <span class="pf-v6-c-badge pf-m-read"></span>
2484
- </span>
2485
2338
  </div>
2486
2339
  </div>
2487
2340
  </li>
@@ -2504,9 +2357,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2504
2357
  </span>
2505
2358
  <span class="pf-v6-c-dual-list-selector__item-text">Orange</span>
2506
2359
  </span>
2507
- <span class="pf-v6-c-dual-list-selector__item-count">
2508
- <span class="pf-v6-c-badge pf-m-read"></span>
2509
- </span>
2510
2360
  </div>
2511
2361
  </div>
2512
2362
  </li>
@@ -2526,9 +2376,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2526
2376
  </span>
2527
2377
  <span class="pf-v6-c-dual-list-selector__item-text">Yellow</span>
2528
2378
  </span>
2529
- <span class="pf-v6-c-dual-list-selector__item-count">
2530
- <span class="pf-v6-c-badge pf-m-read"></span>
2531
- </span>
2532
2379
  </div>
2533
2380
  </div>
2534
2381
  </li>
@@ -2559,9 +2406,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2559
2406
  </span>
2560
2407
  <span class="pf-v6-c-dual-list-selector__item-text">Green</span>
2561
2408
  </span>
2562
- <span class="pf-v6-c-dual-list-selector__item-count">
2563
- <span class="pf-v6-c-badge pf-m-read"></span>
2564
- </span>
2565
2409
  </div>
2566
2410
  </div>
2567
2411
 
@@ -2593,9 +2437,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2593
2437
  class="pf-v6-c-dual-list-selector__item-text"
2594
2438
  >Light green</span>
2595
2439
  </span>
2596
- <span class="pf-v6-c-dual-list-selector__item-count">
2597
- <span class="pf-v6-c-badge pf-m-read"></span>
2598
- </span>
2599
2440
  </div>
2600
2441
  </div>
2601
2442
  </li>
@@ -2622,9 +2463,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2622
2463
  class="pf-v6-c-dual-list-selector__item-text"
2623
2464
  >Medium green</span>
2624
2465
  </span>
2625
- <span class="pf-v6-c-dual-list-selector__item-count">
2626
- <span class="pf-v6-c-badge pf-m-read"></span>
2627
- </span>
2628
2466
  </div>
2629
2467
  </div>
2630
2468
  </li>
@@ -2651,9 +2489,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2651
2489
  class="pf-v6-c-dual-list-selector__item-text"
2652
2490
  >Dark green</span>
2653
2491
  </span>
2654
- <span class="pf-v6-c-dual-list-selector__item-count">
2655
- <span class="pf-v6-c-badge pf-m-read"></span>
2656
- </span>
2657
2492
  </div>
2658
2493
  </div>
2659
2494
  </li>
@@ -2689,9 +2524,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2689
2524
  class="pf-v6-c-dual-list-selector__item-text"
2690
2525
  >Type something</span>
2691
2526
  </span>
2692
- <span class="pf-v6-c-dual-list-selector__item-count">
2693
- <span class="pf-v6-c-badge pf-m-read"></span>
2694
- </span>
2695
2527
  </div>
2696
2528
  </div>
2697
2529
  </li>
@@ -2714,9 +2546,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2714
2546
  class="pf-v6-c-dual-list-selector__item-text"
2715
2547
  >Type something</span>
2716
2548
  </span>
2717
- <span class="pf-v6-c-dual-list-selector__item-count">
2718
- <span class="pf-v6-c-badge pf-m-read"></span>
2719
- </span>
2720
2549
  </div>
2721
2550
  </div>
2722
2551
  </li>
@@ -2748,9 +2577,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2748
2577
  class="pf-v6-c-dual-list-selector__item-text"
2749
2578
  >Type something</span>
2750
2579
  </span>
2751
- <span class="pf-v6-c-dual-list-selector__item-count">
2752
- <span class="pf-v6-c-badge pf-m-read"></span>
2753
- </span>
2754
2580
  </div>
2755
2581
  </div>
2756
2582
  </li>
@@ -2953,9 +2779,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2953
2779
  <span class="pf-v6-c-dual-list-selector__item-main">
2954
2780
  <span class="pf-v6-c-dual-list-selector__item-text">Item1</span>
2955
2781
  </span>
2956
- <span class="pf-v6-c-dual-list-selector__item-count">
2957
- <span class="pf-v6-c-badge pf-m-read"></span>
2958
- </span>
2959
2782
  </span>
2960
2783
  </div>
2961
2784
  </li>
@@ -2965,9 +2788,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2965
2788
  <span class="pf-v6-c-dual-list-selector__item-main">
2966
2789
  <span class="pf-v6-c-dual-list-selector__item-text">Item4</span>
2967
2790
  </span>
2968
- <span class="pf-v6-c-dual-list-selector__item-count">
2969
- <span class="pf-v6-c-badge pf-m-read"></span>
2970
- </span>
2971
2791
  </span>
2972
2792
  </div>
2973
2793
  </li>
@@ -2977,9 +2797,6 @@ cssPrefix: pf-v6-c-dual-list-selector
2977
2797
  <span class="pf-v6-c-dual-list-selector__item-main">
2978
2798
  <span class="pf-v6-c-dual-list-selector__item-text">Item6</span>
2979
2799
  </span>
2980
- <span class="pf-v6-c-dual-list-selector__item-count">
2981
- <span class="pf-v6-c-badge pf-m-read"></span>
2982
- </span>
2983
2800
  </span>
2984
2801
  </div>
2985
2802
  </li>
@@ -3115,9 +2932,6 @@ cssPrefix: pf-v6-c-dual-list-selector
3115
2932
  id="draggable-list-item-2-item-text"
3116
2933
  >Item2 - draggable icon disabled</span>
3117
2934
  </span>
3118
- <span class="pf-v6-c-dual-list-selector__item-count">
3119
- <span class="pf-v6-c-badge pf-m-read"></span>
3120
- </span>
3121
2935
  </span>
3122
2936
  </div>
3123
2937
  </li>
@@ -3137,9 +2951,6 @@ cssPrefix: pf-v6-c-dual-list-selector
3137
2951
  id="draggable-list-item-3-item-text"
3138
2952
  >Item3</span>
3139
2953
  </span>
3140
- <span class="pf-v6-c-dual-list-selector__item-count">
3141
- <span class="pf-v6-c-badge pf-m-read"></span>
3142
- </span>
3143
2954
  </span>
3144
2955
  </div>
3145
2956
  </li>
@@ -3159,9 +2970,6 @@ cssPrefix: pf-v6-c-dual-list-selector
3159
2970
  id="draggable-list-item-5-item-text"
3160
2971
  >Item5 - ghost row</span>
3161
2972
  </span>
3162
- <span class="pf-v6-c-dual-list-selector__item-count">
3163
- <span class="pf-v6-c-badge pf-m-read"></span>
3164
- </span>
3165
2973
  </span>
3166
2974
  </div>
3167
2975
  </li>
@@ -3181,9 +2989,6 @@ cssPrefix: pf-v6-c-dual-list-selector
3181
2989
  id="draggable-list-item-7-item-text"
3182
2990
  >Item7 - selected</span>
3183
2991
  </span>
3184
- <span class="pf-v6-c-dual-list-selector__item-count">
3185
- <span class="pf-v6-c-badge pf-m-read"></span>
3186
- </span>
3187
2992
  </span>
3188
2993
  </div>
3189
2994
  </li>