@patternfly/patternfly 5.0.0-alpha.53 → 5.0.0-alpha.55

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 (49) hide show
  1. package/components/FormControl/form-control.css +164 -214
  2. package/components/FormControl/form-control.scss +175 -281
  3. package/components/FormControl/themes/dark/form-control.scss +1 -2
  4. package/components/NumberInput/number-input.css +0 -1
  5. package/components/NumberInput/number-input.scss +0 -1
  6. package/components/Table/table-grid.css +380 -391
  7. package/components/Table/table-grid.scss +97 -92
  8. package/components/Table/table-tree-view.css +254 -254
  9. package/components/Table/table-tree-view.scss +30 -30
  10. package/components/Table/table.css +232 -232
  11. package/components/Table/table.scss +265 -255
  12. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -28
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +52 -46
  14. package/docs/components/DatePicker/examples/DatePicker.md +55 -49
  15. package/docs/components/FileUpload/examples/FileUpload.md +105 -93
  16. package/docs/components/Form/examples/Form.md +165 -145
  17. package/docs/components/FormControl/examples/FormControl.md +439 -475
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +137 -104
  19. package/docs/components/InputGroup/examples/InputGroup.md +84 -74
  20. package/docs/components/Login/examples/Login.md +92 -82
  21. package/docs/components/NumberInput/examples/NumberInput.md +99 -87
  22. package/docs/components/Pagination/examples/Pagination.md +100 -89
  23. package/docs/components/Select/examples/Select.md +77 -68
  24. package/docs/components/Slider/examples/Slider.md +31 -44
  25. package/docs/components/Table/examples/Table.md +6839 -3703
  26. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -52
  27. package/docs/components/Toolbar/examples/Toolbar.md +18 -16
  28. package/docs/components/Wizard/examples/Wizard.md +280 -245
  29. package/docs/demos/Alert/examples/Alert.md +69 -57
  30. package/docs/demos/Button/examples/Button.md +54 -48
  31. package/docs/demos/Card/examples/Card.md +73 -34
  32. package/docs/demos/CardView/examples/CardView.md +9 -8
  33. package/docs/demos/DataList/examples/DataList.md +223 -84
  34. package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -23
  35. package/docs/demos/Form/examples/BasicForms.md +247 -227
  36. package/docs/demos/HelperText/examples/HelperText.md +37 -33
  37. package/docs/demos/Modal/examples/Modal.md +14 -21
  38. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -10
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -40
  40. package/docs/demos/Table/examples/Table.md +2765 -1397
  41. package/docs/demos/Tabs/examples/Tabs.md +203 -50
  42. package/docs/demos/Toolbar/examples/Toolbar.md +300 -137
  43. package/docs/demos/Wizard/examples/Wizard.md +448 -392
  44. package/package.json +3 -3
  45. package/patternfly-no-globals.css +1027 -1089
  46. package/patternfly.css +1027 -1089
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/docs/components/FormControl/examples/FormControl.css +0 -5
@@ -1559,14 +1559,15 @@ wrapperTag: div
1559
1559
  </button>
1560
1560
  </div>
1561
1561
  <div class="pf-v5-c-pagination__nav-page-select">
1562
- <input
1563
- class="pf-v5-c-form-control"
1564
- aria-label="Current page"
1565
- type="number"
1566
- min="1"
1567
- max="4"
1568
- value="1"
1569
- />
1562
+ <div class="pf-v5-c-form-control">
1563
+ <input
1564
+ aria-label="Current page"
1565
+ type="number"
1566
+ min="1"
1567
+ max="4"
1568
+ value="1"
1569
+ />
1570
+ </div>
1570
1571
  <span aria-hidden="true">of 4</span>
1571
1572
  </div>
1572
1573
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -3141,14 +3142,15 @@ wrapperTag: div
3141
3142
  </button>
3142
3143
  </div>
3143
3144
  <div class="pf-v5-c-pagination__nav-page-select">
