@patternfly/patternfly 4.204.3 → 4.205.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 (26) hide show
  1. package/components/AppLauncher/app-launcher.css +2 -4
  2. package/components/AppLauncher/app-launcher.scss +2 -2
  3. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -2
  4. package/components/Dropdown/dropdown.css +2 -4
  5. package/components/Dropdown/dropdown.scss +2 -2
  6. package/components/Dropdown/themes/dark/dropdown.scss +0 -2
  7. package/components/Menu/menu.css +2 -4
  8. package/components/Menu/menu.scss +2 -2
  9. package/components/Menu/themes/dark/menu.scss +0 -2
  10. package/components/OptionsMenu/options-menu.css +2 -4
  11. package/components/OptionsMenu/options-menu.scss +2 -2
  12. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -2
  13. package/components/Select/select.css +2 -2
  14. package/components/Select/select.scss +2 -2
  15. package/components/Tabs/tabs.css +4 -0
  16. package/components/Tabs/tabs.scss +8 -1
  17. package/components/Timestamp/timestamp.css +31 -0
  18. package/components/Timestamp/timestamp.scss +37 -0
  19. package/components/_all.scss +1 -0
  20. package/docs/components/Tabs/examples/Tabs.md +3 -3
  21. package/docs/components/Timestamp/examples/Timestamp.md +62 -0
  22. package/package.json +1 -1
  23. package/patternfly-no-reset.css +46 -18
  24. package/patternfly.css +46 -18
  25. package/patternfly.min.css +1 -1
  26. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -6528,8 +6528,8 @@ a {
6528
6528
  --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
6529
6529
  --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
6530
6530
  --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
6531
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
6532
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
6531
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
6532
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
6533
6533
  --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
6534
6534
  --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
6535
6535
  --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -6727,8 +6727,6 @@ a {
6727
6727
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
6728
6728
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
6729
6729
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
6730
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
6731
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
6732
6730
  }
6733
6731
 
6734
6732
  .pf-c-avatar {
@@ -13913,8 +13911,8 @@ label.pf-c-check, .pf-c-check__label,
13913
13911
  --pf-c-dropdown__group-title--PaddingRight: var(--pf-c-dropdown__menu-item--PaddingRight);
13914
13912
  --pf-c-dropdown__group-title--PaddingBottom: var(--pf-c-dropdown__menu-item--PaddingBottom);
13915
13913
  --pf-c-dropdown__group-title--PaddingLeft: var(--pf-c-dropdown__menu-item--PaddingLeft);
13916
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
13917
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
13914
+ --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
13915
+ --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--normal);
13918
13916
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
13919
13917
  --pf-c-dropdown__toggle-image--MarginTop: 0;
13920
13918
  --pf-c-dropdown__toggle-image--MarginBottom: 0;
@@ -14461,8 +14459,6 @@ label.pf-c-check, .pf-c-check__label,
14461
14459
  --pf-c-dropdown__menu--Top: 100%;
14462
14460
  --pf-c-dropdown--m-top__menu--TranslateY: -100%;
14463
14461
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
14464
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
14465
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
14466
14462
  }
14467
14463
  :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
14468
14464
  color: var(--pf-global--palette--black-100);
@@ -18352,8 +18348,8 @@ ul.pf-c-list {
18352
18348
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
18353
18349
  --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
18354
18350
  --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
18355
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
18356
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
18351
+ --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
18352
+ --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
18357
18353
  --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
18358
18354
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
18359
18355
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
@@ -18883,8 +18879,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18883
18879
  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
18884
18880
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
18885
18881
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
18886
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
18887
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
18888
18882
  }
18889
18883
 
18890
18884
  .pf-c-menu-toggle {
@@ -21246,8 +21240,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21246
21240
  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
21247
21241
  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
21248
21242
  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
21249
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
21250
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
21243
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
21244
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
21251
21245
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
21252
21246
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
21253
21247
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -21473,8 +21467,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21473
21467
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
21474
21468
  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
21475
21469
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
21476
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
21477
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
21478
21470
  --pf-c-options-menu__menu--Top: 100%;
21479
21471
  }
21480
21472
  :where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
@@ -24325,8 +24317,8 @@ label.pf-c-radio, .pf-c-radio__label,
24325
24317
  --pf-c-select__menu-group-title--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
24326
24318
  --pf-c-select__menu-group-title--PaddingBottom: var(--pf-c-select__menu-item--PaddingBottom);
24327
24319
  --pf-c-select__menu-group-title--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
24328
- --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--sm);
24329
- --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
24320
+ --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--xs);
24321
+ --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--normal);
24330
24322
  --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
24331
24323
  --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
24332
24324
  --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
@@ -30027,6 +30019,10 @@ svg.pf-c-spinner.pf-m-xl {
30027
30019
  .pf-c-tabs.pf-m-page-insets {
30028
30020
  --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
30029
30021
  }
30022
+ .pf-c-tabs.pf-m-overflow,
30023
+ .pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
30024
+ overflow: visible;
30025
+ }
30030
30026
 
30031
30027
  .pf-c-tabs__toggle {
30032
30028
  display: var(--pf-c-tabs__toggle--Display);
@@ -30850,6 +30846,38 @@ svg.pf-c-spinner.pf-m-xl {
30850
30846
  --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
30851
30847
  }
30852
30848
 
30849
+ .pf-c-timestamp {
30850
+ --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
30851
+ --pf-c-timestamp--Color: var(--pf-global--Color--200);
30852
+ --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
30853
+ --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
30854
+ --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
30855
+ --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
30856
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
30857
+ --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
30858
+ --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
30859
+ --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
30860
+ --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
30861
+ font-size: var(--pf-c-timestamp--FontSize);
30862
+ color: var(--pf-c-timestamp--Color);
30863
+ }
30864
+ .pf-c-timestamp.pf-m-help-text {
30865
+ cursor: pointer;
30866
+ text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
30867
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
30868
+ text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
30869
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
30870
+ text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
30871
+ }
30872
+ .pf-c-timestamp.pf-m-help-text:hover {
30873
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
30874
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
30875
+ }
30876
+ .pf-c-timestamp.pf-m-help-text:focus {
30877
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
30878
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
30879
+ }
30880
+
30853
30881
  .pf-c-title {
30854
30882
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
30855
30883
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);