@patternfly/patternfly 6.1.0-prerelease.5 → 6.1.0-prerelease.6

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 (9) hide show
  1. package/components/Table/table.css +6 -4
  2. package/components/Table/table.scss +7 -5
  3. package/components/_index.css +6 -4
  4. package/docs/components/Table/examples/Table.md +4 -246
  5. package/package.json +2 -2
  6. package/patternfly-no-globals.css +6 -4
  7. package/patternfly.css +6 -4
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/components/Table/table.css CHANGED
@@ -27,7 +27,7 @@
27
27
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
28
28
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
29
29
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
30
- --pf-v6-c-table--cell--MinWidth: 0;
30
+ --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
31
31
  --pf-v6-c-table--cell--MaxWidth: none;
32
32
  --pf-v6-c-table--cell--Width: auto;
33
33
  --pf-v6-c-table--cell--Overflow: visible;
@@ -41,6 +41,8 @@
41
41
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
42
42
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
43
43
  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
44
+ --pf-v6-c-table__text--MinWidth: 100%;
45
+ --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
44
46
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
45
47
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
46
48
  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -429,11 +431,10 @@
429
431
  }
430
432
 
431
433
  .pf-v6-c-table__text {
432
- --pf-v6-c-table--cell--MaxWidth: 100%;
433
434
  position: relative;
434
435
  display: block;
435
436
  width: var(--pf-v6-c-table--cell--Width);
436
- min-width: var(--pf-v6-c-table--text--MinWidth);
437
+ min-width: var(--pf-v6-c-table__text--MinWidth);
437
438
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
438
439
  overflow: var(--pf-v6-c-table--cell--Overflow);
439
440
  line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -443,7 +444,7 @@
443
444
  }
444
445
  .pf-v6-c-table__text.pf-m-truncate {
445
446
  --pf-v6-c-table--cell--MinWidth: 100%;
446
- --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
447
+ min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
447
448
  }
448
449
  .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
449
450
  overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -496,6 +497,7 @@
496
497
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
497
498
  .pf-v6-c-table__column-help .pf-v6-c-table__text {
498
499
  min-width: auto;
500
+ max-width: 100%;
499
501
  }
500
502
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
501
503
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
package/components/Table/table.scss CHANGED
@@ -48,7 +48,7 @@
48
48
  --#{$table}__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--#{$table}--cell--Padding--base);
49
49
 
50
50
  // * Table cell - default variables
51
- --#{$table}--cell--MinWidth: 0;
51
+ --#{$table}--cell--MinWidth: calc(var(--#{$table}--cell--PaddingInlineEnd) + var(--#{$table}--cell--PaddingInlineEnd));
52
52
  --#{$table}--cell--MaxWidth: none;
53
53
  --#{$table}--cell--Width: auto;
54
54
  --#{$table}--cell--Overflow: visible;
@@ -70,6 +70,8 @@
70
70
  --#{$table}--m-truncate--cell--MinWidth: calc(5ch + var(--#{$table}--cell--PaddingInlineEnd) + var(--#{$table}--cell--PaddingInlineStart));
71
71
 
72
72
  // * Table truncate
73
+ --#{$table}__text--MinWidth: 100%;
74
+ --#{$table}__text--m-truncate--MinWidth: 5ch;
73
75
  --#{$table}--m-truncate__text--MinWidth: 5ch;
74
76
 
75
77
  // * Table cell hidden visible
@@ -602,12 +604,10 @@
602
604
 
603
605
  // - Table text
604
606
  .#{$table}__text {
605
- --#{$table}--cell--MaxWidth: 100%;
606
-
607
607
  position: relative;
608
608
  display: block;
