@patternfly/react-styles 6.0.0-alpha.12 → 6.0.0-alpha.13

Sign up to get free protection for your applications and to get access to all the features.
@@ -59,7 +59,8 @@
59
59
  }
60
60
  }
61
61
 
62
- .pf-v5-c-table {
62
+ :where(:root),
63
+ :where(.pf-v5-c-table) {
63
64
  --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
64
65
  --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
65
66
  --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -69,21 +70,22 @@
69
70
  --pf-v5-c-table__caption--PaddingRight: var(--pf-t--global--spacer--lg);
70
71
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-t--global--spacer--md);
71
72
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-t--global--spacer--lg);
72
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--default);
73
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
73
74
  --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
74
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
75
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
75
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
76
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
77
+ --pf-v5-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
76
78
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
77
79
  --pf-v5-c-table--cell--Padding--base: var(--pf-t--global--spacer--md);
78
80
  --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body--default);
79
81
  --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
82
+ --pf-v5-c-table--cell--LineHeight: var(--pf-t--global--font--line-height--body);
80
83
  --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
81
84
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
82
85
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
83
86
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
84
87
  --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
85
- --pf-v5-c-table--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
86
- --pf-v5-c-table--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
88
+ --pf-v5-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--sm);
87
89
  --pf-v5-c-table__tr--m-first-cell-offset-reset--cell--PaddingLeft: var(--pf-v5-c-table--cell--Padding--base);
88
90
  --pf-v5-c-table--cell--MinWidth: 0;
89
91
  --pf-v5-c-table--cell--MaxWidth: none;
@@ -100,29 +102,33 @@
100
102
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
101
103
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
102
104
  --pf-v5-c-table--cell--hidden-visible--Display: table-cell;
103
- --pf-v5-c-table__toggle--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
104
- --pf-v5-c-table__toggle--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingTop) * -1);
105
+ --pf-v5-c-table__toggle--PaddingTop: var(--pf-t--global--spacer--sm);
106
+ --pf-v5-c-table__toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
107
+ --pf-v5-c-table__toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
108
+ --pf-v5-c-table__toggle--PaddingRight: var(--pf-t--global--spacer--sm);
105
109
  --pf-v5-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
106
110
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
107
111
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
108
- --pf-v5-c-table__button--BackgroundColor: transparent;
112
+ --pf-v5-c-table__button--PaddingTop: var(--pf-t--global--spacer--xs);
113
+ --pf-v5-c-table__button--PaddingBottom: var(--pf-t--global--spacer--xs);
114
+ --pf-v5-c-table__button--PaddingLeft: var(--pf-t--global--spacer--sm);
115
+ --pf-v5-c-table__button--PaddingRight: var(--pf-t--global--spacer--sm);
109
116
  --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
117
+ --pf-v5-c-table__button--BackgroundColor: transparent;
118
+ --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
119
+ --pf-v5-c-table__button--BorderRadius: var(--pf-t--global--border--radius--small);
110
120
  --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
111
121
  --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
112
122
  --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
113
123
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-t--global--border--width--strong) * -1);
114
124
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
115
125
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
116
- --pf-v5-c-table__check--input--MarginTop: 0.1875rem;
117
- --pf-v5-c-table__thead__check--input--TranslateY: var(--pf-v5-c-table__check--input--MarginTop);
118
- --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body--default);
119
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
120
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
126
+ --pf-v5-c-table__check--PaddingLeft: var(--pf-t--global--spacer--sm);
127
+ --pf-v5-c-table__check--PaddingRight: var(--pf-t--global--spacer--sm);
128
+ --pf-v5-c-table__favorite--PaddingLeft: var(--pf-t--global--spacer--sm);
129
+ --pf-v5-c-table__favorite--PaddingRight: var(--pf-t--global--spacer--sm);
121
130
  --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body--default);
122
- --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
123
- --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-c-button--PaddingRight) * -1);
124
- --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
125
- --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
131
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
126
132
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-t--global--color--favorite--clicked);
127
133
  --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
128
134
  --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
@@ -134,24 +140,21 @@
134
140
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-c-button--PaddingLeft) * -1);
135
141
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
136
142
  --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
