@patternfly/patternfly 6.0.0-alpha.177 → 6.0.0-alpha.179

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/patternfly.css CHANGED
@@ -6592,11 +6592,11 @@ button) {
6592
6592
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
6593
6593
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
6594
6594
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
6595
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
6595
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6596
6596
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
6597
6597
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6598
6598
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
6599
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6599
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
6600
6600
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
6601
6601
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6602
6602
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -6753,15 +6753,12 @@ button) {
6753
6753
  grid-area: actiongroup;
6754
6754
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
6755
6755
  }
6756
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
6757
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
6758
- }
6759
6756
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
6760
6757
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
6761
6758
  }
6762
6759
 
6763
6760
  :where(:root, .pf-v6-c-alert-group) {
6764
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
6761
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
6765
6762
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
6766
6763
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
6767
6764
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -11306,7 +11303,7 @@ ul) {
11306
11303
  --pf-v6-c-drawer__panel--MinWidth: 50%;
11307
11304
  --pf-v6-c-drawer__panel--MaxHeight: auto;
11308
11305
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
11309
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11306
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11310
11307
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11311
11308
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
11312
11309
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11393,7 +11390,7 @@ ul) {
11393
11390
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
11394
11391
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
11395
11392
  --pf-v6-c-drawer__panel--BoxShadow: none;
11396
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
11393
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
11397
11394
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
11398
11395
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
11399
11396
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -11413,19 +11410,19 @@ ul) {
11413
11410
  }
11414
11411
 
11415
11412
  .pf-v6-c-drawer {
11416
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11417
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11413
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11414
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11418
11415
  display: flex;
11419
11416
  flex-direction: column;
11420
11417
  height: 100%;
11421
11418
  overflow-x: hidden;
11422
11419
  }
11423
11420
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11424
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11421
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11425
11422
  }
11426
11423
 
11427
11424
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11428
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11425
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11429
11426
  }
11430
11427
 
11431
11428
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
@@ -12171,11 +12168,11 @@ ul) {
12171
12168
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
12172
12169
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
12173
12170
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
12174
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
12171
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
12175
12172
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
12176
12173
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12177
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
12178
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
12174
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12175
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
12179
12176
  }
12180
12177
 
12181
12178
  .pf-v6-c-empty-state {
@@ -13605,10 +13602,10 @@ select ~ .pf-v6-c-form-control__utilities {
13605
13602
  }
13606
13603
 
13607
13604
  :where(:root, .pf-v6-c-inline-edit) {
13608
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13605
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
13609
13606
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
13610
13607
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
13611
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13608
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
13612
13609
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13613
13610
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
13614
13611
  }
@@ -15997,9 +15994,6 @@ ul.pf-v6-c-list {
15997
15994
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
15998
15995
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
15999
15996
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
16000
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
16001
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16002
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
16003
15997
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
16004
15998
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
16005
15999
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -16027,9 +16021,6 @@ ul.pf-v6-c-list {
16027
16021
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
16028
16022
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
16029
16023
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
16030
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
16031
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16032
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
16033
16024
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
16034
16025
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16035
16026
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -16044,9 +16035,6 @@ ul.pf-v6-c-list {
16044
16035
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
16045
16036
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
16046
16037
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
16047
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
16048
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16049
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
16050
16038
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
16051
16039
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
16052
16040
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
@@ -16064,7 +16052,6 @@ ul.pf-v6-c-list {
16064
16052
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
16065
16053
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
16066
16054
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
16067
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16068
16055
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
16069
16056
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
16070
16057
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -16077,7 +16064,6 @@ ul.pf-v6-c-list {
16077
16064
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16078
16065
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
16079
16066
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
16080
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16081
16067
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
16082
16068
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
16083
16069
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -16144,9 +16130,6 @@ ul.pf-v6-c-list {
16144
16130
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
16145
16131
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
16146
16132
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
16147
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
16148
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
16149
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
16150
16133
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
16151
16134
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
16152
16135
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -16162,9 +16145,6 @@ ul.pf-v6-c-list {
16162
16145
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
16163
16146
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
16164
16147
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
16165
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
16166
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
16167
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
16168
16148
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
16169
16149
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
16170
16150
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -16186,7 +16166,6 @@ ul.pf-v6-c-list {
16186
16166
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
16187
16167
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
16188
16168
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
16189
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
16190
16169
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
16191
16170
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
16192
16171
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -16208,13 +16187,6 @@ ul.pf-v6-c-list {
16208
16187
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
16209
16188
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
16210
16189
  }
16211
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
16212
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
16213
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
16214
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
16215
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
16216
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
16217
- }
16218
16190
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
16219
16191
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
16220
16192
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -16301,9 +16273,6 @@ ul.pf-v6-c-list {
16301
16273
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
16302
16274
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
16303
16275
  }
16304
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
16305
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
16306
- }
16307
16276
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
16308
16277
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
16309
16278
  }
@@ -16424,6 +16393,7 @@ ul.pf-v6-c-list {
16424
16393
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
16425
16394
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
16426
16395
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
16396
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
16427
16397
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
16428
16398
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
16429
16399
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -16545,6 +16515,7 @@ ul.pf-v6-c-list {
16545
16515
  flex: 0 0 auto;
16546
16516
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
16547
16517
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
16518
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
16548
16519
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
16549
16520
  }
16550
16521
  .pf-v6-c-modal-box__title.pf-m-icon {
@@ -20810,6 +20781,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20810
20781
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
20811
20782
  --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
20812
20783
  --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
20784
+ --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
20813
20785
  --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
20814
20786
  --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
20815
20787
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -20900,24 +20872,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20900
20872
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
20901
20873
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
20902
20874
  }
20903
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
20904
- border-block-start: 0;
20905
- }
20906
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
20907
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
20908
- }
20909
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
20910
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
20911
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
20912
- }
20913
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
20914
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20915
- }
20916
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
20917
- border-block-end: 0;
20875
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable {
20876
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20918
20877
  }
20919
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
20920
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
20878
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
20879
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
20880
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
20921
20881
  }
20922
20882
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
20923
20883
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -20989,9 +20949,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20989
20949
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
20990
20950
  border: 0;
20991
20951
  }
20992
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
20993
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
20994
- }
20995
20952
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
20996
20953
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
20997
20954
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -21214,24 +21171,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21214
21171
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
21215
21172
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21216
21173
  }
