@patternfly/patternfly 6.0.0-alpha.102 → 6.0.0-alpha.103

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 (10) hide show
  1. package/components/Check/check.css +2 -2
  2. package/components/Check/check.scss +2 -2
  3. package/components/Table/table.css +0 -37
  4. package/components/Table/table.scss +0 -49
  5. package/package.json +1 -1
  6. package/patternfly-no-globals.css +2 -39
  7. package/patternfly-theme-dark-unversioned.css +2 -39
  8. package/patternfly.css +2 -39
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/components/Check/check.css CHANGED
@@ -2,7 +2,7 @@
2
2
  .pf-v6-c-check {
3
3
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
4
4
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5
- --pf-v6-c-check--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5
+ --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
6
6
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
7
7
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
8
8
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
@@ -25,7 +25,7 @@
25
25
  .pf-v6-c-check.pf-m-standalone {
26
26
  display: inline-grid;
27
27
  grid-template-columns: auto;
28
- height: var(--pf-v6-c-check--Height);
28
+ min-height: var(--pf-v6-c-check--MinHeight);
29
29
  }
30
30
  .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
31
31
  align-self: center;
package/components/Check/check.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  .#{$check} {
5
5
  --#{$check}--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
6
6
  --#{$check}--AccentColor: var(--pf-t--global--color--brand--default);
7
- --#{$check}--Height: calc(var(--#{$check}__label--FontSize) * var(--#{$check}__label--LineHeight));
7
+ --#{$check}--MinHeight: calc(var(--#{$check}__label--FontSize) * var(--#{$check}__label--LineHeight));
8
8
 
9
9
  // TODO: update to `--#{$check}--FontSize` `--#{$check}--LineHeight`
10
10
  --#{$check}__label--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -34,7 +34,7 @@
34
34
  &.pf-m-standalone {
35
35
  display: inline-grid;
36
36
  grid-template-columns: auto;
37
- height: var(--#{$check}--Height);
37
+ min-height: var(--#{$check}--MinHeight);
38
38
 
39
39
  .#{$check}__input {
40
40
  align-self: center;
package/components/Table/table.css CHANGED
@@ -110,63 +110,38 @@
110
110
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
111
111
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
112
112
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
113
- --pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
114
- --pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
115
113
  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
116
114
  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
117
115
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
118
116
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
119
117
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
120
- --pf-v6-c-table__favorite--m-favorited--c-button--hover--Color: var(--pf-t--global--color--favorite--clicked);
121
- --pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
122
- --pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
123
- --pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
124
- --pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
125
- --pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
126
- --pf-v6-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v6-c-button--PaddingLeft) * -1);
127
118
  --pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
128
119
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
129
120
  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
130
121
  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
131
122
  --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
132
123
  --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
133
- --pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
134
- --pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
135
124
  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
136
125
  --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
137
126
  --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
138
127
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
139
128
  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
140
129
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
141
- --pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
142
130
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
143
131
  --pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
144
132
  --pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
145
133
  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
146
134
  --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
147
- --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
148
- --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
149
- --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
150
- --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
151
- --pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
152
- --pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
153
- --pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
154
135
  --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
155
136
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
156
137
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
157
138
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
158
- --pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
159
- --pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
160
139
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
161
140
  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
162
141
  --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
163
142
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
164
143
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
165
144
  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
166
- --pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
167
- --pf-v6-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
168
- --pf-v6-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
169
- --pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
170
145
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
171
146
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
172
147
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -174,39 +149,30 @@
174
149
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
175
150
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
176
151
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
177
- --pf-v6-c-table__compound-expansion-toggle__button--hover--BorderColor: var(--pf-t--global--border--color--hover);
178
152
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
179
153
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
180
154
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
181
155
  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
182
156
  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
183
157
  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
184
- --pf-v6-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
185
158
  --pf-v6-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
186
- --pf-v6-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
187
159
  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
188
160
  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
189
- --pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
190
- --pf-v6-c-table--m-expandable__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
191
161
  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
192
162
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
193
163
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
194
164
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
195
- --pf-v6-c-table__tr--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
196
165
  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
197
166
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
198
167
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
199
168
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
200
169
  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
201
170
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
202
- --pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
203
171
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
204
172
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
205
173
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
206
174
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
207
175
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
208
- --pf-v6-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
209
- --pf-v6-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
210
176
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
211
177
  --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
212
178
  --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
@@ -695,7 +661,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
695
661
  }
696
662
  .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
697
663
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
698
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-selected__button__text--Color);
699
664
  color: var(--pf-v6-c-table__sort--m-selected__button--Color);
