@patternfly/patternfly 4.204.2 → 4.205.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.
Files changed (28) 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/FormControl/form-control.css +3 -2
  8. package/components/FormControl/form-control.scss +4 -3
  9. package/components/Menu/menu.css +2 -4
  10. package/components/Menu/menu.scss +2 -2
  11. package/components/Menu/themes/dark/menu.scss +0 -2
  12. package/components/OptionsMenu/options-menu.css +2 -4
  13. package/components/OptionsMenu/options-menu.scss +2 -2
  14. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -2
  15. package/components/Popover/popover.css +1 -1
  16. package/components/Popover/popover.scss +1 -1
  17. package/components/Select/select.css +2 -2
  18. package/components/Select/select.scss +2 -2
  19. package/components/Timestamp/timestamp.css +31 -0
  20. package/components/Timestamp/timestamp.scss +37 -0
  21. package/components/_all.scss +1 -0
  22. package/docs/components/FormControl/examples/FormControl.md +44 -19
  23. package/docs/components/Timestamp/examples/Timestamp.md +62 -0
  24. package/package.json +1 -1
  25. package/patternfly-no-reset.css +46 -21
  26. package/patternfly.css +46 -21
  27. package/patternfly.min.css +1 -1
  28. package/patternfly.min.css.map +1 -1
package/patternfly-no-reset.css CHANGED
@@ -6401,8 +6401,8 @@ html {
6401
6401
  --pf-c-app-launcher__group-title--PaddingRight: var(--pf-c-app-launcher__menu-item--PaddingRight);
6402
6402
  --pf-c-app-launcher__group-title--PaddingBottom: var(--pf-c-app-launcher__menu-item--PaddingBottom);
6403
6403
  --pf-c-app-launcher__group-title--PaddingLeft: var(--pf-c-app-launcher__menu-item--PaddingLeft);
6404
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--sm);
6405
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
6404
+ --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
6405
+ --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--normal);
6406
6406
  --pf-c-app-launcher__group-title--Color: var(--pf-global--Color--dark-200);
6407
6407
  --pf-c-app-launcher--c-divider--MarginTop: var(--pf-global--spacer--sm);
6408
6408
  --pf-c-app-launcher--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -6600,8 +6600,6 @@ html {
6600
6600
  --pf-c-app-launcher__menu-item--m-action--Color: var(--pf-global--Color--200);
6601
6601
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--Color: var(--pf-global--palette--gold-300);
6602
6602
  --pf-c-app-launcher__menu-item--m-favorite__menu-item--m-action--hover--Color: var(--pf-global--palette--gold-100);
6603
- --pf-c-app-launcher__group-title--FontSize: var(--pf-global--FontSize--xs);
6604
- --pf-c-app-launcher__group-title--FontWeight: var(--pf-global--FontWeight--bold);
6605
6603
  }
6606
6604
 
6607
6605
  .pf-c-avatar {
@@ -13786,8 +13784,8 @@ label.pf-c-check, .pf-c-check__label,
13786
13784
  --pf-c-dropdown__group-title--PaddingRight: var(--pf-c-dropdown__menu-item--PaddingRight);
13787
13785
  --pf-c-dropdown__group-title--PaddingBottom: var(--pf-c-dropdown__menu-item--PaddingBottom);
13788
13786
  --pf-c-dropdown__group-title--PaddingLeft: var(--pf-c-dropdown__menu-item--PaddingLeft);
13789
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--sm);
13790
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
13787
+ --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
13788
+ --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--normal);
13791
13789
  --pf-c-dropdown__group-title--Color: var(--pf-global--Color--dark-200);
13792
13790
  --pf-c-dropdown__toggle-image--MarginTop: 0;
13793
13791
  --pf-c-dropdown__toggle-image--MarginBottom: 0;
@@ -14334,8 +14332,6 @@ label.pf-c-check, .pf-c-check__label,
14334
14332
  --pf-c-dropdown__menu--Top: 100%;
14335
14333
  --pf-c-dropdown--m-top__menu--TranslateY: -100%;
14336
14334
  --pf-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
14337
- --pf-c-dropdown__group-title--FontSize: var(--pf-global--FontSize--xs);
14338
- --pf-c-dropdown__group-title--FontWeight: var(--pf-global--FontWeight--bold);
14339
14335
  }
14340
14336
  :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 {
14341
14337
  color: var(--pf-global--palette--black-100);
@@ -15196,6 +15192,7 @@ label.pf-c-check, .pf-c-check__label,
15196
15192
  }
15197
15193
 
15198
15194
  .pf-c-form-control {
15195
+ --pf-c-form-control--Color: var(--pf-global--Color--100);
15199
15196
  --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
15200
15197
  --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
15201
15198
  --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -15318,7 +15315,7 @@ label.pf-c-check, .pf-c-check__label,
15318
15315
  --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
15319
15316
  --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
15320
15317
  --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
15321
- color: var(--pf-global--Color--100);
15318
+ color: var(--pf-c-form-control--Color);
15322
15319
  width: var(--pf-c-form-control--Width);
15323
15320
  padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
15324
15321
  font-size: var(--pf-c-form-control--FontSize);
@@ -15363,8 +15360,8 @@ label.pf-c-check, .pf-c-check__label,
15363
15360
  border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
15364
15361
  }
15365
15362
  .pf-c-form-control:disabled {
15366
- --pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
15367
15363
  --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
15364
+ color: var(--pf-c-form-control--disabled--Color);
15368
15365
  cursor: not-allowed;
15369
15366
  border-color: var(--pf-c-form-control--disabled--BorderColor);
15370
15367
  }
@@ -18224,8 +18221,8 @@ ul.pf-c-list {
18224
18221
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
18225
18222
  --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
18226
18223
  --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
18227
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
18228
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
18224
+ --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
18225
+ --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
18229
18226
  --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
18230
18227
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
18231
18228
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
@@ -18755,8 +18752,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18755
18752
  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
18756
18753
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
18757
18754
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
18758
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
18759
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
18760
18755
  }
18761
18756
 
18762
18757
  .pf-c-menu-toggle {
@@ -21118,8 +21113,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21118
21113
  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
21119
21114
  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
21120
21115
  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
21121
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
21122
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
21116
+ --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
21117
+ --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--normal);
21123
21118
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
21124
21119
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
21125
21120
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -21345,8 +21340,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21345
21340
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
21346
21341
  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
21347
21342
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
21348
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
21349
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
21350
21343
  --pf-c-options-menu__menu--Top: 100%;
21351
21344
  }
21352
21345
  :where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
@@ -22785,7 +22778,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22785
22778
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
22786
22779
  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
22787
22780
  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
22788
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
22781
+ --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
22789
22782
  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
22790
22783
  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
22791
22784
  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
@@ -24197,8 +24190,8 @@ label.pf-c-radio, .pf-c-radio__label,
24197
24190
  --pf-c-select__menu-group-title--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
24198
24191
  --pf-c-select__menu-group-title--PaddingBottom: var(--pf-c-select__menu-item--PaddingBottom);
24199
24192
  --pf-c-select__menu-group-title--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
24200
- --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--sm);
24201
- --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--semi-bold);
24193
+ --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--xs);
24194
+ --pf-c-select__menu-group-title--FontWeight: var(--pf-global--FontWeight--normal);
24202
24195
  --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
24203
24196
  --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
24204
24197
  --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
@@ -30722,6 +30715,38 @@ svg.pf-c-spinner.pf-m-xl {
30722
30715
  --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
30723
30716
  }
30724
30717
 
30718
+ .pf-c-timestamp {
30719
+ --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
30720
+ --pf-c-timestamp--Color: var(--pf-global--Color--200);
30721
+ --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
30722
+ --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
30723
+ --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
30724
+ --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
30725
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
30726
+ --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
30727
+ --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
30728
+ --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
30729
+ --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
30730
+ font-size: var(--pf-c-timestamp--FontSize);
30731
+ color: var(--pf-c-timestamp--Color);
30732
+ }
30733
+ .pf-c-timestamp.pf-m-help-text {
30734
+ cursor: pointer;
30735
+ text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
30736
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
30737
+ text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
30738
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
30739
+ text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
30740
+ }
30741
+ .pf-c-timestamp.pf-m-help-text:hover {
30742
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
30743
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
30744
+ }
30745
+ .pf-c-timestamp.pf-m-help-text:focus {
30746
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
30747
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
30748
+ }
30749
+
30725
30750
  .pf-c-title {
30726
30751
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
30727
30752
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
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);
@@ -15323,6 +15319,7 @@ label.pf-c-check, .pf-c-check__label,
15323
15319
  }
15324
15320
 
15325
15321
  .pf-c-form-control {
15322
+ --pf-c-form-control--Color: var(--pf-global--Color--100);
15326
15323
  --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
15327
15324
  --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
15328
15325
  --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -15445,7 +15442,7 @@ label.pf-c-check, .pf-c-check__label,
15445
15442
  --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
15446
15443
  --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
15447
15444
  --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
15448
- color: var(--pf-global--Color--100);
15445
+ color: var(--pf-c-form-control--Color);
15449
15446
  width: var(--pf-c-form-control--Width);
15450
15447
  padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
15451
15448
  font-size: var(--pf-c-form-control--FontSize);
@@ -15490,8 +15487,8 @@ label.pf-c-check, .pf-c-check__label,
15490
15487
  border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
15491
15488
  }
15492
15489
  .pf-c-form-control:disabled {
15493
- --pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
15494
15490
  --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
15491
+ color: var(--pf-c-form-control--disabled--Color);
15495
15492
  cursor: not-allowed;
15496
15493
  border-color: var(--pf-c-form-control--disabled--BorderColor);
15497
15494
  }
