@patternfly/patternfly 4.204.4 → 4.206.0

package/docs/demos/Toolbar/examples/Toolbar.md

@@ -166,7 +166,7 @@ section: components
               <button
                 class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
                 type="button"
-                id="pagination-options-menu-bottom-example-toggle"
+                id="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
                 aria-haspopup="listbox"
                 aria-expanded="false"
               >
@@ -180,7 +180,7 @@ section: components
               </button>
               <ul
                 class="pf-c-options-menu__menu"
-                aria-labelledby="pagination-options-menu-bottom-example-toggle"
+                aria-labelledby="toolbar-attribute-value-search-filter-desktop-example-pagination-options-menu-toggle"
                 hidden
               >
                 <li>
@@ -308,7 +308,7 @@ section: components
               <button
                 class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
                 type="button"
-                id="pagination-options-menu-bottom-example-toggle"
+                id="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
                 aria-haspopup="listbox"
                 aria-expanded="false"
               >
@@ -322,7 +322,7 @@ section: components
               </button>
               <ul
                 class="pf-c-options-menu__menu"
-                aria-labelledby="pagination-options-menu-bottom-example-toggle"
+                aria-labelledby="toolbar-attribute-value-search-filter-mobile-example-pagination-options-menu-toggle"
                 hidden
               >
                 <li>
@@ -664,7 +664,7 @@ section: components
               <button
                 class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
                 type="button"
-                id="pagination-options-menu-bottom-example-toggle"
+                id="toolbar-attribute-value-single-select-filter-desktop-example-pagination-options-menu-toggle"
                 aria-haspopup="listbox"
                 aria-expanded="false"
               >
@@ -678,7 +678,7 @@ section: components
               </button>
               <ul
                 class="pf-c-options-menu__menu"
-                aria-labelledby="pagination-options-menu-bottom-example-toggle"
+                aria-labelledby="toolbar-attribute-value-single-select-filter-desktop-example-pagination-options-menu-toggle"
                 hidden
               >
                 <li>
@@ -806,7 +806,7 @@ section: components
               <button
                 class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
                 type="button"
-                id="pagination-options-menu-bottom-example-toggle"
+                id="toolbar-attribute-value-single-select-filter-mobile-example-pagination-options-menu-toggle"
                 aria-haspopup="listbox"
                 aria-expanded="false"
               >
@@ -820,7 +820,7 @@ section: components
               </button>
               <ul
                 class="pf-c-options-menu__menu"
-                aria-labelledby="pagination-options-menu-bottom-example-toggle"
+                aria-labelledby="toolbar-attribute-value-single-select-filter-mobile-example-pagination-options-menu-toggle"
                 hidden
               >
                 <li>
@@ -1243,7 +1243,7 @@ section: components
               <button
                 class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
                 type="button"
-                id="pagination-options-menu-bottom-example-toggle"
+                id="toolbar-attribute-value-checkbox-select-filter-desktop-example-pagination-options-menu-toggle"
                 aria-haspopup="listbox"
                 aria-expanded="false"
               >
@@ -1257,7 +1257,7 @@ section: components
               </button>
               <ul
                 class="pf-c-options-menu__menu"
-                aria-labelledby="pagination-options-menu-bottom-example-toggle"
+                aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-pagination-options-menu-toggle"
                 hidden
               >
                 <li>
@@ -1320,22 +1320,25 @@ section: components
           <span
             class="pf-c-chip-group__label"
             aria-hidden="true"
-            id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-label"
+            id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-chip-group-label"
           >Status</span>
           <ul
             class="pf-c-chip-group__list"
             role="list"
-            aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-label"
+            aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-chip-group-label"
           >
             <li class="pf-c-chip-group__list-item">
               <div class="pf-c-chip">
-                <span class="pf-c-chip__text" id="chip-one">Canceled</span>
+                <span
+                  class="pf-c-chip__text"
+                  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-group-chip-one"
+                >Canceled</span>
                 <button
                   class="pf-c-button pf-m-plain"
                   type="button"
