@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.
@@ -6471,11 +6471,11 @@
6471
6471
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
6472
6472
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
6473
6473
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
6474
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
6474
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6475
6475
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
6476
6476
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
6477
6477
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
6478
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
6478
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
6479
6479
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
6480
6480
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6481
6481
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -6632,15 +6632,12 @@
6632
6632
  grid-area: actiongroup;
6633
6633
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
6634
6634
  }
6635
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
6636
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
6637
- }
6638
6635
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
6639
6636
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
6640
6637
  }
6641
6638
 
6642
6639
  :where(:root, .pf-v6-c-alert-group) {
6643
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
6640
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
6644
6641
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
6645
6642
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
6646
6643
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -11185,7 +11182,7 @@ ul) {
11185
11182
  --pf-v6-c-drawer__panel--MinWidth: 50%;
11186
11183
  --pf-v6-c-drawer__panel--MaxHeight: auto;
11187
11184
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
11188
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11185
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11189
11186
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11190
11187
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
11191
11188
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11272,7 +11269,7 @@ ul) {
11272
11269
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
11273
11270
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
11274
11271
  --pf-v6-c-drawer__panel--BoxShadow: none;
11275
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
11272
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
11276
11273
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
11277
11274
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
11278
11275
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -11292,19 +11289,19 @@ ul) {
11292
11289
  }
11293
11290
 
11294
11291
  .pf-v6-c-drawer {
11295
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11296
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11292
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11293
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11297
11294
  display: flex;
11298
11295
  flex-direction: column;
11299
11296
  height: 100%;
11300
11297
  overflow-x: hidden;
11301
11298
  }
11302
11299
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11303
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
11300
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
11304
11301
  }
11305
11302
 
11306
11303
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
11307
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
11304
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
11308
11305
  }
11309
11306
 
11310
11307
  .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) {
@@ -12050,11 +12047,11 @@ ul) {
12050
12047
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
12051
12048
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
12052
12049
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
12053
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
12050
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
12054
12051
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
12055
12052
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
12056
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
12057
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
12053
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
12054
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
12058
12055
  }
12059
12056
 
12060
12057
  .pf-v6-c-empty-state {
@@ -13484,10 +13481,10 @@ select ~ .pf-v6-c-form-control__utilities {
13484
13481
  }
13485
13482
 
13486
13483
  :where(:root, .pf-v6-c-inline-edit) {
13487
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13484
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
13488
13485
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
13489
13486
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
13490
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13487
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
13491
13488
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
13492
13489
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
13493
13490
  }
@@ -15876,9 +15873,6 @@ ul.pf-v6-c-list {
15876
15873
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
15877
15874
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
15878
15875
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
15879
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
15880
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
15881
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
15882
15876
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
15883
15877
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
15884
15878
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -15906,9 +15900,6 @@ ul.pf-v6-c-list {
15906
15900
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
15907
15901
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
15908
15902
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
15909
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
15910
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15911
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
15912
15903
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
15913
15904
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15914
15905
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -15923,9 +15914,6 @@ ul.pf-v6-c-list {
15923
15914
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
15924
15915
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
15925
15916
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
15926
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
15927
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
15928
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
15929
15917
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
15930
15918
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
15931
15919
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
@@ -15943,7 +15931,6 @@ ul.pf-v6-c-list {
15943
15931
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
15944
15932
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
15945
15933
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
15946
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15947
15934
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
15948
15935
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
15949
15936
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -15956,7 +15943,6 @@ ul.pf-v6-c-list {
15956
15943
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
15957
15944
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
15958
15945
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
15959
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
15960
15946
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
15961
15947
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
15962
15948
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -16023,9 +16009,6 @@ ul.pf-v6-c-list {
16023
16009
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
16024
16010
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
16025
16011
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
16026
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
16027
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
16028
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
16029
16012
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
16030
16013
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
16031
16014
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -16041,9 +16024,6 @@ ul.pf-v6-c-list {
16041
16024
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
16042
16025
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
16043
16026
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
16044
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
16045
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
16046
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
16047
16027
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
16048
16028
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
16049
16029
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -16065,7 +16045,6 @@ ul.pf-v6-c-list {
16065
16045
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
16066
16046
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
16067
16047
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
16068
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
16069
16048
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
16070
16049
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
16071
16050
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -16087,13 +16066,6 @@ ul.pf-v6-c-list {
16087
16066
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
16088
16067
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
16089
16068
  }
16090
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
16091
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
16092
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
16093
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
16094
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
16095
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
16096
- }
16097
16069
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
16098
16070
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
16099
16071
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -16180,9 +16152,6 @@ ul.pf-v6-c-list {
16180
16152
  .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) {
16181
16153
  --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);
16182
16154
  }
16183
- .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) {
16184
- --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);
16185
- }
16186
16155
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
16187
16156
  --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);
16188
16157
  }
@@ -16303,6 +16272,7 @@ ul.pf-v6-c-list {
16303
16272
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
16304
16273
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
16305
16274
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
16275
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
16306
16276
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
16307
16277
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
16308
16278
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -16424,6 +16394,7 @@ ul.pf-v6-c-list {
16424
16394
  flex: 0 0 auto;
16425
16395
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
16426
16396
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
16397
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
16427
16398
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
16428
16399
  }
16429
16400
  .pf-v6-c-modal-box__title.pf-m-icon {
@@ -20689,6 +20660,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20689
20660
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
20690
20661
  --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
20691
20662
  --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
20663
+ --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
20692
20664
  --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
20693
20665
  --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
20694
20666
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -20779,24 +20751,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20779
20751
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
20780
20752
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
20781
20753
  }
20782
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
20783
- border-block-start: 0;
20784
- }
20785
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
20786
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
20787
- }
20788
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
20789
- .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) {
20790
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
20791
- }
20792
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
20793
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20794
- }
20795
- .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) {
20796
- border-block-end: 0;
20754
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable {
20755
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20797
20756
  }
20798
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
20799
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
20757
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
20758
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
20759
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
20800
20760
  }