137
- --pf-v5-c-table__action--PaddingTop: 0;
138
- --pf-v5-c-table__action--PaddingRight: 0;
139
- --pf-v5-c-table__action--PaddingBottom: 0;
140
- --pf-v5-c-table__action--PaddingLeft: 0;
141
- --pf-v5-c-table__inline-edit-action--PaddingTop: 0;
142
- --pf-v5-c-table__inline-edit-action--PaddingRight: 0;
143
- --pf-v5-c-table__inline-edit-action--PaddingBottom: 0;
144
- --pf-v5-c-table__inline-edit-action--PaddingLeft: 0;
143
+ --pf-v5-c-table__action--PaddingTop: var(--pf-t--global--spacer--sm);
144
+ --pf-v5-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
145
+ --pf-v5-c-table__inline-edit-action--PaddingTop: var(--pf-t--global--spacer--sm);
146
+ --pf-v5-c-table__inline-edit-action--PaddingBottom: var(--pf-t--global--spacer--sm);
145
147
  --pf-v5-c-table__expandable-row--Transition: var(--pf-v5-global--Transition);
146
- --pf-v5-c-table__expandable-row--MaxHeight: 28.125rem;
148
+ --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
149
+ --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
150
+ --pf-v5-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
151
+ --pf-v5-c-table__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--md);
147
152
  --pf-v5-c-table__expandable-row-content--Transition: var(--pf-v5-global--Transition);
148
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
149
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
150
153
  --pf-v5-c-table__expandable-row--after--Top: calc(var(--pf-v5-c-table--border-width--base) * -1);
151
154
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
152
155
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-t--global--border--width--strong);
153
156
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
154
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
157
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--clicked);
155
158
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-t--global--spacer--sm);
156
159
  --pf-v5-c-table__sort--MinWidth: calc(6ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft) + var(--pf-v5-c-table__sort-indicator--MarginLeft));
157
160
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-t--global--spacer--control--vertical);
@@ -162,21 +165,22 @@
162
165
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
163
166
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
164
167
  --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
165
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
168
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--clicked);
166
169
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
167
170
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
168
171
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
169
172
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
170
173
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
174
+ --pf-v5-c-table__sort--cell--PaddingLeft: var(--pf-t--global--spacer--xs);
175
+ --pf-v5-c-table__sort--cell--PaddingRight: var(--pf-t--global--spacer--sm);
171
176
  --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
172
177
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-t--global--spacer--md);
173
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
178
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--clicked);
174
179
  --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
175
180
  --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
176
181
  --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
177
182
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
178
- --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--xs);
179
- --pf-v5-c-table__column-help--TranslateY: 0.125rem;
183
+ --pf-v5-c-table__column-help--MarginLeft: var(--pf-t--global--spacer--sm);
180
184
  --pf-v5-c-table__column-help--c-button--MarginTop: calc(var(--pf-v5-c-button--PaddingTop) * -1);
181
185
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
182
186
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
@@ -184,7 +188,7 @@
184
188
  --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
185
189
  --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
186
190
  --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
187
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
191
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--clicked);
188
192
  --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
189
193
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
190
194
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
@@ -192,7 +196,7 @@
192
196
  --pf-v5-c-table__compound-expansion-toggle__button--before--Bottom: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
193
197
  --pf-v5-c-table__compound-expansion-toggle__button--before--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
194
198
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-t--global--border--width--strong);
195
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
199
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
196
200
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
197
201
  --pf-v5-c-table__compound-expansion-toggle__button--after--Top: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
198
202
  --pf-v5-c-table__compound-expansion-toggle__button--after--Left: calc(var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base) * -1);
@@ -202,15 +206,8 @@
202
206
  --pf-v5-c-table--m-compact--cell--PaddingRight: var(--pf-t--global--spacer--sm);
203
207
  --pf-v5-c-table--m-compact--cell--PaddingBottom: var(--pf-t--global--spacer--sm);
204
208
  --pf-v5-c-table--m-compact--cell--PaddingLeft: var(--pf-t--global--spacer--sm);
205
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-t--global--spacer--md);
206
- --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-t--global--spacer--md);
207
- --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body--default);
208
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--lg);
209
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-t--global--spacer--lg);
210
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--lg);
211
- --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--lg);
212
- --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
213
- --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
209
+ --pf-v5-c-table--m-compact__action--PaddingTop: var(--pf-t--global--spacer--xs);
210
+ --pf-v5-c-table--m-compact__action--PaddingBottom: var(--pf-t--global--spacer--xs);
214
211
  --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
215
212
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
216
213
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
@@ -221,7 +218,7 @@
221
218
  --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
222
219
  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
223
220
  --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
