@patternfly/patternfly 5.0.0-alpha.10 → 5.0.0-alpha.12

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 (54) hide show
  1. package/RELEASE-NOTES.md +17 -0
  2. package/assets/icons/iconUnicodes.json +1 -0
  3. package/assets/pficon/pficon.scss +6 -0
  4. package/assets/pficon/pficon.woff +0 -0
  5. package/assets/pficon/pficon.woff2 +0 -0
  6. package/base/_chart-globals.scss +0 -4
  7. package/base/patternfly-icons.css +5 -1
  8. package/base/patternfly-pf-icons.css +5 -1
  9. package/components/CalendarMonth/calendar-month.css +1 -1
  10. package/components/CalendarMonth/calendar-month.scss +1 -1
  11. package/components/ChipGroup/chip-group.css +1 -3
  12. package/components/ChipGroup/chip-group.scss +1 -4
  13. package/components/Content/content.css +6 -0
  14. package/components/Content/content.scss +8 -0
  15. package/components/Pagination/pagination.css +0 -108
  16. package/components/Pagination/pagination.scss +0 -6
  17. package/components/Popover/popover.css +1 -1
  18. package/components/Popover/themes/dark/popover.scss +1 -1
  19. package/components/Tabs/tabs.css +0 -4
  20. package/components/Tabs/tabs.scss +0 -7
  21. package/components/Tooltip/themes/dark/tooltip.scss +1 -8
  22. package/components/Tooltip/tooltip.css +7 -9
  23. package/components/Tooltip/tooltip.scss +6 -3
  24. package/docs/components/Check/examples/Check.md +2 -6
  25. package/docs/components/ChipGroup/examples/ChipGroup.md +10 -339
  26. package/docs/components/Content/examples/Content.md +28 -0
  27. package/docs/components/DataList/examples/DataList.md +104 -65
  28. package/docs/components/Dropdown/examples/Dropdown.md +73 -49
  29. package/docs/components/LabelGroup/examples/LabelGroup.md +2 -14
  30. package/docs/components/Menu/examples/Menu.md +1 -1
  31. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -4
  32. package/docs/components/Table/examples/Table.md +1117 -700
  33. package/docs/components/Tabs/examples/Tabs.md +102 -102
  34. package/docs/components/Toolbar/examples/Toolbar.md +48 -30
  35. package/docs/demos/Banner/examples/Banner.md +0 -1
  36. package/docs/demos/CardView/examples/CardView.md +8 -5
  37. package/docs/demos/DataList/examples/DataList.md +136 -85
  38. package/docs/demos/DescriptionList/examples/DescriptionList.md +0 -1
  39. package/docs/demos/HelperText/examples/HelperText.md +0 -1
  40. package/docs/demos/Page/examples/Page.md +1 -1
  41. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +0 -1
  42. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +8 -5
  43. package/docs/demos/Table/examples/Table.md +421 -265
  44. package/docs/demos/Tabs/examples/Tabs.md +48 -30
  45. package/docs/demos/Toolbar/examples/Toolbar.md +80 -50
  46. package/docs/demos/Wizard/examples/Wizard.md +179 -171
  47. package/icons/pf-icons.json +1 -0
  48. package/package.json +5 -5
  49. package/patternfly-base-no-reset.css +5 -1
  50. package/patternfly-base.css +5 -1
  51. package/patternfly-no-reset.css +21 -127
  52. package/patternfly.css +21 -127
  53. package/patternfly.min.css +1 -1
  54. package/patternfly.min.css.map +1 -1
package/docs/components/Dropdown/examples/Dropdown.md CHANGED
@@ -818,12 +818,15 @@ cssPrefix: pf-c-dropdown
818
818
  class="pf-c-dropdown__toggle-check"
819
819
  for="dropdown-split-button-disabled-toggle-check"
820
820
  >
821
- <input
822
- type="checkbox"
823
- id="dropdown-split-button-disabled-toggle-check"
824
- disabled
825
- aria-label="Select all"
826
- />
821
+ <div class="pf-c-check pf-m-standalone">
822
+ <input
823
+ class="pf-c-check__input"
824
+ type="checkbox"
825
+ disabled
826
+ id="dropdown-split-button-disabled-toggle-check"
827
+ aria-label="Select all"
828
+ />
829
+ </div>
827
830
  </label>
828
831
 
829
832
  <button
@@ -859,11 +862,14 @@ cssPrefix: pf-c-dropdown
859
862
  class="pf-c-dropdown__toggle-check"
860
863
  for="dropdown-split-button-toggle-check"
861
864
  >
862
- <input
863
- type="checkbox"
864
- id="dropdown-split-button-toggle-check"
865
- aria-label="Select all"
866
- />
865
+ <div class="pf-c-check pf-m-standalone">
866
+ <input
867
+ class="pf-c-check__input"
868
+ type="checkbox"
869
+ id="dropdown-split-button-toggle-check"
870
+ aria-label="Select all"
871
+ />
872
+ </div>
867
873
  </label>
868
874
 
869
875
  <button