20801
20761
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
20802
20762
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -20868,9 +20828,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20868
20828
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
20869
20829
  border: 0;
20870
20830
  }
20871
- .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) {
20872
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
20873
- }
20874
20831
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
20875
20832
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
20876
20833
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -21093,24 +21050,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21093
21050
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
21094
21051
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21095
21052
  }
21096
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
21097
- border-block-start: 0;
21098
- }
21099
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21100
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21101
- }
21102
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
21103
- .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) {
21104
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
21053
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
21054
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
21105
21055
  }
21106
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
21107
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
21108
- }
21109
- .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) {
21110
- border-block-end: 0;
21111
- }
21112
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
21113
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21056
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
21057
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
21058
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
21114
21059
  }
21115
21060
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
21116
21061
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -21182,9 +21127,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21182
21127
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
21183
21128
  border: 0;
21184
21129
  }
21185
- .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) {
21186
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
21187
- }
21188
21130
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
21189
21131
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
21190
21132
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -21410,24 +21352,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21410
21352
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
21411
21353
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21412
21354
  }
21413
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
21414
- border-block-start: 0;
21355
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
21356
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
21415
21357
  }
21416
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21417
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21418
- }
21419
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
21420
- .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) {
21421
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
21422
- }
21423
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
21424
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
21425
- }
21426
- .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) {
21427
- border-block-end: 0;
21428
- }
21429
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
21430
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21358
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
21359
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
21360
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
21431
21361
  }
21432
21362
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
21433
21363
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -21499,9 +21429,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21499
21429
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
21500
21430
  border: 0;
21501
21431
  }
21502
- .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) {
21503
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
21504
- }
21505
21432
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
21506
21433
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
21507
21434
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -21727,24 +21654,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21727
21654
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
21728
21655
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21729
21656
  }
21730
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
21731
- border-block-start: 0;
21732
- }
21733
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
21734
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21735
- }
21736
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
21737
- .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) {
21738
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
21657
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
21658
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
21739
21659
  }
21740
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
21741
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
21742
- }
21743
- .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) {
21744
- border-block-end: 0;
21745
- }
21746
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
21747
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21660
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
21661
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
21662
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
21748
21663
  }
21749
21664
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
21750
21665
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -21816,9 +21731,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21816
21731
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
21817
21732
  border: 0;
21818
21733
  }
21819
- .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) {
21820
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
21821
- }
21822
21734
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
21823
21735
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
21824
21736
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -22044,24 +21956,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22044
21956
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
22045
21957
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22046
21958
  }
22047
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
22048
- border-block-start: 0;
21959
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
21960
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22049
21961
  }
22050
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
22051
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
22052
- }
22053
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
22054
- .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) {
22055
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
22056
- }
22057
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
22058
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
22059
- }
22060
- .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) {
22061
- border-block-end: 0;
22062
- }
22063
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
22064
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
21962
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
21963
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
21964
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
22065
21965
  }
22066
21966
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
22067
21967
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -22133,9 +22033,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22133
22033
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
22134
22034
  border: 0;
22135
22035
  }
22136
- .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) {
22137
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
22138
- }
22139
22036
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
22140
22037
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
22141
22038
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;