@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/components/Alert/alert-group.css +4 -15
- package/components/Alert/alert-group.scss +6 -18
- package/components/Tabs/tabs.css +10 -6
- package/components/Tabs/tabs.scss +10 -9
- package/components/Toolbar/toolbar.css +7 -0
- package/components/Toolbar/toolbar.scss +7 -0
- package/components/_index.css +21 -21
- package/docs/components/Alert/examples/Alert.md +1 -2
- package/package.json +1 -1
- package/patternfly-no-globals.css +21 -21
- package/patternfly.css +21 -21
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
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--
|
|
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--
|
|
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-
|
|
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
|
}
|