@@ -898,11 +904,14 @@ cssPrefix: pf-c-dropdown
898
904
  class="pf-c-dropdown__toggle-check"
899
905
  for="dropdown-split-button-expanded-toggle-check"
900
906
  >
901
- <input
902
- type="checkbox"
903
- id="dropdown-split-button-expanded-toggle-check"
904
- aria-label="Select all"
905
- />
907
+ <div class="pf-c-check pf-m-standalone">
908
+ <input
909
+ class="pf-c-check__input"
910
+ type="checkbox"
911
+ id="dropdown-split-button-expanded-toggle-check"
912
+ aria-label="Select all"
913
+ />
914
+ </div>
906
915
  </label>
907
916
 
908
917
  <button
@@ -943,13 +952,16 @@ cssPrefix: pf-c-dropdown
943
952
  class="pf-c-dropdown__toggle-check"
944
953
  for="dropdown-split-button-text-toggle-check"
945
954
  >
946
- <input
947
- type="checkbox"
948
- id="dropdown-split-button-text-toggle-check"
949
- aria-label="Select all"
950
- checked
951
- aria-labelledby="dropdown-split-button-text-toggle-check dropdown-split-button-text-toggle-check-text"
952
- />
955
+ <div class="pf-c-check pf-m-standalone">
956
+ <input
957
+ class="pf-c-check__input"
958
+ type="checkbox"
959
+ checked
960
+ id="dropdown-split-button-text-toggle-check"
961
+ aria-label="Select all"
962
+ aria-labelledby="dropdown-split-button-text-toggle-check dropdown-split-button-text-toggle-check-text"
963
+ />
964
+ </div>
953
965
  <span
954
966
  class="pf-c-dropdown__toggle-text"
955
967
  aria-hidden="true"
@@ -991,11 +1003,14 @@ cssPrefix: pf-c-dropdown
991
1003
  class="pf-c-dropdown__toggle-check"
992
1004
  for="dropdown-split-button-progress-toggle-check"
993
1005
  >
994
- <input
995
- type="checkbox"
996
- id="dropdown-split-button-progress-toggle-check"
997
- aria-label="Select all"
998
- />
1006
+ <div class="pf-c-check pf-m-standalone">
1007
+ <input
1008
+ class="pf-c-check__input"
1009
+ type="checkbox"
1010
+ id="dropdown-split-button-progress-toggle-check"
1011
+ aria-label="Select all"
1012
+ />
1013
+ </div>
999
1014
  <span class="pf-c-dropdown__toggle-progress">
1000
1015
  <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
1001
1016
  <circle
@@ -1041,12 +1056,15 @@ cssPrefix: pf-c-dropdown
1041
1056
  class="pf-c-dropdown__toggle-check pf-m-in-progress"
1042
1057
  for="dropdown-split-button-in-progress-toggle-check"
1043
1058
  >
1044
- <input
1045
- type="checkbox"
1046
- id="dropdown-split-button-in-progress-toggle-check"
1047
- disabled
1048
- aria-label="Select all"
1049
- />
1059
+ <div class="pf-c-check pf-m-standalone">
1060
+ <input
1061
+ class="pf-c-check__input"
1062
+ type="checkbox"
1063
+ disabled
1064
+ id="dropdown-split-button-in-progress-toggle-check"
1065
+ aria-label="Select all"
1066
+ />
1067
+ </div>
1050
1068
  <span class="pf-c-dropdown__toggle-progress">
1051
1069
  <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
1052
1070
  <circle
@@ -1092,13 +1110,16 @@ cssPrefix: pf-c-dropdown
1092
1110
  class="pf-c-dropdown__toggle-check"
1093
1111
  for="dropdown-split-button-progress-text-toggle-check"
1094
1112
  >
1095
- <input
1096
- type="checkbox"
1097
- id="dropdown-split-button-progress-text-toggle-check"
1098
- aria-label="Select all"
1099
- checked
1100
- aria-labelledby="dropdown-split-button-progress-text-toggle-check dropdown-split-button-progress-text-toggle-check-text"
1101
- />
1113
+ <div class="pf-c-check pf-m-standalone">
1114
+ <input
1115
+ class="pf-c-check__input"
1116
+ type="checkbox"
1117
+ checked
1118
+ id="dropdown-split-button-progress-text-toggle-check"
1119
+ aria-label="Select all"
1120
+ aria-labelledby="dropdown-split-button-progress-text-toggle-check dropdown-split-button-progress-text-toggle-check-text"
1121
+ />
1122
+ </div>
1102
1123
  <span class="pf-c-dropdown__toggle-progress">
1103
1124
  <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
1104
1125
  <circle
@@ -1145,14 +1166,17 @@ cssPrefix: pf-c-dropdown
1145
1166
  class="pf-c-dropdown__toggle-check pf-m-in-progress"
1146
1167
  for="dropdown-split-button-in-progress-text-toggle-check"
1147
1168
  >