21217
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
21218
- border-block-start: 0;
21219
- }
21220
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21221
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21222
- }
21223
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
21224
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
21225
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
21174
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
21175
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
21226
21176
  }
21227
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
21228
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
21229
- }
21230
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21231
- border-block-end: 0;
21232
- }
21233
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
21234
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21177
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
21178
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
21179
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
21235
21180
  }
21236
21181
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
21237
21182
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -21303,9 +21248,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21303
21248
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
21304
21249
  border: 0;
21305
21250
  }
21306
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21307
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
21308
- }
21309
21251
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
21310
21252
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
21311
21253
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -21531,24 +21473,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21531
21473
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
21532
21474
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21533
21475
  }
21534
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
21535
- border-block-start: 0;
21476
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
21477
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
21536
21478
  }
21537
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21538
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21539
- }
21540
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
21541
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
21542
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
21543
- }
21544
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
21545
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
21546
- }
21547
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21548
- border-block-end: 0;
21549
- }
21550
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
21551
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21479
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
21480
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
21481
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
21552
21482
  }
21553
21483
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
21554
21484
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -21620,9 +21550,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21620
21550
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
21621
21551
  border: 0;
21622
21552
  }
21623
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21624
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
21625
- }
21626
21553
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
21627
21554
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
21628
21555
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -21848,24 +21775,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21848
21775
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
21849
21776
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21850
21777
  }
21851
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
21852
- border-block-start: 0;
21853
- }
21854
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21855
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21856
- }
21857
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
21858
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
21859
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
21778
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
21779
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
21860
21780
  }
21861
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
21862
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
21863
- }
21864
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21865
- border-block-end: 0;
21866
- }
21867
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
21868
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21781
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
21782
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
21783
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
21869
21784
  }
21870
21785
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
21871
21786
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -21937,9 +21852,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21937
21852
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
21938
21853
  border: 0;
21939
21854
  }
21940
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21941
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
21942
- }
21943
21855
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
21944
21856
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
21945
21857
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -22165,24 +22077,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22165
22077
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22166
22078
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22167
22079
  }
22168
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
22169
- border-block-start: 0;
22080
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
22081
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22170
22082
  }
22171
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
22172
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22173
- }
22174
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
22175
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
22176
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
22177
- }
22178
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
22179
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
22180
- }
22181
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
22182
- border-block-end: 0;
22183
- }
22184
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
22185
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22083
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
22084
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
22085
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
22186
22086
  }
22187
22087
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
22188
22088
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -22254,9 +22154,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22254
22154
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
22255
22155
  border: 0;
22256
22156
  }
22257
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
22258
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
22259
- }
22260
22157
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
22261
22158
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
22262
22159
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;