@patternfly/patternfly 4.183.1 → 4.184.1
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/Accordion/accordion.css +1 -0
- package/components/Accordion/accordion.scss +1 -0
- package/components/FormControl/form-control.css +2 -2
- package/components/FormControl/form-control.scss +3 -3
- package/components/Menu/menu.css +1 -1
- package/components/Menu/menu.scss +2 -1
- package/components/MenuToggle/menu-toggle.css +18 -1
- package/components/MenuToggle/menu-toggle.scss +28 -1
- package/components/TextInputGroup/text-input-group.css +6 -0
- package/components/TextInputGroup/text-input-group.scss +11 -0
- package/docs/components/Accordion/examples/Accordion.md +16 -3
- package/docs/components/DescriptionList/examples/DescriptionList.md +19 -19
- package/docs/components/FormControl/examples/FormControl.md +2 -2
- package/docs/components/MenuToggle/examples/MenuToggle.md +51 -9
- package/package.json +1 -1
- package/patternfly-no-reset.css +28 -4
- package/patternfly.css +28 -4
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -5824,6 +5824,7 @@ a {
|
|
|
5824
5824
|
right: 0;
|
|
5825
5825
|
bottom: 0;
|
|
5826
5826
|
left: 0;
|
|
5827
|
+
pointer-events: none;
|
|
5827
5828
|
content: "";
|
|
5828
5829
|
border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
|
|
5829
5830
|
}
|
|
@@ -14178,7 +14179,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14178
14179
|
--pf-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-c-form-control--PaddingLeft);
|
|
14179
14180
|
--pf-c-form-control--m-icon-sprite--success--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#success");
|
|
14180
14181
|
--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#warning");
|
|
14181
|
-
--pf-c-form-control--m-icon-sprite--
|
|
14182
|
+
--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
|
|
14182
14183
|
--pf-c-form-control--m-icon-sprite__select--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#select");
|
|
14183
14184
|
--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#search");
|
|
14184
14185
|
--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#calendar");
|
|
@@ -14304,7 +14305,7 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
14304
14305
|
.pf-c-form-control.pf-m-icon-sprite {
|
|
14305
14306
|
--pf-c-form-control--success--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--success--BackgroundUrl);
|
|
14306
14307
|
--pf-c-form-control--m-warning--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
|
|
14307
|
-
--pf-c-form-control--
|
|
14308
|
+
--pf-c-form-control--invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
|
|
14308
14309
|
--pf-c-form-control__select--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite__select--BackgroundUrl);
|
|
14309
14310
|
--pf-c-form-control--m-search--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
|
|
14310
14311
|
--pf-c-form-control--m-calendar--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
|
|
@@ -16972,7 +16973,7 @@ ul.pf-c-list {
|
|
|
16972
16973
|
--pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--hover--BackgroundColor);
|
|
16973
16974
|
--pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--hover--Color, inherit);
|
|
16974
16975
|
}
|
|
16975
|
-
.pf-c-menu__list-item:focus-within {
|
|
16976
|
+
.pf-c-menu__list-item:focus-within, .pf-c-menu__list-item.pf-m-focus {
|
|
16976
16977
|
--pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--focus-within--BackgroundColor);
|
|
16977
16978
|
--pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--focus-within--Color, inherit);
|
|
16978
16979
|
}
|
|
@@ -17250,6 +17251,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17250
17251
|
--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
|
|
17251
17252
|
--pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
|
|
17252
17253
|
--pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
|
|
17254
|
+
--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
|
|
17255
|
+
--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
|
|
17256
|
+
--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
|
|
17257
|
+
--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
|
|
17258
|
+
--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
|
|
17253
17259
|
position: relative;
|
|
17254
17260
|
display: inline-flex;
|
|
17255
17261
|
align-items: center;
|
|
@@ -17258,6 +17264,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17258
17264
|
font-size: var(--pf-c-menu-toggle--FontSize);
|
|
17259
17265
|
line-height: var(--pf-c-menu-toggle--LineHeight);
|
|
17260
17266
|
color: var(--pf-c-menu-toggle--Color);
|
|
17267
|
+
cursor: pointer;
|
|
17261
17268
|
background-color: var(--pf-c-menu-toggle--BackgroundColor);
|
|
17262
17269
|
border: 0;
|
|
17263
17270
|
border-radius: var(--pf-c-menu-toggle--BorderRadius);
|
|
@@ -17339,7 +17346,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17339
17346
|
--pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
|
|
17340
17347
|
--pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
|
|
17341
17348
|
}
|
|
17342
|
-
.pf-c-menu-toggle:focus {
|
|
17349
|
+
.pf-c-menu-toggle:focus, .pf-c-menu-toggle:focus-within {
|
|
17343
17350
|
--pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
|
|
17344
17351
|
--pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
|
|
17345
17352
|
--pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
|
|
@@ -17380,6 +17387,11 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17380
17387
|
--pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
|
|
17381
17388
|
height: 100%;
|
|
17382
17389
|
}
|
|
17390
|
+
.pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
|
|
17391
|
+
--pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
|
|
17392
|
+
flex: 1;
|
|
17393
|
+
margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
|
|
17394
|
+
}
|
|
17383
17395
|
.pf-c-menu-toggle.pf-m-split-button {
|
|
17384
17396
|
--pf-c-menu-toggle__toggle-icon--MarginRight: 0;
|
|
17385
17397
|
padding: 0;
|
|
@@ -17477,6 +17489,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
17477
17489
|
color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
17478
17490
|
background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
17479
17491
|
}
|
|
17492
|
+
.pf-c-menu-toggle.pf-m-typeahead, .pf-c-menu-toggle.pf-m-split-button {
|
|
17493
|
+
--pf-c-menu-toggle__toggle-icon--MarginRight: 0;
|
|
17494
|
+
}
|
|
17495
|
+
.pf-c-menu-toggle.pf-m-full-width {
|
|
17496
|
+
width: 100%;
|
|
17497
|
+
}
|
|
17480
17498
|
|
|
17481
17499
|
.pf-c-menu-toggle__button {
|
|
17482
17500
|
color: inherit;
|
|
@@ -27379,6 +27397,12 @@ svg.pf-c-spinner.pf-m-xl {
|
|
|
27379
27397
|
--pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
|
|
27380
27398
|
pointer-events: none;
|
|
27381
27399
|
}
|
|
27400
|
+
.pf-c-text-input-group.pf-m-plain {
|
|
27401
|
+
--pf-c-text-input-group--BackgroundColor: transparent;
|
|
27402
|
+
}
|
|
27403
|
+
.pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::before, .pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::after {
|
|
27404
|
+
border: 0;
|
|
27405
|
+
}
|
|
27382
27406
|
|
|
27383
27407
|
.pf-c-text-input-group__main {
|
|
27384
27408
|
display: flex;
|