609
609
  width: var(--#{$table}--cell--Width);
610
- min-width: var(--#{$table}--text--MinWidth);
610
+ min-width: var(--#{$table}__text--MinWidth);
611
611
  max-width: var(--#{$table}--cell--MaxWidth);
612
612
  overflow: var(--#{$table}--cell--Overflow);
613
613
  line-height: var(--#{$table}--cell--LineHeight);
@@ -618,7 +618,8 @@
618
618
  // Only apply these settings if specifically modified
619
619
  &.pf-m-truncate {
620
620
  --#{$table}--cell--MinWidth: 100%;
621
- --#{$table}--text--MinWidth: var(--#{$table}--m-truncate__text--MinWidth);
621
+
622
+ min-width: max(var(--#{$table}__text--m-truncate--MinWidth), var(--#{$table}__text--MinWidth));
622
623
 
623
624
  > :where(th, td) {
624
625
  overflow: var(--#{$table}--cell--Overflow);
@@ -682,6 +683,7 @@
682
683
 
683
684
  .#{$table}__text {
684
685
  min-width: auto;
686
+ max-width: 100%;
685
687
  }
686
688
 
687
689
  .#{$table} thead:where(.#{$table}__thead).pf-m-nowrap &,
package/components/_index.css CHANGED
@@ -16208,7 +16208,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16208
16208
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
16209
16209
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
16210
16210
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
16211
- --pf-v6-c-table--cell--MinWidth: 0;
16211
+ --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
16212
16212
  --pf-v6-c-table--cell--MaxWidth: none;
16213
16213
  --pf-v6-c-table--cell--Width: auto;
16214
16214
  --pf-v6-c-table--cell--Overflow: visible;
@@ -16222,6 +16222,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16222
16222
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
16223
16223
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
16224
16224
  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
16225
+ --pf-v6-c-table__text--MinWidth: 100%;
16226
+ --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
16225
16227
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
16226
16228
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
16227
16229
  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -16610,11 +16612,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16610
16612
  }
16611
16613
 
16612
16614
  .pf-v6-c-table__text {
16613
- --pf-v6-c-table--cell--MaxWidth: 100%;
16614
16615
  position: relative;
16615
16616
  display: block;
16616
16617
  width: var(--pf-v6-c-table--cell--Width);
16617
- min-width: var(--pf-v6-c-table--text--MinWidth);
16618
+ min-width: var(--pf-v6-c-table__text--MinWidth);
16618
16619
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
16619
16620
  overflow: var(--pf-v6-c-table--cell--Overflow);
16620
16621
  line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -16624,7 +16625,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16624
16625
  }
16625
16626
  .pf-v6-c-table__text.pf-m-truncate {
16626
16627
  --pf-v6-c-table--cell--MinWidth: 100%;
16627
- --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
16628
+ min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
16628
16629
  }
16629
16630
  .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
16630
16631
  overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -16677,6 +16678,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16677
16678
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
16678
16679
  .pf-v6-c-table__column-help .pf-v6-c-table__text {
16679
16680
  min-width: auto;
16681
+ max-width: 100%;
16680
16682
  }
16681
16683
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
16682
16684
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,
package/docs/components/Table/examples/Table.md CHANGED
@@ -18830,57 +18830,6 @@ For sticky columns to function correctly, the parent table's width must be contr
18830
18830
  colspan="2"
18831
18831
  >Ports</th>
18832
18832
 
18833
- <th
18834
- class="pf-v6-c-table__th pf-m-border-right pf-m-fit-content pf-v6-c-table__sort"
18835
- role="columnheader"
18836
- aria-sort="none"
18837
- scope="col"
18838
- rowspan="2"
18839
- >
18840
- <button class="pf-v6-c-table__button">
18841
- <span class="pf-v6-c-table__button-content">
18842
- <span class="pf-v6-c-table__text">Protocol</span>
18843
- <span class="pf-v6-c-table__sort-indicator">
18844
- <i class="fas fa-arrows-alt-v"></i>
18845
- </span>
18846
- </span>
18847
- </button>
18848
- </th>
18849
-
18850
- <th
18851
- class="pf-v6-c-table__th pf-m-border-right pf-m-fit-content pf-v6-c-table__sort"
18852
- role="columnheader"
18853
- aria-sort="none"
18854
- scope="col"
18855
- rowspan="2"
18856
- >
18857
- <button class="pf-v6-c-table__button">
18858
- <span class="pf-v6-c-table__button-content">
18859
- <span class="pf-v6-c-table__text">Flow rate</span>
18860
- <span class="pf-v6-c-table__sort-indicator">
18861
- <i class="fas fa-arrows-alt-v"></i>
18862
- </span>
18863
- </span>
18864
- </button>
18865
- </th>
18866
-
18867
- <th
18868
- class="pf-v6-c-table__th pf-m-border-right pf-m-fit-content pf-v6-c-table__sort"
18869
- role="columnheader"
18870
- aria-sort="none"
18871
- scope="col"
18872
- rowspan="2"
18873
- >
18874
- <button class="pf-v6-c-table__button">
18875
- <span class="pf-v6-c-table__button-content">
18876
- <span class="pf-v6-c-table__text">Traffic</span>
18877
- <span class="pf-v6-c-table__sort-indicator">
18878
- <i class="fas fa-arrows-alt-v"></i>
18879
- </span>
18880
- </span>
18881
- </button>
18882
- </th>
18883
-
18884
18833
  <th
18885
18834
  class="pf-v6-c-table__th pf-m-fit-content pf-v6-c-table__sort"
18886
18835
  role="columnheader"
@@ -18901,7 +18850,7 @@ For sticky columns to function correctly, the parent table's width must be contr
18901
18850
 
18902
18851
  <tr class="pf-v6-c-table__tr" role="row">
18903
18852
  <th
18904
- class="pf-v6-c-table__th pf-v6-c-table__subhead pf-v6-c-table__sort"
18853
+ class="pf-v6-c-table__th pf-v6-c-table__subhead pf-m-wrap pf-v6-c-table__sort"
18905
18854
  role="columnheader"
18906
18855
  aria-sort="none"
18907
18856
  scope="col"
@@ -18917,7 +18866,7 @@ For sticky columns to function correctly, the parent table's width must be contr
18917
18866
  </th>
18918
18867
 
18919
18868
  <th
18920
- class="pf-v6-c-table__th pf-v6-c-table__subhead pf-v6-c-table__sort"
18869
+ class="pf-v6-c-table__th pf-v6-c-table__subhead pf-m-wrap pf-v6-c-table__sort"
18921
18870
  role="columnheader"
18922
18871
  aria-sort="none"
18923
18872
  scope="col"
@@ -19034,13 +18983,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19034
18983
  <span class="pf-v6-u-color-200">(smtp)</span>
19035
18984
  </div>
19036
18985
  </td>
19037
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19038
- <td
19039
- class="pf-v6-c-table__td"
19040
- role="cell"
19041
- data-label="Flow rate"
19042
- >1.9 Kbps</td>
19043
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19044
18986
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19045
18987
  </tr>
19046
18988
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19094,13 +19036,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19094
19036
  <span class="pf-v6-u-color-200">(smtp)</span>
19095
19037
  </div>
19096
19038
  </td>
19097
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19098
- <td
19099
- class="pf-v6-c-table__td"
19100
- role="cell"
19101
- data-label="Flow rate"
19102
- >1.9 Kbps</td>
19103
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19104
19039
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19105
19040
  </tr>
19106
19041
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19154,13 +19089,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19154
19089
  <span class="pf-v6-u-color-200">(smtp)</span>
19155
19090
  </div>
19156
19091
  </td>
19157
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19158
- <td
19159
- class="pf-v6-c-table__td"
19160
- role="cell"
19161
- data-label="Flow rate"
19162
- >1.9 Kbps</td>
19163
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19164
19092
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19165
19093
  </tr>
19166
19094
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19214,13 +19142,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19214
19142
  <span class="pf-v6-u-color-200">(smtp)</span>
19215
19143
  </div>
19216
19144
  </td>
19217
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19218
- <td
19219
- class="pf-v6-c-table__td"
19220
- role="cell"
19221
- data-label="Flow rate"
19222
- >1.9 Kbps</td>
19223
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19224
19145
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19225
19146
  </tr>
19226
19147
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19274,13 +19195,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19274
19195
  <span class="pf-v6-u-color-200">(smtp)</span>
19275
19196
  </div>
19276
19197
  </td>
19277
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19278
- <td
19279
- class="pf-v6-c-table__td"
19280
- role="cell"
19281
- data-label="Flow rate"
19282
- >1.9 Kbps</td>
19283
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19284
19198
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19285
19199
  </tr>
19286
19200
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19334,13 +19248,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19334
19248
  <span class="pf-v6-u-color-200">(smtp)</span>
19335
19249
  </div>
19336
19250
  </td>
19337
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19338
- <td
19339
- class="pf-v6-c-table__td"
19340
- role="cell"
19341
- data-label="Flow rate"
19342
- >1.9 Kbps</td>
19343
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19344
19251
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19345
19252
  </tr>
19346
19253
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19394,13 +19301,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19394
19301
  <span class="pf-v6-u-color-200">(smtp)</span>
19395
19302
  </div>
19396
19303
  </td>
19397
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19398
- <td
19399
- class="pf-v6-c-table__td"
19400
- role="cell"
19401
- data-label="Flow rate"
19402
- >1.9 Kbps</td>
19403
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19404
19304
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19405
19305
  </tr>
19406
19306
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19454,13 +19354,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19454
19354
  <span class="pf-v6-u-color-200">(smtp)</span>
19455
19355
  </div>
19456
19356
  </td>
19457
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19458
- <td
19459
- class="pf-v6-c-table__td"
19460
- role="cell"
19461
- data-label="Flow rate"
19462
- >1.9 Kbps</td>
19463
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19464
19357
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19465
19358
  </tr>
19466
19359
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19514,13 +19407,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19514
19407
  <span class="pf-v6-u-color-200">(smtp)</span>
19515
19408
  </div>
19516
19409
  </td>
19517
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19518
- <td
19519
- class="pf-v6-c-table__td"
19520
- role="cell"
19521
- data-label="Flow rate"
19522
- >1.9 Kbps</td>
19523
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19524
19410
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19525
19411
  </tr>
19526
19412
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19574,13 +19460,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19574
19460
  <span class="pf-v6-u-color-200">(smtp)</span>
19575
19461
  </div>
19576
19462
  </td>
19577
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19578
- <td
19579
- class="pf-v6-c-table__td"
19580
- role="cell"
19581
- data-label="Flow rate"
19582
- >1.9 Kbps</td>
19583
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19584
19463
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19585
19464
  </tr>
19586
19465
  </tbody>
@@ -19615,57 +19494,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19615
19494
  colspan="2"
19616
19495
  >Ports</th>
19617
19496
 
19618
- <th
19619
- class="pf-v6-c-table__th pf-m-border-right pf-m-fit-content pf-v6-c-table__sort"
19620
- role="columnheader"
19621
- aria-sort="none"
19622
- scope="col"
19623
- rowspan="2"
19624
- >
19625
- <button class="pf-v6-c-table__button">
19626
- <span class="pf-v6-c-table__button-content">
19627
- <span class="pf-v6-c-table__text">Protocol</span>
19628
- <span class="pf-v6-c-table__sort-indicator">
19629
- <i class="fas fa-arrows-alt-v"></i>
19630
- </span>
19631
- </span>
19632
- </button>
19633
- </th>
19634
-
19635
- <th
19636
- class="pf-v6-c-table__th pf-m-border-right pf-m-fit-content pf-v6-c-table__sort"
19637
- role="columnheader"
19638
- aria-sort="none"
19639
- scope="col"
19640
- rowspan="2"
19641
- >
19642
- <button class="pf-v6-c-table__button">
19643
- <span class="pf-v6-c-table__button-content">
19644
- <span class="pf-v6-c-table__text">Flow rate</span>
19645
- <span class="pf-v6-c-table__sort-indicator">
19646
- <i class="fas fa-arrows-alt-v"></i>
19647
- </span>
19648
- </span>
19649
- </button>
19650
- </th>
19651
-
19652
- <th
19653
- class="pf-v6-c-table__th pf-m-border-right pf-m-fit-content pf-v6-c-table__sort"
19654
- role="columnheader"
19655
- aria-sort="none"
19656
- scope="col"
19657
- rowspan="2"
19658
- >
19659
- <button class="pf-v6-c-table__button">
19660
- <span class="pf-v6-c-table__button-content">
19661
- <span class="pf-v6-c-table__text">Traffic</span>
19662
- <span class="pf-v6-c-table__sort-indicator">
19663
- <i class="fas fa-arrows-alt-v"></i>
19664
- </span>
19665
- </span>
19666
- </button>
19667
- </th>
19668
-
19669
19497
  <th
19670
19498
  class="pf-v6-c-table__th pf-m-fit-content pf-v6-c-table__sort"
19671
19499
  role="columnheader"
@@ -19686,7 +19514,7 @@ For sticky columns to function correctly, the parent table's width must be contr
19686
19514
 
19687
19515
  <tr class="pf-v6-c-table__tr" role="row">
19688
19516
  <th
19689
- class="pf-v6-c-table__th pf-v6-c-table__subhead pf-v6-c-table__sort"
19517
+ class="pf-v6-c-table__th pf-v6-c-table__subhead pf-m-wrap pf-v6-c-table__sort"
19690
19518
  role="columnheader"
19691
19519
  aria-sort="none"
19692
19520
  scope="col"
@@ -19702,7 +19530,7 @@ For sticky columns to function correctly, the parent table's width must be contr
19702
19530
  </th>
19703
19531
 
19704
19532
  <th
19705
- class="pf-v6-c-table__th pf-v6-c-table__subhead pf-v6-c-table__sort"
19533
+ class="pf-v6-c-table__th pf-v6-c-table__subhead pf-m-wrap pf-v6-c-table__sort"
19706
19534
  role="columnheader"
19707
19535
  aria-sort="none"
19708
19536
  scope="col"
@@ -19819,13 +19647,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19819
19647
  <span class="pf-v6-u-color-200">(smtp)</span>
19820
19648
  </div>
19821
19649
  </td>
19822
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19823
- <td
19824
- class="pf-v6-c-table__td"
19825
- role="cell"
19826
- data-label="Flow rate"
19827
- >1.9 Kbps</td>
19828
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19829
19650
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19830
19651
  </tr>
19831
19652
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19879,13 +19700,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19879
19700
  <span class="pf-v6-u-color-200">(smtp)</span>
19880
19701
  </div>
19881
19702
  </td>
19882
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19883
- <td
19884
- class="pf-v6-c-table__td"
19885
- role="cell"
19886
- data-label="Flow rate"
19887
- >1.9 Kbps</td>
19888
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19889
19703
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19890
19704
  </tr>
19891
19705
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19939,13 +19753,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19939
19753
  <span class="pf-v6-u-color-200">(smtp)</span>
19940
19754
  </div>
19941
19755
  </td>
19942
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
19943
- <td
19944
- class="pf-v6-c-table__td"
19945
- role="cell"
19946
- data-label="Flow rate"
19947
- >1.9 Kbps</td>
19948
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
19949
19756
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
19950
19757
  </tr>
19951
19758
  <tr class="pf-v6-c-table__tr" role="row">
@@ -19999,13 +19806,6 @@ For sticky columns to function correctly, the parent table's width must be contr
19999
19806
  <span class="pf-v6-u-color-200">(smtp)</span>
20000
19807
  </div>
20001
19808
  </td>
20002
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
20003
- <td
20004
- class="pf-v6-c-table__td"
20005
- role="cell"
20006
- data-label="Flow rate"
20007
- >1.9 Kbps</td>
20008
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
20009
19809
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
20010
19810
  </tr>
20011
19811
  <tr class="pf-v6-c-table__tr" role="row">
@@ -20059,13 +19859,6 @@ For sticky columns to function correctly, the parent table's width must be contr
20059
19859
  <span class="pf-v6-u-color-200">(smtp)</span>
20060
19860
  </div>
20061
19861
  </td>
20062
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
20063
- <td
20064
- class="pf-v6-c-table__td"
20065
- role="cell"
20066
- data-label="Flow rate"
20067
- >1.9 Kbps</td>
20068
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
20069
19862
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
20070
19863
  </tr>
20071
19864
  <tr class="pf-v6-c-table__tr" role="row">
@@ -20119,13 +19912,6 @@ For sticky columns to function correctly, the parent table's width must be contr
20119
19912
  <span class="pf-v6-u-color-200">(smtp)</span>
20120
19913
  </div>
20121
19914
  </td>
20122
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
20123
- <td
20124
- class="pf-v6-c-table__td"
20125
- role="cell"
20126
- data-label="Flow rate"
20127
- >1.9 Kbps</td>
20128
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
20129
19915
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
20130
19916
  </tr>
20131
19917
  <tr class="pf-v6-c-table__tr" role="row">
@@ -20179,13 +19965,6 @@ For sticky columns to function correctly, the parent table's width must be contr
20179
19965
  <span class="pf-v6-u-color-200">(smtp)</span>
20180
19966
  </div>
20181
19967
  </td>
20182
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
20183
- <td
20184
- class="pf-v6-c-table__td"
20185
- role="cell"
20186
- data-label="Flow rate"
20187
- >1.9 Kbps</td>
20188
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
20189
19968
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
20190
19969
  </tr>
20191
19970
  <tr class="pf-v6-c-table__tr" role="row">
@@ -20239,13 +20018,6 @@ For sticky columns to function correctly, the parent table's width must be contr
20239
20018
  <span class="pf-v6-u-color-200">(smtp)</span>
20240
20019
  </div>
20241
20020
  </td>
20242
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
20243
- <td
20244
- class="pf-v6-c-table__td"
20245
- role="cell"
20246
- data-label="Flow rate"
20247
- >1.9 Kbps</td>
20248
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
20249
20021
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
20250
20022
  </tr>
20251
20023
  <tr class="pf-v6-c-table__tr" role="row">
@@ -20299,13 +20071,6 @@ For sticky columns to function correctly, the parent table's width must be contr
20299
20071
  <span class="pf-v6-u-color-200">(smtp)</span>
20300
20072
  </div>
20301
20073
  </td>
20302
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
20303
- <td
20304
- class="pf-v6-c-table__td"
20305
- role="cell"
20306
- data-label="Flow rate"
20307
- >1.9 Kbps</td>
20308
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
20309
20074
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
20310
20075
  </tr>
20311
20076
  <tr class="pf-v6-c-table__tr" role="row">
@@ -20359,13 +20124,6 @@ For sticky columns to function correctly, the parent table's width must be contr
20359
20124
  <span class="pf-v6-u-color-200">(smtp)</span>
20360
20125
  </div>
20361
20126
  </td>
20362
- <td class="pf-v6-c-table__td" role="cell" data-label="Protocol">TCP</td>
20363
- <td
20364
- class="pf-v6-c-table__td"
20365
- role="cell"
20366
- data-label="Flow rate"
20367
- >1.9 Kbps</td>
20368
- <td class="pf-v6-c-table__td" role="cell" data-label="Traffic">2.1 KB</td>
20369
20127
  <td class="pf-v6-c-table__td" role="cell" data-label="Packets">3</td>
20370
20128
  </tr>
20371
20129
  </tbody>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.1.0-prerelease.5",
4
+ "version": "6.1.0-prerelease.6",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,7 +47,7 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.8",
50
+ "@patternfly/documentation-framework": "6.0.10",
51
51
  "@patternfly/patternfly-a11y": "5.0.0",
52
52
  "@patternfly/react-code-editor": "6.0.0",
53
53
  "@patternfly/react-core": "6.0.0",
package/patternfly-no-globals.css CHANGED
@@ -23670,7 +23670,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23670
23670
  --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
23671
23671
  --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
23672
23672
  --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
23673
- --pf-v6-c-table--cell--MinWidth: 0;
23673
+ --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
23674
23674
  --pf-v6-c-table--cell--MaxWidth: none;
23675
23675
  --pf-v6-c-table--cell--Width: auto;
23676
23676
  --pf-v6-c-table--cell--Overflow: visible;
@@ -23684,6 +23684,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23684
23684
  --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
23685
23685
  --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
23686
23686
  --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
23687
+ --pf-v6-c-table__text--MinWidth: 100%;
23688
+ --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
23687
23689
  --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
23688
23690
  --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
23689
23691
  --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -24072,11 +24074,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24072
24074
  }
24073
24075
 
24074
24076
  .pf-v6-c-table__text {
24075
- --pf-v6-c-table--cell--MaxWidth: 100%;
24076
24077
  position: relative;
24077
24078
  display: block;
24078
24079
  width: var(--pf-v6-c-table--cell--Width);
24079
- min-width: var(--pf-v6-c-table--text--MinWidth);
24080
+ min-width: var(--pf-v6-c-table__text--MinWidth);
24080
24081
  max-width: var(--pf-v6-c-table--cell--MaxWidth);
24081
24082
  overflow: var(--pf-v6-c-table--cell--Overflow);
24082
24083
  line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -24086,7 +24087,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24086
24087
  }
24087
24088
  .pf-v6-c-table__text.pf-m-truncate {
24088
24089
  --pf-v6-c-table--cell--MinWidth: 100%;
24089
- --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
24090
+ min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
24090
24091
  }
24091
24092
  .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
24092
24093
  overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -24139,6 +24140,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24139
24140
  .pf-v6-c-table__button-content .pf-v6-c-table__text,
24140
24141
  .pf-v6-c-table__column-help .pf-v6-c-table__text {
24141
24142
  min-width: auto;
24143
+ max-width: 100%;
24142
24144
  }
24143
24145
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
24144
24146
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,