@patternfly/patternfly 6.0.0-alpha.151 → 6.0.0-alpha.152
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.
- package/components/Table/table.css +10 -3
- package/components/Table/table.scss +13 -4
- package/components/_index.css +10 -3
- package/docs/components/Table/examples/Table.md +22 -10
- package/package.json +1 -1
- package/patternfly-no-globals.css +10 -3
- package/patternfly.css +10 -3
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -419,6 +419,9 @@
|
|
|
419
419
|
.pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
|
|
420
420
|
border-block-end: 0;
|
|
421
421
|
}
|
|
422
|
+
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
423
|
+
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
424
|
+
}
|
|
422
425
|
|
|
423
426
|
.pf-v6-c-table__text {
|
|
424
427
|
--pf-v6-c-table--cell--MaxWidth: 100%;
|
|
@@ -514,14 +517,16 @@
|
|
|
514
517
|
.pf-v6-c-table .pf-v6-c-table__check,
|
|
515
518
|
.pf-v6-c-table .pf-v6-c-table__toggle,
|
|
516
519
|
.pf-v6-c-table .pf-v6-c-table__action,
|
|
517
|
-
.pf-v6-c-table .pf-v6-c-table__favorite,
|
|
518
|
-
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
|
|
519
520
|
.pf-v6-c-table .pf-v6-c-table__inline-edit-action,
|
|
520
521
|
.pf-v6-c-table .pf-v6-c-table__draggable {
|
|
521
522
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
522
523
|
--pf-v6-c-table--cell--Width: 1%;
|
|
523
524
|
}
|
|
524
525
|
|
|
526
|
+
.pf-v6-c-table .pf-v6-c-table__favorite {
|
|
527
|
+
--pf-v6-c-table--cell--MaxWidth: auto;
|
|
528
|
+
}
|
|
529
|
+
|
|
525
530
|
.pf-v6-c-table__toggle {
|
|
526
531
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
|
|
527
532
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
|
|
@@ -659,8 +664,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
659
664
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
660
665
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
661
666
|
}
|
|
662
|
-
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
|
|
667
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
|
|
663
668
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
|
|
669
|
+
}
|
|
670
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
|
|
664
671
|
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
|
|
665
672
|
}
|
|
666
673
|
.pf-v6-c-table__sort.pf-m-help {
|
|
@@ -593,6 +593,10 @@
|
|
|
593
593
|
border-block-end: 0;
|
|
594
594
|
}
|
|
595
595
|
}
|
|
596
|
+
|
|
597
|
+
.#{$button} .#{$table}__sort-indicator {
|
|
598
|
+
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
599
|
+
}
|
|
596
600
|
}
|
|
597
601
|
|
|
598
602
|
// - Table text
|
|
@@ -706,8 +710,6 @@
|
|
|
706
710
|
.#{$table} .#{$table}__check,
|
|
707
711
|
.#{$table} .#{$table}__toggle,
|
|
708
712
|
.#{$table} .#{$table}__action,
|
|
709
|
-
.#{$table} .#{$table}__favorite,
|
|
710
|
-
.#{$table} th:where(.#{$table}__th).pf-m-favorite,
|
|
711
713
|
.#{$table} .#{$table}__inline-edit-action,
|
|
712
714
|
.#{$table} .#{$table}__draggable {
|
|
713
715
|
--#{$table}--cell--MinWidth: 0;
|
|
@@ -715,6 +717,10 @@
|
|
|
715
717
|
}
|
|
716
718
|
// stylelint-enable
|
|
717
719
|
|
|
720
|
+
.#{$table} .#{$table}__favorite {
|
|
721
|
+
--#{$table}--cell--MaxWidth: auto;
|
|
722
|
+
}
|
|
723
|
+
|
|
718
724
|
// - Table toggle
|
|
719
725
|
.#{$table}__toggle {
|
|
720
726
|
--#{$table}--cell--PaddingBlockStart: var(--#{$table}__toggle--PaddingBlockStart);
|
|
@@ -900,11 +906,14 @@
|
|
|
900
906
|
}
|
|
901
907
|
}
|
|
902
908
|
|
|
903
|
-
&.pf-m-selected .#{$table}__button
|
|
909
|
+
&.pf-m-selected .#{$table}__button,
|
|
910
|
+
&.pf-m-selected .#{$button} {
|
|
904
911
|
--#{$table}__sort-indicator--Color: var(--#{$table}__sort--m-selected__sort-indicator--Color);
|
|
905
912
|
|
|
906
913
|
// override state colors on text
|
|
907
|
-
|
|
914
|
+
.#{$table}__text {
|
|
915
|
+
color: var(--#{$table}__sort--m-selected__button--Color);
|
|
916
|
+
}
|
|
908
917
|
}
|
|
909
918
|
|
|
910
919
|
&.pf-m-help {
|
package/components/_index.css
CHANGED
|
@@ -16827,6 +16827,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16827
16827
|
.pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
|
|
16828
16828
|
border-block-end: 0;
|
|
16829
16829
|
}
|
|
16830
|
+
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
16831
|
+
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
16832
|
+
}
|
|
16830
16833
|
|
|
16831
16834
|
.pf-v6-c-table__text {
|
|
16832
16835
|
--pf-v6-c-table--cell--MaxWidth: 100%;
|
|
@@ -16922,14 +16925,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16922
16925
|
.pf-v6-c-table .pf-v6-c-table__check,
|
|
16923
16926
|
.pf-v6-c-table .pf-v6-c-table__toggle,
|
|
16924
16927
|
.pf-v6-c-table .pf-v6-c-table__action,
|
|
16925
|
-
.pf-v6-c-table .pf-v6-c-table__favorite,
|
|
16926
|
-
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
|
|
16927
16928
|
.pf-v6-c-table .pf-v6-c-table__inline-edit-action,
|
|
16928
16929
|
.pf-v6-c-table .pf-v6-c-table__draggable {
|
|
16929
16930
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
16930
16931
|
--pf-v6-c-table--cell--Width: 1%;
|
|
16931
16932
|
}
|
|
16932
16933
|
|
|
16934
|
+
.pf-v6-c-table .pf-v6-c-table__favorite {
|
|
16935
|
+
--pf-v6-c-table--cell--MaxWidth: auto;
|
|
16936
|
+
}
|
|
16937
|
+
|
|
16933
16938
|
.pf-v6-c-table__toggle {
|
|
16934
16939
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
|
|
16935
16940
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
|
|
@@ -17067,8 +17072,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
17067
17072
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
17068
17073
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
17069
17074
|
}
|
|
17070
|
-
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
|
|
17075
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
|
|
17071
17076
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
|
|
17077
|
+
}
|
|
17078
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
|
|
17072
17079
|
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
|
|
17073
17080
|
}
|
|
17074
17081
|
.pf-v6-c-table__sort.pf-m-help {
|
|
@@ -19874,21 +19874,33 @@ For sticky columns to function correctly, the parent table's width must be contr
|
|
|
19874
19874
|
<thead class="pf-v6-c-table__thead">
|
|
19875
19875
|
<tr class="pf-v6-c-table__tr" role="row">
|
|
19876
19876
|
<th
|
|
19877
|
-
class="pf-v6-c-table__th pf-v6-c-table__sort pf-m-selected pf-
|
|
19877
|
+
class="pf-v6-c-table__th pf-v6-c-table__sort pf-m-selected pf-v6-c-table__favorite"
|
|
19878
19878
|
role="columnheader"
|
|
19879
19879
|
aria-sort="none"
|
|
19880
19880
|
scope="col"
|
|
19881
19881
|
>
|
|
19882
|
-
<
|
|
19883
|
-
<
|
|
19884
|
-
<
|
|
19882
|
+
<div class="pf-v6-c-action-list pf-m-icons">
|
|
19883
|
+
<div class="pf-v6-c-action-list__item">
|
|
19884
|
+
<button
|
|
19885
|
+
class="pf-v6-c-button pf-m-plain"
|
|
19886
|
+
type="button"
|
|
19887
|
+
aria-label="Favorite all"
|
|
19888
|
+
>
|
|
19885
19889
|
<i class="fas fa-star" aria-hidden="true"></i>
|
|
19886
|
-
</
|
|
19887
|
-
|
|
19888
|
-
|
|
19889
|
-
|
|
19890
|
-
|
|
19891
|
-
|
|
19890
|
+
</button>
|
|
19891
|
+
</div>
|
|
19892
|
+
<div class="pf-v6-c-action-list__item">
|
|
19893
|
+
<button
|
|
19894
|
+
class="pf-v6-c-button pf-m-plain"
|
|
19895
|
+
type="button"
|
|
19896
|
+
aria-label="Sort favorites"
|
|
19897
|
+
>
|
|
19898
|
+
<span class="pf-v6-c-table__sort-indicator">
|
|
19899
|
+
<i class="fas fa-long-arrow-alt-down"></i>
|
|
19900
|
+
</span>
|
|
19901
|
+
</button>
|
|
19902
|
+
</div>
|
|
19903
|
+
</div>
|
|
19892
19904
|
</th>
|
|
19893
19905
|
|
|
19894
19906
|
<th class="pf-v6-c-table__th" role="columnheader" scope="col">Repositories</th>
|
package/package.json
CHANGED
|
@@ -22847,6 +22847,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22847
22847
|
.pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
|
|
22848
22848
|
border-block-end: 0;
|
|
22849
22849
|
}
|
|
22850
|
+
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
22851
|
+
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
22852
|
+
}
|
|
22850
22853
|
|
|
22851
22854
|
.pf-v6-c-table__text {
|
|
22852
22855
|
--pf-v6-c-table--cell--MaxWidth: 100%;
|
|
@@ -22942,14 +22945,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22942
22945
|
.pf-v6-c-table .pf-v6-c-table__check,
|
|
22943
22946
|
.pf-v6-c-table .pf-v6-c-table__toggle,
|
|
22944
22947
|
.pf-v6-c-table .pf-v6-c-table__action,
|
|
22945
|
-
.pf-v6-c-table .pf-v6-c-table__favorite,
|
|
22946
|
-
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
|
|
22947
22948
|
.pf-v6-c-table .pf-v6-c-table__inline-edit-action,
|
|
22948
22949
|
.pf-v6-c-table .pf-v6-c-table__draggable {
|
|
22949
22950
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
22950
22951
|
--pf-v6-c-table--cell--Width: 1%;
|
|
22951
22952
|
}
|
|
22952
22953
|
|
|
22954
|
+
.pf-v6-c-table .pf-v6-c-table__favorite {
|
|
22955
|
+
--pf-v6-c-table--cell--MaxWidth: auto;
|
|
22956
|
+
}
|
|
22957
|
+
|
|
22953
22958
|
.pf-v6-c-table__toggle {
|
|
22954
22959
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
|
|
22955
22960
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
|
|
@@ -23087,8 +23092,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23087
23092
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
23088
23093
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
23089
23094
|
}
|
|
23090
|
-
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
|
|
23095
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
|
|
23091
23096
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
|
|
23097
|
+
}
|
|
23098
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
|
|
23092
23099
|
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
|
|
23093
23100
|
}
|
|
23094
23101
|
.pf-v6-c-table__sort.pf-m-help {
|
package/patternfly.css
CHANGED
|
@@ -22968,6 +22968,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
22968
22968
|
.pf-v6-c-table .pf-v6-c-table :is(.pf-v6-c-table__tbody, .pf-v6-c-table__tr:last-child) {
|
|
22969
22969
|
border-block-end: 0;
|
|
22970
22970
|
}
|
|
22971
|
+
.pf-v6-c-table .pf-v6-c-button .pf-v6-c-table__sort-indicator {
|
|
22972
|
+
--pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
|
|
22973
|
+
}
|
|
22971
22974
|
|
|
22972
22975
|
.pf-v6-c-table__text {
|
|
22973
22976
|
--pf-v6-c-table--cell--MaxWidth: 100%;
|
|
@@ -23063,14 +23066,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
23063
23066
|
.pf-v6-c-table .pf-v6-c-table__check,
|
|
23064
23067
|
.pf-v6-c-table .pf-v6-c-table__toggle,
|
|
23065
23068
|
.pf-v6-c-table .pf-v6-c-table__action,
|
|
23066
|
-
.pf-v6-c-table .pf-v6-c-table__favorite,
|
|
23067
|
-
.pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-favorite,
|
|
23068
23069
|
.pf-v6-c-table .pf-v6-c-table__inline-edit-action,
|
|
23069
23070
|
.pf-v6-c-table .pf-v6-c-table__draggable {
|
|
23070
23071
|
--pf-v6-c-table--cell--MinWidth: 0;
|
|
23071
23072
|
--pf-v6-c-table--cell--Width: 1%;
|
|
23072
23073
|
}
|
|
23073
23074
|
|
|
23075
|
+
.pf-v6-c-table .pf-v6-c-table__favorite {
|
|
23076
|
+
--pf-v6-c-table--cell--MaxWidth: auto;
|
|
23077
|
+
}
|
|
23078
|
+
|
|
23074
23079
|
.pf-v6-c-table__toggle {
|
|
23075
23080
|
--pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__toggle--PaddingBlockStart);
|
|
23076
23081
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__toggle--PaddingBlockEnd);
|
|
@@ -23208,8 +23213,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23208
23213
|
.pf-v6-c-table__sort .pf-v6-c-table__button .pf-v6-c-table__text {
|
|
23209
23214
|
color: var(--pf-v6-c-table__sort__button__text--Color);
|
|
23210
23215
|
}
|
|
23211
|
-
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
|
|
23216
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button {
|
|
23212
23217
|
--pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
|
|
23218
|
+
}
|
|
23219
|
+
.pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button .pf-v6-c-table__text, .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-button .pf-v6-c-table__text {
|
|
23213
23220
|
color: var(--pf-v6-c-table__sort--m-selected__button--Color);
|
|
23214
23221
|
}
|
|
23215
23222
|
.pf-v6-c-table__sort.pf-m-help {
|