3144
- <input
3145
- class="pf-v5-c-form-control"
3146
- aria-label="Current page"
3147
- type="number"
3148
- min="1"
3149
- max="4"
3150
- value="1"
3151
- />
3145
+ <div class="pf-v5-c-form-control">
3146
+ <input
3147
+ aria-label="Current page"
3148
+ type="number"
3149
+ min="1"
3150
+ max="4"
3151
+ value="1"
3152
+ />
3153
+ </div>
3152
3154
  <span aria-hidden="true">of 4</span>
3153
3155
  </div>
3154
3156
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -4517,9 +4519,12 @@ wrapperTag: div
4517
4519
  aria-label="This is a compact table example"
4518
4520
  id="compact-table-demo-data-list"
4519
4521
  >
4520
- <thead>
4521
- <tr role="row">
4522
- <td class="pf-v5-c-table__check" role="cell">
4522
+ <thead class="pf-v5-c-table__thead">
4523
+ <tr class="pf-v5-c-table__tr" role="row">
4524
+ <td
4525
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4526
+ role="cell"
4527
+ >
4523
4528
  <div class="pf-v5-c-check pf-m-standalone">
4524
4529
  <input
4525
4530
  class="pf-v5-c-check__input"
@@ -4529,23 +4534,46 @@ wrapperTag: div
4529
4534
  />
4530
4535
  </div>
4531
4536
  </td>
4532
- <th role="columnheader" scope="col">Contributor</th>
4533
- <th role="columnheader" scope="col">Position</th>
4534
- <th role="columnheader" scope="col">Location</th>
4535
- <th role="columnheader" scope="col">Last seen</th>
4536
- <th role="columnheader" scope="col">Numbers</th>
4537
4537
  <th
4538
- class="pf-v5-c-table__icon"
4538
+ class="pf-v5-c-table__th"
4539
+ role="columnheader"
4540
+ scope="col"
4541
+ >Contributor</th>
4542
+ <th
4543
+ class="pf-v5-c-table__th"
4544
+ role="columnheader"
4545
+ scope="col"
4546
+ >Position</th>
4547
+ <th
4548
+ class="pf-v5-c-table__th"
4549
+ role="columnheader"
4550
+ scope="col"
4551
+ >Location</th>
4552
+ <th
4553
+ class="pf-v5-c-table__th"
4554
+ role="columnheader"
4555
+ scope="col"
4556
+ >Last seen</th>
4557
+ <th
4558
+ class="pf-v5-c-table__th"
4559
+ role="columnheader"
4560
+ scope="col"
4561
+ >Numbers</th>
4562
+ <th
4563
+ class="pf-v5-c-table__th pf-v5-c-table__icon"
4539
4564
  role="columnheader"
4540
4565
  scope="col"
4541
4566
  >Icons</th>
4542
- <td></td>
4543
- <td></td>
4567
+ <td class="pf-v5-c-table__td"></td>
4568
+ <td class="pf-v5-c-table__td"></td>
4544
4569
  </tr>
4545
4570
  </thead>
4546
- <tbody role="rowgroup">
4547
- <tr role="row">
4548
- <td class="pf-v5-c-table__check" role="cell">
4571
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
4572
+ <tr class="pf-v5-c-table__tr" role="row">
4573
+ <td
4574
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4575
+ role="cell"
4576
+ >
4549
4577
  <div class="pf-v5-c-check pf-m-standalone">
4550
4578
  <input
4551
4579
  class="pf-v5-c-check__input"
@@ -4555,24 +4583,51 @@ wrapperTag: div
4555
4583
  />
4556
4584
  </div>
4557
4585
  </td>
4558
- <td role="cell" data-label="Contributor">
4586
+ <td
4587
+ class="pf-v5-c-table__td"
4588
+ role="cell"
4589
+ data-label="Contributor"
4590
+ >
4559
4591
  <span id="compact-table-demo-data-list-name1">Sam Jones</span>
4560
4592
  </td>
4561
- <td role="cell" data-label="Position">CSS guru</td>
4562
- <td role="cell" data-label="Location">Not too sure</td>
4563
- <td role="cell" data-label="Last seen">May 9, 2018</td>
4564
- <td role="cell" data-label="Numbers">0556</td>
4565
4593
  <td