224
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
221
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
225
222
  --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
226
223
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
227
224
  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -242,23 +239,28 @@
242
239
  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
243
240
  --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
244
241
  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
245
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
242
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--clicked);
246
243
  --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
247
244
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
248
245
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
249
246
  --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
250
247
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
251
248
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
252
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
249
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--clicked);
253
250
  --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
254
251
  --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
255
252
  --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
256
253
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
257
254
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-t--global--spacer--xs);
258
255
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-t--global--spacer--xs);
256
+ --pf-v5-c-table__subhead--PaddingLeft: var(--pf-t--global--spacer--sm);
257
+ --pf-v5-c-table__subhead--PaddingRight: var(--pf-t--global--spacer--sm);
259
258
  --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
260
259
  --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
261
260
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
261
+ }
262
+
263
+ .pf-v5-c-table {
262
264
  color: var(--pf-v5-global--Color--100);
263
265
  width: 100%;
264
266
  background-color: var(--pf-v5-c-table--BackgroundColor);
@@ -336,16 +338,17 @@
336
338
  overflow: var(--pf-v5-c-table--cell--Overflow);
337
339
  font-size: var(--pf-v5-c-table--cell--FontSize);
338
340
  font-weight: var(--pf-v5-c-table--cell--FontWeight);
341
+ line-height: var(--pf-v5-c-table--cell--LineHeight);
339
342
  color: var(--pf-v5-c-table--cell--Color);
340
343
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
341
344
  word-break: var(--pf-v5-c-table--cell--WordBreak);
342
345
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
343
346
  }
344
347
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
345
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--cell--first-last-child--PaddingLeft);
348
+ padding-inline-start: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingLeft));
346
349
  }
347
350
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
348
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--first-last-child--PaddingRight);
351
+ padding-inline-end: calc(var(--pf-v5-c-table--cell--first-last-child--PaddingInline) + var(--pf-v5-c-table--cell--PaddingRight));
349
352
  }
350
353
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-center {
351
354
  text-align: center;
@@ -366,10 +369,7 @@
366
369
  }
367
370
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-right::before, .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *.pf-m-border-left::before {
368
371
  position: absolute;
369
- inset-block-start: 0;
370
- inset-block-end: 0;
371
- inset-inline-start: 0;
372
- inset-inline-end: 0;
372
+ inset: 0;
373
373
  pointer-events: none;
374
374
  content: "";
375
375
  }
@@ -391,35 +391,32 @@
391
391
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead) {
392
392
  --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__thead--cell--FontSize);
393
393
  --pf-v5-c-table--cell--FontWeight: var(--pf-v5-c-table__thead--cell--FontWeight);
394
- vertical-align: bottom;
394
+ vertical-align: baseline;
395
395
  }
396
396
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header button:where(.pf-v5-c-button) {
397
397
  outline-offset: var(--pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset);
398
398
  }
399
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header th:where(.pf-v5-c-table__th),
400
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header td:where(.pf-v5-c-table__td),
401
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header input:where(.pf-v5-c-check__input) {
402
- vertical-align: middle;
403
- }
404
- .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header .pf-v5-c-table__check label {
405
- display: flex;
406
- align-items: center;
407
- }
408
399
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) th:where(.pf-v5-c-table__th):not([rowspan]),
409
400
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead).pf-m-nested-column-header tr:where(.pf-v5-c-table__tr):not(:first-child) td:where(.pf-v5-c-table__td):not([rowspan]) {
410
401
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop);
411
402
  }
412
403
  .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead {
404
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__subhead--PaddingLeft);
405
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__subhead--PaddingRight);
413
406
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__subhead--Color);
414
407
  color: var(--pf-v5-c-table__subhead--Color);
415
408
  }
409
+ .pf-v5-c-table thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__subhead .pf-v5-c-table__button {
410
+ margin-inline-start: 0;
411
+ }
416
412
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) {
417
413
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__tbody--cell--PaddingTop);
418
414
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__tbody--cell--PaddingBottom);
415
+ vertical-align: top;
416
+ --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__tbody--cell--FontSize);
419
417
  }
420
418
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
421
419
  overflow-wrap: break-word;
422
- vertical-align: baseline;
423
420
  }
424
421
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > :first-child::after {
425
422
  position: absolute;
@@ -430,16 +427,9 @@
430
427
  background-color: transparent;
431
428
  border-inline-start: var(--pf-v5-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-v5-c-table__expandable-row--after--BorderColor);
432
429
  }
