@patternfly/patternfly 6.0.0-alpha.222 → 6.0.0-alpha.224

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 (18) hide show
  1. package/components/Banner/banner.css +2 -11
  2. package/components/Banner/banner.scss +2 -15
  3. package/components/Content/content.css +5 -3
  4. package/components/Content/content.scss +5 -3
  5. package/components/ExpandableSection/expandable-section.css +25 -84
  6. package/components/ExpandableSection/expandable-section.scss +24 -90
  7. package/components/Timestamp/timestamp.css +3 -1
  8. package/components/Timestamp/timestamp.scss +4 -1
  9. package/components/_index.css +35 -99
  10. package/docs/components/CodeBlock/examples/CodeBlock.md +33 -22
  11. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  12. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +62 -54
  13. package/docs/components/Timestamp/examples/Timestamp.md +7 -0
  14. package/package.json +5 -5
  15. package/patternfly-no-globals.css +35 -99
  16. package/patternfly.css +35 -99
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -7278,9 +7278,7 @@ button) {
7278
7278
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
7279
7279
  --pf-v6-c-banner--link--TextDecoration: underline;
7280
7280
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
7281
- --pf-v6-c-banner--link--hover--FontWeight: var(--pf-t--global--font--weight--body--bold);
7282
- --pf-v6-c-banner--link--disabled--Color: var(--pf-v6-c-banner--Color);
7283
- --pf-v6-c-banner--link--disabled--TextDecoration: none;
7281
+ --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
7284
7282
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
7285
7283
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
7286
7284
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -7392,25 +7390,18 @@ button) {
7392
7390
  }
7393
7391
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
7394
7392
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
7395
- font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
7396
7393
  }
7397
7394
  .pf-v6-c-banner a.pf-m-disabled {
7398
7395
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--disabled--Color);
7399
- --pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
7400
7396
  cursor: not-allowed;
7401
7397
  }
7402
7398
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
7403
7399
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
7404
- --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
7400
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
7405
7401
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
7406
7402
  text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
7407
7403
  }
7408
- .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:hover {
7409
- --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
7410
- font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
7411
- }
7412
7404
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
7413
- --pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
7414
7405
  cursor: not-allowed;
7415
7406
  }
7416
7407
 
@@ -9182,8 +9173,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9182
9173
  --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9183
9174
  --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
9184
9175
  --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
9185
- --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9186
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9176
+ --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
9177
+ --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
9178
+ --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
9179
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
9187
9180
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9188
9181
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
9189
9182
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -9360,7 +9353,7 @@ ul) {
9360
9353
  }
9361
9354
  @media screen and (min-width: 36rem) {
9362
9355
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
9363
- grid-template: auto/auto 1fr;
9356
+ grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
9364
9357
  grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
9365
9358
  grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
9366
9359
  }
@@ -12281,12 +12274,7 @@ ul) {
12281
12274
  }
12282
12275
 
12283
12276
  :where(:root, .pf-v6-c-expandable-section) {
12284
- --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12285
- --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12286
- --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12287
- --pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12288
- --pf-v6-c-expandable-section__toggle--BackgroundColor: transparent;
12289
- --pf-v6-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
12277
+ --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
12290
12278
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
12291
12279
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
12292
12280
  --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -12294,82 +12282,50 @@ ul) {
12294
12282
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
12295
12283
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
12296
12284
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
12297
- --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
12298
- --pf-v6-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
12299
- --pf-v6-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
12300
- --pf-v6-c-expandable-section__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12301
- --pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12302
- --pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12303
- --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12304
12285
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
12305
12286
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
12287
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12288
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12289
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
12290
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12291
+ --pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12306
12292
  --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12293
+ --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
12307
12294
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
12308
12295
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
12309
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
12310
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12311
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12312
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12313
- --pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium);
12314
- --pf-v6-c-expandable-section--m-display-lg__toggle--Width: 100%;
12315
- --pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
12316
- --pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
12317
- --pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
12318
- --pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12319
- --pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12320
- --pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12321
- --pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium) var(--pf-t--global--border--radius--medium) 0 0;
12322
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base: calc(var(--pf-v6-c-expandable-section__toggle--ColumnGap) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
12323
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart));
12324
- --pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart));
12325
- --pf-v6-c-expandable-section--m-truncate--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12326
- --pf-v6-c-expandable-section--m-truncate--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12327
- --pf-v6-c-expandable-section--m-truncate--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12328
- --pf-v6-c-expandable-section--m-truncate--PaddingInlineStart: var(--pf-t--global--spacer--md);
12329
- --pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12296
+ --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
12330
12297
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
12298
+ --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
12331
12299
  }
12332
12300
 
12301
+ .pf-v6-c-expandable-section {
12302
+ display: flex;
12303
+ flex-direction: column;
12304
+ gap: var(--pf-v6-c-expandable-section--Gap);
12305
+ align-items: start;
12306
+ }
12333
12307
  .pf-v6-c-expandable-section.pf-m-expanded {
12334
- --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section--m-expanded__toggle-text--Color);
12335
12308
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
12336
12309
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
12337
- --pf-v6-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
12338
- --pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius);
12310
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
12339
12311
  }