-                  aria-labelledby="remove-chip-one chip-one"
+                  aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-one toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-one"
                   aria-label="Remove"
-                  id="remove-chip-one"
+                  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-one"
                 >
                   <i class="fas fa-times" aria-hidden="true"></i>
                 </button>
@@ -1343,13 +1346,16 @@ section: components
             </li>
             <li class="pf-c-chip-group__list-item">
               <div class="pf-c-chip">
-                <span class="pf-c-chip__text" id="chip-two">Paused</span>
+                <span
+                  class="pf-c-chip__text"
+                  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-two"
+                >Paused</span>
                 <button
                   class="pf-c-button pf-m-plain"
                   type="button"
-                  aria-labelledby="remove-chip-two chip-two"
+                  aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-two toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-two"
                   aria-label="Remove"
-                  id="remove-chip-two"
+                  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-two"
                 >
                   <i class="fas fa-times" aria-hidden="true"></i>
                 </button>
@@ -1357,13 +1363,16 @@ section: components
             </li>
             <li class="pf-c-chip-group__list-item">
               <div class="pf-c-chip">
-                <span class="pf-c-chip__text" id="chip-three">Restarted</span>
+                <span
+                  class="pf-c-chip__text"
+                  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-three"
+                >Restarted</span>
                 <button
                   class="pf-c-button pf-m-plain"
                   type="button"
-                  aria-labelledby="remove-chip-three chip-three"
+                  aria-labelledby="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-three toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupchip-three"
                   aria-label="Remove"
-                  id="remove-chip-three"
+                  id="toolbar-attribute-value-checkbox-select-filter-desktop-example-chip-groupremove-chip-three"
                 >
                   <i class="fas fa-times" aria-hidden="true"></i>
                 </button>
@@ -1452,7 +1461,7 @@ section: components
               <button
                 class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
                 type="button"
-                id="pagination-options-menu-bottom-example-toggle"
+                id="toolbar-attribute-value-checkbox-select-filter-mobile-example-pagination-options-menu-toggle"
                 aria-haspopup="listbox"
                 aria-expanded="false"
               >
@@ -1466,7 +1475,7 @@ section: components
               </button>
               <ul
                 class="pf-c-options-menu__menu"
-                aria-labelledby="pagination-options-menu-bottom-example-toggle"
+                aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-pagination-options-menu-toggle"
                 hidden
               >
                 <li>
@@ -1689,22 +1698,25 @@ section: components
               <span
                 class="pf-c-chip-group__label"
                 aria-hidden="true"
-                id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-label"
+                id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-chip-group-label"
               >Status</span>
               <ul
                 class="pf-c-chip-group__list"
                 role="list"
-                aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-label"
+                aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-group-chip-group-label"
               >
                 <li class="pf-c-chip-group__list-item">
                   <div class="pf-c-chip">
-                    <span class="pf-c-chip__text" id="chip-one">Canceled</span>
+                    <span
+                      class="pf-c-chip__text"
+                      id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-one"
+                    >Canceled</span>
                     <button
                       class="pf-c-button pf-m-plain"
                       type="button"
-                      aria-labelledby="remove-chip-one chip-one"
+                      aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-one toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-one"
                       aria-label="Remove"
-                      id="remove-chip-one"
+                      id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-one"
                     >
                       <i class="fas fa-times" aria-hidden="true"></i>
                     </button>
@@ -1712,13 +1724,16 @@ section: components
                 </li>
                 <li class="pf-c-chip-group__list-item">
                   <div class="pf-c-chip">
-                    <span class="pf-c-chip__text" id="chip-two">Paused</span>
+                    <span
+                      class="pf-c-chip__text"
+                      id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-two"
+                    >Paused</span>
                     <button
                       class="pf-c-button pf-m-plain"
                       type="button"
-                      aria-labelledby="remove-chip-two chip-two"
+                      aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-two toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-two"
                       aria-label="Remove"
-                      id="remove-chip-two"
+                      id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-two"
                     >
                       <i class="fas fa-times" aria-hidden="true"></i>
                     </button>
