@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.
@@ -408,11 +408,11 @@
408
408
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
409
409
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
410
410
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
411
- --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--xs);
411
+ --pf-v6-c-alert__action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
412
412
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__action-group--PaddingBlockStart-base);
413
413
  --pf-v6-c-alert__description--action-group--PaddingBlockStart-base: var(--pf-t--global--spacer--sm);
414
414
  --pf-v6-c-alert__description--action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart-base);
415
- --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
415
+ --pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
416
416
  --pf-v6-c-alert--m-custom--BorderColor: var(--pf-t--global--border--color--status--custom--default);
417
417
  --pf-v6-c-alert--m-custom__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
418
418
  --pf-v6-c-alert--m-custom__title--Color: var(--pf-t--global--text--color--regular);
@@ -569,15 +569,12 @@
569
569
  grid-area: actiongroup;
570
570
  padding-block-start: var(--pf-v6-c-alert__action-group--PaddingBlockStart);
571
571
  }
572
- .pf-v6-c-alert__action-group > .pf-v6-c-button {
573
- --pf-v6-c-button--m-link--m-inline--hover--TextDecoration: none;
574
- }
575
572
  .pf-v6-c-alert__action-group > .pf-v6-c-button:not(:last-child) {
576
573
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
577
574
  }
578
575
 
579
576
  :where(:root, .pf-v6-c-alert-group) {
580
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--md);
577
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
581
578
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
582
579
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
583
580
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
@@ -5122,7 +5119,7 @@ ul) {
5122
5119
  --pf-v6-c-drawer__panel--MinWidth: 50%;
5123
5120
  --pf-v6-c-drawer__panel--MaxHeight: auto;
5124
5121
  --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
5125
- --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5122
+ --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
5126
5123
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5127
5124
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
5128
5125
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -5209,7 +5206,7 @@ ul) {
5209
5206
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
5210
5207
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
5211
5208
  --pf-v6-c-drawer__panel--BoxShadow: none;
5212
- --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--top);
5209
+ --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
5213
5210
  --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--divider--default);
5214
5211
  --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--divider--default);
5215
5212
  --pf-v6-c-drawer__panel--after--BackgroundColor: transparent;
@@ -5229,19 +5226,19 @@ ul) {
5229
5226
  }
5230
5227
 
5231
5228
  .pf-v6-c-drawer {
5232
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
5233
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
5229
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5230
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
5234
5231
  display: flex;
5235
5232
  flex-direction: column;
5236
5233
  height: 100%;
5237
5234
  overflow-x: hidden;
5238
5235
  }
5239
5236
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
5240
- --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
5237
+ --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
5241
5238
  }
5242
5239
 
5243
5240
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
5244
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
5241
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
5245
5242
  }
5246
5243
 
5247
5244
  .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) {
@@ -5987,11 +5984,11 @@ ul) {
5987
5984
  --pf-v6-c-empty-state--m-xs__body--MarginBlockStart: var(--pf-t--global--spacer--md);
5988
5985
  --pf-v6-c-empty-state--m-xl__body--FontSize: var(--pf-t--global--font--size--body--lg);
5989
5986
  --pf-v6-c-empty-state--m-xl__body--MarginBlockStart: var(--pf-t--global--spacer--xl);
5990
- --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--sm);
5987
+ --pf-v6-c-empty-state__footer--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
5991
5988
  --pf-v6-c-empty-state__footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
5992
5989
  --pf-v6-c-empty-state--m-xs__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5993
- --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--sm);
5994
- --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--md);
5990
+ --pf-v6-c-empty-state__actions--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5991
+ --pf-v6-c-empty-state__actions--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5995
5992
  }
5996
5993
 
