@patternfly/patternfly 5.0.0-alpha.54 → 5.0.0-alpha.56

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 (21) hide show
  1. package/components/Table/table-grid.css +380 -391
  2. package/components/Table/table-grid.scss +97 -92
  3. package/components/Table/table-tree-view.css +254 -254
  4. package/components/Table/table-tree-view.scss +30 -30
  5. package/components/Table/table.css +232 -232
  6. package/components/Table/table.scss +265 -255
  7. package/docs/components/InlineEdit/examples/InlineEdit.md +50 -28
  8. package/docs/components/Table/examples/Table.md +6839 -3703
  9. package/docs/demos/Card/examples/Card.md +73 -34
  10. package/docs/demos/DataList/examples/DataList.md +187 -52
  11. package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -23
  12. package/docs/demos/Table/examples/Table.md +2673 -1316
  13. package/docs/demos/Tabs/examples/Tabs.md +203 -50
  14. package/docs/demos/Toolbar/examples/Toolbar.md +272 -112
  15. package/layouts/Flex/flex.css +60 -60
  16. package/package.json +5 -5
  17. package/patternfly-no-globals.css +926 -937
  18. package/patternfly.css +926 -937
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
  21. package/sass-utilities/functions.scss +1 -3
package/docs/components/InlineEdit/examples/InlineEdit.md CHANGED
@@ -422,23 +422,27 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
422
422
  aria-label="Inline edit table row example"
423
423
  id="inline-edit-table-row-example"
424
424
  >
425
- <caption>This is the table caption</caption>
426
- <thead>
427
- <tr role="row">
428
- <th role="columnheader">Text input</th>
429
- <th role="columnheader">Disabled text input</th>
430
- <th role="columnheader">Checkboxes</th>
431
- <th role="columnheader">Radios</th>
432
- <th role="columnheader">Number</th>
433
- <td></td>
434
-
435
- <td></td>
425
+ <caption class="pf-v5-c-table__caption">This is the table caption</caption>
426
+ <thead class="pf-v5-c-table__thead">
427
+ <tr class="pf-v5-c-table__tr" role="row">
428
+ <th class="pf-v5-c-table__th" role="columnheader">Text input</th>
429
+ <th class="pf-v5-c-table__th" role="columnheader">Disabled text input</th>
430
+ <th class="pf-v5-c-table__th" role="columnheader">Checkboxes</th>
431
+ <th class="pf-v5-c-table__th" role="columnheader">Radios</th>
432
+ <th class="pf-v5-c-table__th" role="columnheader">Number</th>
433
+ <td class="pf-v5-c-table__td"></td>
434
+
435
+ <td class="pf-v5-c-table__td"></td>
436
436
  </tr>
437
437
  </thead>
438
438
 
439
- <tbody role="rowgroup">
440
- <tr class="pf-m-inline-editable" role="row">
441
- <th role="columnheader" data-label="Text input">
439
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
440
+ <tr class="pf-v5-c-table__tr pf-m-inline-editable" role="row">
441
+ <th
442
+ class="pf-v5-c-table__th"
443
+ role="columnheader"
444
+ data-label="Text input"
445
+ >
442
446
  <div class="pf-v5-c-inline-edit__value">Text input description content</div>
443
447
  <div class="pf-v5-c-inline-edit__input">
444
448
  <div class="pf-v5-c-form-control">
@@ -451,7 +455,11 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
451
455
  </div>
452
456
  </div>
453
457
  </th>
454
- <td role="cell" data-label="Disabled text input">
458
+ <td
459
+ class="pf-v5-c-table__td"
460
+ role="cell"
461
+ data-label="Disabled text input"
462
+ >
455
463
  <div
456
464
  class="pf-v5-c-inline-edit__value"
457
465
  >Text input disabled, description content</div>
@@ -467,7 +475,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
467
475
  </div>
468
476
  </div>
469
477
  </td>
470
- <td role="cell" data-label="Checkboxes">
478
+ <td class="pf-v5-c-table__td" role="cell" data-label="Checkboxes">
471
479
  <div class="pf-v5-c-inline-edit__value">Check 1, Check 2</div>
472
480
  <div class="pf-v5-c-inline-edit__group pf-m-column">
473
481
  <div class="pf-v5-c-inline-edit__input">
@@ -502,7 +510,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
502
510
  </div>
503
511
  </div>
504
512
  </td>
505
- <td role="cell" data-label="Radios">
513
+ <td class="pf-v5-c-table__td" role="cell" data-label="Radios">
506
514
  <div class="pf-v5-c-inline-edit__value">Radio 1, Radio 2</div>