@@ -1726,13 +1741,16 @@ section: components
                 </li>
                 <li class="pf-c-chip-group__list-item">
                   <div class="pf-c-chip">
-                    <span class="pf-c-chip__text" id="chip-three">Restarted</span>
+                    <span
+                      class="pf-c-chip__text"
+                      id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-three"
+                    >Restarted</span>
                     <button
                       class="pf-c-button pf-m-plain"
                       type="button"
-                      aria-labelledby="remove-chip-three chip-three"
+                      aria-labelledby="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-three toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupchip-three"
                       aria-label="Remove"
-                      id="remove-chip-three"
+                      id="toolbar-attribute-value-checkbox-select-filter-mobile-example-chip-groupremove-chip-three"
                     >
                       <i class="fas fa-times" aria-hidden="true"></i>
                     </button>
@@ -1827,7 +1845,7 @@ section: components
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="toolbar-pagination-management-example-masthead-icon-group--app-launcher-button"
+                      id="toolbar-pagination-management-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -2796,7 +2814,7 @@ section: components
                     <button
                       class="pf-c-options-menu__toggle pf-m-text pf-m-plain"
                       type="button"
-                      id="pagination-options-menu-bottom-example-toggle"
+                      id="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
                       aria-haspopup="listbox"
                       aria-expanded="false"
                     >
@@ -2810,7 +2828,7 @@ section: components
                     </button>
                     <ul
                       class="pf-c-options-menu__menu"
-                      aria-labelledby="pagination-options-menu-bottom-example-toggle"
+                      aria-labelledby="toolbar-pagination-management-example-toolbar-pagination-options-menu-toggle"
                       hidden
                     >
                       <li>

package/docs/demos/Wizard/examples/Wizard.md

@@ -73,7 +73,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="wizard-basic-example-masthead-icon-group--app-launcher-button"
+                      id="wizard-basic-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -1235,7 +1235,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="wizard-nav-expanded-example-masthead-icon-group--app-launcher-button"
+                      id="wizard-nav-expanded-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -2397,7 +2397,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="wizard-with-drawer-closed-example-masthead-icon-group--app-launcher-button"
+                      id="wizard-with-drawer-closed-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -3616,7 +3616,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="wizard-with-drawer-expanded-example-masthead-icon-group--app-launcher-button"
+                      id="wizard-with-drawer-expanded-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -4829,7 +4829,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="wizard-with-drawer-info-example-masthead-icon-group--app-launcher-button"
+                      id="wizard-with-drawer-info-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -5915,7 +5915,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="wizard-in-page-example-masthead-icon-group--app-launcher-button"
+                      id="wizard-in-page-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -7021,7 +7021,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="in-page-nav-expanded-example-masthead-icon-group--app-launcher-button"
+                      id="in-page-nav-expanded-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >
@@ -8130,7 +8130,7 @@ wrapperTag: div
                     <button
                       class="pf-c-app-launcher__toggle"
                       type="button"
-                      id="wizard-with-drawer-in-page-example-masthead-icon-group--app-launcher-button"
+                      id="wizard-with-drawer-in-page-example-masthead-application-launcher-button"
                       aria-expanded="false"
                       aria-label="Application launcher"
                     >

package/docs/layouts/Flex/examples/Flex.md

@@ -619,7 +619,7 @@ Ordering - Ordering can be applied to nested <code>.pf-l-flex</code> and <code>.
 
 ```
 
-### Ordering
+### Ordering example
 
 ```html
 <div class="pf-l-flex">

package/docs/layouts/Grid/examples/Grid.md

@@ -183,7 +183,7 @@ cssPrefix: pf-l-grid
 
 Ordering - Ordering can be applied to nested <code>.pf-l-grid</code> and <code>.pf-l-grid\_\_item</code>s. Spacing may need to be managed based on how items are ordered. Because order could apply to an innumerable number of elements, order is set inline as `--pf-l-grid--item--Order{-on-[breakpoint]}: {order}`.
 