5997
5994
  .pf-v6-c-empty-state {
@@ -7421,10 +7418,10 @@ select ~ .pf-v6-c-form-control__utilities {
7421
7418
  }
7422
7419
 
7423
7420
  :where(:root, .pf-v6-c-inline-edit) {
7424
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7421
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
7425
7422
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
7426
7423
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
7427
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7424
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
7428
7425
  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
7429
7426
  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
7430
7427
  }
@@ -9813,9 +9810,6 @@ ul.pf-v6-c-list {
9813
9810
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
9814
9811
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
9815
9812
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
9816
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
9817
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
9818
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
9819
9813
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
9820
9814
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
9821
9815
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -9843,9 +9837,6 @@ ul.pf-v6-c-list {
9843
9837
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
9844
9838
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9845
9839
  --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
9846
- --pf-v6-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
9847
- --pf-v6-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9848
- --pf-v6-c-menu-toggle--m-primary--active--BorderColor: transparent;
9849
9840
  --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
9850
9841
  --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9851
9842
  --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
@@ -9860,9 +9851,6 @@ ul.pf-v6-c-list {
9860
9851
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
9861
9852
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
9862
9853
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
9863
- --pf-v6-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
9864
- --pf-v6-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--action--clicked);
9865
- --pf-v6-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
9866
9854
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
9867
9855
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
9868
9856
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
@@ -9880,7 +9868,6 @@ ul.pf-v6-c-list {
9880
9868
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
9881
9869
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
9882
9870
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
9883
- --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9884
9871
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
9885
9872
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
9886
9873
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
@@ -9893,7 +9880,6 @@ ul.pf-v6-c-list {
9893
9880
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9894
9881
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
9895
9882
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
9896
- --pf-v6-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9897
9883
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9898
9884
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
9899
9885
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
@@ -9960,9 +9946,6 @@ ul.pf-v6-c-list {
9960
9946
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
9961
9947
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
9962
9948
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
9963
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-primary--active--Color);
9964
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--active--BackgroundColor);
9965
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--active--BorderColor);
9966
9949
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
9967
9950
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
9968
9951
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
@@ -9978,9 +9961,6 @@ ul.pf-v6-c-list {
9978
9961
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
9979
9962
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
9980
9963
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
9981
- --pf-v6-c-menu-toggle--active--Color: var(--pf-v6-c-menu-toggle--m-secondary--active--Color);
9982
- --pf-v6-c-menu-toggle--active--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderWidth);
9983
- --pf-v6-c-menu-toggle--active--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--active--BorderColor);
9984
9964
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
9985
9965
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
9986
9966
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
@@ -10002,7 +9982,6 @@ ul.pf-v6-c-list {
10002
9982
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
10003
9983
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
10004
9984
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
10005
- --pf-v6-c-menu-toggle--active--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--active--BackgroundColor);
10006
9985
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
10007
9986
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
10008
9987
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
@@ -10024,13 +10003,6 @@ ul.pf-v6-c-list {
10024
10003
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
10025
10004
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
10026
10005
  }
10027
- .pf-v6-c-menu-toggle:is(:active, .pf-m-active) {
10028
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--active--Color);
10029
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--active--BackgroundColor);
10030
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--active--BorderWidth);
10031
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--active--BorderColor);
10032
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--active__toggle-icon--Color);
10033
- }
10034
10006
  .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
10035
10007
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
10036
10008
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
@@ -10117,9 +10089,6 @@ ul.pf-v6-c-list {
10117
10089
  .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) {
10118
10090
  --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);
10119
10091
  }
10120
- .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) {
10121
- --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);
10122
- }
10123
10092
  .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
10124
10093
  --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);
10125
10094
  }
@@ -10240,6 +10209,7 @@ ul.pf-v6-c-list {
10240
10209
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
10241
10210
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
10242
10211
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
10212
+ --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading);
10243
10213
  --pf-v6-c-modal-box__title--FontSize: var(--pf-t--global--font--size--heading--md);
10244
10214
  --pf-v6-c-modal-box__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
10245
10215
  --pf-v6-c-modal-box__title-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -10361,6 +10331,7 @@ ul.pf-v6-c-list {
10361
10331
  flex: 0 0 auto;
10362
10332
  font-family: var(--pf-v6-c-modal-box__title--FontFamily);
10363
10333
  font-size: var(--pf-v6-c-modal-box__title--FontSize);
10334
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
10364
10335
  line-height: var(--pf-v6-c-modal-box__title--LineHeight);
10365
10336
  }