4566
- class="pf-v5-c-table__icon"
4594
+ class="pf-v5-c-table__td"
4595
+ role="cell"
4596
+ data-label="Position"
4597
+ >CSS guru</td>
4598
+ <td
4599
+ class="pf-v5-c-table__td"
4600
+ role="cell"
4601
+ data-label="Location"
4602
+ >Not too sure</td>
4603
+ <td
4604
+ class="pf-v5-c-table__td"
4605
+ role="cell"
4606
+ data-label="Last seen"
4607
+ >May 9, 2018</td>
4608
+ <td
4609
+ class="pf-v5-c-table__td"
4610
+ role="cell"
4611
+ data-label="Numbers"
4612
+ >0556</td>
4613
+ <td
4614
+ class="pf-v5-c-table__td pf-v5-c-table__icon"
4567
4615
  role="cell"
4568
4616
  data-label="Icon"
4569
4617
  >
4570
4618
  <i class="fas fa-check"></i>
4571
4619
  </td>
4572
- <td role="cell" data-label="Action">
4620
+ <td
4621
+ class="pf-v5-c-table__td"
4622
+ role="cell"
4623
+ data-label="Action"
4624
+ >
4573
4625
  <a href="#">Action link</a>
4574
4626
  </td>
4575
- <td class="pf-v5-c-table__action" role="cell">
4627
+ <td
4628
+ class="pf-v5-c-table__td pf-v5-c-table__action"
4629
+ role="cell"
4630
+ >
4576
4631
  <div class="pf-v5-c-dropdown">
4577
4632
  <button
4578
4633
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -4626,8 +4681,11 @@ wrapperTag: div
4626
4681
  </div>
4627
4682
  </td>
4628
4683
  </tr>
4629
- <tr role="row">
4630
- <td class="pf-v5-c-table__check" role="cell">
4684
+ <tr class="pf-v5-c-table__tr" role="row">
4685
+ <td
4686
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4687
+ role="cell"
4688
+ >
4631
4689
  <div class="pf-v5-c-check pf-m-standalone">
4632
4690
  <input
4633
4691
  class="pf-v5-c-check__input"
@@ -4637,24 +4695,51 @@ wrapperTag: div
4637
4695
  />
4638
4696
  </div>
4639
4697
  </td>
4640
- <th role="columnheader" data-label="Contributor">
4698
+ <th
4699
+ class="pf-v5-c-table__th"
4700
+ role="columnheader"
4701
+ data-label="Contributor"
4702
+ >
4641
4703
  <span id="compact-table-demo-data-list-name2">Amy Miller</span>
4642
4704
  </th>
4643
- <td role="cell" data-label="Position">Visual design</td>
4644
- <td role="cell" data-label="Location">Raleigh</td>
4645
- <td role="cell" data-label="Last seen">May 9, 2018</td>
4646
- <td role="cell" data-label="Numbers">9492</td>
4647
4705
  <td
4648
- class="pf-v5-c-table__icon"
4706
+ class="pf-v5-c-table__td"
4707
+ role="cell"
4708
+ data-label="Position"
4709
+ >Visual design</td>
4710
+ <td
4711
+ class="pf-v5-c-table__td"
4712
+ role="cell"
4713
+ data-label="Location"
4714
+ >Raleigh</td>
4715
+ <td
4716
+ class="pf-v5-c-table__td"
4717
+ role="cell"
4718
+ data-label="Last seen"
4719
+ >May 9, 2018</td>
4720
+ <td
4721
+ class="pf-v5-c-table__td"
4722
+ role="cell"
4723
+ data-label="Numbers"
4724
+ >9492</td>
4725
+ <td
4726
+ class="pf-v5-c-table__td pf-v5-c-table__icon"
4649
4727
  role="cell"
4650
4728
  data-label="Icon"
4651
4729
  >
4652
4730
  <i class="fas fa-check"></i>
4653
4731
  </td>
4654
- <td role="cell" data-label="Action">
4732
+ <td
4733
+ class="pf-v5-c-table__td"
4734
+ role="cell"
4735
+ data-label="Action"
4736
+ >
4655
4737
  <a href="#">Action link</a>
4656
4738
  </td>
4657
- <td class="pf-v5-c-table__action" role="cell">
4739
+ <td
4740
+ class="pf-v5-c-table__td pf-v5-c-table__action"
4741
+ role="cell"
4742
+ >
4658
4743
  <div class="pf-v5-c-dropdown">
