@patternfly/patternfly 6.0.0-alpha.3 → 6.0.0-alpha.4

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 (17) hide show
  1. package/base/patternfly-variables.css +15 -0
  2. package/base/tokens/_tokens-font.scss +29 -0
  3. package/components/Table/table.css +90 -89
  4. package/components/Table/table.scss +92 -95
  5. package/components/Toolbar/toolbar.css +0 -1
  6. package/components/Toolbar/toolbar.scss +0 -1
  7. package/docs/demos/Page/examples/Penta.md +672 -0
  8. package/package.json +1 -1
  9. package/patternfly-base-no-globals-theme-dark-unversioned.css +15 -0
  10. package/patternfly-base-no-globals.css +15 -0
  11. package/patternfly-base-theme-dark-unversioned.css +15 -0
  12. package/patternfly-base.css +15 -0
  13. package/patternfly-no-globals.css +105 -90
  14. package/patternfly-theme-dark-unversioned.css +105 -90
  15. package/patternfly.css +105 -90
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -881,6 +881,21 @@
881
881
  --pf-t--global--border--width--control--default: var(--pf-t--global--border--width--100);
882
882
  --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--100);
883
883
  --pf-t--global--border--width--control--active: var(--pf-t--global--border--width--200);
884
+ --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 16%);
885
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 16%);
886
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 16%);
887
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 16%);
888
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 16%);
889
+ --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 12%);
890
+ --pf-t--global--box-shadow--md--top: 0px -4px 8px 0px rgb(0 0 0 / 12%);
891
+ --pf-t--global--box-shadow--md--bottom: 0px 4px 8px 0px rgb(0 0 0 / 12%);
892
+ --pf-t--global--box-shadow--md--left: -4px 0px 8px 0px rgb(0 0 0 / 12%);
893
+ --pf-t--global--box-shadow--md--right: 4px 0px 8px 0px rgb(0 0 0 / 12%);
894
+ --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 12%);
895
+ --pf-t--global--box-shadow--lg--top: 0px -8px 24px 0px rgb(0 0 0 / 12%);
896
+ --pf-t--global--box-shadow--lg--bottom: 0px 8px 24px 0px rgb(0 0 0 / 12%);
897
+ --pf-t--global--box-shadow--lg--left: -8px 0px 24px 0px rgb(0 0 0 / 12%);
898
+ --pf-t--global--box-shadow--lg--right: 8px 0px 24px 0px rgb(0 0 0 / 12%);
884
899
  }
885
900
 