507
515
  <div
508
516
  class="pf-v5-c-inline-edit__group pf-m-column"
@@ -541,7 +549,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
541
549
  </div>
542
550
  </div>
543
551
  </td>
544
- <td role="cell" data-label="Number">
552
+ <td class="pf-v5-c-table__td" role="cell" data-label="Number">
545
553
  <div class="pf-v5-c-inline-edit__value">2</div>
546
554
  <div class="pf-v5-c-inline-edit__input">
547
555
  <div class="pf-v5-c-form-control">
@@ -554,7 +562,10 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
554
562
  </div>
555
563
  </div>
556
564
  </td>
557
- <td class="pf-v5-c-table__inline-edit-action" role="cell">
565
+ <td
566
+ class="pf-v5-c-table__td pf-v5-c-table__inline-edit-action"
567
+ role="cell"
568
+ >
558
569
  <div
559
570
  class="pf-v5-c-inline-edit__group pf-m-action-group pf-m-icon-group"
560
571
  >
@@ -589,7 +600,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
589
600
  </button>
590
601
  </div>
591
602
  </td>
592
- <td class="pf-v5-c-table__action" role="cell">
603
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
593
604
  <div class="pf-v5-c-dropdown">
594
605
  <button
595
606
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -635,8 +646,12 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
635
646
  </td>
636
647
  </tr>
637
648
 
638
- <tr role="row">
639
- <th role="columnheader" data-label="Text input">
649
+ <tr class="pf-v5-c-table__tr" role="row">
650
+ <th
651
+ class="pf-v5-c-table__th"
652
+ role="columnheader"
653
+ data-label="Text input"
654
+ >
640
655
  <div class="pf-v5-c-inline-edit__value">Text input description content</div>
641
656
  <div class="pf-v5-c-inline-edit__input">
642
657
  <div class="pf-v5-c-form-control">
@@ -649,7 +664,11 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
649
664
  </div>
650
665
  </div>
651
666
  </th>
652
- <td role="cell" data-label="Disabled text input">
667
+ <td
668
+ class="pf-v5-c-table__td"
669
+ role="cell"
670
+ data-label="Disabled text input"
671
+ >
653
672
  <div
654
673
  class="pf-v5-c-inline-edit__value"
655
674
  >Text input disabled, description content</div>
@@ -665,7 +684,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
665
684
  </div>
666
685
  </div>
667
686
  </td>
668
- <td role="cell" data-label="Checkboxes">
687
+ <td class="pf-v5-c-table__td" role="cell" data-label="Checkboxes">
669
688
  <div class="pf-v5-c-inline-edit__value">Check 1, Check 2</div>
670
689
  <div class="pf-v5-c-inline-edit__group pf-m-column">
671
690
  <div class="pf-v5-c-inline-edit__input">
@@ -700,7 +719,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
700
719
  </div>
701
720
  </div>
702
721
  </td>
703
- <td role="cell" data-label="Radios">
722
+ <td class="pf-v5-c-table__td" role="cell" data-label="Radios">
704
723
  <div class="pf-v5-c-inline-edit__value">Radio 1, Radio 2</div>
705
724
  <div
706
725
  class="pf-v5-c-inline-edit__group pf-m-column"
@@ -739,7 +758,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
739
758
  </div>
740
759
  </div>
741
760
  </td>
742
- <td role="cell" data-label="Number">
761
+ <td class="pf-v5-c-table__td" role="cell" data-label="Number">
743
762
  <div class="pf-v5-c-inline-edit__value">2</div>
744
763
  <div class="pf-v5-c-inline-edit__input">
745
764
  <div class="pf-v5-c-form-control">
@@ -752,7 +771,10 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
752
771
  </div>
753
772
  </div>
754
773
  </td>
755
- <td class="pf-v5-c-table__inline-edit-action" role="cell">
774
+ <td
775
+ class="pf-v5-c-table__td pf-v5-c-table__inline-edit-action"
776
+ role="cell"
777
+ >
756
778
  <div
757
779
  class="pf-v5-c-inline-edit__group pf-m-action-group pf-m-icon-group"
758
780
  >
@@ -787,7 +809,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
787
809
  </button>
788
810
  </div>
789
811
  </td>
790
- <td class="pf-v5-c-table__action" role="cell">
812
+ <td class="pf-v5-c-table__td pf-v5-c-table__action" role="cell">
791
813
  <div class="pf-v5-c-dropdown">
792
814
  <button
793
815
  class="pf-v5-c-dropdown__toggle pf-m-plain"