433
- .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__check input:where(.pf-v5-c-check__input) {
434
- margin-block-start: var(--pf-v5-c-table__check--input--MarginTop);
435
- vertical-align: top;
436
- }
437
430
  .pf-v5-c-table tbody:where(.pf-v5-c-table__tbody).pf-m-expanded > :first-child:not(.pf-v5-c-table__control-row) {
438
431
  border-block-end-width: 0;
439
432
  }
440
- .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:first-child, .pf-v5-c-table .pf-v5-c-table__compound-expansion-toggle:last-child {
441
- padding: 0;
442
- }
443
433
  .pf-v5-c-table .pf-v5-c-table__sort {
444
434
  min-width: var(--pf-v5-c-table__sort--MinWidth);
445
435
  }
@@ -576,9 +566,10 @@
576
566
  position: relative;
577
567
  display: block;
578
568
  width: var(--pf-v5-c-table--cell--Width);
579
- min-width: var(--pf-v5-c-table--cell--MinWidth);
569
+ min-width: var(--pf-v5-c-table--text--MinWidth);
580
570
  max-width: var(--pf-v5-c-table--cell--MaxWidth);
581
571
  overflow: var(--pf-v5-c-table--cell--Overflow);
572
+ line-height: var(--pf-v5-c-table--cell--LineHeight);
582
573
  text-overflow: var(--pf-v5-c-table--cell--TextOverflow);
583
574
  word-break: var(--pf-v5-c-table--cell--WordBreak);
584
575
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
@@ -594,11 +585,12 @@
594
585
 
595
586
  .pf-v5-c-table__button {
596
587
  position: static;
597
- width: 100%;
598
- padding-block-start: var(--pf-v5-c-table--cell--PaddingTop);
599
- padding-block-end: var(--pf-v5-c-table--cell--PaddingBottom);
600
- padding-inline-start: var(--pf-v5-c-table--cell--PaddingLeft);
601
- padding-inline-end: var(--pf-v5-c-table--cell--PaddingRight);
588
+ width: auto;
589
+ padding-block-start: var(--pf-v5-c-table__button--PaddingTop);
590
+ padding-block-end: var(--pf-v5-c-table__button--PaddingBottom);
591
+ padding-inline-start: var(--pf-v5-c-table__button--PaddingLeft);
592
+ padding-inline-end: var(--pf-v5-c-table__button--PaddingRight);
593
+ margin-inline-start: calc(var(--pf-v5-c-table__button--PaddingLeft) * -1);
602
594
  font-size: inherit;
603
595
  font-weight: inherit;
604
596
  color: var(--pf-v5-c-table__button--Color);
@@ -607,6 +599,10 @@
607
599
  user-select: text;
608
600
  background-color: var(--pf-v5-c-table__button--BackgroundColor);
609
601
  border: 0;
602
+ border-radius: var(--pf-v5-c-table__button--BorderRadius);
603
+ }
604
+ .pf-v5-c-table .pf-v5-c-table .pf-v5-c-table__button {
605
+ margin-block-end: 0;
610
606
  }
611
607
  .pf-v5-c-table__button::before {
612
608
  position: absolute;
@@ -636,15 +632,11 @@
636
632
  white-space: var(--pf-v5-c-table--cell--WhiteSpace);
637
633
  }
638
634
 
639
- .pf-v5-c-table__sort .pf-v5-c-table__text {
640
- --pf-v5-c-table--cell--MinWidth: 0;
641
- }
642
-
643
635
  .pf-v5-c-table__button-content,
644
636
  .pf-v5-c-table__column-help {
645
- display: grid;
637
+ display: inline-grid;
646
638
  grid-template-columns: auto max-content;
647
- align-items: end;
639
+ align-items: baseline;
648
640
  justify-content: start;
649
641
  }
650
642
  .pf-v5-c-table__button-content .pf-v5-c-table__text,
@@ -673,12 +665,6 @@
673
665
  grid-template-columns: auto max-content;
674
666
  }
675
667
 
676
- .pf-v5-c-table .pf-v5-c-table__toggle,
677
- .pf-v5-c-table .pf-v5-c-table__action,
678
- .pf-v5-c-table .pf-v5-c-table__inline-edit-action {
679
- --pf-v5-c-table--cell--PaddingBottom: 0;
680
- }
681
-
682
668
  .pf-v5-c-table .pf-v5-c-table__check,