700
665
  }
701
666
  .pf-v6-c-table__sort.pf-m-help {
@@ -709,7 +674,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
709
674
  grid-column: 2;
710
675
  align-self: end;
711
676
  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
712
- font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
713
677
  color: var(--pf-v6-c-table__sort-indicator--Color);
714
678
  pointer-events: none;
715
679
  }
@@ -742,7 +706,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
742
706
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
743
707
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
744
708
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
745
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
746
709
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
747
710
  }
748
711
  .pf-v6-c-table__expandable-row.pf-m-expanded {
package/components/Table/table.scss CHANGED
@@ -95,10 +95,6 @@
95
95
  --#{$table}__button--hover--Color: var(--pf-t--global--text--color--regular);
96
96
  --#{$table}__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
97
97
 
98
- // * Table compact
99
- --#{$table}--m-compact__toggle--PaddingTop: 0;
100
- --#{$table}--m-compact__toggle--PaddingBottom: 0;
101
-
102
98
  // * Table check
103
99
  --#{$table}__check--PaddingLeft: var(--pf-t--global--spacer--sm);
104
100
  --#{$table}__check--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -107,15 +103,6 @@
107
103
  --#{$table}__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
108
104
  --#{$table}--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
109
105
  --#{$table}__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
110
- --#{$table}__favorite--m-favorited--c-button--hover--Color: var(--pf-t--global--color--favorite--clicked);
111
- --#{$table}__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
112
- --#{$table}__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
113
-
114
- // * Table draggable button
115
- --#{$table}__draggable--c-button--MarginTop: calc(var(--#{$button}--PaddingTop) * -1);
116
- --#{$table}__draggable--c-button--MarginRight: calc(var(--#{$button}--PaddingRight) * -1);
117
- --#{$table}__draggable--c-button--MarginBottom: calc(var(--#{$button}--PaddingBottom) * -1);
118
- --#{$table}__draggable--c-button--MarginLeft: calc(var(--#{$button}--PaddingLeft) * -1);
119
106
 
120
107
  // * Table ghost row
121
108
  --#{$table}__tr--m-ghost-row--Opacity: .4;
@@ -127,10 +114,6 @@
127
114
  --#{$table}__action--PaddingLeft: var(--pf-t--global--spacer--sm);
128
115
  --#{$table}__action--PaddingRight: var(--pf-t--global--spacer--sm);
129
116
 
130
- // * Table inline edit action
131
- --#{$table}__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
132
- --#{$table}__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
133
-
134
117
  // * Table expandable row
135
118
  --#{$table}__expandable-row--Transition: var(--#{$pf-global}--Transition); // TODO: update to token when available
136
119
 
@@ -140,7 +123,6 @@
140
123
  --#{$table}__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
141
124
  --#{$table}__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
142
125
  --#{$table}__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
143
- --#{$table}__expandable-row-content--Transition: var(--#{$pf-global}--Transition); // TODO: update to token when available
144
126
 
145
127
  // * Table control row
146
128
  --#{$table}__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -152,15 +134,6 @@
152
134
 
153
135
  // * Table sort cell
154
136
  --#{$table}__sort--MinWidth: calc(6ch + var(--#{$table}--cell--PaddingRight) + var(--#{$table}--cell--PaddingLeft) + var(--#{$table}__sort-indicator--MarginLeft));
155
-
156
- // * Table sort button
157
- --#{$table}__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
158
- --#{$table}__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
159
- --#{$table}__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
160
- --#{$table}__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
161
- --#{$table}__sort__button--MarginBottom: calc(var(--#{$table}__sort__button--PaddingBottom) * -1);
162
- --#{$table}__sort__button--MarginLeft: calc(var(--#{$table}__sort__button--PaddingLeft) * -1);
163
- --#{$table}__sort__button--Color: var(--pf-t--global--text--color--regular);
164
137
  --#{$table}__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
165
138
  --#{$table}__sort--m-help--MinWidth: 15ch;
166
139
 
@@ -168,10 +141,6 @@
168
141
  --#{$table}__sort__button__text--Color: currentcolor;
169
142
  --#{$table}__sort__button--hover__text--Color: currentcolor;
170
143
 
171
- // * Table sort cell
172
- --#{$table}__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
173
- --#{$table}__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
174
-
175
144
  // * Table sort indicator
176
145
  --#{$table}__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
177
146
  --#{$table}__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
@@ -183,10 +152,6 @@
183
152
 
184
153
  // * Table header popover
185
154
  --#{$table}__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
186
- --#{$table}__column-help--c-button--MarginTop: calc(var(--#{$button}--PaddingTop) * -1);
187
- --#{$table}__column-help--c-button--MarginBottom: calc(var(--#{$button}--PaddingBottom) * -1);
188
- --#{$table}__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
189
- --#{$table}__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
190
155
 
191
156
  // * Table compound expansion toggle button
192
157
  --#{$table}__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
@@ -198,7 +163,6 @@
198
163
  // * Table compound expansion toggle button after
199
164
  --#{$table}__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
200
165
  --#{$table}__compound-expansion-toggle__button--after--BorderTopWidth: 0;
201
- --#{$table}__compound-expansion-toggle__button--hover--BorderColor: var(--pf-t--global--border--color--hover);
202
166
  --#{$table}__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
203
167
  --#{$table}__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
204
168
 
@@ -211,18 +175,12 @@
211
175
 
212
176
  // * Table compact cell
213
177
  --#{$table}--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
214
- --#{$table}--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
215
178
  --#{$table}--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
216
- --#{$table}--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
217
179
 
218
180
  // * Table compact action
219
181
  --#{$table}--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
220
182
  --#{$table}--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
221
183
 
222
- // * Table expandable tbody
223
- --#{$table}--m-expandable__tbody--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
224
- --#{$table}--m-expandable__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
225
-
226
184
  // * Table expandable row expanded
227
185
  --#{$table}__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
228
186
 
@@ -230,7 +188,6 @@
230
188
  --#{$table}__tr--m-clickable--BackgroundColor: transparent;
231
189
  --#{$table}__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
232
190
  --#{$table}__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
233
- --#{$table}__tr--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
234
191
 
235
192
  // * Table tr selected
236
193
  --#{$table}__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
@@ -241,7 +198,6 @@
241
198
  --#{$table}__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
242
199
  --#{$table}__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
243
200
  --#{$table}__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
244
- --#{$table}__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
245
201
 
246
202
  // * Table tbody selected
247
203
  --#{$table}__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
@@ -253,8 +209,6 @@
253
209
  --#{$table}__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
254
210
 
255
211
  // * Table subhead
256
- --#{$table}__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
257
- --#{$table}__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
258
212
  --#{$table}__subhead--Color: var(--pf-t--global--text--color--subtle);
259
213
 
260
214
  // * Table subhead button
@@ -942,7 +896,6 @@
942
896
 
943
897
  &.pf-m-selected .#{$table}__button {
944
898
  --#{$table}__sort-indicator--Color: var(--#{$table}__sort--m-selected__sort-indicator--Color);
945
- --#{$table}__sort__button__text--Color: var(--#{$table}__sort--m-selected__button__text--Color);
946
899
 
947
900
  // override state colors on text
948
901
  color: var(--#{$table}__sort--m-selected__button--Color);
@@ -964,7 +917,6 @@
964
917
  grid-column: 2;
965
918
  align-self: end;
966
919
  margin-inline-start: var(--#{$table}__sort-indicator--MarginLeft); // TODO: update this to gap
967
- font-size: var(--#{$table}__sort-indicator--FontSize);
968
920
  color: var(--#{$table}__sort-indicator--Color);
969
921
  pointer-events: none;
970
922
  }
@@ -1006,7 +958,6 @@
1006
958
  padding-block-end: var(--#{$table}__expandable-row-content--PaddingBottom);
1007
959
  padding-inline-start: var(--#{$table}__expandable-row-content--PaddingLeft);
1008
960
  padding-inline-end: var(--#{$table}__expandable-row-content--PaddingRight);
1009
- background-color: var(--#{$table}__expandable-row-content--BackgroundColor);
1010
961
  border-radius: var(--#{$table}__expandable-row-content--BorderRadius);
1011
962
  }
1012
963
 
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.0.0-alpha.102",
4
+ "version": "6.0.0-alpha.103",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -9056,7 +9056,7 @@ button.pf-v6-c-breadcrumb__link {
9056
9056
  .pf-v6-c-check {
9057
9057
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
9058
9058
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
9059
- --pf-v6-c-check--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9059
+ --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9060
9060
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
9061
9061
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
9062
9062
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
@@ -9079,7 +9079,7 @@ button.pf-v6-c-breadcrumb__link {
9079
9079
  .pf-v6-c-check.pf-m-standalone {
9080
9080
  display: inline-grid;
9081
9081
  grid-template-columns: auto;
9082
- height: var(--pf-v6-c-check--Height);
9082
+ min-height: var(--pf-v6-c-check--MinHeight);
9083
9083
  }
9084
9084
  .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
9085
9085
  align-self: center;
@@ -27922,63 +27922,38 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27922
27922
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
27923
27923
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27924
27924
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
27925
- --pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
27926
- --pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
27927
27925
  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
27928
27926
  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
27929
27927
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
27930
27928
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27931
27929
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
27932
- --pf-v6-c-table__favorite--m-favorited--c-button--hover--Color: var(--pf-t--global--color--favorite--clicked);
27933
- --pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27934
- --pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27935
- --pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
27936
- --pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
27937
- --pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
27938
- --pf-v6-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v6-c-button--PaddingLeft) * -1);
27939
27930
  --pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
27940
27931
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27941
27932
  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
27942
27933
  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
27943
27934
  --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
27944
27935
  --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
27945
- --pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
27946
- --pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
27947
27936
  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
27948
27937
  --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
27949
27938
  --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
27950
27939
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
27951
27940
  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
27952
27941
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
27953
- --pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
27954
27942
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27955
27943
  --pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
27956
27944
  --pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
27957
27945
  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
27958
27946
  --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
27959
- --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
27960
- --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
27961
- --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
27962
- --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
27963
- --pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
27964
- --pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
27965
- --pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27966
27947
  --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
27967
27948
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
27968
27949
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
27969
27950
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
27970
- --pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
27971
- --pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
27972
27951
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27973
27952
  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
27974
27953
  --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
27975
27954
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27976
27955
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
27977
27956
  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
27978
- --pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
27979
- --pf-v6-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
27980
- --pf-v6-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
27981
- --pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
27982
27957
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27983
27958
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
27984
27959
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -27986,39 +27961,30 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27986
27961
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
27987
27962
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
27988
27963
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27989
- --pf-v6-c-table__compound-expansion-toggle__button--hover--BorderColor: var(--pf-t--global--border--color--hover);
27990
27964
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
27991
27965
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
27992
27966
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
27993
27967
  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
27994
27968
  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
27995
27969
  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
27996
- --pf-v6-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
27997
27970
  --pf-v6-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
27998
- --pf-v6-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
27999
27971
  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
28000
27972
  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
28001
- --pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
28002
- --pf-v6-c-table--m-expandable__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
28003
27973
  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28004
27974
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
28005
27975
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28006
27976
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28007
- --pf-v6-c-table__tr--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28008
27977
  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28009
27978
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28010
27979
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
28011
27980
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28012
27981
  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28013
27982
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28014
- --pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28015
27983
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28016
27984
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28017
27985
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28018
27986
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28019
27987
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
28020
- --pf-v6-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
28021
- --pf-v6-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
28022
27988
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28023
27989
  --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
28024
27990
  --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
@@ -28507,7 +28473,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28507
28473
  }
28508
28474
  .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
28509
28475
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
28510
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-selected__button__text--Color);
28511
28476
  color: var(--pf-v6-c-table__sort--m-selected__button--Color);
28512
28477
  }
28513
28478
  .pf-v6-c-table__sort.pf-m-help {
@@ -28521,7 +28486,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28521
28486
  grid-column: 2;
28522
28487
  align-self: end;
28523
28488
  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
28524
- font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
28525
28489
  color: var(--pf-v6-c-table__sort-indicator--Color);
28526
28490
  pointer-events: none;
28527
28491
  }
@@ -28554,7 +28518,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28554
28518
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
28555
28519
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
28556
28520
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
28557
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
28558
28521
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
28559
28522
  }
28560
28523
  .pf-v6-c-table__expandable-row.pf-m-expanded {
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -9173,7 +9173,7 @@ button.pf-v6-c-breadcrumb__link {
9173
9173
  .pf-v6-c-check {
9174
9174
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
9175
9175
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
9176
- --pf-v6-c-check--Height: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9176
+ --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
9177
9177
  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
9178
9178
  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
9179
9179
  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
@@ -9196,7 +9196,7 @@ button.pf-v6-c-breadcrumb__link {
9196
9196
  .pf-v6-c-check.pf-m-standalone {
9197
9197
  display: inline-grid;
9198
9198
  grid-template-columns: auto;
9199
- height: var(--pf-v6-c-check--Height);
9199
+ min-height: var(--pf-v6-c-check--MinHeight);
9200
9200
  }
9201
9201
  .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
9202
9202
  align-self: center;
@@ -28039,63 +28039,38 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28039
28039
  --pf-v6-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
28040
28040
  --pf-v6-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
28041
28041
  --pf-v6-c-table__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
28042
- --pf-v6-c-table--m-compact__toggle--PaddingTop: 0;
28043
- --pf-v6-c-table--m-compact__toggle--PaddingBottom: 0;
28044
28042
  --pf-v6-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
28045
28043
  --pf-v6-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
28046
28044
  --pf-v6-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
28047
28045
  --pf-v6-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
28048
28046
  --pf-v6-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
28049
- --pf-v6-c-table__favorite--m-favorited--c-button--hover--Color: var(--pf-t--global--color--favorite--clicked);
28050
- --pf-v6-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
28051
- --pf-v6-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
28052
- --pf-v6-c-table__draggable--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
28053
- --pf-v6-c-table__draggable--c-button--MarginRight: calc(var(--pf-v6-c-button--PaddingRight) * -1);
28054
- --pf-v6-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
28055
- --pf-v6-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v6-c-button--PaddingLeft) * -1);
28056
28047
  --pf-v6-c-table__tr--m-ghost-row--Opacity: .4;
28057
28048
  --pf-v6-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28058
28049
  --pf-v6-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
28059
28050
  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
28060
28051
  --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
28061
28052
  --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
28062
- --pf-v6-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
28063
- --pf-v6-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
28064
28053
  --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
28065
28054
  --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
28066
28055
  --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
28067
28056
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
28068
28057
  --pf-v6-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
28069
28058
  --pf-v6-c-table__expandable-row-content--BorderRadius: var(--pf-t--global--border--radius--small);
28070
- --pf-v6-c-table__expandable-row-content--Transition: var(--pf-v6-global--Transition);
28071
28059
  --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
28072
28060
  --pf-v6-c-table__control-row--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
28073
28061
  --pf-v6-c-table__control-row__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
28074
28062
  --pf-v6-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
28075
28063
  --pf-v6-c-table__sort--MinWidth: calc(6ch + var(--pf-v6-c-table--cell--PaddingRight) + var(--pf-v6-c-table--cell--PaddingLeft) + var(--pf-v6-c-table__sort-indicator--MarginLeft));
28076
- --pf-v6-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--sm);
28077
- --pf-v6-c-table__sort__button--PaddingBottom: var(--pf-t--global--spacer--sm);
28078
- --pf-v6-c-table__sort__button--PaddingLeft: var(--pf-t--global--spacer--md);
28079
- --pf-v6-c-table__sort__button--PaddingRight: var(--pf-t--global--spacer--md);
28080
- --pf-v6-c-table__sort__button--MarginBottom: calc(var(--pf-v6-c-table__sort__button--PaddingBottom) * -1);
28081
- --pf-v6-c-table__sort__button--MarginLeft: calc(var(--pf-v6-c-table__sort__button--PaddingLeft) * -1);
28082
- --pf-v6-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
28083
28064
  --pf-v6-c-table__sort--m-selected__button--Color: var(--pf-t--global--color--brand--clicked);
28084
28065
  --pf-v6-c-table__sort--m-help--MinWidth: 15ch;
28085
28066
  --pf-v6-c-table__sort__button__text--Color: currentcolor;
28086
28067
  --pf-v6-c-table__sort__button--hover__text--Color: currentcolor;
28087
- --pf-v6-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
28088
- --pf-v6-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28089
28068
  --pf-v6-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
28090
28069
  --pf-v6-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
28091
28070
  --pf-v6-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--color--brand--clicked);
28092
28071
  --pf-v6-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
28093
28072
  --pf-v6-c-table__th--m-help--MinWidth: 11ch;
28094
28073
  --pf-v6-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
28095
- --pf-v6-c-table__column-help--c-button--MarginTop: calc(var(--pf-v6-c-button--PaddingTop) * -1);
28096
- --pf-v6-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v6-c-button--PaddingBottom) * -1);
28097
- --pf-v6-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
28098
- --pf-v6-c-table__column-help--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
28099
28074
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
28100
28075
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
28101
28076
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -28103,39 +28078,30 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28103
28078
  --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
28104
28079
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
28105
28080
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
28106
- --pf-v6-c-table__compound-expansion-toggle__button--hover--BorderColor: var(--pf-t--global--border--color--hover);
28107
28081
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
28108
28082
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderTopWidth: var(--pf-t--global--border--width--strong);
28109
28083
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28110
28084
  --pf-v6-c-table--m-compact__th--PaddingTop: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
28111
28085
  --pf-v6-c-table--m-compact__th--PaddingBottom: var(--pf-t--global--spacer--sm);
28112
28086
  --pf-v6-c-table--m-compact--cell--PaddingTop: var(--pf-t--global--spacer--sm);
28113
- --pf-v6-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
28114
28087
  --pf-v6-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
28115
- --pf-v6-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
28116
28088
  --pf-v6-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
28117
28089
  --pf-v6-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
28118
- --pf-v6-c-table--m-expandable__tbody--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
28119
- --pf-v6-c-table--m-expandable__tbody--BorderBottomColor: var(--pf-t--global--border--color--default);
28120
28090
  --pf-v6-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
28121
28091
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
28122
28092
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28123
28093
  --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28124
- --pf-v6-c-table__tr--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28125
28094
  --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28126
28095
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28127
28096
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
28128
28097
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28129
28098
  --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
28130
28099
  --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28131
- --pf-v6-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
28132
28100
  --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
28133
28101
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28134
28102
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28135
28103
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
28136
28104
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--md);
28137
- --pf-v6-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
28138
- --pf-v6-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
28139
28105
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
28140
28106
  --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
28141
28107
  --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
@@ -28624,7 +28590,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28624
28590
  }
28625
28591
  .pf-v6-c-table__sort.pf-m-selected .pf-v6-c-table__button {
28626
28592
  --pf-v6-c-table__sort-indicator--Color: var(--pf-v6-c-table__sort--m-selected__sort-indicator--Color);
28627
- --pf-v6-c-table__sort__button__text--Color: var(--pf-v6-c-table__sort--m-selected__button__text--Color);
28628
28593
  color: var(--pf-v6-c-table__sort--m-selected__button--Color);
28629
28594
  }
28630
28595
  .pf-v6-c-table__sort.pf-m-help {
@@ -28638,7 +28603,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28638
28603
  grid-column: 2;
28639
28604
  align-self: end;
28640
28605
  margin-inline-start: var(--pf-v6-c-table__sort-indicator--MarginLeft);
28641
- font-size: var(--pf-v6-c-table__sort-indicator--FontSize);
28642
28606
  color: var(--pf-v6-c-table__sort-indicator--Color);
28643
28607
  pointer-events: none;
28644
28608
  }
@@ -28671,7 +28635,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28671
28635
  padding-block-end: var(--pf-v6-c-table__expandable-row-content--PaddingBottom);
28672
28636
  padding-inline-start: var(--pf-v6-c-table__expandable-row-content--PaddingLeft);
28673
28637
  padding-inline-end: var(--pf-v6-c-table__expandable-row-content--PaddingRight);
28674
- background-color: var(--pf-v6-c-table__expandable-row-content--BackgroundColor);
28675
28638
  border-radius: var(--pf-v6-c-table__expandable-row-content--BorderRadius);
28676
28639
  }
28677
28640
  .pf-v6-c-table__expandable-row.pf-m-expanded {