4659
4744
  <button
4660
4745
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -4708,8 +4793,11 @@ wrapperTag: div
4708
4793
  </div>
4709
4794
  </td>
4710
4795
  </tr>
4711
- <tr role="row">
4712
- <td class="pf-v5-c-table__check" role="cell">
4796
+ <tr class="pf-v5-c-table__tr" role="row">
4797
+ <td
4798
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4799
+ role="cell"
4800
+ >
4713
4801
  <div class="pf-v5-c-check pf-m-standalone">
4714
4802
  <input
4715
4803
  class="pf-v5-c-check__input"
@@ -4719,30 +4807,53 @@ wrapperTag: div
4719
4807
  />
4720
4808
  </div>
4721
4809
  </td>
4722
- <th role="columnheader" data-label="Contributor">
4810
+ <th
4811
+ class="pf-v5-c-table__th"
4812
+ role="columnheader"
4813
+ data-label="Contributor"
4814
+ >
4723
4815
  <span
4724
4816
  id="compact-table-demo-data-list-name3"
4725
4817
  >Steve Wilson</span>
4726
4818
  </th>
4727
4819
  <td
4728
- class
4820
+ class="pf-v5-c-table__td"
4729
4821
  role="cell"
4730
4822
  data-label="Position"
4731
4823
  >Visual design lead</td>
4732
- <td role="cell" data-label="Location">Westford</td>
4733
- <td role="cell" data-label="Last seen">May 9, 2018</td>
4734
- <td role="cell" data-label="Numbers">9929</td>
4735
4824
  <td
4736
- class="pf-v5-c-table__icon"
4825
+ class="pf-v5-c-table__td"
4826
+ role="cell"
4827
+ data-label="Location"
4828
+ >Westford</td>
4829
+ <td
4830
+ class="pf-v5-c-table__td"
4831
+ role="cell"
4832
+ data-label="Last seen"
4833
+ >May 9, 2018</td>
4834
+ <td
4835
+ class="pf-v5-c-table__td"
4836
+ role="cell"
4837
+ data-label="Numbers"
4838
+ >9929</td>
4839
+ <td
4840
+ class="pf-v5-c-table__td pf-v5-c-table__icon"
4737
4841
  role="cell"
4738
4842
  data-label="Icon"
4739
4843
  >
4740
4844
  <i class="fas fa-check"></i>
4741
4845
  </td>
4742
- <td role="cell" data-label="Action">
4846
+ <td
4847
+ class="pf-v5-c-table__td"
4848
+ role="cell"
4849
+ data-label="Action"
4850
+ >
4743
4851
  <a href="#">Action link</a>
4744
4852
  </td>
4745
- <td class="pf-v5-c-table__action" role="cell">
4853
+ <td
4854
+ class="pf-v5-c-table__td pf-v5-c-table__action"
4855
+ role="cell"
4856
+ >
4746
4857
  <div class="pf-v5-c-dropdown">
4747
4858
  <button
4748
4859
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -4796,8 +4907,11 @@ wrapperTag: div
4796
4907
  </div>
4797
4908
  </td>
4798
4909
  </tr>
4799
- <tr role="row">
4800
- <td class="pf-v5-c-table__check" role="cell">
4910
+ <tr class="pf-v5-c-table__tr" role="row">
4911
+ <td
4912
+ class="pf-v5-c-table__td pf-v5-c-table__check"
4913
+ role="cell"
4914
+ >
4801
4915
  <div class="pf-v5-c-check pf-m-standalone">
4802
4916
  <input
4803
4917
  class="pf-v5-c-check__input"
@@ -4807,30 +4921,53 @@ wrapperTag: div
4807
4921
  />
4808
4922
  </div>
4809
4923
  </td>
4810
- <td role="cell" data-label="Contributor name">
4924
+ <td
4925
+ class="pf-v5-c-table__td"
4926
+ role="cell"
4927
+ data-label="Contributor name"
4928
+ >
4811
4929
  <span
4812
4930
  id="compact-table-demo-data-list-name4"
4813
4931
  >Emma Jackson</span>
4814
4932
  </td>