683
669
  .pf-v5-c-table .pf-v5-c-table__toggle,
684
670
  .pf-v5-c-table .pf-v5-c-table__action,
@@ -691,13 +677,10 @@
691
677
  }
692
678
 
693
679
  .pf-v5-c-table__toggle {
694
- --pf-v5-c-table--cell--PaddingRight: 0;
695
- --pf-v5-c-table--cell--PaddingLeft: 0;
696
- vertical-align: top;
697
- }
698
- .pf-v5-c-table__toggle .pf-v5-c-button {
699
- margin-block-start: var(--pf-v5-c-table__toggle--c-button--MarginTop);
700
- margin-block-end: var(--pf-v5-c-table__toggle--c-button--MarginBottom);
680
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__toggle--PaddingTop);
681
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__toggle--PaddingBottom);
682
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__toggle--PaddingLeft);
683
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__toggle--PaddingRight);
701
684
  }
702
685
  .pf-v5-c-table__toggle .pf-v5-c-button.pf-m-expanded .pf-v5-c-table__toggle-icon {
703
686
  transform: rotate(var(--pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
@@ -715,41 +698,34 @@
715
698
  }
716
699
 
717
700
  .pf-v5-c-table__check {
718
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table__check--input--FontSize);
719
- }
720
- .pf-v5-c-table__check label:not([disabled]),
721
- .pf-v5-c-table__check input:not([disabled]) {
722
- cursor: pointer;
701
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__check--PaddingLeft);
702
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__check--PaddingRight);
723
703
  }
724
- .pf-v5-c-table__check label {
704
+ .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
725
705
  display: inline-flex;
726
- padding: inherit;
727
- margin-block-start: calc(var(--pf-v5-c-table--cell--PaddingTop) * -1);
728
- margin-block-end: calc(var(--pf-v5-c-table--cell--PaddingBottom) * -1);
729
- margin-inline-start: calc(var(--pf-v5-c-table--cell--PaddingLeft) * -1);
730
- margin-inline-end: calc(var(--pf-v5-c-table--cell--PaddingRight) * -1);
731
706
  }
732
- .pf-v5-c-table__thead .pf-v5-c-check.pf-m-standalone {
733
- --pf-v5-c-check__input--TranslateY: var(--pf-v5-c-table__thead__check--input--TranslateY);
707
+ thead .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
708
+ vertical-align: bottom;
709
+ }
710
+ tbody .pf-v5-c-table__check .pf-v5-c-check.pf-m-standalone {
711
+ vertical-align: top;
712
+ }
713
+ .pf-v5-c-table__check label {
714
+ display: contents;
734
715
  }
735
716
 
717
+ .pf-v5-c-table__favorite {
718
+ --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__favorite--PaddingLeft);
719
+ --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__favorite--PaddingRight);
720
+ }
736
721
  .pf-v5-c-table__favorite .pf-v5-c-button {
737
- --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--c-button--Color);
738
722
  --pf-v5-c-button--FontSize: var(--pf-v5-c-table__favorite--c-button--FontSize);
739
- margin-block-start: var(--pf-v5-c-table__favorite--c-button--MarginTop);
740
- margin-block-end: var(--pf-v5-c-table__favorite--c-button--MarginBottom);
741
- margin-inline-start: var(--pf-v5-c-table__favorite--c-button--MarginLeft);
742
- margin-inline-end: var(--pf-v5-c-table__favorite--c-button--MarginRight);
743
723
  }
744
724
  .pf-m-favorited.pf-v5-c-table__favorite .pf-v5-c-button {
745
725
  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-table__favorite--m-favorited--c-button--Color);
746
726
  }
747
727
 
748
728
  .pf-v5-c-table__draggable .pf-v5-c-button {
749
- margin-block-start: var(--pf-v5-c-table__draggable--c-button--MarginTop);
750
- margin-block-end: var(--pf-v5-c-table__draggable--c-button--MarginBottom);
751
- margin-inline-start: var(--pf-v5-c-table__draggable--c-button--MarginLeft);
752
- margin-inline-end: var(--pf-v5-c-table__draggable--c-button--MarginRight);
753
729
  cursor: grab;
754
730
  }
755
731
  .pf-v5-c-table__draggable .pf-v5-c-button:active {
@@ -757,23 +733,14 @@
757
733
  }
758
734
 
759
735
  .pf-v5-c-table__action,