12340
12312
  .pf-v6-c-expandable-section.pf-m-limit-width {
12341
12313
  --pf-v6-c-expandable-section__content--MaxWidth: var(--pf-v6-c-expandable-section--m-limit-width__content--MaxWidth);
12342
12314
  }
12343
12315
  .pf-v6-c-expandable-section.pf-m-display-lg {
12344
- --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart);
12345
- --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd);
12346
- --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd);
12347
- --pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart);
12348
- --pf-v6-c-expandable-section__toggle--hover--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor);
12349
- --pf-v6-c-expandable-section__toggle--active--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor);
12350
- --pf-v6-c-expandable-section__toggle--focus--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor);
12351
- --pf-v6-c-expandable-section__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius);
12352
- --pf-v6-c-expandable-section__toggle--Width: var(--pf-v6-c-expandable-section--m-display-lg__toggle--Width);
12353
- --pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd);
12354
- --pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd);
12355
- --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart);
12356
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart);
12316
+ padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
12317
+ padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
12318
+ padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
12319
+ padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
12357
12320
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
12358
- border: solid 1px var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
12321
+ border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
12359
12322
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
12360
12323
  }
12361
12324
  .pf-v6-c-expandable-section.pf-m-indented {
12362
12325
  --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart);
12363
12326
  }
12364
12327
  .pf-v6-c-expandable-section.pf-m-truncate {
12365
- --pf-v6-c-expandable-section__toggle--PaddingBlockStart: 0;
12366
- --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: 0;
12367
- --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd);
12368
- --pf-v6-c-expandable-section__toggle--PaddingInlineStart: 0;
12369
- --pf-v6-c-expandable-section__content--PaddingBlockStart: 0;
12370
- --pf-v6-c-expandable-section__content--PaddingInlineEnd: 0;
12371
- --pf-v6-c-expandable-section__content--PaddingBlockEnd: 0;
12372
- --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
12328
+ --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
12373
12329
  }
12374
12330
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
12375
12331
  display: -webkit-box;
@@ -12378,24 +12334,8 @@ ul) {
12378
12334
  overflow: hidden;
12379
12335
  }
12380
12336
 
12381
- .pf-v6-c-expandable-section__toggle {
12382
- display: flex;
12383
- column-gap: var(--pf-v6-c-expandable-section__toggle--ColumnGap);
12384
- width: var(--pf-v6-c-expandable-section__toggle--Width, initial);
12385
- padding-block-start: var(--pf-v6-c-expandable-section__toggle--PaddingBlockStart);
12386
- padding-block-end: var(--pf-v6-c-expandable-section__toggle--PaddingBlockEnd);
12387
- padding-inline-start: var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart);
12388
- padding-inline-end: var(--pf-v6-c-expandable-section__toggle--PaddingInlineEnd);
12389
- background-color: var(--pf-v6-c-expandable-section__toggle--BackgroundColor);
12390
- border: none;
12391
- border-radius: var(--pf-v6-c-expandable-section__toggle--BorderRadius, 0);
12392
- }
12393
- .pf-v6-c-expandable-section__toggle:is(:hover, :focus) {
12394
- --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section__toggle-text--hover--Color);
12395
- --pf-v6-c-expandable-section__toggle--BackgroundColor: var(--pf-v6-c-expandable-section__toggle--hover--BackgroundColor, initial);
12396
- }
12397
-
12398
12337
  .pf-v6-c-expandable-section__toggle-icon {
12338
+ display: inline-block;
12399
12339
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
12400
12340
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
12401
12341
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
@@ -12409,16 +12349,10 @@ ul) {
12409
12349
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
12410
12350
  }
12411
12351
 
12412
- .pf-v6-c-expandable-section__toggle-text {
12413
- color: var(--pf-v6-c-expandable-section__toggle-text--Color);
12414
- }
12415
-
12416
12352
  .pf-v6-c-expandable-section__content {
12417
12353
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
12418
- padding-block-start: var(--pf-v6-c-expandable-section__content--PaddingBlockStart);
12419
- padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd);
12420
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
12421
- padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
12354
+ padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
12355
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
12422
12356
  }
12423
12357
 
12424
12358
  :where(:root, .pf-v6-c-file-upload) {
@@ -25200,11 +25134,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25200
25134
 
25201
25135
  :where(:root, .pf-v6-c-timestamp) {
25202
25136
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
25203
- --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
25137
+ --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
25204
25138
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
25205
25139
  --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
25206
25140
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
25207
25141
  --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
25142
+ --pf-v6-c-timestamp--m-help-text--Color: var(--pf-t--global--text--color--subtle);
25208
25143
  --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
25209
25144
  --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
25210
25145
  --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
@@ -25217,6 +25152,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25217
25152
  outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
25218
25153
  }
25219
25154
  .pf-v6-c-timestamp.pf-m-help-text {
25155
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
25220
25156
  text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
25221
25157
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
25222
25158
  cursor: pointer;