@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/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--m-invalid--BackgroundUrl: url("./assets/images/status-icon-sprite.svg#invalid");
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--m-invalid--BackgroundUrl: var(--pf-c-form-control--m-icon-sprite--m-invalid--BackgroundUrl);
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;