10366
10337
  .pf-v6-c-modal-box__title.pf-m-icon {
@@ -14626,6 +14597,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14626
14597
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
14627
14598
  --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
14628
14599
  --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
14600
+ --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
14629
14601
  --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
14630
14602
  --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
14631
14603
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -14716,24 +14688,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14716
14688
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
14717
14689
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
14718
14690
  }
14719
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
14720
- border-block-start: 0;
14721
- }
14722
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
14723
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
14724
- }
14725
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
14726
- .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) {
14727
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
14728
- }
14729
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
14730
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
14731
- }
14732
- .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) {
14733
- border-block-end: 0;
14691
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable {
14692
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
14734
14693
  }
14735
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
14736
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
14694
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
14695
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
14696
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
14737
14697
  }
14738
14698
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
14739
14699
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -14805,9 +14765,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14805
14765
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
14806
14766
  border: 0;
14807
14767
  }
14808
- .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) {
14809
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
14810
- }
14811
14768
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
14812
14769
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
14813
14770
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -15030,24 +14987,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15030
14987
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15031
14988
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15032
14989
  }
15033
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
15034
- border-block-start: 0;
15035
- }
15036
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
15037
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15038
- }
15039
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
15040
- .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) {
15041
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
14990
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
14991
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15042
14992
  }
15043
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
15044
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
15045
- }
15046
- .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) {
15047
- border-block-end: 0;
15048
- }
15049
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
15050
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
14993
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
14994
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
14995
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
15051
14996
  }
15052
14997
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
15053
14998
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -15119,9 +15064,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15119
15064
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
15120
15065
  border: 0;
15121
15066
  }
15122
- .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) {
15123
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
15124
- }
15125
15067
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
15126
15068
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
15127
15069
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -15347,24 +15289,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15347
15289
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15348
15290
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15349
15291
  }
15350
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
15351
- border-block-start: 0;
15292
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
15293
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15352
15294
  }
15353
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
15354
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15355
- }
15356
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
15357
- .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) {
15358
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
15359
- }
15360
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
15361
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
15362
- }
15363
- .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) {
15364
- border-block-end: 0;
15365
- }
15366
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
15367
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15295
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
15296
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
15297
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
15368
15298
  }
15369
15299
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
15370
15300
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -15436,9 +15366,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15436
15366
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
15437
15367
  border: 0;
15438
15368
  }
15439
- .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) {
15440
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
15441
- }
15442
15369
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
15443
15370
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
15444
15371
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -15664,24 +15591,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15664
15591
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15665
15592
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15666
15593
  }
15667
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
15668
- border-block-start: 0;
15669
- }
15670
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
15671
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15672
- }
15673
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
15674
- .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) {
15675
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
15594
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
15595
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15676
15596
  }
15677
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
15678
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
15679
- }
15680
- .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) {
15681
- border-block-end: 0;
15682
- }
15683
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
15684
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15597
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
15598
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
15599
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
15685
15600
  }
15686
15601
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
15687
15602
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -15753,9 +15668,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15753
15668
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
15754
15669
  border: 0;
15755
15670
  }
15756
- .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) {
15757
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
15758
- }
15759
15671
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
15760
15672
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
15761
15673
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -15981,24 +15893,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15981
15893
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
15982
15894
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15983
15895
  }
15984
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
15985
- border-block-start: 0;
15896
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
15897
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
15986
15898
  }
15987
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
15988
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15989
- }
15990
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
15991
- .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) {
15992
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
15993
- }
15994
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
15995
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
15996
- }
15997
- .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) {
15998
- border-block-end: 0;
15999
- }
16000
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
16001
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
15899
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
15900
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
15901
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
16002
15902
  }
16003
15903
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
16004
15904
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -16070,9 +15970,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16070
15970
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
16071
15971
  border: 0;
16072
15972
  }
16073
- .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) {
16074
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
16075
- }
16076
15973
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
16077
15974
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
16078
15975
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -1118,7 +1118,7 @@ wrapperTag: div
1118
1118
 
1119
1119
  ```
1120
1120
 
1121
- ### Drawer with jump links
1121
+ ### Collapsed drawer with jump links
1122
1122
 
1123
1123
  ```html isFullscreen
1124
1124
  <div class="pf-v6-c-page" id="drawer-jump-links">
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.177",
4
+ "version": "6.0.0-alpha.179",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {