@patternfly/patternfly 4.218.0 → 4.219.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.
Files changed (33) hide show
  1. package/components/AppLauncher/app-launcher.css +10 -0
  2. package/components/AppLauncher/app-launcher.scss +12 -0
  3. package/components/ContextSelector/context-selector.css +3 -0
  4. package/components/ContextSelector/context-selector.scss +3 -0
  5. package/components/DatePicker/date-picker.css +10 -0
  6. package/components/DatePicker/date-picker.scss +12 -0
  7. package/components/Dropdown/dropdown.css +4 -0
  8. package/components/Dropdown/dropdown.scss +5 -0
  9. package/components/OptionsMenu/options-menu.css +10 -0
  10. package/components/OptionsMenu/options-menu.scss +12 -0
  11. package/components/Progress/progress.css +7 -0
  12. package/components/Progress/progress.scss +7 -0
  13. package/components/SearchInput/search-input.css +10 -0
  14. package/components/SearchInput/search-input.scss +12 -0
  15. package/components/Select/select.css +4 -0
  16. package/components/Select/select.scss +5 -0
  17. package/docs/components/Accordion/examples/Accordion.md +0 -9
  18. package/docs/components/Alert/examples/Alert.md +0 -18
  19. package/docs/components/AppLauncher/examples/application-launcher.md +1 -0
  20. package/docs/components/Card/examples/Card.md +0 -6
  21. package/docs/components/DatePicker/examples/DatePicker.md +1 -0
  22. package/docs/components/Dropdown/examples/Dropdown.md +1 -1
  23. package/docs/components/OptionsMenu/examples/options-menu.md +1 -0
  24. package/docs/components/Progress/examples/Progress.md +33 -0
  25. package/docs/components/SearchInput/examples/SearchInput.md +2 -0
  26. package/docs/components/Select/examples/Select.md +13 -12
  27. package/docs/components/Tabs/examples/Tabs.md +0 -25
  28. package/docs/components/Tooltip/examples/Tooltip.md +0 -7
  29. package/package.json +5 -5
  30. package/patternfly-no-reset.css +58 -0
  31. package/patternfly.css +58 -0
  32. package/patternfly.min.css +1 -1
  33. package/patternfly.min.css.map +1 -1
package/patternfly-no-reset.css CHANGED
@@ -6469,6 +6469,16 @@ html {
6469
6469
  --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
6470
6470
  transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
6471
6471
  }
6472
+ .pf-c-app-launcher__menu.pf-m-static {
6473
+ --pf-c-app-launcher--m-top__menu--TranslateY: 0;
6474
+ position: static;
6475
+ top: auto;
6476
+ right: auto;
6477
+ bottom: auto;
6478
+ left: auto;
6479
+ z-index: auto;
6480
+ min-width: min-content;
6481
+ }
6472
6482
 
6473
6483
  .pf-c-app-launcher__menu-search {
6474
6484
  padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft);
@@ -9696,6 +9706,9 @@ label.pf-c-check, .pf-c-check__label,
9696
9706
  .pf-c-context-selector__menu.pf-m-static {
9697
9707
  position: static;
9698
9708
  top: auto;
9709
+ right: auto;
9710
+ bottom: auto;
9711
+ left: auto;
9699
9712
  z-index: auto;
9700
9713
  min-width: min-content;
9701
9714
  }
@@ -12507,6 +12520,16 @@ label.pf-c-check, .pf-c-check__label,
12507
12520
  --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
12508
12521
  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
12509
12522
  }
12523
+ .pf-c-date-picker__calendar.pf-m-static {
12524
+ --pf-c-date-picker--m-top__calendar--TranslateY: 0;
12525
+ position: static;
12526
+ top: auto;
12527
+ right: auto;
12528
+ bottom: auto;
12529
+ left: auto;
12530
+ z-index: auto;
12531
+ min-width: min-content;
12532
+ }
12510
12533
 
12511
12534
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
12512
12535
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -14194,8 +14217,12 @@ label.pf-c-check, .pf-c-check__label,
14194
14217
  box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
14195
14218
  }
14196
14219
  .pf-c-dropdown__menu.pf-m-static {
14220
+ --pf-c-dropdown--m-top__menu--TranslateY: 0;
14197
14221
  position: static;
14198
14222
  top: auto;
14223
+ right: auto;
14224
+ bottom: auto;
14225
+ left: auto;
14199
14226
  z-index: auto;
14200
14227
  min-width: min-content;
14201
14228
  }
@@ -21490,6 +21517,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21490
21517
  --pf-c-options-menu__menu--Top: var(--pf-c-options-menu--m-top__menu--Top);
21491
21518
  transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY));
21492
21519
  }
21520
+ .pf-c-options-menu__menu.pf-m-static {
21521
+ --pf-c-options-menu--m-top__menu--TranslateY: 0;
21522
+ position: static;
21523
+ top: auto;
21524
+ right: auto;
21525
+ bottom: auto;
21526
+ left: auto;
21527
+ z-index: auto;
21528
+ min-width: min-content;
21529
+ }
21493
21530
 
21494
21531
  .pf-c-options-menu__menu-item {
21495
21532
  display: flex;
@@ -23268,6 +23305,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23268
23305
  --pf-c-progress__bar--before--Opacity: .2;
23269
23306
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23270
23307
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
23308
+ --pf-c-progress__helper-text--MarginTop: calc(var(--pf-global--spacer--xs) - var(--pf-c-progress--GridGap));
23271
23309
  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
23272
23310
  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
23273
23311
  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
@@ -23415,6 +23453,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23415
23453
  background-color: var(--pf-c-progress__indicator--BackgroundColor);
23416
23454
  }
23417
23455
 
23456
+ .pf-c-progress__helper-text {
23457
+ grid-column: 1/3;
23458
+ grid-row: 3/4;
23459
+ margin-top: var(--pf-c-progress__helper-text--MarginTop);
23460
+ }
23461
+
23418
23462
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
23419
23463
  :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
23420
23464
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -24272,6 +24316,16 @@ label.pf-c-radio, .pf-c-radio__label,
24272
24316
  --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
24273
24317
  transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
24274
24318
  }
24319
+ .pf-c-search-input__menu.pf-m-static {
24320
+ --pf-c-search-input--m-top__menu--TranslateY: 0;
24321
+ position: static;
24322
+ top: auto;
24323
+ right: auto;
24324
+ bottom: auto;
24325
+ left: auto;
24326
+ z-index: auto;
24327
+ min-width: min-content;
24328
+ }
24275
24329
 
24276
24330
  .pf-c-search-input__menu-body {
24277
24331
  padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
@@ -24733,8 +24787,12 @@ label.pf-c-radio, .pf-c-radio__label,
24733
24787
  transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
24734
24788
  }
24735
24789
  .pf-c-select__menu.pf-m-static {
24790
+ --pf-c-select__menu--m-top--TranslateY: 0;
24736
24791
  position: static;
24737
24792
  top: auto;
24793
+ right: auto;
24794
+ bottom: auto;
24795
+ left: auto;
24738
24796
  z-index: auto;
24739
24797
  min-width: min-content;
24740
24798
  }
package/patternfly.css CHANGED
@@ -6596,6 +6596,16 @@ a {
6596
6596
  --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
6597
6597
  transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
6598
6598
  }
6599
+ .pf-c-app-launcher__menu.pf-m-static {
6600
+ --pf-c-app-launcher--m-top__menu--TranslateY: 0;
6601
+ position: static;
6602
+ top: auto;
6603
+ right: auto;
6604
+ bottom: auto;
6605
+ left: auto;
6606
+ z-index: auto;
6607
+ min-width: min-content;
6608
+ }
6599
6609
 
6600
6610
  .pf-c-app-launcher__menu-search {
6601
6611
  padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft);
@@ -9823,6 +9833,9 @@ label.pf-c-check, .pf-c-check__label,
9823
9833
  .pf-c-context-selector__menu.pf-m-static {
9824
9834
  position: static;
9825
9835
  top: auto;
9836
+ right: auto;
9837
+ bottom: auto;
9838
+ left: auto;
9826
9839
  z-index: auto;
9827
9840
  min-width: min-content;
9828
9841
  }
@@ -12634,6 +12647,16 @@ label.pf-c-check, .pf-c-check__label,
12634
12647
  --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
12635
12648
  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
12636
12649
  }
