@patternfly/patternfly 4.192.4 → 4.193.0
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/Label/label.css +5 -3
- package/components/Label/label.scss +3 -1
- package/components/Menu/menu.css +3 -1
- package/components/Menu/menu.scss +2 -1
- package/components/Spinner/spinner.css +12 -12
- package/components/Spinner/spinner.scss +12 -12
- package/components/Tabs/tabs.css +2 -0
- package/components/Tabs/tabs.scss +2 -0
- package/docs/components/Label/examples/Label.md +13 -1
- package/docs/components/LabelGroup/examples/LabelGroup.md +52 -5
- package/docs/demos/Card/examples/Card.md +4 -1
- package/docs/demos/Dashboard/examples/Dashboard.md +4 -1
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +10 -10
- package/docs/demos/Tabs/examples/Tabs.md +2 -2
- package/package.json +1 -1
- package/patternfly-no-reset.css +22 -16
- package/patternfly.css +22 -16
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -15374,12 +15374,14 @@ label.pf-c-input-group__text {
|
|
|
15374
15374
|
--pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
15375
15375
|
--pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
|
|
15376
15376
|
}
|
|
15377
|
-
.pf-c-label.pf-m-overflow:hover,
|
|
15377
|
+
.pf-c-label.pf-m-overflow:hover,
|
|
15378
|
+
.pf-c-label.pf-m-add:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
|
|
15378
15379
|
.pf-c-label.pf-m-outline button.pf-c-label__content:hover {
|
|
15379
15380
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--hover--before--BorderWidth);
|
|
15380
15381
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--hover--before--BorderColor);
|
|
15381
15382
|
}
|
|
15382
|
-
.pf-c-label.pf-m-overflow:focus,
|
|
15383
|
+
.pf-c-label.pf-m-overflow:focus,
|
|
15384
|
+
.pf-c-label.pf-m-add:focus, .pf-c-label.pf-m-outline a.pf-c-label__content:focus,
|
|
15383
15385
|
.pf-c-label.pf-m-outline button.pf-c-label__content:focus {
|
|
15384
15386
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--link--focus--before--BorderWidth);
|
|
15385
15387
|
--pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--link--focus--before--BorderColor);
|
|
@@ -15427,7 +15429,7 @@ label.pf-c-input-group__text {
|
|
|
15427
15429
|
margin-bottom: var(--pf-c-label__c-button--MarginBottom);
|
|
15428
15430
|
margin-left: var(--pf-c-label__c-button--MarginLeft);
|
|
15429
15431
|
}
|
|
15430
|
-
.pf-c-label.pf-m-overflow {
|
|
15432
|
+
.pf-c-label.pf-m-overflow, .pf-c-label.pf-m-add {
|
|
15431
15433
|
--pf-c-label__content--Color: var(--pf-c-label--m-overflow__content--Color);
|
|
15432
15434
|
--pf-c-label--BackgroundColor: var(--pf-c-label--m-overflow__content--BackgroundColor);
|
|
15433
15435
|
--pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-overflow__content--before--BorderWidth);
|
|
@@ -16922,6 +16924,9 @@ ul.pf-c-list {
|
|
|
16922
16924
|
--pf-c-menu--m-nav--c-menu--m-top--Bottom: calc(0 + var(--pf-c-menu--m-nav--c-menu--m-top--bottom-offset));
|
|
16923
16925
|
--pf-c-menu--m-nav__list-item--first-child--c-menu--Top: 0;
|
|
16924
16926
|
}
|
|
16927
|
+
.pf-c-menu .pf-c-menu__content {
|
|
16928
|
+
overflow: visible hidden;
|
|
16929
|
+
}
|
|
16925
16930
|
.pf-c-menu .pf-c-menu__content .pf-c-menu .pf-c-menu__content {
|
|
16926
16931
|
overflow: visible;
|
|
16927
16932
|
}
|
|
@@ -16970,7 +16975,6 @@ ul.pf-c-list {
|
|
|
16970
16975
|
left: 100%;
|
|
16971
16976
|
width: 100%;
|
|
16972
16977
|
transition: var(--pf-c-menu--m-drilldown--c-menu--Transition);
|
|
16973
|
-
transition: 2s;
|
|
16974
16978
|
}
|
|
16975
16979
|
.pf-c-menu.pf-m-drilldown > .pf-c-menu__content .pf-c-menu.pf-m-drilled-in {
|
|
16976
16980
|
transform: translateX(-100%);
|
|
@@ -22959,10 +22963,10 @@ span.pf-c-spinner {
|
|
|
22959
22963
|
transform: rotate(0deg);
|
|
22960
22964
|
}
|
|
22961
22965
|
50% {
|
|
22962
|
-
transform: rotate(
|
|
22966
|
+
transform: rotate(540deg);
|
|
22963
22967
|
}
|
|
22964
22968
|
100% {
|
|
22965
|
-
transform: rotate(
|
|
22969
|
+
transform: rotate(1080deg);
|
|
22966
22970
|
}
|
|
22967
22971
|
}
|
|
22968
22972
|
.pf-c-spinner__clipper {
|
|
@@ -22975,10 +22979,10 @@ span.pf-c-spinner {
|
|
|
22975
22979
|
|
|
22976
22980
|
@keyframes pf-animation-spinner__clipper {
|
|
22977
22981
|
0% {
|
|
22978
|
-
transform: rotate(
|
|
22982
|
+
transform: rotate(90deg);
|
|
22979
22983
|
}
|
|
22980
22984
|
100% {
|
|
22981
|
-
transform: rotate(
|
|
22985
|
+
transform: rotate(360deg);
|
|
22982
22986
|
}
|
|
22983
22987
|
}
|
|
22984
22988
|
.pf-c-spinner__clipper::after {
|
|
@@ -22994,10 +22998,10 @@ span.pf-c-spinner {
|
|
|
22994
22998
|
|
|
22995
22999
|
@keyframes pf-animation-spinner__clipper-after {
|
|
22996
23000
|
0% {
|
|
22997
|
-
transform: rotate(
|
|
23001
|
+
transform: rotate(-180deg);
|
|
22998
23002
|
}
|
|
22999
23003
|
100% {
|
|
23000
|
-
transform: rotate(
|
|
23004
|
+
transform: rotate(90deg);
|
|
23001
23005
|
}
|
|
23002
23006
|
}
|
|
23003
23007
|
.pf-c-spinner__lead-ball {
|
|
@@ -23024,11 +23028,11 @@ span.pf-c-spinner {
|
|
|
23024
23028
|
0% {
|
|
23025
23029
|
transform: rotate(0deg);
|
|
23026
23030
|
}
|
|
23027
|
-
|
|
23028
|
-
transform: rotate(
|
|
23031
|
+
33% {
|
|
23032
|
+
transform: rotate(180deg);
|
|
23029
23033
|
}
|
|
23030
23034
|
100% {
|
|
23031
|
-
transform: rotate(
|
|
23035
|
+
transform: rotate(360deg);
|
|
23032
23036
|
}
|
|
23033
23037
|
}
|
|
23034
23038
|
.pf-c-spinner__tail-ball {
|
|
@@ -23055,11 +23059,11 @@ span.pf-c-spinner {
|
|
|
23055
23059
|
0% {
|
|
23056
23060
|
transform: rotate(0deg);
|
|
23057
23061
|
}
|
|
23058
|
-
|
|
23059
|
-
transform: rotate(
|
|
23062
|
+
66% {
|
|
23063
|
+
transform: rotate(180deg);
|
|
23060
23064
|
}
|
|
23061
23065
|
100% {
|
|
23062
|
-
transform: rotate(
|
|
23066
|
+
transform: rotate(360deg);
|
|
23063
23067
|
}
|
|
23064
23068
|
}
|
|
23065
23069
|
svg.pf-c-spinner {
|
|
@@ -26830,6 +26834,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
26830
26834
|
--pf-c-tabs__link--PaddingRight: var(--pf-global--spacer--md);
|
|
26831
26835
|
--pf-c-tabs__link--PaddingBottom: var(--pf-global--spacer--sm);
|
|
26832
26836
|
--pf-c-tabs__link--PaddingLeft: var(--pf-global--spacer--md);
|
|
26837
|
+
--pf-c-tabs__link--disabled--Color: var(--pf-global--disabled-color--100);
|
|
26833
26838
|
--pf-c-tabs__link--disabled--BackgroundColor: var(--pf-global--palette--black-150);
|
|
26834
26839
|
--pf-c-tabs__item--m-current__link--Color: var(--pf-global--Color--100);
|
|
26835
26840
|
--pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-global--BackgroundColor--100);
|
|
@@ -27348,6 +27353,7 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27348
27353
|
pointer-events: none;
|
|
27349
27354
|
}
|
|
27350
27355
|
.pf-c-tabs__item.pf-m-action.pf-m-disabled, .pf-c-tabs__link:disabled, .pf-c-tabs__link.pf-m-disabled, .pf-c-tabs__link.pf-m-aria-disabled {
|
|
27356
|
+
--pf-c-tabs__link--Color: var(--pf-c-tabs__link--disabled--Color);
|
|
27351
27357
|
--pf-c-tabs__link--BackgroundColor: var(--pf-c-tabs__link--disabled--BackgroundColor);
|
|
27352
27358
|
--pf-c-tabs__link--before--BorderRightWidth: var(--pf-c-tabs__link--disabled--before--BorderRightWidth);
|
|
27353
27359
|
--pf-c-tabs__link--before--BorderBottomWidth: var(--pf-c-tabs__link--disabled--before--BorderBottomWidth);
|