760
- .pf-v5-c-table__inline-edit-action {
761
- --pf-v5-c-table--cell--PaddingTop: 0;
762
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__action--PaddingRight);
763
- --pf-v5-c-table--cell--PaddingBottom: 0;
764
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
765
- padding-block-start: 0;
766
- padding-block-end: 0;
767
- vertical-align: middle;
768
- }
769
-
770
- .pf-v5-c-table__action {
771
- text-align: end;
736
+ .pf-v5-c-table__inline-edit-action,
737
+ .pf-v5-c-table__draggable {
738
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
739
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
772
740
  }
773
741
 
774
- .pf-v5-c-table__inline-edit-action {
775
- --pf-v5-c-table--cell--PaddingLeft: 0;
776
- --pf-v5-c-table--cell--PaddingRight: 0;
742
+ .pf-v5-c-table__action:last-child,
743
+ .pf-v5-c-table__inline-edit-action:last-child {
777
744
  text-align: end;
778
745
  }
779
746
 
@@ -783,12 +750,16 @@
783
750
  --pf-v5-c-table__button--focus--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--focus--Color);
784
751
  --pf-v5-c-table__button--active--Color: var(--pf-v5-c-table__compound-expansion-toggle__button--active--Color);
785
752
  position: relative;
753
+ padding: 0;
786
754
  }
787
755
  .pf-v5-c-table__compound-expansion-toggle.pf-m-truncate {
788
756
  overflow: visible;
789
757
  }
790
758
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button {
759
+ position: static;
791
760
  min-width: 100%;
761
+ padding: 0;
762
+ margin: 0;
792
763
  overflow: hidden;
793
764
  }
794
765
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:hover, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:focus, .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button:active {
@@ -797,7 +768,7 @@
797
768
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::before,
798
769
  .pf-v5-c-table__compound-expansion-toggle .pf-v5-c-table__button::after {
799
770
  position: absolute;
800
- inset-inline-end: 0;
771
+ inset: 0;
801
772
  content: "";
802
773
  border-style: solid;
803
774
  border-width: 0;
@@ -822,10 +793,6 @@
822
793
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
823
794
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: var(--pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base);
824
795
  }
825
- .pf-v5-c-table__compound-expansion-toggle:first-child {
826
- --pf-v5-c-table__compound-expansion-toggle__button--before--Left: 0;
827
- --pf-v5-c-table__compound-expansion-toggle__button--after--Left: 0;
828
- }
829
796
  .pf-v5-c-table__compound-expansion-toggle.pf-m-expanded .pf-v5-c-table__button::before {
830
797
  border-block-end: var(--pf-v5-c-table--BackgroundColor) solid var(--pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base);
831
798
  }
@@ -844,28 +811,8 @@
844
811
 
845
812
  .pf-v5-c-table__column-help-action {
846
813
  margin-inline-start: var(--pf-v5-c-table__column-help--MarginLeft);
847
- transform: translateY(var(--pf-v5-c-table__column-help--TranslateY));
848
- }
849
- .pf-v5-c-table__column-help-action .pf-v5-c-button {
850
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-table__column-help--c-button--PaddingRight);
851
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-table__column-help--c-button--PaddingLeft);
852
- margin-block-start: var(--pf-v5-c-table__column-help--c-button--MarginTop);
853
- margin-block-end: var(--pf-v5-c-table__column-help--c-button--MarginBottom);
854
- font-size: inherit;
855
- line-height: 1;
856
814
  }
857
815
 
858
- .pf-v5-c-table__sort .pf-v5-c-table__button {
859
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__sort__button--PaddingTop);
860
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table__sort__button--PaddingRight);
861
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__sort__button--PaddingBottom);
862
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__sort__button--PaddingLeft);
863
- display: flex;
864
- width: auto;
865
- margin-block-start: var(--pf-v5-c-table__sort__button--MarginTop);
866
- margin-block-end: var(--pf-v5-c-table__sort__button--MarginBottom);
867
- margin-inline-start: var(--pf-v5-c-table__sort__button--MarginLeft);
868
- }
869
816
  .pf-v5-c-table__sort .pf-v5-c-table__button:hover {
870
817
  --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-c-table__sort__button--hover__sort-indicator--Color);
871
818
  --pf-v5-c-table__sort__button__text--Color: var(--pf-v5-c-table__sort__button--hover__text--Color);
@@ -901,12 +848,11 @@
901
848
  grid-column: 2;