4815
4933
  <td
4816
- class
4934
+ class="pf-v5-c-table__td"
4817
4935
  role="cell"
4818
4936
  data-label="Position"
4819
4937
  >Interaction design</td>
4820
- <td role="cell" data-label="Location">Westford</td>
4821
- <td role="cell" data-label="Workspaces">May 9, 2018</td>
4822
- <td role="cell" data-label="Last commit">2217</td>
4823
4938
  <td
4824
- class="pf-v5-c-table__icon"
4939
+ class="pf-v5-c-table__td"
4940
+ role="cell"
4941
+ data-label="Location"
4942
+ >Westford</td>
4943
+ <td
4944
+ class="pf-v5-c-table__td"
4945
+ role="cell"
4946
+ data-label="Workspaces"
4947
+ >May 9, 2018</td>
4948
+ <td
4949
+ class="pf-v5-c-table__td"
4950
+ role="cell"
4951
+ data-label="Last commit"
4952
+ >2217</td>
4953
+ <td
4954
+ class="pf-v5-c-table__td pf-v5-c-table__icon"
4825
4955
  role="cell"
4826
4956
  data-label="Icon"
4827
4957
  >
4828
4958
  <i class="fas fa-check"></i>
4829
4959
  </td>
4830
- <td role="cell" data-label="Action">
4960
+ <td
4961
+ class="pf-v5-c-table__td"
4962
+ role="cell"
4963
+ data-label="Action"
4964
+ >
4831
4965
  <a href="#">Action link</a>
4832
4966
  </td>
4833
- <td class="pf-v5-c-table__action" role="cell">
4967
+ <td
4968
+ class="pf-v5-c-table__td pf-v5-c-table__action"
4969
+ role="cell"
4970
+ >
4834
4971
  <div class="pf-v5-c-dropdown">
4835
4972
  <button
4836
4973
  class="pf-v5-c-dropdown__toggle pf-m-plain"
@@ -5360,14 +5497,15 @@ wrapperTag: div
5360
5497
  </button>
5361
5498
  </div>
5362
5499
  <div class="pf-v5-c-pagination__nav-page-select">
5363
- <input
5364
- class="pf-v5-c-form-control"
5365
- aria-label="Current page"
5366
- type="number"
5367
- min="1"
5368
- max="4"
5369
- value="1"
5370
- />
5500
+ <div class="pf-v5-c-form-control">
5501
+ <input
5502
+ aria-label="Current page"
5503
+ type="number"
5504
+ min="1"
5505
+ max="4"
5506
+ value="1"
5507
+ />
5508
+ </div>
5371
5509
  <span aria-hidden="true">of 4</span>
5372
5510
  </div>
5373
5511
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -6972,14 +7110,15 @@ wrapperTag: div
6972
7110
  </button>
6973
7111
  </div>
6974
7112
  <div class="pf-v5-c-pagination__nav-page-select">
6975
- <input
6976
- class="pf-v5-c-form-control"
6977
- aria-label="Current page"
6978
- type="number"
6979
- min="1"
6980
- max="4"
6981
- value="1"
6982
- />
7113
+ <div class="pf-v5-c-form-control">
7114
+ <input
7115
+ aria-label="Current page"
7116
+ type="number"
7117
+ min="1"
7118
+ max="4"
7119
+ value="1"
7120
+ />
7121
+ </div>
6983
7122
  <span aria-hidden="true">of 4</span>
6984
7123
  </div>
6985
7124
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -3427,28 +3427,44 @@ cssPrefix: pf-d-description-list
3427
3427
  aria-label="Service address"
3428
3428
  id="service-address"
3429
3429
  >
3430
- <thead>
3431
- <tr role="row">
3432
- <th role="columnheader" scope="col">Type</th>
3433
- <th role="columnheader" scope="col">Location</th>
3430
+ <thead class="pf-v5-c-table__thead">
3431
+ <tr class="pf-v5-c-table__tr" role="row">
3432
+ <th
3433
+ class="pf-v5-c-table__th"
3434
+ role="columnheader"
3435
+ scope="col"
3436
+ >Type</th>
3437
+ <th
3438
+ class="pf-v5-c-table__th"
3439
+ role="columnheader"
3440
+ scope="col"
3441
+ >Location</th>
3434
3442
  </tr>
