@patternfly/patternfly 5.0.0-alpha.1 → 5.0.0-alpha.11

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 (71) hide show
  1. package/RELEASE-NOTES.md +30 -0
  2. package/base/_common.scss +0 -22
  3. package/base/patternfly-common.css +0 -10
  4. package/components/Card/card.css +9 -12
  5. package/components/Card/card.scss +11 -17
  6. package/components/ChipGroup/chip-group.css +27 -17
  7. package/components/ChipGroup/chip-group.scss +36 -22
  8. package/components/Drawer/drawer.css +0 -1
  9. package/components/Drawer/drawer.scss +0 -1
  10. package/components/Dropdown/dropdown.css +15 -0
  11. package/components/Dropdown/dropdown.scss +20 -0
  12. package/components/EmptyState/empty-state.css +46 -52
  13. package/components/EmptyState/empty-state.scss +58 -57
  14. package/components/FormControl/form-control.css +1 -1
  15. package/components/FormControl/themes/dark/form-control.scss +1 -1
  16. package/components/InputGroup/input-group.css +14 -0
  17. package/components/InputGroup/input-group.scss +9 -0
  18. package/components/InputGroup/themes/dark/input-group.scss +8 -0
  19. package/components/LabelGroup/label-group.css +26 -22
  20. package/components/LabelGroup/label-group.scss +31 -26
  21. package/components/Menu/menu.css +4 -0
  22. package/components/Menu/menu.scss +5 -0
  23. package/components/Pagination/pagination.css +228 -0
  24. package/components/Pagination/pagination.scss +30 -1
  25. package/components/Popover/popover.css +2 -7
  26. package/components/Popover/themes/dark/popover.scss +2 -8
  27. package/components/Slider/slider.css +0 -7
  28. package/components/Slider/slider.scss +0 -9
  29. package/components/Toolbar/toolbar.css +30 -2
  30. package/components/Toolbar/toolbar.scss +37 -3
  31. package/components/Tooltip/themes/dark/tooltip.scss +1 -11
  32. package/components/Tooltip/tooltip.css +7 -12
  33. package/components/Tooltip/tooltip.scss +6 -3
  34. package/docs/components/Card/examples/Card.md +61 -44
  35. package/docs/components/Check/examples/Check.md +2 -6
  36. package/docs/components/ChipGroup/examples/ChipGroup.md +10 -339
  37. package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
  38. package/docs/components/CodeEditor/examples/CodeEditor.md +2 -6
  39. package/docs/components/DataList/examples/DataList.md +104 -65
  40. package/docs/components/Dropdown/examples/Dropdown.md +263 -23
  41. package/docs/components/EmptyState/examples/EmptyState.md +127 -79
  42. package/docs/components/InputGroup/examples/InputGroup.md +1 -0
  43. package/docs/components/LabelGroup/examples/LabelGroup.md +2 -14
  44. package/docs/components/Menu/examples/Menu.md +1 -1
  45. package/docs/components/MenuToggle/examples/MenuToggle.md +4 -4
  46. package/docs/components/Pagination/examples/Pagination.md +129 -30
  47. package/docs/components/Slider/examples/Slider.md +6 -6
  48. package/docs/components/Table/examples/Table.md +1117 -700
  49. package/docs/components/Tabs/examples/Tabs.md +1 -1
  50. package/docs/components/Toolbar/examples/Toolbar.md +67 -46
  51. package/docs/components/Wizard/examples/Wizard.md +4 -7
  52. package/docs/demos/Banner/examples/Banner.md +2 -2
  53. package/docs/demos/Card/examples/Card.md +144 -109
  54. package/docs/demos/CardView/examples/CardView.md +9 -8
  55. package/docs/demos/Dashboard/examples/Dashboard.md +1 -4
  56. package/docs/demos/DataList/examples/DataList.md +138 -89
  57. package/docs/demos/Masthead/examples/Masthead.md +3 -6
  58. package/docs/demos/Nav/examples/Nav.md +671 -718
  59. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +17 -13
  60. package/docs/demos/Table/examples/Table.md +439 -297
  61. package/docs/demos/Tabs/examples/Tabs.md +90 -569
  62. package/docs/demos/Toolbar/examples/Toolbar.md +1773 -163
  63. package/docs/demos/Wizard/examples/Wizard.md +0 -4
  64. package/package.json +5 -5
  65. package/patternfly-base-no-reset.css +0 -10
  66. package/patternfly-base.css +0 -10
  67. package/patternfly-no-reset.css +409 -143
  68. package/patternfly.css +409 -143
  69. package/patternfly.min.css +1 -1
  70. package/patternfly.min.css.map +1 -1
  71. package/sass-utilities/scss-variables.scss +0 -1