902
849
  margin-inline-start: var(--pf-v5-c-table__sort-indicator--MarginLeft);
903
850
  color: var(--pf-v5-c-table__sort-indicator--Color);
851
+ color: var(--pf-v5-c-table__sort-indicator--FontSize);
904
852
  pointer-events: none;
905
853
  }
906
854
 
907
855
  .pf-v5-c-table__expandable-row {
908
- --pf-v5-c-table--cell--PaddingTop: 0;
909
- --pf-v5-c-table--cell--PaddingBottom: 0;
910
856
  position: relative;
911
857
  border-block-end: 0 solid transparent;
912
858
  box-shadow: 0 0 0 0 transparent;
@@ -915,6 +861,10 @@
915
861
  .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td):first-child::after {
916
862
  transition: var(--pf-v5-c-table__expandable-row--Transition);
917
863
  }
864
+ .pf-v5-c-table__expandable-row > td,
865
+ .pf-v5-c-table__expandable-row > th {
866
+ padding-top: 0;
867
+ }
918
868
  .pf-v5-c-table__expandable-row td:where(.pf-v5-c-table__td).pf-m-no-padding,
919
869
  .pf-v5-c-table__expandable-row th:where(.pf-v5-c-table__th).pf-m-no-padding {
920
870
  padding-block-start: 0;
@@ -938,64 +888,35 @@
938
888
  .pf-v5-c-table__expandable-row:not(.pf-m-expanded) {
939
889
  display: none;
940
890
  }
941
-
942
- .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:first-child {
943
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
944
- }
945
- .pf-v5-c-table .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *:last-child {
946
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
891
+ .pf-v5-c-table__expandable-row tr:last-child {
892
+ border-block-end: 0;
947
893
  }
948
894
 
949
895
  .pf-v5-c-table.pf-m-compact {
950
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
951
896
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
952
897
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
953
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
954
- }
955
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) {
956
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--PaddingLeft);
957
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--PaddingRight);
958
898
  }
959
899
  .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
960
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-c-table--m-compact--FontSize);
961
900
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact--cell--PaddingTop);
962
901
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact--cell--PaddingBottom);
963
902
  }
964
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:first-child {
965
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
966
- }
967
- .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) > *:last-child {
968
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
969
- }
970
903
  .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) th:where(.pf-v5-c-table__th),
971
904
  .pf-v5-c-table.pf-m-compact thead:where(.pf-v5-c-table__thead) .pf-v5-c-table__toggle {
972
905
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__th--PaddingTop);
973
906
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__th--PaddingBottom);
974
907
  }
975
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action {
976
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table__action--PaddingTop);
977
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table__action--PaddingBottom);
978
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table__action--PaddingLeft);
979
- }
980
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle {
981
- --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__toggle--PaddingTop);
982
- --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__toggle--PaddingBottom);
908
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__action,
909
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__favorite,
910
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__toggle,
911
+ .pf-v5-c-table.pf-m-compact .pf-v5-c-table__draggable {
912
+ --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--m-compact__action--PaddingTop);
913
+ --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--m-compact__action--PaddingBottom);
983
914
  }
984
915
  .pf-v5-c-table.pf-m-compact .pf-v5-c-table__icon {
985
916
  width: auto;
986
917
  min-width: 0;
987
918
  text-align: center;
988
919
  }
989
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:first-child {
990
- --pf-v5-c-table--cell--PaddingLeft: var(--pf-v5-c-table--nested--first-last-child--PaddingLeft);
991
- }
992
- .pf-v5-c-table .pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr) > *:last-child {
993
- --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--nested--first-last-child--PaddingRight);
994
- }
995
- .pf-v5-c-table.pf-m-compact .pf-v5-c-table__expandable-row-content {
996
- --pf-v5-c-table__expandable-row-content--PaddingTop: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingTop);
997
- --pf-v5-c-table__expandable-row-content--PaddingBottom: var(--pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom);
998
- }
999
920
 
1000
921
  .pf-v5-c-table__icon-inline {
1001
922
  display: flex;
@@ -2,7 +2,6 @@ import './table.css';
2
2
  declare const _default: {
3
3
  "button": "pf-v5-c-button",
4
4
  "check": "pf-v5-c-check",
5
- "checkInput": "pf-v5-c-check__input",
6
5
  "dirRtl": "pf-v5-m-dir-rtl",
7
6
  "modifiers": {
8
7
  "hidden": "pf-m-hidden",