@@ -18351,8 +18348,8 @@ ul.pf-c-list {
18351
18348
  --pf-c-menu__group-title--PaddingTop: var(--pf-global--spacer--md);
18352
18349
  --pf-c-menu__group-title--PaddingRight: var(--pf-c-menu__item--PaddingRight);
18353
18350
  --pf-c-menu__group-title--PaddingLeft: var(--pf-c-menu__item--PaddingLeft);
18354
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
18355
- --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);
18356
18353
  --pf-c-menu__group-title--Color: var(--pf-global--Color--200);
18357
18354
  --pf-c-menu__item-description--FontSize: var(--pf-global--FontSize--xs);
18358
18355
  --pf-c-menu__item-description--Color: var(--pf-global--Color--200);
@@ -18882,8 +18879,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
18882
18879
  --pf-c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
18883
18880
  --pf-c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--400);
18884
18881
  --pf-c-menu__list-item--m-disabled__item--Color: var(--pf-global--Color--200);
18885
- --pf-c-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
18886
- --pf-c-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
18887
18882
  }
18888
18883
 
18889
18884
  .pf-c-menu-toggle {
@@ -21245,8 +21240,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21245
21240
  --pf-c-options-menu__group-title--PaddingRight: var(--pf-c-options-menu__menu-item--PaddingRight);
21246
21241
  --pf-c-options-menu__group-title--PaddingBottom: var(--pf-c-options-menu__menu-item--PaddingBottom);
21247
21242
  --pf-c-options-menu__group-title--PaddingLeft: var(--pf-c-options-menu__menu-item--PaddingLeft);
21248
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--sm);
21249
- --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);
21250
21245
  --pf-c-options-menu__group-title--Color: var(--pf-global--Color--dark-200);
21251
21246
  --pf-c-options-menu--c-divider--MarginTop: var(--pf-global--spacer--sm);
21252
21247
  --pf-c-options-menu--c-divider--MarginBottom: var(--pf-global--spacer--sm);
@@ -21472,8 +21467,6 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21472
21467
  --pf-c-options-menu__toggle--disabled--BackgroundColor: var(--pf-global--palette--black-500);
21473
21468
  --pf-c-options-menu__menu--BackgroundColor: var(--pf-global--BackgroundColor--300);
21474
21469
  --pf-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--400);
21475
- --pf-c-options-menu__group-title--FontSize: var(--pf-global--FontSize--xs);
21476
- --pf-c-options-menu__group-title--FontWeight: var(--pf-global--FontWeight--bold);
21477
21470
  --pf-c-options-menu__menu--Top: 100%;
21478
21471
  }
21479
21472
  :where(.pf-theme-dark) .pf-c-options-menu__toggle.pf-m-plain {
@@ -22912,7 +22905,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22912
22905
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
22913
22906
  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
22914
22907
  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
22915
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
22908
+ --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
22916
22909
  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
22917
22910
  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
22918
22911
  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
@@ -24324,8 +24317,8 @@ label.pf-c-radio, .pf-c-radio__label,
24324
24317
  --pf-c-select__menu-group-title--PaddingRight: var(--pf-c-select__menu-item--PaddingRight);
24325
24318
  --pf-c-select__menu-group-title--PaddingBottom: var(--pf-c-select__menu-item--PaddingBottom);
24326
24319
  --pf-c-select__menu-group-title--PaddingLeft: var(--pf-c-select__menu-item--PaddingLeft);
24327
- --pf-c-select__menu-group-title--FontSize: var(--pf-global--FontSize--sm);
24328
- --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);
24329
24322
  --pf-c-select__menu-group-title--Color: var(--pf-global--Color--dark-200);
24330
24323
  --pf-c-select__menu-item-count--MarginLeft: var(--pf-global--spacer--md);
24331
24324
  --pf-c-select__menu-item-count--FontSize: var(--pf-global--FontSize--sm);
@@ -30849,6 +30842,38 @@ svg.pf-c-spinner.pf-m-xl {
30849
30842
  --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
30850
30843
  }
30851
30844
 
30845
+ .pf-c-timestamp {
30846
+ --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
30847
+ --pf-c-timestamp--Color: var(--pf-global--Color--200);
30848
+ --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
30849
+ --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
30850
+ --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
30851
+ --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
30852
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
30853
+ --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
30854
+ --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
30855
+ --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
30856
+ --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
30857
+ font-size: var(--pf-c-timestamp--FontSize);
30858
+ color: var(--pf-c-timestamp--Color);
30859
+ }
30860
+ .pf-c-timestamp.pf-m-help-text {
30861
+ cursor: pointer;
30862
+ text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
30863
+ text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
30864
+ text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
30865
+ text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
30866
+ text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
30867
+ }
30868
+ .pf-c-timestamp.pf-m-help-text:hover {
30869
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
30870
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
30871
+ }
30872
+ .pf-c-timestamp.pf-m-help-text:focus {
30873
+ --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
30874
+ --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
30875
+ }
30876
+
30852
30877
  .pf-c-title {
30853
30878
  --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
30854
30879
  --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);