886
901
  /**
@@ -11605,7 +11620,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11605
11620
 
11606
11621
  .pf-v5-c-toolbar {
11607
11622
  --pf-v5-c-toolbar--AlignItems--base: flex-start;
11608
- --pf-v5-c-toolbar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
11609
11623
  --pf-v5-c-toolbar--RowGap--base: var(--pf-v5-global--spacer--lg);
11610
11624
  --pf-v5-c-toolbar--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
11611
11625
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
@@ -27134,26 +27148,26 @@ svg.pf-v5-c-spinner.pf-m-xl {
27134
27148
  }
27135
27149
 
27136
27150
  .pf-v5-c-table {
27137
- --pf-v5-c-table--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27138
- --pf-v5-c-table--BorderColor: var(--pf-v5-global--BorderColor--100);
27139
- --pf-v5-c-table--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27140
- --pf-v5-c-table__caption--FontSize: var(--pf-v5-global--FontSize--sm);
27141
- --pf-v5-c-table__caption--Color: var(--pf-v5-global--Color--200);
27151
+ --pf-v5-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27152
+ --pf-v5-c-table--BorderColor: var(--pf-t--global--border--color--default);
27153
+ --pf-v5-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
27154
+ --pf-v5-c-table__caption--FontSize: var(--pf-t--global--font--size--body);
27155
+ --pf-v5-c-table__caption--Color: var(--pf-t--global--text--color--subtle);
27142
27156
  --pf-v5-c-table__caption--PaddingTop: var(--pf-v5-global--spacer--md);
27143
27157
  --pf-v5-c-table__caption--PaddingRight: var(--pf-v5-global--spacer--lg);
27144
27158
  --pf-v5-c-table__caption--PaddingBottom: var(--pf-v5-global--spacer--md);
27145
27159
  --pf-v5-c-table__caption--PaddingLeft: var(--pf-v5-global--spacer--lg);
27146
27160
  --pf-v5-c-table__caption--xl--PaddingRight: var(--pf-v5-global--spacer--md);
27147
27161
  --pf-v5-c-table__caption--xl--PaddingLeft: var(--pf-v5-global--spacer--md);
27148
- --pf-v5-c-table__thead--cell--FontSize: var(--pf-v5-global--FontSize--sm);
27149
- --pf-v5-c-table__thead--cell--FontWeight: var(--pf-v5-global--FontWeight--bold);
27150
- --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-v5-global--spacer--lg);
27151
- --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-v5-global--spacer--lg);
27162
+ --pf-v5-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body);
27163
+ --pf-v5-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
27164
+ --pf-v5-c-table__tbody--cell--PaddingTop: var(--pf-t--global--spacer--md);
27165
+ --pf-v5-c-table__tbody--cell--PaddingBottom: var(--pf-t--global--spacer--md);
27152
27166
  --pf-v5-c-table__tr--BoxShadow--top--base: 0 -0.1875rem 0.25rem -0.125rem rgba(3,3,3,.08);
27153
27167
  --pf-v5-c-table--cell--Padding--base: var(--pf-v5-global--spacer--md);
27154
- --pf-v5-c-table--cell--FontSize: var(--pf-v5-global--FontSize--md);
27155
- --pf-v5-c-table--cell--FontWeight: var(--pf-v5-global--FontWeight--normal);
27156
- --pf-v5-c-table--cell--Color: var(--pf-v5-global--Color--100);
27168
+ --pf-v5-c-table--cell--FontSize: var(--pf-t--global--font--size--body);
27169
+ --pf-v5-c-table--cell--FontWeight: var(--pf-t--global--font--weight--body);
27170
+ --pf-v5-c-table--cell--Color: var(--pf-t--global--text--color--regular);
27157
27171
  --pf-v5-c-table--cell--PaddingTop: var(--pf-v5-c-table--cell--Padding--base);
27158
27172
  --pf-v5-c-table--cell--PaddingRight: var(--pf-v5-c-table--cell--Padding--base);
27159
27173
  --pf-v5-c-table--cell--PaddingBottom: var(--pf-v5-c-table--cell--Padding--base);
@@ -27170,10 +27184,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
27170
27184
  --pf-v5-c-table--cell--TextOverflow: clip;
27171
27185
  --pf-v5-c-table--cell--WhiteSpace: normal;
27172
27186
  --pf-v5-c-table--cell--WordBreak: normal;
27173
- --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-v5-global--BorderWidth--sm);
27174
- --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-v5-global--BorderColor--100);
27175
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
27176
- --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-global--BorderColor--100);
27187
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightWidth: var(--pf-t--global--border--width--divider--default);
27188
+ --pf-v5-c-table--cell--m-border-right--before--BorderRightColor: var(--pf-t--global--border--color--default);
27189
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-t--global--border--width--divider--default);
27190
+ --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-t--global--border--color--default);
27177
27191
  --pf-v5-c-table--cell--m-help--MinWidth: 11ch;
27178
27192
  --pf-v5-c-table--m-truncate--cell--MaxWidth: 1px;
27179
27193
  --pf-v5-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v5-c-table--cell--PaddingRight) + var(--pf-v5-c-table--cell--PaddingLeft));
@@ -27184,33 +27198,33 @@ svg.pf-v5-c-spinner.pf-m-xl {
27184
27198
  --pf-v5-c-table__toggle--c-button__toggle-icon--Transition: .2s ease-in 0s;
27185
27199
  --pf-v5-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
27186
27200
  --pf-v5-c-table__button--BackgroundColor: transparent;
27187
- --pf-v5-c-table__button--Color: var(--pf-v5-global--Color--100);
27188
- --pf-v5-c-table__button--hover--Color: var(--pf-v5-global--Color--100);
27189
- --pf-v5-c-table__button--focus--Color: var(--pf-v5-global--Color--100);
27190
- --pf-v5-c-table__button--active--Color: var(--pf-v5-global--Color--100);
27201
+ --pf-v5-c-table__button--Color: var(--pf-t--global--text--color--regular);
27202
+ --pf-v5-c-table__button--hover--Color: var(--pf-t--global--text--color--regular);
27203
+ --pf-v5-c-table__button--focus--Color: var(--pf-t--global--text--color--regular);
27204
+ --pf-v5-c-table__button--active--Color: var(--pf-t--global--text--color--regular);
27191
27205
  --pf-v5-c-table__button--OutlineOffset: calc(var(--pf-v5-global--BorderWidth--lg) * -1);
27192
27206
  --pf-v5-c-table--m-compact__toggle--PaddingTop: 0;
27193
27207
  --pf-v5-c-table--m-compact__toggle--PaddingBottom: 0;
27194
27208
  --pf-v5-c-table__check--input--MarginTop: 0.25rem;
27195
- --pf-v5-c-table__check--input--FontSize: var(--pf-v5-global--FontSize--md);
27196
- --pf-v5-c-table--cell--m-favorite--Color: var(--pf-v5-global--Color--light-300);
27197
- --pf-v5-c-table__favorite--c-button--Color: var(--pf-v5-global--Color--light-300);
27198
- --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-v5-global--FontSize--sm);
27209
+ --pf-v5-c-table__check--input--FontSize: var(--pf-t--global--font--size--body);
27210
+ --pf-v5-c-table--cell--m-favorite--Color: var(--pf-t--global--text--color--subtle);
27211
+ --pf-v5-c-table__favorite--c-button--Color: var(--pf-t--global--text--color--subtle);
27212
+ --pf-v5-c-table__favorite--c-button--FontSize: var(--pf-t--global--font--size--body);
27199
27213
  --pf-v5-c-table__favorite--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27200
27214
  --pf-v5-c-table__favorite--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27201
27215
  --pf-v5-c-table__favorite--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27202
27216
  --pf-v5-c-table__favorite--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27203
27217
  --pf-v5-c-table__favorite--m-favorited--c-button--Color: var(--pf-v5-global--palette--gold-400);
27204
- --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-v5-global--Color--200);
27205
- --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-v5-global--Color--100);
27206
- --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-v5-global--Color--100);
27207
- --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-v5-global--Color--100);
27218
+ --pf-v5-c-table__sort--m-favorite__button__text--Color: var(--pf-t--global--text--color--subtle);
27219
+ --pf-v5-c-table__sort--m-favorite__button--hover__text--Color: var(--pf-t--global--text--color--regular);
27220
+ --pf-v5-c-table__sort--m-favorite__button--focus__text--Color: var(--pf-t--global--text--color--regular);
27221
+ --pf-v5-c-table__sort--m-favorite__button--active__text--Color: var(--pf-t--global--text--color--regular);
27208
27222
  --pf-v5-c-table__draggable--c-button--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
27209
27223
  --pf-v5-c-table__draggable--c-button--MarginRight: calc(var(--pf-v5-global--spacer--md) * -1);
27210
27224
  --pf-v5-c-table__draggable--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27211
27225
  --pf-v5-c-table__draggable--c-button--MarginLeft: calc(var(--pf-v5-global--spacer--md) * -1);
27212
27226
  --pf-v5-c-table__tr--m-ghost-row--Opacity: .4;
27213
- --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27227
+ --pf-v5-c-table__tr--m-ghost-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27214
27228
  --pf-v5-c-table__action--PaddingTop: 0;
27215
27229
  --pf-v5-c-table__action--PaddingRight: 0;
27216
27230
  --pf-v5-c-table__action--PaddingBottom: 0;
@@ -27228,7 +27242,7 @@ svg.pf-v5-c-spinner.pf-m-xl {
27228
27242
  --pf-v5-c-table__expandable-row--after--Bottom: calc(var(--pf-v5-c-table--border-width--base) * -1);
27229
27243
  --pf-v5-c-table__expandable-row--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27230
27244
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
27231
- --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-global--active-color--100);
27245
+ --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-t--global--border--color--active);
27232
27246
  --pf-v5-c-table__icon-inline--MarginRight: var(--pf-v5-global--spacer--sm);
27233
27247
  --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));
27234
27248
  --pf-v5-c-table__sort__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
@@ -27238,19 +27252,19 @@ svg.pf-v5-c-spinner.pf-m-xl {
27238
27252
  --pf-v5-c-table__sort__button--MarginTop: calc(var(--pf-v5-c-table__sort__button--PaddingTop) * -1);
27239
27253
  --pf-v5-c-table__sort__button--MarginBottom: calc(var(--pf-v5-c-table__sort__button--PaddingBottom) * -1);
27240
27254
  --pf-v5-c-table__sort__button--MarginLeft: calc(var(--pf-v5-c-table__sort__button--PaddingLeft) * -1);
27241
- --pf-v5-c-table__sort__button--Color: var(--pf-v5-global--Color--100);
27242
- --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-v5-global--active-color--100);
27255
+ --pf-v5-c-table__sort__button--Color: var(--pf-t--global--text--color--regular);
27256
+ --pf-v5-c-table__sort--m-selected__button--Color: var(--pf-t--global--border--color--active);
27243
27257
  --pf-v5-c-table__sort--m-help--MinWidth: 15ch;
27244
27258
  --pf-v5-c-table__sort__button__text--Color: currentcolor;
27245
27259
  --pf-v5-c-table__sort__button--hover__text--Color: currentcolor;
27246
27260
  --pf-v5-c-table__sort__button--focus__text--Color: currentcolor;
27247
27261
  --pf-v5-c-table__sort__button--active__text--Color: currentcolor;
27248
- --pf-v5-c-table__sort-indicator--Color: var(--pf-v5-global--disabled-color--200);
27262
+ --pf-v5-c-table__sort-indicator--Color: var(--pf-t--global--icon--color--subtle);
27249
27263
  --pf-v5-c-table__sort-indicator--MarginLeft: var(--pf-v5-global--spacer--md);
27250
- --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-v5-global--active-color--100);
27251
- --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-v5-global--Color--100);
27252
- --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-v5-global--Color--100);
27253
- --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-v5-global--Color--100);
27264
+ --pf-v5-c-table__sort--m-selected__sort-indicator--Color: var(--pf-t--global--border--color--active);
27265
+ --pf-v5-c-table__sort__button--hover__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27266
+ --pf-v5-c-table__sort__button--active__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27267
+ --pf-v5-c-table__sort__button--focus__sort-indicator--Color: var(--pf-t--global--text--color--regular);
27254
27268
  --pf-v5-c-table__th--m-help--MinWidth: 11ch;
27255
27269
  --pf-v5-c-table__column-help--MarginLeft: var(--pf-v5-global--spacer--xs);
27256
27270
  --pf-v5-c-table__column-help--TranslateY: 0.125rem;
@@ -27258,18 +27272,18 @@ svg.pf-v5-c-spinner.pf-m-xl {
27258
27272
  --pf-v5-c-table__column-help--c-button--MarginBottom: calc(var(--pf-v5-global--spacer--form-element) * -1);
27259
27273
  --pf-v5-c-table__column-help--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
27260
27274
  --pf-v5-c-table__column-help--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
27261
- --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-v5-global--active-color--100);
27262
- --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-v5-global--link--Color--hover);
27263
- --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-v5-global--link--Color--hover);
27264
- --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-v5-global--link--Color--hover);
27265
- --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-v5-global--BorderWidth--sm);
27266
- --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
27275
+ --pf-v5-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
27276
+ --pf-v5-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
27277
+ --pf-v5-c-table__compound-expansion-toggle__button--focus--Color: var(--pf-t--global--icon--color--brand--hover);
27278
+ --pf-v5-c-table__compound-expansion-toggle__button--active--Color: var(--pf-t--global--icon--color--brand--active);
27279
+ --pf-v5-c-table__compound-expansion-toggle__button--before--border-width--base: var(--pf-t--global--border--width--button--default);
27280
+ --pf-v5-c-table__compound-expansion-toggle__button--before--BorderColor: var(--pf-t--global--border--color--default);
27267
27281
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderRightWidth: 0;
27268
27282
  --pf-v5-c-table__compound-expansion-toggle__button--before--BorderLeftWidth: 0;
27269
27283
  --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);
27270
27284
  --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);
27271
27285
  --pf-v5-c-table__compound-expansion-toggle__button--after--border-width--base: var(--pf-v5-global--BorderWidth--lg);
27272
- --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-v5-global--primary-color--100);
27286
+ --pf-v5-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--active);
27273
27287
  --pf-v5-c-table__compound-expansion-toggle__button--after--BorderTopWidth: 0;
27274
27288
  --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);
27275
27289
  --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);
@@ -27283,60 +27297,61 @@ svg.pf-v5-c-spinner.pf-m-xl {
27283
27297
  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight: var(--pf-v5-global--spacer--md);
27284
27298
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
27285
27299
  --pf-v5-c-table--m-compact--cell--first-last-child--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
27286
- --pf-v5-c-table--m-compact--FontSize: var(--pf-v5-global--FontSize--sm);
27300
+ --pf-v5-c-table--m-compact--FontSize: var(--pf-t--global--font--size--body);
27287
27301
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingTop: var(--pf-v5-global--spacer--lg);
27288
27302
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-v5-global--spacer--lg);
27289
27303
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-v5-global--spacer--lg);
27290
27304
  --pf-v5-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-v5-global--spacer--lg);
27291
27305
  --pf-v5-c-table--nested--first-last-child--PaddingRight: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft);
27292
27306
  --pf-v5-c-table--nested--first-last-child--PaddingLeft: var(--pf-v5-c-table--m-compact--cell--first-last-child--PaddingRight);
27293
- --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
27307
+ --pf-v5-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-t--global--border--color--default);
27294
27308
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27295
27309
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27296
27310
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27311
+ --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27297
27312
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27298
- --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27299
- --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27300
- --pf-v5-c-table__tr--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27301
- --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27302
- --pf-v5-c-table__tr--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27303
- --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27304
- --pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27313
+ --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27314
+ --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27315
+ --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);
27316
+ --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27317
+ --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);
27318
+ --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--selected);
27319
+ --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);
27305
27320
  --pf-v5-c-table__tr--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27306
- --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27307
- --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27308
- --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27321
+ --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
27322
+ --pf-v5-c-table__tr--m-selected--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27323
+ --pf-v5-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
27309
27324
  --pf-v5-c-table__tr--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27310
27325
  --pf-v5-c-table__tr--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27311
- --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27312
- --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27313
- --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27326
+ --pf-v5-c-table__tr--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27327
+ --pf-v5-c-table__tr--m-selected--hover__tr--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom) inset, var(--pf-t--global--box-shadow--sm--bottom);
27328
+ --pf-v5-c-table__tr--m-selected__tr--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27314
27329
  --pf-v5-c-table__tbody--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27315
27330
  --pf-v5-c-table__tbody--m-clickable--BoxShadow: none;
27316
27331
  --pf-v5-c-table__tbody--m-clickable--BackgroundColor: transparent;
27317
27332
  --pf-v5-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27318
- --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27319
- --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27320
- --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27321
- --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27322
- --pf-v5-c-table__tbody--m-clickable--active--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27323
- --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27324
- --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-v5-global--active-color--400);
27325
- --pf-v5-c-table__tbody--m-clickable--m-selected--hover__tr--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27326
- --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
27333
+ --pf-v5-c-table__tbody--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27334
+ --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27335
+ --pf-v5-c-table__tbody--m-clickable--focus--BoxShadow: var(--pf-v5-c-table__tbody--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27336
+ --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27337
+ --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);
27338
+ --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27339
+ --pf-v5-c-table__tbody--m-clickable--m-expanded--BorderColor: var(--pf-t--global--border--color--active);
27340
+ --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);
27341
+ --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27327
27342
  --pf-v5-c-table__tbody--m-selected--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27328
- --pf-v5-c-table__tbody--m-selected--BoxShadow: var(--pf-v5-c-table__tbody--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27343
+ --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);
27329
27344
  --pf-v5-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27330
27345
  --pf-v5-c-table__tbody--m-selected--after--BorderLeftWidth: calc(2 * var(--pf-v5-c-table__expandable-row--after--border-width--base));
27331
- --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-v5-global--active-color--100);
27332
- --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
27333
- --pf-v5-c-table__tbody--m-selected--hover__tbody--m-selected--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom) inset, var(--pf-v5-global--BoxShadow--sm-bottom);
27334
- --pf-v5-c-table__tbody--m-selected__tbody--m-selected--hover--BoxShadow: var(--pf-v5-c-table__tr--m-selected--BoxShadow--top), var(--pf-v5-global--BoxShadow--sm-bottom);
27346
+ --pf-v5-c-table__tbody--m-selected--after--BorderLeftColor: var(--pf-t--global--border--color--active);
27347
+ --pf-v5-c-table__tbody--m-selected--m-selected--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
27348
+ --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);
27349
+ --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);
27335
27350
  --pf-v5-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
27336
27351
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingTop: var(--pf-v5-global--spacer--xs);
27337
27352
  --pf-v5-c-table__thead--m-nested-column-header__tr--PaddingBottom: var(--pf-v5-global--spacer--xs);
27338
- --pf-v5-c-table__subhead--Color: var(--pf-v5-global--Color--200);
27339
- --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
27353
+ --pf-v5-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
27354
+ --pf-v5-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27340
27355
  --pf-v5-c-table--m-sticky-header--cell--ZIndex: var(--pf-v5-global--ZIndex--xs);
27341
27356
  color: var(--pf-v5-global--Color--100);
27342
27357
  width: 100%;
@@ -27585,27 +27600,27 @@ svg.pf-v5-c-spinner.pf-m-xl {
27585
27600
  .pf-v5-c-table.pf-m-no-border-rows > tbody:where(.pf-v5-c-table__tbody) .pf-v5-c-table__control-row > .pf-v5-c-table__compound-expansion-toggle:first-child > ::before {
27586
27601
  border-left-width: 0;
27587
27602
  }
27603
+ .pf-v5-c-table tr.pf-m-clickable:last-child {
27604
+ border-bottom-color: transparent;
27605
+ }
27606
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
27607
+ position: relative;
27608
+ }
27609
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
27610
+ position: absolute;
27611
+ inset: 0;
27612
+ content: "";
27613
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27614
+ border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
27615
+ }
27588
27616
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27589
27617
  cursor: pointer;
27590
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27591
27618
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27592
27619
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27593
27620
  }
27594
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active:not(.pf-m-selected) + tr:where(.pf-v5-c-table__tr).pf-m-selected {
27595
- box-shadow: var(--pf-v5-c-table__tr--m-clickable--m-selected--BoxShadow);
27596
- }
27597
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover {
27598
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--hover--BoxShadow);
27621
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:hover, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus, .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27599
27622
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--hover--BackgroundColor);
27600
27623
  }
27601
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:focus {
27602
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--focus--BoxShadow);
27603
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--focus--BackgroundColor);
27604
- }
27605
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable:active {
27606
- --pf-v5-c-table__tr--m-clickable--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--active--BoxShadow);
27607
- --pf-v5-c-table__tr--m-clickable--BackgroundColor: var(--pf-v5-c-table__tr--m-clickable--active--BackgroundColor);
27608
- }
27609
27624
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-selected {
27610
27625
  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftWidth);
27611
27626
  --pf-v5-c-table__expandable-row--after--BorderColor: var(--pf-v5-c-table__tr--m-selected--after--BorderLeftColor);