12650
+ .pf-c-date-picker__calendar.pf-m-static {
12651
+ --pf-c-date-picker--m-top__calendar--TranslateY: 0;
12652
+ position: static;
12653
+ top: auto;
12654
+ right: auto;
12655
+ bottom: auto;
12656
+ left: auto;
12657
+ z-index: auto;
12658
+ min-width: min-content;
12659
+ }
12637
12660
 
12638
12661
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
12639
12662
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -14321,8 +14344,12 @@ label.pf-c-check, .pf-c-check__label,
14321
14344
  box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
14322
14345
  }
14323
14346
  .pf-c-dropdown__menu.pf-m-static {
14347
+ --pf-c-dropdown--m-top__menu--TranslateY: 0;
14324
14348
  position: static;
14325
14349
  top: auto;
14350
+ right: auto;
14351
+ bottom: auto;
14352
+ left: auto;
14326
14353
  z-index: auto;
14327
14354
  min-width: min-content;
14328
14355
  }
@@ -21617,6 +21644,16 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21617
21644
  --pf-c-options-menu__menu--Top: var(--pf-c-options-menu--m-top__menu--Top);
21618
21645
  transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY));
21619
21646
  }
21647
+ .pf-c-options-menu__menu.pf-m-static {
21648
+ --pf-c-options-menu--m-top__menu--TranslateY: 0;
21649
+ position: static;
21650
+ top: auto;
21651
+ right: auto;
21652
+ bottom: auto;
21653
+ left: auto;
21654
+ z-index: auto;
21655
+ min-width: min-content;
21656
+ }
21620
21657
 
21621
21658
  .pf-c-options-menu__menu-item {
21622
21659
  display: flex;
@@ -23395,6 +23432,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23395
23432
  --pf-c-progress__bar--before--Opacity: .2;
23396
23433
  --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
23397
23434
  --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
23435
+ --pf-c-progress__helper-text--MarginTop: calc(var(--pf-global--spacer--xs) - var(--pf-c-progress--GridGap));
23398
23436
  --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
23399
23437
  --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
23400
23438
  --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
@@ -23542,6 +23580,12 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
23542
23580
  background-color: var(--pf-c-progress__indicator--BackgroundColor);
23543
23581
  }
23544
23582
 
23583
+ .pf-c-progress__helper-text {
23584
+ grid-column: 1/3;
23585
+ grid-row: 3/4;
23586
+ margin-top: var(--pf-c-progress__helper-text--MarginTop);
23587
+ }
23588
+
23545
23589
  :where(.pf-theme-dark) .pf-c-wizard__header, :where(.pf-theme-dark) .pf-c-about-modal-box, :where(.pf-theme-dark) .pf-c-banner, :where(.pf-theme-dark) .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main, :where(.pf-theme-dark) .pf-c-login__header,
23546
23590
  :where(.pf-theme-dark) .pf-c-login__footer, :where(.pf-theme-dark) .pf-c-masthead, :where(.pf-theme-dark) .pf-c-page__sidebar-body.pf-m-menu .pf-c-context-selector,
23547
23591
  :where(.pf-theme-dark) .pf-c-page__main-section[class*=pf-m-dark-],
@@ -24399,6 +24443,16 @@ label.pf-c-radio, .pf-c-radio__label,
24399
24443
  --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
24400
24444
  transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
24401
24445
  }
24446
+ .pf-c-search-input__menu.pf-m-static {
24447
+ --pf-c-search-input--m-top__menu--TranslateY: 0;
24448
+ position: static;
24449
+ top: auto;
24450
+ right: auto;
24451
+ bottom: auto;
24452
+ left: auto;
24453
+ z-index: auto;
24454
+ min-width: min-content;
24455
+ }
24402
24456
 
24403
24457
  .pf-c-search-input__menu-body {
24404
24458
  padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);
@@ -24860,8 +24914,12 @@ label.pf-c-radio, .pf-c-radio__label,
24860
24914
  transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
24861
24915
  }
24862
24916
  .pf-c-select__menu.pf-m-static {
24917
+ --pf-c-select__menu--m-top--TranslateY: 0;
24863
24918
  position: static;
24864
24919
  top: auto;
24920
+ right: auto;
24921
+ bottom: auto;
24922
+ left: auto;
24865
24923
  z-index: auto;
24866
24924
  min-width: min-content;
24867
24925
  }