package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md CHANGED
@@ -944,7 +944,6 @@ wrapperTag: div
944
944
  role="listbox"
945
945
  aria-labelledby="primary-detail-expanded-example-drawer-toolbar-select-name-label"
946
946
  hidden
947
- style="width: 175px"
948
947
  >
949
948
  <li role="presentation">
950
949
  <button
@@ -984,7 +983,10 @@ wrapperTag: div
984
983
  </li>
985
984
  </ul>
986
985
  </div>
987
- <div class="pf-c-text-input-group">
986
+ <div
987
+ class="pf-c-text-input-group"
988
+ style="width: auto"
989
+ >
988
990
  <div class="pf-c-text-input-group__main pf-m-icon">
989
991
  <span class="pf-c-text-input-group__text">
990
992
  <span class="pf-c-text-input-group__icon">
@@ -2821,7 +2823,6 @@ wrapperTag: div
2821
2823
  role="listbox"
2822
2824
  aria-labelledby="primary-detail-collapsed-example-drawer-toolbar-select-name-label"
2823
2825
  hidden
2824
- style="width: 175px"
2825
2826
  >
2826
2827
  <li role="presentation">
2827
2828
  <button
@@ -2861,7 +2862,10 @@ wrapperTag: div
2861
2862
  </li>
2862
2863
  </ul>
2863
2864
  </div>
2864
- <div class="pf-c-text-input-group">
2865
+ <div
2866
+ class="pf-c-text-input-group"
2867
+ style="width: auto"
2868
+ >
2865
2869
  <div class="pf-c-text-input-group__main pf-m-icon">
2866
2870
  <span class="pf-c-text-input-group__text">
2867
2871
  <span class="pf-c-text-input-group__icon">
@@ -6269,7 +6273,6 @@ wrapperTag: div
6269
6273
  </div>
6270
6274
  </div>
6271
6275
  </section>
6272
- <div class="pf-c-divider" role="separator"></div>
6273
6276
  <section class="pf-c-page__main-section pf-m-no-padding">
6274
6277
  <!-- Drawer -->
6275
6278
  <div class="pf-c-drawer pf-m-expanded pf-m-inline-on-2xl">
@@ -6301,11 +6304,14 @@ wrapperTag: div
6301
6304
  class="pf-c-dropdown__toggle-check"
6302
6305
  for="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6303
6306
  >
6304
- <input
6305
- type="checkbox"
6306
- id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6307
- aria-label="Select all"
6308
- />
6307
+ <div class="pf-c-check pf-m-standalone">
6308
+ <input
6309
+ class="pf-c-check__input"
6310
+ type="checkbox"
6311
+ id="primary-detail-card-view-expanded-example-drawer-toolbar-bulk-select-toggle-check"
6312
+ aria-label="Select all"
6313
+ />
6314
+ </div>
6309
6315
  </label>
6310
6316
 
6311
6317
  <button
@@ -6377,7 +6383,6 @@ wrapperTag: div
6377
6383
  role="listbox"
6378
6384
  aria-labelledby="primary-detail-card-view-expanded-example-drawer-toolbar-select-name-label"
6379
6385
  hidden
6380
- style="width: 175px"
6381
6386
  >
6382
6387
  <li role="presentation">
6383
6388
  <button
@@ -6417,7 +6422,7 @@ wrapperTag: div
6417
6422
  </li>
6418
6423
  </ul>
6419
6424
  </div>
6420
- <div class="pf-c-text-input-group">
6425
+ <div class="pf-c-text-input-group" style="width: auto">
6421
6426
  <div class="pf-c-text-input-group__main pf-m-icon">
6422
6427
  <span class="pf-c-text-input-group__text">
6423
6428
  <span class="pf-c-text-input-group__icon">
@@ -10763,7 +10768,6 @@ wrapperTag: div
10763
10768
  </div>
10764
10769
  </section>
10765
10770
  <div class="pf-c-divider" role="separator"></div>
10766
-
10767
10771
  <div class="pf-c-drawer pf-m-expanded pf-m-inline-on-2xl">
10768
10772
  <div class="pf-c-drawer__main">
10769
10773
  <!-- Content -->