1148
- <input
1149
- type="checkbox"
1150
- id="dropdown-split-button-in-progress-text-toggle-check"
1151
- disabled
1152
- aria-label="Select all"
1153
- checked
1154
- aria-labelledby="dropdown-split-button-in-progress-text-toggle-check dropdown-split-button-in-progress-text-toggle-check-text"
1155
- />
1169
+ <div class="pf-c-check pf-m-standalone">
1170
+ <input
1171
+ class="pf-c-check__input"
1172
+ type="checkbox"
1173
+ checked
1174
+ disabled
1175
+ id="dropdown-split-button-in-progress-text-toggle-check"
1176
+ aria-label="Select all"
1177
+ aria-labelledby="dropdown-split-button-in-progress-text-toggle-check dropdown-split-button-in-progress-text-toggle-check-text"
1178
+ />
1179
+ </div>
1156
1180
  <span class="pf-c-dropdown__toggle-progress">
1157
1181
  <svg class="pf-c-spinner" role="progressbar" viewBox="0 0 100 100">
1158
1182
  <circle
package/docs/components/LabelGroup/examples/LabelGroup.md CHANGED
@@ -740,9 +740,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
740
740
  </span>
741
741
  </li>
742
742
  <li class="pf-c-label-group__list-item">
743
- <span
744
- class="pf-c-label pf-m-blue pf-m-active pf-m-editable pf-m-editable-active"
745
- >
743
+ <span class="pf-c-label pf-m-blue pf-m-editable pf-m-editable-active">
746
744
  <input
747
745
  class="pf-c-label__content"
748
746
  id="editable-labels-label-active-editable-group-example-editable-label-active-editable-content"
@@ -751,16 +749,6 @@ In addition to the JavaScript management of [editable labels](/components/label#
751
749
  "
752
750
  aria-label="Editable text"
753
751
  />
754
-
755
- <button
756
- class="pf-c-button pf-m-plain"
757
- type="button"
758
- id="editable-labels-label-active-editable-group-example-editable-label-active-button"
759
- aria-label="Remove"
760
- aria-labelledby="editable-labels-label-active-editable-group-example-editable-label-active-button editable-labels-label-active-editable-group-example-editable-label-active-text"
761
- >
762
- <i class="fas fa-times" aria-hidden="true"></i>
763
- </button>
764
752
  </span>
765
753
  </li>
766
754
  <li class="pf-c-label-group__list-item pf-m-textarea">
@@ -916,7 +904,7 @@ In addition to the JavaScript management of [editable labels](/components/label#
916
904
  </span>
917
905
  </li>
918
906
  <li class="pf-c-label-group__list-item">
919
- <span class="pf-c-label pf-m-blue pf-m-active pf-m-editable">
907
+ <span class="pf-c-label pf-m-blue pf-m-editable">
920
908
  <button
921
909
  class="pf-c-label__content"
922
910
  id="mixed-labels-dynamic-label-group-example-editable-label-dynamic-3-editable-content"
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -178,9 +178,9 @@ cssPrefix: pf-c-menu
178
178
  <input
179
179
  class="pf-c-check__input"
180
180
  type="checkbox"
181
+ disabled
181
182
  id="with-checkbox-example-check-3"
182
183
  name="with-checkbox-example-check-3"
183
- disabled
184
184
  />
185
185
  </span>
186
186
  </span>
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -273,10 +273,10 @@ cssPrefix: pf-c-menu-toggle
273
273
  <input
274
274
  class="pf-c-check__input"
275
275
  type="checkbox"
276
+ disabled
276
277
  id="split-button-checkbox-disabled-example-input"
277
278
  name="split-button-checkbox-disabled-example-input"
278
279
  aria-label="Standalone input"
279
- disabled
280
280
  />
281
281
  </label>
282
282
  <button
@@ -358,9 +358,9 @@ cssPrefix: pf-c-menu-toggle
358
358
  <input
359
359
  class="pf-c-check__input"
360
360
  type="checkbox"
361
+ disabled
361
362
  id="split-button-checkbox-with-toggle-text-disabled-example-input"
362
363
  name="split-button-checkbox-with-toggle-text-disabled-example-input"
363
- disabled
364
364
  />
365
365
  <span class="pf-c-check__label pf-m-disabled">10 selected</span>
366
366
  </label>
@@ -449,9 +449,9 @@ cssPrefix: pf-c-menu-toggle
449
449
  <input
450
450
  class="pf-c-check__input"
451
451
  type="checkbox"
452
+ disabled
452
453
  id="split-button-checkbox-primary-disabled-example-input"
453
454
  name="split-button-checkbox-primary-disabled-example-input"
454
- disabled
455
455
  />
456
456
  <span class="pf-c-check__label pf-m-disabled">10 selected</span>
457
457
  </label>
@@ -537,9 +537,9 @@ cssPrefix: pf-c-menu-toggle
537
537
  <input
538
538
  class="pf-c-check__input"
539
539
  type="checkbox"
540
+ disabled
540
541
  id="split-button-checkbox-secondary-disabled-example-input"
541
542
  name="split-button-checkbox-secondary-disabled-example-input"
542
- disabled
543
543
  />
544
544
  <span class="pf-c-check__label pf-m-disabled">10 selected</span>
545
545
  </label>