@patternfly/patternfly 6.3.0-prerelease.62 → 6.3.0-prerelease.64

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
@@ -9539,7 +9539,7 @@ button) {
9539
9539
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: initial;
9540
9540
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: initial;
9541
9541
  --pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: initial;
9542
- --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
9542
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9543
9543
  --pf-v6-c-alert-group__overflow-button--BorderColor: var(--pf-t--global--border--color--high-contrast);
9544
9544
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
9545
9545
  --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -9549,7 +9549,7 @@ button) {
9549
9549
  --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
9550
9550
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
9551
9551
  --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
9552
- --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
9552
+ --pf-v6-c-alert-group__overflow-button--hover--BorderWidth: var(--pf-t--global--border--width--high-contrast--strong);
9553
9553
  --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
9554
9554
  --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
9555
9555
  --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
@@ -9594,6 +9594,8 @@ button) {
9594
9594
  }
9595
9595
  .pf-v6-c-alert-group__overflow-button:hover, .pf-v6-c-alert-group__overflow-button:focus {
9596
9596
  --pf-v6-c-alert-group__overflow-button--BorderWidth: var(--pf-v6-c-alert-group__overflow-button--hover--BorderWidth);
9597
+ --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
9598
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
9597
9599
  }
9598
9600
 
9599
9601
  .pf-v6-c-alert-group__item {
@@ -9650,19 +9652,6 @@ button) {
9650
9652
  transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition, var(--pf-v6-c-alert-group--m-toast__item--m-outgoing--c-alert--Transition));
9651
9653
  }
9652
9654
  }
9653
- .pf-v6-c-alert-group__item:hover {
9654
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
9655
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
9656
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
9657
- }
9658
- .pf-v6-c-alert-group__item:focus {
9659
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
9660
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
9661
- }
9662
- .pf-v6-c-alert-group__item:active {
9663
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
9664
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
9665
- }
9666
9655
 
9667
9656
  .pf-v6-c-avatar {
9668
9657
  --pf-v6-c-avatar--BorderColor: transparent;
@@ -28312,11 +28301,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28312
28301
  --pf-v6-c-tabs__link--before--BorderInlineEndWidth: 0;
28313
28302
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: 0;
28314
28303
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: 0;
28315
- --pf-v6-c-tabs__link--before--InsetInlineStart: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
28304
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor: var(--pf-t--global--border--color--high-contrast);
28305
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
28306
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
28307
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
28316
28308
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
28317
28309
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
28318
28310
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
28319
28311
  --pf-v6-c-tabs__link--after--InsetBlockStart: auto;
28312
+ --pf-v6-c-tabs__link--after--InsetInlineStart: 0;
28320
28313
  --pf-v6-c-tabs__link--after--InsetInlineEnd: 0;
28321
28314
  --pf-v6-c-tabs__link--after--InsetBlockEnd: 0;
28322
28315
  --pf-v6-c-tabs__link--after--BorderColor: var(--pf-t--global--border--color--default);
@@ -28472,6 +28465,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28472
28465
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
28473
28466
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
28474
28467
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
28468
+ --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
28469
+ --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
28470
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
28471
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth);
28475
28472
  }
28476
28473
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__item.pf-m-current:first-child .pf-v6-c-tabs__link::before {
28477
28474
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
@@ -28479,9 +28476,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28479
28476
  .pf-v6-c-tabs.pf-m-box.pf-m-scrollable .pf-v6-c-tabs__scroll-button:nth-of-type(2)::before {
28480
28477
  inset-inline-start: calc(var(--pf-v6-c-tabs__link--before--border-width--base) * -1);
28481
28478
  }
28482
- .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current + .pf-v6-c-tabs__item {
28483
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
28484
- }
28485
28479
  .pf-v6-c-tabs.pf-m-box.pf-m-secondary {
28486
28480
  --pf-v6-c-tabs__item--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor);
28487
28481
  --pf-v6-c-tabs__item--m-current--BackgroundColor: var(--pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor);
@@ -28499,7 +28493,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28499
28493
  --pf-v6-c-tabs__item--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd);
28500
28494
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineStart);
28501
28495
  --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd);
28502
- --pf-v6-c-tabs__link--before--InsetInlineStart: 0;
28503
28496
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: 0;
28504
28497
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--before--border-width--base);
28505
28498
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
@@ -28799,7 +28792,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28799
28792
  .pf-v6-c-tabs__item.pf-m-action::after, .pf-v6-c-tabs__link::after {
28800
28793
  inset-block-start: var(--pf-v6-c-tabs__link--after--InsetBlockStart);
28801
28794
  inset-block-end: var(--pf-v6-c-tabs__link--after--InsetBlockEnd);
28802
- inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart);
28795
+ inset-inline-start: var(--pf-v6-c-tabs__link--before--InsetInlineStart, var(--pf-v6-c-tabs__link--after--InsetInlineStart));
28803
28796
  inset-inline-end: var(--pf-v6-c-tabs__link--after--InsetInlineEnd);
28804
28797
  border-color: var(--pf-v6-c-tabs__link--after--BorderColor);
28805
28798
  border-block-start-width: var(--pf-v6-c-tabs__link--after--BorderBlockStartWidth);
@@ -29750,11 +29743,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29750
29743
  --pf-v6-c-toolbar__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
29751
29744
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29752
29745
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
29746
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29747
+ --pf-v6-c-toolbar__expandable-content--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29753
29748
  --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
29754
29749
  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--md);
29755
29750
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
29756
29751
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
29757
29752
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29753
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
29754
+ --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
29758
29755
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
29759
29756
  --pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
29760
29757
  --pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -29925,6 +29922,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29925
29922
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
29926
29923
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
29927
29924
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
29925
+ border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
29928
29926
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
29929
29927
  }
29930
29928
  .pf-v6-c-toolbar.pf-m-static,
@@ -30071,12 +30069,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30071
30069
  padding-inline-start: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineStart);
30072
30070
  padding-inline-end: var(--pf-v6-c-toolbar__expandable-content--PaddingInlineEnd);
30073
30071
  background-color: var(--pf-v6-c-toolbar__expandable-content--BackgroundColor);
30072
+ border-block-end: var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar__expandable-content--BorderBlockEndColor);
30074
30073
  box-shadow: var(--pf-v6-c-toolbar__expandable-content--BoxShadow);
30075
30074
  }
30076
30075
  @media screen and (min-width: 62rem) {
30077
30076
  .pf-v6-c-toolbar__expandable-content {
30078
30077
  position: static;
30079
30078
  padding: 0;
30079
+ border-block-end: 0;
30080
30080
  box-shadow: none;
30081
30081
  }
30082
30082
  }