3435
3443
  </thead>
3436
- <tbody role="rowgroup">
3437
- <tr role="row">
3438
- <td role="cell" data-label="Type">Cluster IP</td>
3444
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
3445
+ <tr class="pf-v5-c-table__tr" role="row">
3446
+ <td
3447
+ class="pf-v5-c-table__td"
3448
+ role="cell"
3449
+ data-label="Type"
3450
+ >Cluster IP</td>
3439
3451
  <td
3440
- class
3452
+ class="pf-v5-c-table__td"
3441
3453
  role="cell"
3442
3454
  data-label="Location"
3443
3455
  >172.30.126.106</td>
3444
3456
  </tr>
3445
- <tr role="row">
3457
+ <tr class="pf-v5-c-table__tr" role="row">
3446
3458
  <td
3447
- class
3459
+ class="pf-v5-c-table__td"
3448
3460
  role="cell"
3449
3461
  data-label="Type"
3450
3462
  >Accessible within the cluster only</td>
3451
- <td role="cell" data-label="Location">n/a</td>
3463
+ <td
3464
+ class="pf-v5-c-table__td"
3465
+ role="cell"
3466
+ data-label="Location"
3467
+ >n/a</td>
3452
3468
  </tr>
3453
3469
  </tbody>
3454
3470
  </table>
@@ -3469,22 +3485,42 @@ cssPrefix: pf-d-description-list
3469
3485
  aria-label="Service address"
3470
3486
  id="service-port"
3471
3487
  >
3472
- <thead>
3473
- <tr role="row">
3474
- <th role="columnheader" scope="col">Name</th>
3475
- <th role="columnheader" scope="col">Port</th>
3476
- <th role="columnheader" scope="col">Protocol</th>
3488
+ <thead class="pf-v5-c-table__thead">
3489
+ <tr class="pf-v5-c-table__tr" role="row">
3490
+ <th
3491
+ class="pf-v5-c-table__th"
3492
+ role="columnheader"
3493
+ scope="col"
3494
+ >Name</th>
3495
+ <th
3496
+ class="pf-v5-c-table__th"
3497
+ role="columnheader"
3498
+ scope="col"
3499
+ >Port</th>
3500
+ <th
3501
+ class="pf-v5-c-table__th"
3502
+ role="columnheader"
3503
+ scope="col"
3504
+ >Protocol</th>
3477
3505
  <th
3478
- class
3506
+ class="pf-v5-c-table__th"
3479
3507
  role="columnheader"
3480
3508
  scope="col"
3481
3509
  >Pod port or name</th>
3482
3510
  </tr>
3483
3511
  </thead>
3484
- <tbody role="rowgroup">
3485
- <tr role="row">
3486
- <td role="cell" data-label="Name">--</td>
3487
- <td role="cell" data-label="Port">
3512
+ <tbody class="pf-v5-c-table__tbody" role="rowgroup">
3513
+ <tr class="pf-v5-c-table__tr" role="row">
3514
+ <td
3515
+ class="pf-v5-c-table__td"
3516
+ role="cell"
3517
+ data-label="Name"
3518
+ >--</td>
3519
+ <td
3520
+ class="pf-v5-c-table__td"
3521
+ role="cell"
3522
+ data-label="Port"
3523
+ >
3488
3524
  <div class="pf-v5-l-flex pf-m-space-items-sm">
3489
3525
  <div class="pf-v5-l-flex__item">
3490
3526
  <span
@@ -3498,9 +3534,13 @@ cssPrefix: pf-d-description-list
3498
3534
  <div class="pf-v5-l-flex__item">80</div>
3499
3535
  </div>
3500
3536
  </td>
3501
- <td role="cell" data-label="Protocol">TCP</td>
3502
3537
  <td
3503
- class
3538
+ class="pf-v5-c-table__td"
3539
+ role="cell"
3540
+ data-label="Protocol"
3541
+ >TCP</td>
3542
+ <td
3543
+ class="pf-v5-c-table__td"
3504
3544
  role="cell"
3505
3545
  data-label="Pod port or name"
3506
3546
  >