@patternfly/patternfly 6.3.0 → 6.3.1
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 +12 -1
- package/components/Table/table.scss +15 -2
- package/components/TextInputGroup/text-input-group.css +4 -0
- package/components/TextInputGroup/text-input-group.scss +4 -0
- package/components/_index.css +16 -1
- package/package.json +1 -1
- package/patternfly-no-globals.css +16 -1
- package/patternfly.css +16 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
11
11
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
12
12
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
13
|
-
--pf-v6-c-table__thead__toggle--
|
|
13
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
14
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
14
15
|
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
15
16
|
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
16
17
|
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -613,6 +614,12 @@
|
|
|
613
614
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
|
|
614
615
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
|
|
615
616
|
}
|
|
617
|
+
.pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
618
|
+
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
619
|
+
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
620
|
+
line-height: 1lh;
|
|
621
|
+
}
|
|
622
|
+
|
|
616
623
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
617
624
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
618
625
|
}
|
|
@@ -735,6 +742,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
735
742
|
align-self: last baseline;
|
|
736
743
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
737
744
|
}
|
|
745
|
+
.pf-v6-c-table__column-help-action .pf-v6-c-button {
|
|
746
|
+
line-height: 1lh;
|
|
747
|
+
}
|
|
738
748
|
|
|
739
749
|
.pf-v6-c-table__sort {
|
|
740
750
|
vertical-align: bottom;
|
|
@@ -845,6 +855,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
845
855
|
|
|
846
856
|
.pf-v6-c-table__thead {
|
|
847
857
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
858
|
+
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
|
|
848
859
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
|
849
860
|
vertical-align: bottom;
|
|
850
861
|
}
|
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
--#{$table}__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
22
22
|
|
|
23
23
|
// * Table thead toggle
|
|
24
|
-
--#{$table}__thead__toggle--
|
|
24
|
+
--#{$table}__thead__toggle--PaddingBlockStart: var(--#{$table}--cell--Padding--base); // TODO - remove thead toggle custom padding in breaking change
|
|
25
|
+
--#{$table}__thead__toggle--PaddingBlockEnd: var(--#{$table}--cell--Padding--base); // TODO - remove thead toggle custom padding in breaking change
|
|
25
26
|
|
|
26
27
|
// * Table body cell
|
|
27
28
|
--#{$table}__tbody--cell--PaddingBlockStart: var(--#{$table}--cell--Padding--base);
|
|
@@ -835,13 +836,20 @@
|
|
|
835
836
|
--#{$table}--cell--PaddingInlineStart: var(--#{$table}__toggle--PaddingInlineStart);
|
|
836
837
|
--#{$table}--cell--PaddingInlineEnd: var(--#{$table}__toggle--PaddingInlineEnd);
|
|
837
838
|
|
|
839
|
+
@at-root .#{$table}__thead & {
|
|
840
|
+
.#{$button} {
|
|
841
|
+
margin-block-start: calc(var(--#{$button}--PaddingBlockStart) * -1);
|
|
842
|
+
margin-block-end: calc(var(--#{$button}--PaddingBlockEnd) * -1);
|
|
843
|
+
line-height: 1lh; // set line-height instead of --LineHeight to avoid breaking the min-width calc for plain buttons
|
|
844
|
+
}
|
|
845
|
+
}
|
|
846
|
+
|
|
838
847
|
.#{$button} {
|
|
839
848
|
&.pf-m-expanded .#{$table}__toggle-icon {
|
|
840
849
|
transform: rotate(var(--#{$table}__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
841
850
|
}
|
|
842
851
|
}
|
|
843
852
|
|
|
844
|
-
|
|
845
853
|
.#{$table}__toggle-icon {
|
|
846
854
|
@include pf-v6-mirror-inline-on-rtl;
|
|
847
855
|
|
|
@@ -997,6 +1005,10 @@
|
|
|
997
1005
|
.#{$table}__column-help-action {
|
|
998
1006
|
align-self: last baseline;
|
|
999
1007
|
margin-inline-start: var(--#{$table}__column-help--MarginInlineStart);
|
|
1008
|
+
|
|
1009
|
+
.#{$button} {
|
|
1010
|
+
line-height: 1lh; // set line-height instead of --LineHeight to avoid breaking the min-width calc for plain buttons
|
|
1011
|
+
}
|
|
1000
1012
|
}
|
|
1001
1013
|
|
|
1002
1014
|
// - Table sort
|
|
@@ -1157,6 +1169,7 @@
|
|
|
1157
1169
|
// - Table thead
|
|
1158
1170
|
.#{$table}__thead {
|
|
1159
1171
|
--#{$table}__tr--BorderBlockEndWidth: 0;
|
|
1172
|
+
--#{$table}__toggle--PaddingBlockStart: var(--#{$table}__thead__toggle--PaddingBlockStart);
|
|
1160
1173
|
--#{$table}__toggle--PaddingBlockEnd: var(--#{$table}__thead__toggle--PaddingBlockEnd);
|
|
1161
1174
|
|
|
1162
1175
|
vertical-align: bottom;
|
|
@@ -31,6 +31,7 @@
|
|
|
31
31
|
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
32
32
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
|
33
33
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
34
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
|
|
34
35
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
35
36
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
36
37
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
|
@@ -77,6 +78,8 @@
|
|
|
77
78
|
}
|
|
78
79
|
.pf-v6-c-text-input-group.pf-m-disabled {
|
|
79
80
|
--pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
81
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
82
|
+
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
80
83
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
|
|
81
84
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
|
|
82
85
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
|
|
@@ -187,6 +190,7 @@
|
|
|
187
190
|
padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
|
|
188
191
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
189
192
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
193
|
+
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
190
194
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
191
195
|
border: 0;
|
|
192
196
|
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
@@ -44,6 +44,7 @@
|
|
|
44
44
|
--#{$text-input-group}__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
45
45
|
--#{$text-input-group}__text-input--MinWidth: 12ch;
|
|
46
46
|
--#{$text-input-group}__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
47
|
+
--#{$text-input-group}__text-input--Color: var(--pf-t--global--text--color--regular);
|
|
47
48
|
--#{$text-input-group}__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
48
49
|
--#{$text-input-group}__text-input--BackgroundColor: transparent;
|
|
49
50
|
--#{$text-input-group}__text-input--OutlineOffset: -6px;
|
|
@@ -97,6 +98,8 @@
|
|
|
97
98
|
|
|
98
99
|
&.pf-m-disabled {
|
|
99
100
|
--#{$text-input-group}--Color: var(--#{$text-input-group}--m-disabled--Color);
|
|
101
|
+
--#{$text-input-group}__text-input--Color: var(--#{$text-input-group}--m-disabled--Color);
|
|
102
|
+
--#{$text-input-group}__text-input--placeholder--Color: var(--#{$text-input-group}--m-disabled--Color);
|
|
100
103
|
--#{$text-input-group}__icon--Color: var(--#{$text-input-group}--m-disabled__icon--Color);
|
|
101
104
|
--#{$text-input-group}__icon--m-status--Color: var(--#{$text-input-group}--m-disabled__icon--m-status--Color);
|
|
102
105
|
--#{$text-input-group}--BackgroundColor: var(--#{$text-input-group}--m-disabled--BackgroundColor);
|
|
@@ -213,6 +216,7 @@
|
|
|
213
216
|
padding-block-end: var(--#{$text-input-group}__text-input--PaddingBlockEnd);
|
|
214
217
|
padding-inline-start: var(--#{$text-input-group}__text-input--PaddingInlineStart);
|
|
215
218
|
padding-inline-end: var(--#{$text-input-group}__text-input--PaddingInlineEnd);
|
|
219
|
+
color: var(--#{$text-input-group}__text-input--Color);
|
|
216
220
|
background-color: var(--#{$text-input-group}__text-input--BackgroundColor);
|
|
217
221
|
border: 0;
|
|
218
222
|
outline-offset: var(--#{$text-input-group}__text-input--OutlineOffset);
|
package/components/_index.css
CHANGED
|
@@ -17276,7 +17276,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17276
17276
|
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17277
17277
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
17278
17278
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
17279
|
-
--pf-v6-c-table__thead__toggle--
|
|
17279
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
17280
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
17280
17281
|
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
17281
17282
|
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
17282
17283
|
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -17879,6 +17880,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17879
17880
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
|
|
17880
17881
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
|
|
17881
17882
|
}
|
|
17883
|
+
.pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
17884
|
+
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
17885
|
+
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
17886
|
+
line-height: 1lh;
|
|
17887
|
+
}
|
|
17888
|
+
|
|
17882
17889
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
17883
17890
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
17884
17891
|
}
|
|
@@ -18001,6 +18008,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18001
18008
|
align-self: last baseline;
|
|
18002
18009
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
18003
18010
|
}
|
|
18011
|
+
.pf-v6-c-table__column-help-action .pf-v6-c-button {
|
|
18012
|
+
line-height: 1lh;
|
|
18013
|
+
}
|
|
18004
18014
|
|
|
18005
18015
|
.pf-v6-c-table__sort {
|
|
18006
18016
|
vertical-align: bottom;
|
|
@@ -18111,6 +18121,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18111
18121
|
|
|
18112
18122
|
.pf-v6-c-table__thead {
|
|
18113
18123
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
18124
|
+
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
|
|
18114
18125
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
|
18115
18126
|
vertical-align: bottom;
|
|
18116
18127
|
}
|
|
@@ -20025,6 +20036,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20025
20036
|
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
20026
20037
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
|
20027
20038
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
20039
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
|
|
20028
20040
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
20029
20041
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
20030
20042
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
|
@@ -20071,6 +20083,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20071
20083
|
}
|
|
20072
20084
|
.pf-v6-c-text-input-group.pf-m-disabled {
|
|
20073
20085
|
--pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
20086
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
20087
|
+
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
20074
20088
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
|
|
20075
20089
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
|
|
20076
20090
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
|
|
@@ -20181,6 +20195,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20181
20195
|
padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
|
|
20182
20196
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
20183
20197
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
20198
|
+
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
20184
20199
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
20185
20200
|
border: 0;
|
|
20186
20201
|
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
package/package.json
CHANGED
|
@@ -24772,7 +24772,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24772
24772
|
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
24773
24773
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
24774
24774
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
24775
|
-
--pf-v6-c-table__thead__toggle--
|
|
24775
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
24776
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
24776
24777
|
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
24777
24778
|
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
24778
24779
|
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -25375,6 +25376,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25375
25376
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
|
|
25376
25377
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
|
|
25377
25378
|
}
|
|
25379
|
+
.pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
25380
|
+
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
25381
|
+
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
25382
|
+
line-height: 1lh;
|
|
25383
|
+
}
|
|
25384
|
+
|
|
25378
25385
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
25379
25386
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
25380
25387
|
}
|
|
@@ -25497,6 +25504,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25497
25504
|
align-self: last baseline;
|
|
25498
25505
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
25499
25506
|
}
|
|
25507
|
+
.pf-v6-c-table__column-help-action .pf-v6-c-button {
|
|
25508
|
+
line-height: 1lh;
|
|
25509
|
+
}
|
|
25500
25510
|
|
|
25501
25511
|
.pf-v6-c-table__sort {
|
|
25502
25512
|
vertical-align: bottom;
|
|
@@ -25607,6 +25617,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25607
25617
|
|
|
25608
25618
|
.pf-v6-c-table__thead {
|
|
25609
25619
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
25620
|
+
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
|
|
25610
25621
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
|
25611
25622
|
vertical-align: bottom;
|
|
25612
25623
|
}
|
|
@@ -27521,6 +27532,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27521
27532
|
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
27522
27533
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
|
27523
27534
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
27535
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
|
|
27524
27536
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
27525
27537
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
27526
27538
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
|
@@ -27567,6 +27579,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27567
27579
|
}
|
|
27568
27580
|
.pf-v6-c-text-input-group.pf-m-disabled {
|
|
27569
27581
|
--pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
27582
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
27583
|
+
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
27570
27584
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
|
|
27571
27585
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
|
|
27572
27586
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
|
|
@@ -27677,6 +27691,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27677
27691
|
padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
|
|
27678
27692
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
27679
27693
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
27694
|
+
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
27680
27695
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
27681
27696
|
border: 0;
|
|
27682
27697
|
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
package/patternfly.css
CHANGED
|
@@ -24908,7 +24908,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24908
24908
|
--pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
24909
24909
|
--pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
24910
24910
|
--pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
24911
|
-
--pf-v6-c-table__thead__toggle--
|
|
24911
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
24912
|
+
--pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
24912
24913
|
--pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
|
|
24913
24914
|
--pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
|
|
24914
24915
|
--pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -25511,6 +25512,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25511
25512
|
--pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
|
|
25512
25513
|
--pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
|
|
25513
25514
|
}
|
|
25515
|
+
.pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
25516
|
+
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
|
|
25517
|
+
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
|
|
25518
|
+
line-height: 1lh;
|
|
25519
|
+
}
|
|
25520
|
+
|
|
25514
25521
|
.pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
|
|
25515
25522
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
25516
25523
|
}
|
|
@@ -25633,6 +25640,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25633
25640
|
align-self: last baseline;
|
|
25634
25641
|
margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
|
|
25635
25642
|
}
|
|
25643
|
+
.pf-v6-c-table__column-help-action .pf-v6-c-button {
|
|
25644
|
+
line-height: 1lh;
|
|
25645
|
+
}
|
|
25636
25646
|
|
|
25637
25647
|
.pf-v6-c-table__sort {
|
|
25638
25648
|
vertical-align: bottom;
|
|
@@ -25743,6 +25753,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25743
25753
|
|
|
25744
25754
|
.pf-v6-c-table__thead {
|
|
25745
25755
|
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
25756
|
+
--pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
|
|
25746
25757
|
--pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
|
|
25747
25758
|
vertical-align: bottom;
|
|
25748
25759
|
}
|
|
@@ -27657,6 +27668,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27657
27668
|
--pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
27658
27669
|
--pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
|
|
27659
27670
|
--pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
|
|
27671
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
|
|
27660
27672
|
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
27661
27673
|
--pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
|
|
27662
27674
|
--pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
|
|
@@ -27703,6 +27715,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27703
27715
|
}
|
|
27704
27716
|
.pf-v6-c-text-input-group.pf-m-disabled {
|
|
27705
27717
|
--pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
27718
|
+
--pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
27719
|
+
--pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
|
|
27706
27720
|
--pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
|
|
27707
27721
|
--pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
|
|
27708
27722
|
--pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
|
|
@@ -27813,6 +27827,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
27813
27827
|
padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
|
|
27814
27828
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
27815
27829
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
27830
|
+
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
27816
27831
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
27817
27832
|
border: 0;
|
|
27818
27833
|
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|