-### Ordering
+### Ordering example
 
 ```html
 <div class="pf-l-grid pf-m-all-4-col pf-m-gutter">

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "4.204.4",
+  "version": "4.206.0",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-base-no-reset.css

@@ -645,6 +645,13 @@ html {
   white-space: nowrap;
   border: 0;
 }
+.pf-screen-reader.pf-m-full-size {
+  width: 100%;
+  height: 100%;
+}
+.pf-screen-reader.pf-m-absolute {
+  position: absolute;
+}
 
 .pf-m-tabular-nums {
   font-variant-numeric: tabular-nums;

package/patternfly-base.css

@@ -645,6 +645,13 @@ html {
   white-space: nowrap;
   border: 0;
 }
+.pf-screen-reader.pf-m-full-size {
+  width: 100%;
+  height: 100%;
+}
+.pf-screen-reader.pf-m-absolute {
+  position: absolute;
+}
 
 .pf-m-tabular-nums {
   font-variant-numeric: tabular-nums;

package/patternfly-no-reset.css

@@ -754,6 +754,13 @@ html {
   white-space: nowrap;
   border: 0;
 }
+.pf-screen-reader.pf-m-full-size {
+  width: 100%;
+  height: 100%;
+}
+.pf-screen-reader.pf-m-absolute {
+  position: absolute;
+}
 
 .pf-m-tabular-nums {
   font-variant-numeric: tabular-nums;
@@ -29892,6 +29899,10 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-tabs.pf-m-page-insets {
   --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
 }
+.pf-c-tabs.pf-m-overflow,
+.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
+  overflow: visible;
+}
 
 .pf-c-tabs__toggle {
   display: var(--pf-c-tabs__toggle--Display);
@@ -30715,6 +30726,38 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
 }
 
+.pf-c-timestamp {
+  --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-timestamp--Color: var(--pf-global--Color--200);
+  --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
+  --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
+  --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
+  --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
+  --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
+  font-size: var(--pf-c-timestamp--FontSize);
+  color: var(--pf-c-timestamp--Color);
+}
+.pf-c-timestamp.pf-m-help-text {
+  cursor: pointer;
+  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
+  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
+  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
+  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
+  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
+}
+.pf-c-timestamp.pf-m-help-text:hover {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
+}
+.pf-c-timestamp.pf-m-help-text:focus {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
+}
+
 .pf-c-title {
   --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
   --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);

package/patternfly.css

@@ -754,6 +754,13 @@ html {
   white-space: nowrap;
   border: 0;
 }
+.pf-screen-reader.pf-m-full-size {
+  width: 100%;
+  height: 100%;
+}
+.pf-screen-reader.pf-m-absolute {
+  position: absolute;
+}
 
 .pf-m-tabular-nums {
   font-variant-numeric: tabular-nums;
@@ -30019,6 +30026,10 @@ svg.pf-c-spinner.pf-m-xl {
 .pf-c-tabs.pf-m-page-insets {
   --pf-c-tabs--inset: var(--pf-c-tabs--m-page-insets--inset);
 }
+.pf-c-tabs.pf-m-overflow,
+.pf-c-tabs.pf-m-overflow .pf-c-tabs__list {
+  overflow: visible;
+}
 
 .pf-c-tabs__toggle {
   display: var(--pf-c-tabs__toggle--Display);
@@ -30842,6 +30853,38 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
 }
 
+.pf-c-timestamp {
+  --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-timestamp--Color: var(--pf-global--Color--200);
+  --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
+  --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
+  --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
+  --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
+  --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
+  font-size: var(--pf-c-timestamp--FontSize);
+  color: var(--pf-c-timestamp--Color);
+}
+.pf-c-timestamp.pf-m-help-text {
+  cursor: pointer;
+  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
+  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
+  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
+  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
+  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
+}
+.pf-c-timestamp.pf-m-help-text:hover {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
+}
+.pf-c-timestamp.pf-m-help-text:focus {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
+}
+
 .pf-c-title {
   --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
   --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);