@patternfly/react-templates 6.0.0-alpha.25 → 6.0.0-alpha.26

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 (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components/package.json +1 -1
  3. package/dist/dynamic/components/Dropdown/package.json +1 -1
  4. package/dist/dynamic/components/Select/package.json +1 -1
  5. package/dist/esm/components/Select/TypeaheadSelect.d.ts.map +1 -1
  6. package/dist/esm/components/Select/TypeaheadSelect.js +1 -2
  7. package/dist/esm/components/Select/TypeaheadSelect.js.map +1 -1
  8. package/dist/js/components/Select/TypeaheadSelect.d.ts.map +1 -1
  9. package/dist/js/components/Select/TypeaheadSelect.js +1 -2
  10. package/dist/js/components/Select/TypeaheadSelect.js.map +1 -1
  11. package/dist/umd/assets/{output-DpdlodMS.css → output-Df1Cl2ju.css} +1005 -1019
  12. package/dist/umd/react-templates.min.js +1 -1
  13. package/package.json +6 -6
  14. package/src/components/Select/TypeaheadSelect.tsx +6 -3
package/dist/umd/assets/{output-DpdlodMS.css → output-Df1Cl2ju.css} RENAMED
@@ -2035,7 +2035,10 @@ button.pf-v6-c-breadcrumb__link {
2035
2035
  }
2036
2036
 
2037
2037
  :where(:root, .pf-v6-c-button) {
2038
- --pf-v6-c-button--Display: inline-block;
2038
+ --pf-v6-c-button--Display: inline-flex;
2039
+ --pf-v6-c-button--AlignItems: baseline;
2040
+ --pf-v6-c-button--JustifyContent: center;
2041
+ --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
2039
2042
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2040
2043
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2041
2044
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -2116,6 +2119,7 @@ button.pf-v6-c-breadcrumb__link {
2116
2119
  --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
2117
2120
  --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
2118
2121
  --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
2122
+ --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
2119
2123
  --pf-v6-c-button--m-link--m-inline--FontSize: initial;
2120
2124
  --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
2121
2125
  --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -2128,6 +2132,9 @@ button.pf-v6-c-breadcrumb__link {
2128
2132
  --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
2129
2133
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
2130
2134
  --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
2135
+ --pf-v6-c-button--span--m-link--m-inline--Display: inline;
2136
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2137
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
2131
2138
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
2132
2139
  --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2133
2140
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -2140,7 +2147,8 @@ button.pf-v6-c-breadcrumb__link {
2140
2147
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
2141
2148
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
2142
2149
  --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
2143
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
2150
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
2151
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
2144
2152
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
2145
2153
  --pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2146
2154
  --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -2235,8 +2243,10 @@ button.pf-v6-c-breadcrumb__link {
2235
2243
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
2236
2244
  --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
2237
2245
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
2238
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2239
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
2246
+ --pf-v6-c-button__icon--MarginInlineStart: 0;
2247
+ --pf-v6-c-button__icon--MarginInlineEnd: 0;
2248
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
2249
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
2240
2250
  --pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
2241
2251
  --pf-v6-c-button__progress--Opacity: 0;
2242
2252
  --pf-v6-c-button__progress--TranslateY: -50%;
@@ -2251,16 +2261,17 @@ button.pf-v6-c-breadcrumb__link {
2251
2261
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
2252
2262
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
2253
2263
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
2254
- --pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
2255
2264
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
2265
+ --pf-v6-c-button--m-block--Display: flex;
2266
+ --pf-v6-c-button--m-block--Width: 100%;
2256
2267
  }
2257
2268
 
2258
2269
  .pf-v6-c-button {
2259
2270
  position: relative;
2260
2271
  display: var(--pf-v6-c-button--Display);
2261
- flex: var(--pf-v6-c-button--Flex, initial);
2262
- align-items: var(--pf-v6-c-button--AlignItems, initial);
2263
- justify-content: var(--pf-v6-c-button--JustifyContent, initial);
2272
+ gap: var(--pf-v6-c-button--Gap);
2273
+ align-items: var(--pf-v6-c-button--AlignItems);
2274
+ justify-content: var(--pf-v6-c-button--JustifyContent);
2264
2275
  padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
2265
2276
  padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
2266
2277
  padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
@@ -2367,6 +2378,7 @@ button.pf-v6-c-breadcrumb__link {
2367
2378
  }
2368
2379
 
2369
2380
  .pf-v6-c-button.pf-m-link.pf-m-inline {
2381
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
2370
2382
  --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
2371
2383
  --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
2372
2384
  --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -2382,12 +2394,17 @@ button.pf-v6-c-breadcrumb__link {
2382
2394
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
2383
2395
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
2384
2396
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
2385
- display: inline;
2386
2397
  text-align: start;
2387
2398
  white-space: normal;
2388
2399
  outline-offset: 0.125rem;
2389
2400
  }
2390
2401
 
2402
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2403
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
2404
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
2405
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
2406
+ }
2407
+
2391
2408
  .pf-v6-c-button.pf-m-link.pf-m-danger {
2392
2409
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
2393
2410
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -2502,6 +2519,7 @@ button.pf-v6-c-breadcrumb__link {
2502
2519
  --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
2503
2520
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
2504
2521
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
2522
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
2505
2523
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
2506
2524
  --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
2507
2525
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
@@ -2522,8 +2540,8 @@ button.pf-v6-c-breadcrumb__link {
2522
2540
  }
2523
2541
 
2524
2542
  .pf-v6-c-button.pf-m-block {
2525
- display: block;
2526
- width: 100%;
2543
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
2544
+ width: var(--pf-v6-c-button--m-block--Width);
2527
2545
  }
2528
2546
 
2529
2547
  .pf-v6-c-button.pf-m-small {
@@ -2604,15 +2622,17 @@ button.pf-v6-c-breadcrumb__link {
2604
2622
  }
2605
2623
 
2606
2624
  .pf-v6-c-button__icon {
2625
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2626
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2607
2627
  color: var(--pf-v6-c-button__icon--Color);
2608
2628
  }
2609
2629
 
2610
2630
  .pf-v6-c-button__icon.pf-m-start {
2611
- margin-inline-end: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
2631
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
2612
2632
  }
2613
2633
 
2614
2634
  .pf-v6-c-button__icon.pf-m-end {
2615
- margin-inline-start: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
2635
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
2616
2636
  }
2617
2637
 
2618
2638
  .pf-v6-c-button__progress {
@@ -2631,7 +2651,6 @@ button.pf-v6-c-breadcrumb__link {
2631
2651
  .pf-v6-c-button__count {
2632
2652
  display: inline-flex;
2633
2653
  align-items: center;
2634
- margin-inline-start: var(--pf-v6-c-button__count--MarginInlineStart);
2635
2654
  }
2636
2655
 
2637
2656
  :where(:root, .pf-v6-c-calendar-month) {
@@ -3225,18 +3244,15 @@ button.pf-v6-c-breadcrumb__link {
3225
3244
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
3226
3245
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
3227
3246
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
3228
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
3229
- --pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
3230
3247
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
3248
+ --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3231
3249
  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3250
+ --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
3251
+ --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
3252
+ --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
3253
+ --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
3232
3254
  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
3233
3255
  --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
3234
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
3235
- --pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
3236
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3237
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3238
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3239
- --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
3240
3256
  }
3241
3257
 
3242
3258
  .pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
@@ -3245,9 +3261,8 @@ button.pf-v6-c-breadcrumb__link {
3245
3261
 
3246
3262
  .pf-v6-c-clipboard-copy.pf-m-inline {
3247
3263
  display: inline;
3248
- padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
3249
- padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
3250
3264
  padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
3265
+ padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
3251
3266
  white-space: nowrap;
3252
3267
  background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
3253
3268
  }
@@ -3307,18 +3322,13 @@ button.pf-v6-c-breadcrumb__link {
3307
3322
 
3308
3323
  .pf-v6-c-clipboard-copy__actions {
3309
3324
  display: inline-flex;
3325
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
3326
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
3310
3327
  }
3311
3328
 
3312
- .pf-v6-c-clipboard-copy__actions-item {
3313
- margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
3314
- margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
3315
- }
3316
-
3317
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
3318
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
3319
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
3320
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
3321
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
3329
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
3330
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
3331
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
3322
3332
  }
3323
3333
 
3324
3334
  :where(:root, .pf-v6-c-code-block) {
@@ -6293,6 +6303,66 @@ ol) {
6293
6303
  justify-content: center;
6294
6304
  }
6295
6305
 
6306
+ :where(:root, .pf-v6-c-file-upload) {
6307
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
6308
+ --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6309
+ --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6310
+ --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6311
+ --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6312
+ --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6313
+ --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6314
+ --pf-v6-c-file-upload--BorderColor: transparent;
6315
+ --pf-v6-c-file-upload--BorderStyle: solid;
6316
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6317
+ --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6318
+ --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6319
+ --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6320
+ }
6321
+
6322
+ .pf-v6-c-file-upload {
6323
+ position: relative;
6324
+ display: flex;
6325
+ flex-direction: column;
6326
+ row-gap: var(--pf-v6-c-file-upload--RowGap);
6327
+ padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6328
+ padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6329
+ padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6330
+ padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6331
+ border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6332
+ border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6333
+ }
6334
+
6335
+ .pf-v6-c-file-upload.pf-m-drag-hover {
6336
+ --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6337
+ --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6338
+ }
6339
+
6340
+ .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6341
+ position: relative;
6342
+ }
6343
+
6344
+ .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6345
+ outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6346
+ }
6347
+
6348
+ .pf-v6-c-file-upload__file-details {
6349
+ position: relative;
6350
+ display: flex;
6351
+ }
6352
+
6353
+ .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6354
+ flex: 1 1 auto;
6355
+ min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6356
+ border-block-start: 0;
6357
+ }
6358
+
6359
+ .pf-v6-c-file-upload__file-details-spinner {
6360
+ position: absolute;
6361
+ inset-block-start: 50%;
6362
+ inset-inline-start: 50%;
6363
+ transform: translate(-50%, -50%);
6364
+ }
6365
+
6296
6366
  :where(:root, .pf-v6-c-expandable-section) {
6297
6367
  --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6298
6368
  --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -6441,66 +6511,6 @@ ol) {
6441
6511
  padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
6442
6512
  }
6443
6513
 
6444
- :where(:root, .pf-v6-c-file-upload) {
6445
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
6446
- --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6447
- --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6448
- --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6449
- --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6450
- --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6451
- --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6452
- --pf-v6-c-file-upload--BorderColor: transparent;
6453
- --pf-v6-c-file-upload--BorderStyle: solid;
6454
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6455
- --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6456
- --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6457
- --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6458
- }
6459
-
6460
- .pf-v6-c-file-upload {
6461
- position: relative;
6462
- display: flex;
6463
- flex-direction: column;
6464
- row-gap: var(--pf-v6-c-file-upload--RowGap);
6465
- padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6466
- padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6467
- padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6468
- padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6469
- border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6470
- border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6471
- }
6472
-
6473
- .pf-v6-c-file-upload.pf-m-drag-hover {
6474
- --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6475
- --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6476
- }
6477
-
6478
- .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6479
- position: relative;
6480
- }
6481
-
6482
- .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6483
- outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6484
- }
6485
-
6486
- .pf-v6-c-file-upload__file-details {
6487
- position: relative;
6488
- display: flex;
6489
- }
6490
-
6491
- .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6492
- flex: 1 1 auto;
6493
- min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6494
- border-block-start: 0;
6495
- }
6496
-
6497
- .pf-v6-c-file-upload__file-details-spinner {
6498
- position: absolute;
6499
- inset-block-start: 50%;
6500
- inset-inline-start: 50%;
6501
- transform: translate(-50%, -50%);
6502
- }
6503
-
6504
6514
  :where(:root, .pf-v6-c-form) {
6505
6515
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
6506
6516
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
@@ -7289,6 +7299,91 @@ select ~ .pf-v6-c-form-control__utilities {
7289
7299
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7290
7300
  }
7291
7301
 
7302
+ :where(:root, .pf-v6-c-hint) {
7303
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7304
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
7305
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7306
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
7307
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7308
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7309
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
7310
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
7311
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
7312
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
7313
+ --pf-v6-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
7314
+ --pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
7315
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
7316
+ --pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
7317
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
7318
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
7319
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
7320
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
7321
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7322
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7323
+ }
7324
+
7325
+ .pf-v6-c-hint {
7326
+ display: grid;
7327
+ grid-template-columns: 1fr auto;
7328
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
7329
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
7330
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
7331
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
7332
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
7333
+ color: var(--pf-v6-c-hint--Color);
7334
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
7335
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
7336
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
7337
+ }
7338
+
7339
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
7340
+ text-align: start;
7341
+ white-space: normal;
7342
+ }
7343
+
7344
+ .pf-v6-c-hint__actions {
7345
+ display: inline-grid;
7346
+ grid-row: 1;
7347
+ grid-column: 2;
7348
+ grid-auto-flow: column;
7349
+ align-self: start;
7350
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7351
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
7352
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
7353
+ text-align: end;
7354
+ }
7355
+
7356
+ .pf-v6-c-hint__actions.pf-m-no-offset {
7357
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
7358
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
7359
+ }
7360
+
7361
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7362
+ grid-column: 1;
7363
+ }
7364
+
7365
+ .pf-v6-c-hint__title {
7366
+ align-self: center;
7367
+ font-family: var(--pf-v6-c-hint__title--FontFamily);
7368
+ font-size: var(--pf-v6-c-hint__title--FontSize);
7369
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
7370
+ line-height: var(--pf-v6-c-hint__title--LineHeight);
7371
+ }
7372
+
7373
+ .pf-v6-c-hint__body {
7374
+ grid-column: 1/-1;
7375
+ font-size: var(--pf-v6-c-hint__body--FontSize);
7376
+ }
7377
+
7378
+ .pf-v6-c-hint__footer {
7379
+ grid-column: 1/-1;
7380
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
7381
+ }
7382
+
7383
+ .pf-v6-c-hint__footer > :not(:last-child) {
7384
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7385
+ }
7386
+
7292
7387
  :where(:root, .pf-v6-c-helper-text) {
7293
7388
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7294
7389
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -7367,50 +7462,128 @@ select ~ .pf-v6-c-form-control__utilities {
7367
7462
  color: var(--pf-v6-c-helper-text__item-text--Color);
7368
7463
  }
7369
7464
 
7370
- :where(:root, .pf-v6-c-icon) {
7371
- --pf-v6-c-icon--Width: 1em;
7372
- --pf-v6-c-icon--Height: 1em;
7373
- --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
7374
- --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
7375
- --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
7376
- --pf-v6-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
7377
- --pf-v6-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
7378
- --pf-v6-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
7379
- --pf-v6-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
7380
- --pf-v6-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
7381
- --pf-v6-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
7382
- --pf-v6-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
7383
- --pf-v6-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
7384
- --pf-v6-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
7385
- --pf-v6-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
7386
- --pf-v6-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
7387
- --pf-v6-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
7388
- --pf-v6-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
7389
- --pf-v6-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
7390
- --pf-v6-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
7391
- --pf-v6-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
7392
- --pf-v6-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
7393
- --pf-v6-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
7394
- --pf-v6-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
7395
- --pf-v6-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
7396
- --pf-v6-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
7397
- --pf-v6-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
7398
- --pf-v6-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
7399
- --pf-v6-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
7400
- --pf-v6-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
7401
- --pf-v6-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
7402
- --pf-v6-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
7403
- --pf-v6-c-icon--m-inline--Width: 1em;
7404
- --pf-v6-c-icon--m-inline--Height: 1em;
7405
- --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
7406
- --pf-v6-c-icon__content--Color: initial;
7407
- --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
7408
- --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
7409
- --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
7410
- --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
7411
- --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
7412
- --pf-v6-c-icon--m-inline__content--Color: initial;
7413
- --pf-v6-c-icon__content--FontSize: 1em;
7465
+ :where(:root, .pf-v6-c-input-group) {
7466
+ --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7467
+ --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7468
+ --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7469
+ --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7470
+ --pf-v6-c-input-group__item--BackgroundColor: transparent;
7471
+ --pf-v6-c-input-group__item--AlignItems: start;
7472
+ --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7473
+ --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7474
+ --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7475
+ --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7476
+ --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7477
+ --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7478
+ --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7479
+ --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7480
+ --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7481
+ --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7482
+ --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7483
+ --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7484
+ --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7485
+ --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7486
+ }
7487
+
7488
+ .pf-v6-c-input-group {
7489
+ display: flex;
7490
+ gap: var(--pf-v6-c-input-group--Gap);
7491
+ width: 100%;
7492
+ }
7493
+
7494
+ .pf-v6-c-input-group__item {
7495
+ position: relative;
7496
+ display: flex;
7497
+ align-items: var(--pf-v6-c-input-group__item--AlignItems);
7498
+ min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7499
+ max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7500
+ background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7501
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7502
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7503
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7504
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7505
+ }
7506
+
7507
+ .pf-v6-c-input-group__item.pf-m-box {
7508
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7509
+ padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7510
+ padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7511
+ border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7512
+ border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7513
+ border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7514
+ border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7515
+ border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7516
+ border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7517
+ }
7518
+
7519
+ .pf-v6-c-input-group__item.pf-m-plain {
7520
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7521
+ border: none;
7522
+ }
7523
+
7524
+ .pf-v6-c-input-group__item.pf-m-disabled {
7525
+ --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7526
+ --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7527
+ }
7528
+
7529
+ .pf-v6-c-input-group__item.pf-m-fill {
7530
+ flex-grow: 1;
7531
+ }
7532
+
7533
+ .pf-v6-c-input-group__text {
7534
+ align-self: center;
7535
+ font-size: var(--pf-v6-c-input-group__text--FontSize);
7536
+ color: var(--pf-v6-c-input-group__text--Color);
7537
+ }
7538
+
7539
+ label.pf-v6-c-input-group__text {
7540
+ cursor: pointer;
7541
+ }
7542
+
7543
+ :where(:root, .pf-v6-c-icon) {
7544
+ --pf-v6-c-icon--Width: 1em;
7545
+ --pf-v6-c-icon--Height: 1em;
7546
+ --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
7547
+ --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
7548
+ --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
7549
+ --pf-v6-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
7550
+ --pf-v6-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
7551
+ --pf-v6-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
7552
+ --pf-v6-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
7553
+ --pf-v6-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
7554
+ --pf-v6-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
7555
+ --pf-v6-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
7556
+ --pf-v6-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
7557
+ --pf-v6-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
7558
+ --pf-v6-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
7559
+ --pf-v6-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
7560
+ --pf-v6-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
7561
+ --pf-v6-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
7562
+ --pf-v6-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
7563
+ --pf-v6-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
7564
+ --pf-v6-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
7565
+ --pf-v6-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
7566
+ --pf-v6-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
7567
+ --pf-v6-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
7568
+ --pf-v6-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
7569
+ --pf-v6-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
7570
+ --pf-v6-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
7571
+ --pf-v6-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
7572
+ --pf-v6-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
7573
+ --pf-v6-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
7574
+ --pf-v6-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
7575
+ --pf-v6-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
7576
+ --pf-v6-c-icon--m-inline--Width: 1em;
7577
+ --pf-v6-c-icon--m-inline--Height: 1em;
7578
+ --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
7579
+ --pf-v6-c-icon__content--Color: initial;
7580
+ --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
7581
+ --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
7582
+ --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
7583
+ --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
7584
+ --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
7585
+ --pf-v6-c-icon--m-inline__content--Color: initial;
7586
+ --pf-v6-c-icon__content--FontSize: 1em;
7414
7587
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
7415
7588
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
7416
7589
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
@@ -7646,458 +7819,20 @@ select ~ .pf-v6-c-form-control__utilities {
7646
7819
  .pf-v6-c-icon__content.pf-m-success {
7647
7820
  --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
7648
7821
  }
7649
-
7650
- .pf-v6-c-icon__content.pf-m-info {
7651
- --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
7652
- }
7653
-
7654
- .pf-v6-c-icon__content.pf-m-custom {
7655
- --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
7656
- }
7657
-
7658
- .pf-v6-c-icon__progress {
7659
- position: absolute;
7660
- inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
7661
- opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
7662
- transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7663
- }
7664
-
7665
- :where(:root, .pf-v6-c-hint) {
7666
- --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7667
- --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
7668
- --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7669
- --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
7670
- --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7671
- --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7672
- --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
7673
- --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
7674
- --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
7675
- --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
7676
- --pf-v6-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
7677
- --pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
7678
- --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
7679
- --pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
7680
- --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
7681
- --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
7682
- --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
7683
- --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
7684
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7685
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7686
- }
7687
-
7688
- .pf-v6-c-hint {
7689
- display: grid;
7690
- grid-template-columns: 1fr auto;
7691
- grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
7692
- padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
7693
- padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
7694
- padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
7695
- padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
7696
- color: var(--pf-v6-c-hint--Color);
7697
- background-color: var(--pf-v6-c-hint--BackgroundColor);
7698
- border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
7699
- border-radius: var(--pf-v6-c-hint--BorderRadius);
7700
- }
7701
-
7702
- .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
7703
- text-align: start;
7704
- white-space: normal;
7705
- }
7706
-
7707
- .pf-v6-c-hint__actions {
7708
- display: inline-grid;
7709
- grid-row: 1;
7710
- grid-column: 2;
7711
- grid-auto-flow: column;
7712
- align-self: start;
7713
- margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7714
- margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
7715
- margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
7716
- text-align: end;
7717
- }
7718
-
7719
- .pf-v6-c-hint__actions.pf-m-no-offset {
7720
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
7721
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
7722
- }
7723
-
7724
- .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7725
- grid-column: 1;
7726
- }
7727
-
7728
- .pf-v6-c-hint__title {
7729
- align-self: center;
7730
- font-family: var(--pf-v6-c-hint__title--FontFamily);
7731
- font-size: var(--pf-v6-c-hint__title--FontSize);
7732
- font-weight: var(--pf-v6-c-hint__title--FontWeight);
7733
- line-height: var(--pf-v6-c-hint__title--LineHeight);
7734
- }
7735
-
7736
- .pf-v6-c-hint__body {
7737
- grid-column: 1/-1;
7738
- font-size: var(--pf-v6-c-hint__body--FontSize);
7739
- }
7740
-
7741
- .pf-v6-c-hint__footer {
7742
- grid-column: 1/-1;
7743
- margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
7744
- }
7745
-
7746
- .pf-v6-c-hint__footer > :not(:last-child) {
7747
- margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7748
- }
7749
-
7750
- :where(:root, .pf-v6-c-input-group) {
7751
- --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7752
- --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
7753
- --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
7754
- --pf-v6-c-input-group__item--BorderColor--base: var(--pf-t--global--border--color--default);
7755
- --pf-v6-c-input-group__item--BackgroundColor: transparent;
7756
- --pf-v6-c-input-group__item--AlignItems: start;
7757
- --pf-v6-c-input-group__item--m-box--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7758
- --pf-v6-c-input-group__item--m-box--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7759
- --pf-v6-c-input-group__item--m-box--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
7760
- --pf-v6-c-input-group__item--m-box--BorderWidth: var(--pf-v6-c-input-group__item--BorderWidth--base);
7761
- --pf-v6-c-input-group__item--m-box--BorderRadius: var(--pf-t--global--border--radius--small);
7762
- --pf-v6-c-input-group__item--m-box--BorderBlockStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7763
- --pf-v6-c-input-group__item--m-box--BorderInlineEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7764
- --pf-v6-c-input-group__item--m-box--BorderBlockEndColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7765
- --pf-v6-c-input-group__item--m-box--BorderInlineStartColor: var(--pf-v6-c-input-group__item--BorderColor--base);
7766
- --pf-v6-c-input-group__item--m-plain--BackgroundColor: transparent;
7767
- --pf-v6-c-input-group__text--FontSize: var(--pf-t--global--font--size--body--default);
7768
- --pf-v6-c-input-group__text--Color: var(--pf-t--global--text--color--regular);
7769
- --pf-v6-c-input-group__item--m-disabled__text--Color: var(--pf-t--global--text--color--on-disabled);
7770
- --pf-v6-c-input-group__item--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7771
- }
7772
-
7773
- .pf-v6-c-input-group {
7774
- display: flex;
7775
- gap: var(--pf-v6-c-input-group--Gap);
7776
- width: 100%;
7777
- }
7778
-
7779
- .pf-v6-c-input-group__item {
7780
- position: relative;
7781
- display: flex;
7782
- align-items: var(--pf-v6-c-input-group__item--AlignItems);
7783
- min-width: var(--pf-v6-c-input-group__item--MinWidth, revert);
7784
- max-width: var(--pf-v6-c-input-group__item--MaxWidth, revert);
7785
- background-color: var(--pf-v6-c-input-group__item--BackgroundColor);
7786
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7787
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7788
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7789
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7790
- }
7791
-
7792
- .pf-v6-c-input-group__item.pf-m-box {
7793
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-box--BackgroundColor);
7794
- padding-inline-start: var(--pf-v6-c-input-group__item--m-box--PaddingInlineStart);
7795
- padding-inline-end: var(--pf-v6-c-input-group__item--m-box--PaddingInlineEnd);
7796
- border: var(--pf-v6-c-input-group__item--m-box--BorderWidth) solid;
7797
- border-block-start-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockStartColor);
7798
- border-block-end-color: var(--pf-v6-c-input-group__item--m-box--BorderBlockEndColor);
7799
- border-inline-start-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineStartColor);
7800
- border-inline-end-color: var(--pf-v6-c-input-group__item--m-box--BorderInlineEndColor);
7801
- border-radius: var(--pf-v6-c-input-group__item--m-box--BorderRadius);
7802
- }
7803
-
7804
- .pf-v6-c-input-group__item.pf-m-plain {
7805
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-plain--BackgroundColor);
7806
- border: none;
7807
- }
7808
-
7809
- .pf-v6-c-input-group__item.pf-m-disabled {
7810
- --pf-v6-c-input-group__item--BackgroundColor: var(--pf-v6-c-input-group__item--m-disabled--BackgroundColor);
7811
- --pf-v6-c-input-group__text--Color: var(--pf-v6-c-input-group__item--m-disabled__text--Color);
7812
- }
7813
-
7814
- .pf-v6-c-input-group__item.pf-m-fill {
7815
- flex-grow: 1;
7816
- }
7817
-
7818
- .pf-v6-c-input-group__text {
7819
- align-self: center;
7820
- font-size: var(--pf-v6-c-input-group__text--FontSize);
7821
- color: var(--pf-v6-c-input-group__text--Color);
7822
- }
7823
-
7824
- label.pf-v6-c-input-group__text {
7825
- cursor: pointer;
7826
- }
7827
-
7828
- :where(:root, .pf-v6-c-jump-links) {
7829
- --pf-v6-c-jump-links__list--Display: flex;
7830
- --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
7831
- --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7832
- --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
7833
- --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
7834
- --pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
7835
- --pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
7836
- --pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
7837
- --pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
7838
- --pf-v6-c-jump-links__list--FlexDirection: row;
7839
- --pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
7840
- --pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
7841
- --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
7842
- --pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
7843
- --pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
7844
- --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
7845
- --pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
7846
- --pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
7847
- --pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
7848
- --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7849
- --pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7850
- --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7851
- --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7852
- --pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
7853
- --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7854
- --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
7855
- --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
7856
- --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
7857
- --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
7858
- --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
7859
- --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
7860
- --pf-v6-c-jump-links__link--before--BorderColor: transparent;
7861
- --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
7862
- --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
7863
- --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
7864
- --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
7865
- --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
7866
- --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
7867
- --pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
7868
- --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7869
- --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7870
- --pf-v6-c-jump-links__label--Display: block;
7871
- --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
7872
- --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
7873
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
7874
- --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
7875
- --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
7876
- --pf-v6-c-jump-links__toggle--Display: none;
7877
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
7878
- --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
7879
- --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
7880
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7881
- --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
7882
- --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
7883
- --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
7884
- }
7885
-
7886
- .pf-v6-c-jump-links {
7887
- display: flex;
7888
- }
7889
-
7890
- .pf-v6-c-jump-links.pf-m-center {
7891
- justify-content: center;
7892
- }
7893
-
7894
- .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
7895
- align-items: center;
7896
- }
7897
-
7898
- .pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
7899
- --pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
7900
- --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
7901
- --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
7902
- --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
7903
- --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
7904
- --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
7905
- --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
7906
- --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
7907
- --pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
7908
- flex-direction: column;
7909
- }
7910
-
7911
- .pf-v6-c-jump-links.pf-m-expandable {
7912
- --pf-v6-c-jump-links__list--Display: none;
7913
- --pf-v6-c-jump-links__toggle--Display: block;
7914
- --pf-v6-c-jump-links__label--Display: none;
7915
- }
7916
-
7917
- .pf-v6-c-jump-links.pf-m-non-expandable {
7918
- --pf-v6-c-jump-links__list--Display: flex;
7919
- --pf-v6-c-jump-links__toggle--Display: none;
7920
- --pf-v6-c-jump-links__label--Display: block;
7921
- }
7922
-
7923
- @media (min-width: 576px) {
7924
- .pf-v6-c-jump-links.pf-m-expandable-on-sm {
7925
- --pf-v6-c-jump-links__list--Display: none;
7926
- --pf-v6-c-jump-links__toggle--Display: block;
7927
- --pf-v6-c-jump-links__label--Display: none;
7928
- }
7929
- .pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
7930
- --pf-v6-c-jump-links__list--Display: flex;
7931
- --pf-v6-c-jump-links__toggle--Display: none;
7932
- --pf-v6-c-jump-links__label--Display: block;
7933
- }
7934
- }
7935
- @media (min-width: 768px) {
7936
- .pf-v6-c-jump-links.pf-m-expandable-on-md {
7937
- --pf-v6-c-jump-links__list--Display: none;
7938
- --pf-v6-c-jump-links__toggle--Display: block;
7939
- --pf-v6-c-jump-links__label--Display: none;
7940
- }
7941
- .pf-v6-c-jump-links.pf-m-non-expandable-on-md {
7942
- --pf-v6-c-jump-links__list--Display: flex;
7943
- --pf-v6-c-jump-links__toggle--Display: none;
7944
- --pf-v6-c-jump-links__label--Display: block;
7945
- }
7946
- }
7947
- @media (min-width: 992px) {
7948
- .pf-v6-c-jump-links.pf-m-expandable-on-lg {
7949
- --pf-v6-c-jump-links__list--Display: none;
7950
- --pf-v6-c-jump-links__toggle--Display: block;
7951
- --pf-v6-c-jump-links__label--Display: none;
7952
- }
7953
- .pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
7954
- --pf-v6-c-jump-links__list--Display: flex;
7955
- --pf-v6-c-jump-links__toggle--Display: none;
7956
- --pf-v6-c-jump-links__label--Display: block;
7957
- }
7958
- }
7959
- @media (min-width: 1200px) {
7960
- .pf-v6-c-jump-links.pf-m-expandable-on-xl {
7961
- --pf-v6-c-jump-links__list--Display: none;
7962
- --pf-v6-c-jump-links__toggle--Display: block;
7963
- --pf-v6-c-jump-links__label--Display: none;
7964
- }
7965
- .pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
7966
- --pf-v6-c-jump-links__list--Display: flex;
7967
- --pf-v6-c-jump-links__toggle--Display: none;
7968
- --pf-v6-c-jump-links__label--Display: block;
7969
- }
7970
- }
7971
- @media (min-width: 1450px) {
7972
- .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
7973
- --pf-v6-c-jump-links__list--Display: none;
7974
- --pf-v6-c-jump-links__toggle--Display: block;
7975
- --pf-v6-c-jump-links__label--Display: none;
7976
- }
7977
- .pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
7978
- --pf-v6-c-jump-links__list--Display: flex;
7979
- --pf-v6-c-jump-links__toggle--Display: none;
7980
- --pf-v6-c-jump-links__label--Display: block;
7981
- }
7982
- }
7983
- .pf-v6-c-jump-links.pf-m-expanded {
7984
- --pf-v6-c-jump-links__list--Display: flex;
7985
- --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
7986
- --pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
7987
- --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
7988
- }
7989
-
7990
- .pf-v6-c-jump-links__list {
7991
- position: relative;
7992
- display: var(--pf-v6-c-jump-links__list--Display);
7993
- flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
7994
- padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
7995
- padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
7996
- padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
7997
- padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
7998
- }
7999
-
8000
- .pf-v6-c-jump-links__list::before {
8001
- position: absolute;
8002
- inset: 0;
8003
- pointer-events: none;
8004
- content: "";
8005
- border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
8006
- border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
8007
- border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
8008
- border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
8009
- border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
8010
- }
8011
-
8012
- .pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
8013
- --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
8014
- --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
8015
- --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
8016
- --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
8017
- --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
8018
- margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
8019
- }
8020
-
8021
- .pf-v6-c-jump-links__link {
8022
- position: relative;
8023
- display: flex;
8024
- flex: 1;
8025
- padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
8026
- padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
8027
- padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
8028
- padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
8029
- text-decoration: none;
8030
- outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
8031
- }
8032
-
8033
- .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
8034
- --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
8035
- }
8036
-
8037
- .pf-v6-c-jump-links__link::before {
8038
- position: absolute;
8039
- inset: 0;
8040
- pointer-events: none;
8041
- content: "";
8042
- border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
8043
- border-style: solid;
8044
- border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
8045
- border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
8046
- border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
8047
- border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
8048
- }
8049
-
8050
- .pf-v6-c-jump-links__item {
8051
- --pf-v6-c-jump-links__list--before--BorderColor: transparent;
8052
- }
8053
-
8054
- .pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
8055
- --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
8056
- --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
8057
- --pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
8058
- --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
8059
- }
8060
-
8061
- .pf-v6-c-jump-links__link-text {
8062
- color: var(--pf-v6-c-jump-links__link-text--Color);
8063
- }
8064
-
8065
- .pf-v6-c-jump-links__label {
8066
- display: var(--pf-v6-c-jump-links__label--Display);
8067
- margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
8068
- }
8069
-
8070
- .pf-v6-c-jump-links__main {
8071
- display: flex;
8072
- flex-direction: column;
8073
- }
8074
-
8075
- .pf-v6-c-jump-links__toggle {
8076
- display: var(--pf-v6-c-jump-links__toggle--Display);
8077
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
8078
- margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
8079
- margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
8080
- }
8081
-
8082
- .pf-v6-c-jump-links__toggle .pf-v6-c-button {
8083
- display: flex;
8084
- align-items: center;
8085
- }
8086
-
8087
- .pf-v6-c-jump-links__toggle-icon {
8088
- display: inline-block;
8089
- color: var(--pf-v6-c-jump-links__toggle-icon--Color);
8090
- transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
8091
- transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
7822
+
7823
+ .pf-v6-c-icon__content.pf-m-info {
7824
+ --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
8092
7825
  }
8093
7826
 
8094
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
8095
- scale: -1 1;
7827
+ .pf-v6-c-icon__content.pf-m-custom {
7828
+ --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
8096
7829
  }
8097
7830
 
8098
- .pf-v6-c-jump-links__toggle-text {
8099
- margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
8100
- color: var(--pf-v6-c-jump-links__toggle-text--Color);
7831
+ .pf-v6-c-icon__progress {
7832
+ position: absolute;
7833
+ inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
7834
+ opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
7835
+ transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
8101
7836
  }
8102
7837
 
8103
7838
  :where(:root, .pf-v6-c-sidebar) {
@@ -8458,148 +8193,268 @@ label.pf-v6-c-input-group__text {
8458
8193
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
8459
8194
  }
8460
8195
  }
8461
- :where(:root, .pf-v6-c-label-group) {
8462
- --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8463
- --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
8464
- --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
8465
- --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
8466
- --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
8467
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
8468
- --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8469
- --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8470
- --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8471
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8472
- --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8473
- --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8474
- --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8475
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8476
- --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8477
- --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8478
- --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
8479
- --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
8480
- --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
8481
- --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8482
- --pf-v6-c-label-group__label--MaxWidth: 18ch;
8483
- --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
8484
- --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8485
- --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8486
- --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8487
- --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8488
- --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
8489
- --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
8490
- --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
8491
- --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
8492
- --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
8196
+ :where(:root, .pf-v6-c-jump-links) {
8197
+ --pf-v6-c-jump-links__list--Display: flex;
8198
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
8199
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
8200
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
8201
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-t--global--spacer--md);
8202
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart: var(--pf-t--global--spacer--md);
8203
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd: 0;
8204
+ --pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd: var(--pf-t--global--spacer--md);
8205
+ --pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart: 0;
8206
+ --pf-v6-c-jump-links__list--FlexDirection: row;
8207
+ --pf-v6-c-jump-links--m-vertical__list--FlexDirection: column;
8208
+ --pf-v6-c-jump-links__list--before--BorderColor: var(--pf-t--global--border--color--default);
8209
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-t--global--border--width--box--default);
8210
+ --pf-v6-c-jump-links__list--before--BorderInlineEndWidth: 0;
8211
+ --pf-v6-c-jump-links__list--before--BorderBlockEndWidth: 0;
8212
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: 0;
8213
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth: var(--pf-t--global--border--width--box--default);
8214
+ --pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth: 0;
8215
+ --pf-v6-c-jump-links__list__list--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
8216
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
8217
+ --pf-v6-c-jump-links__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8218
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8219
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8220
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
8221
+ --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
8222
+ --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8223
+ --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
8224
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
8225
+ --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
8226
+ --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
8227
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
8228
+ --pf-v6-c-jump-links__link--before--BorderColor: transparent;
8229
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
8230
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
8231
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
8232
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
8233
+ --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
8234
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
8235
+ --pf-v6-c-jump-links__link--hover__link-text--Color: var(--pf-t--global--text--color--subtle);
8236
+ --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
8237
+ --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
8238
+ --pf-v6-c-jump-links__label--Display: block;
8239
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
8240
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
8241
+ --pf-v6-c-jump-links__toggle--Display: none;
8242
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
8243
+ --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
8244
+ --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
8245
+ --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
8246
+ --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
8247
+ --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
8493
8248
  }
8494
8249
 
8495
- .pf-v6-c-label-group {
8496
- display: inline-flex;
8497
- row-gap: var(--pf-v6-c-label-group--RowGap);
8498
- column-gap: var(--pf-v6-c-label-group--ColumnGap);
8250
+ .pf-v6-c-jump-links {
8251
+ display: flex;
8252
+ }
8253
+
8254
+ .pf-v6-c-jump-links.pf-m-center {
8255
+ justify-content: center;
8256
+ }
8257
+
8258
+ .pf-v6-c-jump-links.pf-m-center .pf-v6-c-jump-links__main {
8499
8259
  align-items: center;
8500
8260
  }
8501
8261
 
8502
- .pf-v6-c-label-group.pf-m-category {
8503
- padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
8504
- padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
8505
- padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
8506
- padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
8507
- background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
8508
- border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
8509
- border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
8262
+ .pf-v6-c-jump-links.pf-m-vertical, .pf-v6-c-jump-links.pf-m-expandable {
8263
+ --pf-v6-c-jump-links__list--PaddingBlockStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockStart);
8264
+ --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
8265
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
8266
+ --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
8267
+ --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
8268
+ --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
8269
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth);
8270
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth);
8271
+ --pf-v6-c-jump-links__list--FlexDirection: var(--pf-v6-c-jump-links--m-vertical__list--FlexDirection);
8272
+ flex-direction: column;
8510
8273
  }
8511
8274
 
8512
- .pf-v6-c-label-group.pf-m-vertical {
8513
- --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
8514
- --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
8515
- --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
8516
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
8517
- --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
8518
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
8519
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
8275
+ .pf-v6-c-jump-links.pf-m-expandable {
8276
+ --pf-v6-c-jump-links__list--Display: none;
8277
+ --pf-v6-c-jump-links__toggle--Display: block;
8278
+ --pf-v6-c-jump-links__label--Display: none;
8520
8279
  }
8521
8280
 
8522
- .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8523
- align-items: flex-start;
8281
+ .pf-v6-c-jump-links.pf-m-non-expandable {
8282
+ --pf-v6-c-jump-links__list--Display: flex;
8283
+ --pf-v6-c-jump-links__toggle--Display: none;
8284
+ --pf-v6-c-jump-links__label--Display: block;
8524
8285
  }
8525
8286
 
8526
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8527
- flex-direction: column;
8528
- align-items: flex-start;
8287
+ @media (min-width: 576px) {
8288
+ .pf-v6-c-jump-links.pf-m-expandable-on-sm {
8289
+ --pf-v6-c-jump-links__list--Display: none;
8290
+ --pf-v6-c-jump-links__toggle--Display: block;
8291
+ --pf-v6-c-jump-links__label--Display: none;
8292
+ }
8293
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-sm {
8294
+ --pf-v6-c-jump-links__list--Display: flex;
8295
+ --pf-v6-c-jump-links__toggle--Display: none;
8296
+ --pf-v6-c-jump-links__label--Display: block;
8297
+ }
8298
+ }
8299
+ @media (min-width: 768px) {
8300
+ .pf-v6-c-jump-links.pf-m-expandable-on-md {
8301
+ --pf-v6-c-jump-links__list--Display: none;
8302
+ --pf-v6-c-jump-links__toggle--Display: block;
8303
+ --pf-v6-c-jump-links__label--Display: none;
8304
+ }
8305
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-md {
8306
+ --pf-v6-c-jump-links__list--Display: flex;
8307
+ --pf-v6-c-jump-links__toggle--Display: none;
8308
+ --pf-v6-c-jump-links__label--Display: block;
8309
+ }
8310
+ }
8311
+ @media (min-width: 992px) {
8312
+ .pf-v6-c-jump-links.pf-m-expandable-on-lg {
8313
+ --pf-v6-c-jump-links__list--Display: none;
8314
+ --pf-v6-c-jump-links__toggle--Display: block;
8315
+ --pf-v6-c-jump-links__label--Display: none;
8316
+ }
8317
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-lg {
8318
+ --pf-v6-c-jump-links__list--Display: flex;
8319
+ --pf-v6-c-jump-links__toggle--Display: none;
8320
+ --pf-v6-c-jump-links__label--Display: block;
8321
+ }
8322
+ }
8323
+ @media (min-width: 1200px) {
8324
+ .pf-v6-c-jump-links.pf-m-expandable-on-xl {
8325
+ --pf-v6-c-jump-links__list--Display: none;
8326
+ --pf-v6-c-jump-links__toggle--Display: block;
8327
+ --pf-v6-c-jump-links__label--Display: none;
8328
+ }
8329
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-xl {
8330
+ --pf-v6-c-jump-links__list--Display: flex;
8331
+ --pf-v6-c-jump-links__toggle--Display: none;
8332
+ --pf-v6-c-jump-links__label--Display: block;
8333
+ }
8334
+ }
8335
+ @media (min-width: 1450px) {
8336
+ .pf-v6-c-jump-links.pf-m-expandable-on-2xl {
8337
+ --pf-v6-c-jump-links__list--Display: none;
8338
+ --pf-v6-c-jump-links__toggle--Display: block;
8339
+ --pf-v6-c-jump-links__label--Display: none;
8340
+ }
8341
+ .pf-v6-c-jump-links.pf-m-non-expandable-on-2xl {
8342
+ --pf-v6-c-jump-links__list--Display: flex;
8343
+ --pf-v6-c-jump-links__toggle--Display: none;
8344
+ --pf-v6-c-jump-links__label--Display: block;
8345
+ }
8346
+ }
8347
+ .pf-v6-c-jump-links.pf-m-expanded {
8348
+ --pf-v6-c-jump-links__list--Display: flex;
8349
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd);
8350
+ --pf-v6-c-jump-links__toggle-icon--Rotate: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate);
8351
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-v6-c-jump-links--m-expanded__toggle-icon--Color);
8529
8352
  }
8530
8353
 
8531
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8532
- flex-direction: column;
8354
+ .pf-v6-c-jump-links__list {
8355
+ position: relative;
8356
+ display: var(--pf-v6-c-jump-links__list--Display);
8357
+ flex-direction: var(--pf-v6-c-jump-links__list--FlexDirection);
8358
+ padding-block-start: var(--pf-v6-c-jump-links__list--PaddingBlockStart);
8359
+ padding-block-end: var(--pf-v6-c-jump-links__list--PaddingBlockEnd);
8360
+ padding-inline-start: var(--pf-v6-c-jump-links__list--PaddingInlineStart);
8361
+ padding-inline-end: var(--pf-v6-c-jump-links__list--PaddingInlineEnd);
8362
+ }
8363
+
8364
+ .pf-v6-c-jump-links__list::before {
8365
+ position: absolute;
8366
+ inset: 0;
8367
+ pointer-events: none;
8368
+ content: "";
8369
+ border: solid var(--pf-v6-c-jump-links__list--before--BorderColor);
8370
+ border-block-start-width: var(--pf-v6-c-jump-links__list--before--BorderBlockStartWidth);
8371
+ border-block-end-width: var(--pf-v6-c-jump-links__list--before--BorderBlockEndWidth);
8372
+ border-inline-start-width: var(--pf-v6-c-jump-links__list--before--BorderInlineStartWidth);
8373
+ border-inline-end-width: var(--pf-v6-c-jump-links__list--before--BorderInlineEndWidth);
8374
+ }
8375
+
8376
+ .pf-v6-c-jump-links__list .pf-v6-c-jump-links__list {
8377
+ --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
8378
+ --pf-v6-c-jump-links__list--PaddingBlockEnd: 0;
8379
+ --pf-v6-c-jump-links__link--PaddingBlockStart: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockStart);
8380
+ --pf-v6-c-jump-links__link--PaddingBlockEnd: var(--pf-v6-c-jump-links__list__list__link--PaddingBlockEnd);
8381
+ --pf-v6-c-jump-links__link--PaddingInlineStart: var(--pf-v6-c-jump-links__list__list__link--PaddingInlineStart);
8382
+ margin-block-start: var(--pf-v6-c-jump-links__list__list--MarginBlockStart);
8383
+ }
8384
+
8385
+ .pf-v6-c-jump-links__link {
8386
+ position: relative;
8387
+ display: flex;
8388
+ flex: 1;
8389
+ padding-block-start: var(--pf-v6-c-jump-links__link--PaddingBlockStart);
8390
+ padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
8391
+ padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
8392
+ padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
8393
+ text-decoration: none;
8394
+ outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
8533
8395
  }
8534
8396
 
8535
- .pf-v6-c-label-group.pf-m-editable,
8536
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8537
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
8538
- display: flex;
8397
+ .pf-v6-c-jump-links__link:hover, .pf-v6-c-jump-links__link:focus {
8398
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
8539
8399
  }
8540
8400
 
8541
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
8542
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
8543
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
8544
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
8545
- flex: 1;
8401
+ .pf-v6-c-jump-links__link::before {
8402
+ position: absolute;
8403
+ inset: 0;
8404
+ pointer-events: none;
8405
+ content: "";
8406
+ border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
8407
+ border-style: solid;
8408
+ border-block-start-width: var(--pf-v6-c-jump-links__link--before--BorderBlockStartWidth);
8409
+ border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
8410
+ border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
8411
+ border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
8546
8412
  }
8547
8413
 
8548
- .pf-v6-c-label-group__main {
8549
- display: flex;
8550
- flex: 1;
8551
- flex-wrap: wrap;
8552
- row-gap: var(--pf-v6-c-label-group__main--RowGap);
8553
- column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
8554
- align-items: baseline;
8414
+ .pf-v6-c-jump-links__item {
8415
+ --pf-v6-c-jump-links__list--before--BorderColor: transparent;
8555
8416
  }
8556
8417
 
8557
- .pf-v6-c-label-group__list {
8558
- display: inline-flex;
8559
- flex-wrap: wrap;
8560
- row-gap: var(--pf-v6-c-label-group__list--RowGap);
8561
- column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
8418
+ .pf-v6-c-jump-links__item.pf-m-current > .pf-v6-c-jump-links__link {
8419
+ --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
8420
+ --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
8421
+ --pf-v6-c-jump-links__link--before--BorderColor: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderColor);
8422
+ --pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__item--m-current__link-text--Color);
8562
8423
  }
8563
8424
 
8564
- .pf-v6-c-label-group__list-item {
8565
- display: inline-flex;
8425
+ .pf-v6-c-jump-links__link-text {
8426
+ color: var(--pf-v6-c-jump-links__link-text--Color);
8566
8427
  }
8567
8428
 
8568
- .pf-v6-c-label-group__label {
8569
- overflow: hidden;
8570
- text-overflow: ellipsis;
8571
- white-space: nowrap;
8572
- max-width: var(--pf-v6-c-label-group__label--MaxWidth);
8429
+ .pf-v6-c-jump-links__label {
8430
+ display: var(--pf-v6-c-jump-links__label--Display);
8431
+ margin-block-end: var(--pf-v6-c-jump-links__label--MarginBlockEnd);
8573
8432
  }
8574
8433
 
8575
- .pf-v6-c-label-group__close {
8434
+ .pf-v6-c-jump-links__main {
8576
8435
  display: flex;
8577
- align-self: flex-start;
8436
+ flex-direction: column;
8578
8437
  }
8579
8438
 
8580
- .pf-v6-c-label-group__close .pf-v6-c-button {
8581
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
8582
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
8583
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
8584
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
8585
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
8439
+ .pf-v6-c-jump-links__toggle {
8440
+ display: var(--pf-v6-c-jump-links__toggle--Display);
8441
+ margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
8586
8442
  }
8587
8443
 
8588
- .pf-v6-c-label-group__textarea {
8589
- min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
8590
- padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
8591
- padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
8592
- padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
8593
- padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
8594
- white-space: nowrap;
8595
- resize: none;
8596
- border: 0;
8597
- -ms-overflow-style: none;
8598
- scrollbar-width: none;
8444
+ .pf-v6-c-jump-links__toggle-icon {
8445
+ display: inline-block;
8446
+ color: var(--pf-v6-c-jump-links__toggle-icon--Color);
8447
+ transition: var(--pf-v6-c-jump-links__toggle-icon--Transition);
8448
+ transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
8599
8449
  }
8600
8450
 
8601
- .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8602
- display: none;
8451
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
8452
+ scale: -1 1;
8453
+ }
8454
+
8455
+ .pf-v6-c-jump-links__toggle-text {
8456
+ margin-inline-start: var(--pf-v6-c-jump-links__toggle-text--MarginInlineStart);
8457
+ color: var(--pf-v6-c-jump-links__toggle-text--Color);
8603
8458
  }
8604
8459
 
8605
8460
  :where(:root, .pf-v6-c-label) {
@@ -9127,6 +8982,150 @@ input.pf-v6-c-label__content {
9127
8982
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
9128
8983
  }
9129
8984
 
8985
+ :where(:root, .pf-v6-c-label-group) {
8986
+ --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8987
+ --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
8988
+ --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
8989
+ --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
8990
+ --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
8991
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
8992
+ --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8993
+ --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8994
+ --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8995
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8996
+ --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8997
+ --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8998
+ --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8999
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9000
+ --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
9001
+ --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9002
+ --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
9003
+ --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
9004
+ --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
9005
+ --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9006
+ --pf-v6-c-label-group__label--MaxWidth: 18ch;
9007
+ --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
9008
+ --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
9009
+ --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9010
+ --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
9011
+ --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9012
+ --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
9013
+ --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
9014
+ --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
9015
+ --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
9016
+ --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
9017
+ }
9018
+
9019
+ .pf-v6-c-label-group {
9020
+ display: inline-flex;
9021
+ row-gap: var(--pf-v6-c-label-group--RowGap);
9022
+ column-gap: var(--pf-v6-c-label-group--ColumnGap);
9023
+ align-items: center;
9024
+ }
9025
+
9026
+ .pf-v6-c-label-group.pf-m-category {
9027
+ padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
9028
+ padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
9029
+ padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
9030
+ padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
9031
+ background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
9032
+ border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
9033
+ border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
9034
+ }
9035
+
9036
+ .pf-v6-c-label-group.pf-m-vertical {
9037
+ --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
9038
+ --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
9039
+ --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
9040
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
9041
+ --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
9042
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
9043
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
9044
+ }
9045
+
9046
+ .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
9047
+ align-items: flex-start;
9048
+ }
9049
+
9050
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
9051
+ flex-direction: column;
9052
+ align-items: flex-start;
9053
+ }
9054
+
9055
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
9056
+ flex-direction: column;
9057
+ }
9058
+
9059
+ .pf-v6-c-label-group.pf-m-editable,
9060
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
9061
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
9062
+ display: flex;
9063
+ }
9064
+
9065
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
9066
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
9067
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
9068
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
9069
+ flex: 1;
9070
+ }
9071
+
9072
+ .pf-v6-c-label-group__main {
9073
+ display: flex;
9074
+ flex: 1;
9075
+ flex-wrap: wrap;
9076
+ row-gap: var(--pf-v6-c-label-group__main--RowGap);
9077
+ column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
9078
+ align-items: baseline;
9079
+ }
9080
+
9081
+ .pf-v6-c-label-group__list {
9082
+ display: inline-flex;
9083
+ flex-wrap: wrap;
9084
+ row-gap: var(--pf-v6-c-label-group__list--RowGap);
9085
+ column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
9086
+ }
9087
+
9088
+ .pf-v6-c-label-group__list-item {
9089
+ display: inline-flex;
9090
+ }
9091
+
9092
+ .pf-v6-c-label-group__label {
9093
+ overflow: hidden;
9094
+ text-overflow: ellipsis;
9095
+ white-space: nowrap;
9096
+ max-width: var(--pf-v6-c-label-group__label--MaxWidth);
9097
+ }
9098
+
9099
+ .pf-v6-c-label-group__close {
9100
+ display: flex;
9101
+ align-self: flex-start;
9102
+ }
9103
+
9104
+ .pf-v6-c-label-group__close .pf-v6-c-button {
9105
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
9106
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
9107
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
9108
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
9109
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
9110
+ }
9111
+
9112
+ .pf-v6-c-label-group__textarea {
9113
+ min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
9114
+ padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
9115
+ padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
9116
+ padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
9117
+ padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
9118
+ white-space: nowrap;
9119
+ resize: none;
9120
+ border: 0;
9121
+ -ms-overflow-style: none;
9122
+ scrollbar-width: none;
9123
+ }
9124
+
9125
+ .pf-v6-c-label-group__textarea::-webkit-scrollbar {
9126
+ display: none;
9127
+ }
9128
+
9130
9129
  :where(:root, .pf-v6-c-list) {
9131
9130
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9132
9131
  --pf-v6-c-list--nested--MarginBlockStart: var(--pf-t--global--spacer--sm);
@@ -11197,6 +11196,7 @@ ul.pf-v6-c-list {
11197
11196
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
11198
11197
  color: var(--pf-v6-c-nav__link--Color);
11199
11198
  text-align: start;
11199
+ text-decoration: none;
11200
11200
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
11201
11201
  border: none;
11202
11202
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
@@ -11698,11 +11698,11 @@ ul.pf-v6-c-list {
11698
11698
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11699
11699
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
11700
11700
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
11701
- --pf-v6-c-page__main-section--MarginBlockStart: var(--pf-t--global--spacer--md);
11702
- --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--lg);
11703
- --pf-v6-c-page__main-section--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11704
- --pf-v6-c-page__main-section--PaddingBlockEnd: 0;
11705
- --pf-v6-c-page__main-section--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
11701
+ --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11702
+ --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
11703
+ --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11704
+ --pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
11705
+ --pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
11706
11706
  --pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
11707
11707
  --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11708
11708
  --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -11737,6 +11737,7 @@ ul.pf-v6-c-list {
11737
11737
  --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
11738
11738
  --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
11739
11739
  --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
11740
+ --pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
11740
11741
  --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11741
11742
  --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11742
11743
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -11855,22 +11856,11 @@ ul.pf-v6-c-list {
11855
11856
  flex-grow: 0;
11856
11857
  }
11857
11858
 
11858
- .pf-v6-c-page__main-nav.pf-m-limit-width,
11859
- .pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
11860
- .pf-v6-c-page__main-tabs.pf-m-limit-width,
11861
- .pf-v6-c-page__main-section.pf-m-limit-width,
11862
- .pf-v6-c-page__main-wizard.pf-m-limit-width {
11863
- display: flex;
11864
- flex-direction: column;
11865
- padding: 0;
11866
- }
11867
-
11868
11859
  .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
11869
11860
  .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
11870
11861
  .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
11871
11862
  .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
11872
11863
  .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
11873
- flex: 1;
11874
11864
  max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
11875
11865
  }
11876
11866
 
@@ -11897,6 +11887,8 @@ ul.pf-v6-c-list {
11897
11887
  .pf-v6-c-page__main-wizard,
11898
11888
  .pf-v6-c-page__main-group,
11899
11889
  .pf-v6-c-page__main-subnav {
11890
+ display: flex;
11891
+ flex-direction: column;
11900
11892
  flex-shrink: 0;
11901
11893
  }
11902
11894
 
@@ -12123,6 +12115,7 @@ ul.pf-v6-c-list {
12123
12115
  .pf-v6-c-page__main-list {
12124
12116
  display: flex;
12125
12117
  flex-direction: column;
12118
+ flex-grow: 1;
12126
12119
  }
12127
12120
 
12128
12121
  .pf-v6-c-page__main-nav {
@@ -12243,10 +12236,11 @@ ul.pf-v6-c-list {
12243
12236
  }
12244
12237
 
12245
12238
  .pf-v6-c-page__main-section {
12239
+ gap: var(--pf-v6-c-page__main-section--RowGap);
12246
12240
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12247
12241
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12248
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12249
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12242
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12243
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12250
12244
  background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
12251
12245
  }
12252
12246
 
@@ -12257,8 +12251,8 @@ ul.pf-v6-c-list {
12257
12251
  .pf-v6-c-page__main-section.pf-m-padding {
12258
12252
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12259
12253
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12260
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12261
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12254
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12255
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12262
12256
  }
12263
12257
 
12264
12258
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
@@ -12268,8 +12262,8 @@ ul.pf-v6-c-list {
12268
12262
  .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
12269
12263
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12270
12264
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12271
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12272
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12265
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12266
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12273
12267
  }
12274
12268
 
12275
12269
  .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
@@ -12280,8 +12274,8 @@ ul.pf-v6-c-list {
12280
12274
  .pf-v6-c-page__main-section.pf-m-padding-on-sm {
12281
12275
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12282
12276
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12283
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12284
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12277
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12278
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12285
12279
  }
12286
12280
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
12287
12281
  padding: 0;
@@ -12289,8 +12283,8 @@ ul.pf-v6-c-list {
12289
12283
  .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
12290
12284
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12291
12285
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12292
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12293
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12286
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12287
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12294
12288
  }
12295
12289
  .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
12296
12290
  padding: 0;
@@ -12300,8 +12294,8 @@ ul.pf-v6-c-list {
12300
12294
  .pf-v6-c-page__main-section.pf-m-padding-on-md {
12301
12295
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12302
12296
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12303
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12304
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12297
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12298
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12305
12299
  }
12306
12300
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
12307
12301
  padding: 0;
@@ -12309,8 +12303,8 @@ ul.pf-v6-c-list {
12309
12303
  .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
12310
12304
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12311
12305
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12312
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12313
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12306
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12307
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12314
12308
  }
12315
12309
  .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
12316
12310
  padding: 0;
@@ -12320,8 +12314,8 @@ ul.pf-v6-c-list {
12320
12314
  .pf-v6-c-page__main-section.pf-m-padding-on-lg {
12321
12315
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12322
12316
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12323
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12324
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12317
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12318
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12325
12319
  }
12326
12320
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
12327
12321
  padding: 0;
@@ -12329,8 +12323,8 @@ ul.pf-v6-c-list {
12329
12323
  .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
12330
12324
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12331
12325
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12332
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12333
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12326
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12327
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12334
12328
  }
12335
12329
  .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
12336
12330
  padding: 0;
@@ -12340,8 +12334,8 @@ ul.pf-v6-c-list {
12340
12334
  .pf-v6-c-page__main-section.pf-m-padding-on-xl {
12341
12335
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12342
12336
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12343
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12344
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12337
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12338
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12345
12339
  }
12346
12340
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
12347
12341
  padding: 0;
@@ -12349,8 +12343,8 @@ ul.pf-v6-c-list {
12349
12343
  .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
12350
12344
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12351
12345
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12352
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12353
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12346
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12347
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12354
12348
  }
12355
12349
  .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
12356
12350
  padding: 0;
@@ -12360,8 +12354,8 @@ ul.pf-v6-c-list {
12360
12354
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
12361
12355
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12362
12356
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12363
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12364
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12357
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12358
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12365
12359
  }
12366
12360
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
12367
12361
  padding: 0;
@@ -12369,8 +12363,8 @@ ul.pf-v6-c-list {
12369
12363
  .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
12370
12364
  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12371
12365
  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12372
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12373
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12366
+ padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
12367
+ padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
12374
12368
  }
12375
12369
  .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
12376
12370
  padding: 0;
@@ -12396,28 +12390,16 @@ ul.pf-v6-c-list {
12396
12390
  }
12397
12391
 
12398
12392
  .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
12399
- padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
12400
12393
  padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
12401
12394
  padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
12402
12395
  }
12403
-
12404
- .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
12405
- padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
12406
- padding-block-end: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd);
12407
- padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
12408
- padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
12409
- }
12410
-
12411
- .pf-v6-c-page__main-section .pf-v6-c-page__main-body {
12412
- padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
12413
- padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
12414
- padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
12415
- padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
12396
+
12397
+ .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
12398
+ padding-inline-start: 0;
12399
+ padding-inline-end: 0;
12416
12400
  }
12417
12401
 
12418
12402
  .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
12419
- padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
12420
- padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
12421
12403
  padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
12422
12404
  padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
12423
12405
  }
@@ -15785,6 +15767,123 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15785
15767
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
15786
15768
  }
15787
15769
 
15770
+ :where(:root, .pf-v6-c-title) {
15771
+ --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15772
+ --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15773
+ --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
15774
+ --pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading);
15775
+ --pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15776
+ --pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
15777
+ --pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading);
15778
+ --pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15779
+ --pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
15780
+ --pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading);
15781
+ --pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15782
+ --pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
15783
+ --pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading);
15784
+ --pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
15785
+ --pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
15786
+ --pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading);
15787
+ --pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
15788
+ --pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
15789
+ --pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
15790
+ --pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
15791
+ --pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
15792
+ --pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
15793
+ --pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
15794
+ --pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
15795
+ --pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
15796
+ --pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
15797
+ --pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
15798
+ --pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
15799
+ --pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
15800
+ --pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
15801
+ --pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
15802
+ --pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
15803
+ --pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
15804
+ --pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
15805
+ --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
15806
+ --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
15807
+ --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
15808
+ }
15809
+
15810
+ .pf-v6-c-title {
15811
+ font-family: var(--pf-v6-c-title--FontFamily);
15812
+ word-break: break-word;
15813
+ }
15814
+
15815
+ .pf-v6-c-title.pf-m-4xl {
15816
+ font-size: var(--pf-v6-c-title--m-4xl--FontSize);
15817
+ font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
15818
+ line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
15819
+ }
15820
+
15821
+ .pf-v6-c-title.pf-m-3xl {
15822
+ font-size: var(--pf-v6-c-title--m-3xl--FontSize);
15823
+ font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
15824
+ line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
15825
+ }
15826
+
15827
+ .pf-v6-c-title.pf-m-2xl {
15828
+ font-size: var(--pf-v6-c-title--m-2xl--FontSize);
15829
+ font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
15830
+ line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
15831
+ }
15832
+
15833
+ .pf-v6-c-title.pf-m-xl {
15834
+ font-size: var(--pf-v6-c-title--m-xl--FontSize);
15835
+ font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
15836
+ line-height: var(--pf-v6-c-title--m-xl--LineHeight);
15837
+ }
15838
+
15839
+ .pf-v6-c-title.pf-m-lg {
15840
+ font-size: var(--pf-v6-c-title--m-lg--FontSize);
15841
+ font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
15842
+ line-height: var(--pf-v6-c-title--m-lg--LineHeight);
15843
+ }
15844
+
15845
+ .pf-v6-c-title.pf-m-md {
15846
+ font-size: var(--pf-v6-c-title--m-md--FontSize);
15847
+ font-weight: var(--pf-v6-c-title--m-md--FontWeight);
15848
+ line-height: var(--pf-v6-c-title--m-md--LineHeight);
15849
+ }
15850
+
15851
+ .pf-v6-c-title.pf-m-h1 {
15852
+ font-size: var(--pf-v6-c-title--m-h1--FontSize);
15853
+ font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
15854
+ line-height: var(--pf-v6-c-title--m-h1--LineHeight);
15855
+ }
15856
+
15857
+ .pf-v6-c-title.pf-m-h2 {
15858
+ font-size: var(--pf-v6-c-title--m-h2--FontSize);
15859
+ font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
15860
+ line-height: var(--pf-v6-c-title--m-h2--LineHeight);
15861
+ }
15862
+
15863
+ .pf-v6-c-title.pf-m-h3 {
15864
+ font-size: var(--pf-v6-c-title--m-h3--FontSize);
15865
+ font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
15866
+ line-height: var(--pf-v6-c-title--m-h3--LineHeight);
15867
+ }
15868
+
15869
+ .pf-v6-c-title.pf-m-h4 {
15870
+ font-size: var(--pf-v6-c-title--m-h4--FontSize);
15871
+ font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
15872
+ line-height: var(--pf-v6-c-title--m-h4--LineHeight);
15873
+ }
15874
+
15875
+ .pf-v6-c-title.pf-m-h5 {
15876
+ font-size: var(--pf-v6-c-title--m-h5--FontSize);
15877
+ font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
15878
+ line-height: var(--pf-v6-c-title--m-h5--LineHeight);
15879
+ }
15880
+
15881
+ .pf-v6-c-title.pf-m-h6 {
15882
+ font-size: var(--pf-v6-c-title--m-h6--FontSize);
15883
+ font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
15884
+ line-height: var(--pf-v6-c-title--m-h6--LineHeight);
15885
+ }
15886
+
15788
15887
  :where(:root, .pf-v6-c-tile) {
15789
15888
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
15790
15889
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -15849,209 +15948,92 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15849
15948
  --pf-v6-c-tile--before--BorderWidth: var(--pf-v6-c-tile--m-selected--before--BorderWidth);
15850
15949
  }
15851
15950
 
15852
- .pf-v6-c-tile.pf-m-disabled {
15853
- --pf-v6-c-tile--BackgroundColor: var(--pf-v6-c-tile--m-disabled--BackgroundColor);
15854
- --pf-v6-c-tile__title--Color: var(--pf-v6-c-tile--m-disabled__title--Color);
15855
- --pf-v6-c-tile__icon--Color: var(--pf-v6-c-tile--m-disabled__icon--Color);
15856
- --pf-v6-c-tile__body--Color: var(--pf-v6-c-tile--m-disabled__body--Color);
15857
- --pf-v6-c-tile--before--BorderWidth: 0;
15858
- pointer-events: none;
15859
- }
15860
-
15861
- .pf-v6-c-tile.pf-m-display-lg .pf-v6-c-tile__header.pf-m-stacked {
15862
- --pf-v6-c-tile__icon--FontSize: var(--pf-v6-c-tile--m-display-lg__header--m-stacked__icon--FontSize);
15863
- }
15864
-
15865
- .pf-v6-c-tile__header {
15866
- display: flex;
15867
- align-items: center;
15868
- }
15869
-
15870
- .pf-v6-c-tile__header.pf-m-stacked {
15871
- --pf-v6-c-tile__icon--MarginInlineEnd: 0;
15872
- --pf-v6-c-tile__icon--FontSize: var(--pf-v6-c-tile__header--m-stacked__icon--FontSize);
15873
- flex-direction: column;
15874
- align-items: flex-start;
15875
- }
15876
-
15877
- .pf-v6-c-tile__header.pf-m-stacked .pf-v6-c-tile__icon {
15878
- display: flex;
15879
- align-items: center;
15880
- margin-block-end: var(--pf-v6-c-tile__header--m-stacked__icon--MarginBlockEnd);
15881
- }
15882
-
15883
- .pf-v6-c-tile__title {
15884
- font-weight: var(--pf-v6-c-tile__title--FontWeight);
15885
- color: var(--pf-v6-c-tile__title--Color);
15886
- }
15887
-
15888
- .pf-v6-c-tile__body {
15889
- font-size: var(--pf-v6-c-tile__body--FontSize);
15890
- color: var(--pf-v6-c-tile__body--Color);
15891
- }
15892
-
15893
- .pf-v6-c-tile__icon {
15894
- margin-inline-end: var(--pf-v6-c-tile__icon--MarginInlineEnd);
15895
- font-size: var(--pf-v6-c-tile__icon--FontSize);
15896
- color: var(--pf-v6-c-tile__icon--Color);
15897
- }
15898
-
15899
- :where(:root, .pf-v6-c-timestamp) {
15900
- --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
15901
- --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
15902
- --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
15903
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
15904
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
15905
- --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
15906
- --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
15907
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
15908
- --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
15909
- --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
15910
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
15911
- --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
15912
- }
15913
-
15914
- .pf-v6-c-timestamp {
15915
- display: inline-block;
15916
- font-size: var(--pf-v6-c-timestamp--FontSize);
15917
- color: var(--pf-v6-c-timestamp--Color);
15918
- outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
15919
- }
15920
-
15921
- .pf-v6-c-timestamp.pf-m-help-text {
15922
- text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
15923
- text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
15924
- text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
15925
- text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
15926
- text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
15927
- cursor: pointer;
15928
- }
15929
-
15930
- .pf-v6-c-timestamp.pf-m-help-text:hover {
15931
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
15932
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
15933
- }
15934
-
15935
- .pf-v6-c-timestamp.pf-m-help-text:focus {
15936
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
15937
- --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
15938
- }
15939
-
15940
- :where(:root, .pf-v6-c-title) {
15941
- --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15942
- --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15943
- --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
15944
- --pf-v6-c-title--m-4xl--FontWeight: var(--pf-t--global--font--weight--heading);
15945
- --pf-v6-c-title--m-3xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15946
- --pf-v6-c-title--m-3xl--FontSize: var(--pf-t--global--font--size--heading--xl);
15947
- --pf-v6-c-title--m-3xl--FontWeight: var(--pf-t--global--font--weight--heading);
15948
- --pf-v6-c-title--m-2xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15949
- --pf-v6-c-title--m-2xl--FontSize: var(--pf-t--global--font--size--heading--lg);
15950
- --pf-v6-c-title--m-2xl--FontWeight: var(--pf-t--global--font--weight--heading);
15951
- --pf-v6-c-title--m-xl--LineHeight: var(--pf-t--global--font--line-height--heading);
15952
- --pf-v6-c-title--m-xl--FontSize: var(--pf-t--global--font--size--heading--md);
15953
- --pf-v6-c-title--m-xl--FontWeight: var(--pf-t--global--font--weight--heading);
15954
- --pf-v6-c-title--m-lg--LineHeight: var(--pf-t--global--font--line-height--heading);
15955
- --pf-v6-c-title--m-lg--FontSize: var(--pf-t--global--font--size--heading--sm);
15956
- --pf-v6-c-title--m-lg--FontWeight: var(--pf-t--global--font--weight--heading);
15957
- --pf-v6-c-title--m-md--LineHeight: var(--pf-t--global--font--line-height--heading);
15958
- --pf-v6-c-title--m-md--FontSize: var(--pf-t--global--font--size--heading--xs);
15959
- --pf-v6-c-title--m-md--FontWeight: var(--pf-t--global--font--weight--heading);
15960
- --pf-v6-c-title--m-h1--LineHeight: var(--pf-t--global--font--line-height--heading);
15961
- --pf-v6-c-title--m-h1--FontSize: var(--pf-t--global--font--size--heading--h1);
15962
- --pf-v6-c-title--m-h1--FontWeight: var(--pf-t--global--font--weight--heading);
15963
- --pf-v6-c-title--m-h2--LineHeight: var(--pf-t--global--font--line-height--heading);
15964
- --pf-v6-c-title--m-h2--FontSize: var(--pf-t--global--font--size--heading--h2);
15965
- --pf-v6-c-title--m-h2--FontWeight: var(--pf-t--global--font--weight--heading);
15966
- --pf-v6-c-title--m-h3--LineHeight: var(--pf-t--global--font--line-height--heading);
15967
- --pf-v6-c-title--m-h3--FontSize: var(--pf-t--global--font--size--heading--h3);
15968
- --pf-v6-c-title--m-h3--FontWeight: var(--pf-t--global--font--weight--heading);
15969
- --pf-v6-c-title--m-h4--LineHeight: var(--pf-t--global--font--line-height--heading);
15970
- --pf-v6-c-title--m-h4--FontSize: var(--pf-t--global--font--size--heading--h4);
15971
- --pf-v6-c-title--m-h4--FontWeight: var(--pf-t--global--font--weight--heading);
15972
- --pf-v6-c-title--m-h5--LineHeight: var(--pf-t--global--font--line-height--heading);
15973
- --pf-v6-c-title--m-h5--FontSize: var(--pf-t--global--font--size--heading--h5);
15974
- --pf-v6-c-title--m-h5--FontWeight: var(--pf-t--global--font--weight--heading);
15975
- --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
15976
- --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
15977
- --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading);
15978
- }
15979
-
15980
- .pf-v6-c-title {
15981
- font-family: var(--pf-v6-c-title--FontFamily);
15982
- word-break: break-word;
15983
- }
15984
-
15985
- .pf-v6-c-title.pf-m-4xl {
15986
- font-size: var(--pf-v6-c-title--m-4xl--FontSize);
15987
- font-weight: var(--pf-v6-c-title--m-4xl--FontWeight);
15988
- line-height: var(--pf-v6-c-title--m-4xl--LineHeight);
15951
+ .pf-v6-c-tile.pf-m-disabled {
15952
+ --pf-v6-c-tile--BackgroundColor: var(--pf-v6-c-tile--m-disabled--BackgroundColor);
15953
+ --pf-v6-c-tile__title--Color: var(--pf-v6-c-tile--m-disabled__title--Color);
15954
+ --pf-v6-c-tile__icon--Color: var(--pf-v6-c-tile--m-disabled__icon--Color);
15955
+ --pf-v6-c-tile__body--Color: var(--pf-v6-c-tile--m-disabled__body--Color);
15956
+ --pf-v6-c-tile--before--BorderWidth: 0;
15957
+ pointer-events: none;
15989
15958
  }
15990
15959
 
15991
- .pf-v6-c-title.pf-m-3xl {
15992
- font-size: var(--pf-v6-c-title--m-3xl--FontSize);
15993
- font-weight: var(--pf-v6-c-title--m-3xl--FontWeight);
15994
- line-height: var(--pf-v6-c-title--m-3xl--LineHeight);
15960
+ .pf-v6-c-tile.pf-m-display-lg .pf-v6-c-tile__header.pf-m-stacked {
15961
+ --pf-v6-c-tile__icon--FontSize: var(--pf-v6-c-tile--m-display-lg__header--m-stacked__icon--FontSize);
15995
15962
  }
15996
15963
 
15997
- .pf-v6-c-title.pf-m-2xl {
15998
- font-size: var(--pf-v6-c-title--m-2xl--FontSize);
15999
- font-weight: var(--pf-v6-c-title--m-2xl--FontWeight);
16000
- line-height: var(--pf-v6-c-title--m-2xl--LineHeight);
15964
+ .pf-v6-c-tile__header {
15965
+ display: flex;
15966
+ align-items: center;
16001
15967
  }
16002
15968
 
16003
- .pf-v6-c-title.pf-m-xl {
16004
- font-size: var(--pf-v6-c-title--m-xl--FontSize);
16005
- font-weight: var(--pf-v6-c-title--m-xl--FontWeight);
16006
- line-height: var(--pf-v6-c-title--m-xl--LineHeight);
15969
+ .pf-v6-c-tile__header.pf-m-stacked {
15970
+ --pf-v6-c-tile__icon--MarginInlineEnd: 0;
15971
+ --pf-v6-c-tile__icon--FontSize: var(--pf-v6-c-tile__header--m-stacked__icon--FontSize);
15972
+ flex-direction: column;
15973
+ align-items: flex-start;
16007
15974
  }
16008
15975
 
16009
- .pf-v6-c-title.pf-m-lg {
16010
- font-size: var(--pf-v6-c-title--m-lg--FontSize);
16011
- font-weight: var(--pf-v6-c-title--m-lg--FontWeight);
16012
- line-height: var(--pf-v6-c-title--m-lg--LineHeight);
15976
+ .pf-v6-c-tile__header.pf-m-stacked .pf-v6-c-tile__icon {
15977
+ display: flex;
15978
+ align-items: center;
15979
+ margin-block-end: var(--pf-v6-c-tile__header--m-stacked__icon--MarginBlockEnd);
16013
15980
  }
16014
15981
 
16015
- .pf-v6-c-title.pf-m-md {
16016
- font-size: var(--pf-v6-c-title--m-md--FontSize);
16017
- font-weight: var(--pf-v6-c-title--m-md--FontWeight);
16018
- line-height: var(--pf-v6-c-title--m-md--LineHeight);
15982
+ .pf-v6-c-tile__title {
15983
+ font-weight: var(--pf-v6-c-tile__title--FontWeight);
15984
+ color: var(--pf-v6-c-tile__title--Color);
16019
15985
  }
16020
15986
 
16021
- .pf-v6-c-title.pf-m-h1 {
16022
- font-size: var(--pf-v6-c-title--m-h1--FontSize);
16023
- font-weight: var(--pf-v6-c-title--m-h1--FontWeight);
16024
- line-height: var(--pf-v6-c-title--m-h1--LineHeight);
15987
+ .pf-v6-c-tile__body {
15988
+ font-size: var(--pf-v6-c-tile__body--FontSize);
15989
+ color: var(--pf-v6-c-tile__body--Color);
16025
15990
  }
16026
15991
 
16027
- .pf-v6-c-title.pf-m-h2 {
16028
- font-size: var(--pf-v6-c-title--m-h2--FontSize);
16029
- font-weight: var(--pf-v6-c-title--m-h2--FontWeight);
16030
- line-height: var(--pf-v6-c-title--m-h2--LineHeight);
15992
+ .pf-v6-c-tile__icon {
15993
+ margin-inline-end: var(--pf-v6-c-tile__icon--MarginInlineEnd);
15994
+ font-size: var(--pf-v6-c-tile__icon--FontSize);
15995
+ color: var(--pf-v6-c-tile__icon--Color);
16031
15996
  }
16032
15997
 
16033
- .pf-v6-c-title.pf-m-h3 {
16034
- font-size: var(--pf-v6-c-title--m-h3--FontSize);
16035
- font-weight: var(--pf-v6-c-title--m-h3--FontWeight);
16036
- line-height: var(--pf-v6-c-title--m-h3--LineHeight);
15998
+ :where(:root, .pf-v6-c-timestamp) {
15999
+ --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
16000
+ --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
16001
+ --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
16002
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: underline;
16003
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: dashed;
16004
+ --pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
16005
+ --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
16006
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
16007
+ --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
16008
+ --pf-v6-c-timestamp--m-help-text--focus--Color: var(--pf-t--global--text--color--regular);
16009
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-t--global--text--color--regular);
16010
+ --pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
16037
16011
  }
16038
16012
 
16039
- .pf-v6-c-title.pf-m-h4 {
16040
- font-size: var(--pf-v6-c-title--m-h4--FontSize);
16041
- font-weight: var(--pf-v6-c-title--m-h4--FontWeight);
16042
- line-height: var(--pf-v6-c-title--m-h4--LineHeight);
16013
+ .pf-v6-c-timestamp {
16014
+ display: inline-block;
16015
+ font-size: var(--pf-v6-c-timestamp--FontSize);
16016
+ color: var(--pf-v6-c-timestamp--Color);
16017
+ outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
16043
16018
  }
16044
16019
 
16045
- .pf-v6-c-title.pf-m-h5 {
16046
- font-size: var(--pf-v6-c-title--m-h5--FontSize);
16047
- font-weight: var(--pf-v6-c-title--m-h5--FontWeight);
16048
- line-height: var(--pf-v6-c-title--m-h5--LineHeight);
16020
+ .pf-v6-c-timestamp.pf-m-help-text {
16021
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
16022
+ text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
16023
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
16024
+ text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
16025
+ text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
16026
+ cursor: pointer;
16049
16027
  }
16050
16028
 
16051
- .pf-v6-c-title.pf-m-h6 {
16052
- font-size: var(--pf-v6-c-title--m-h6--FontSize);
16053
- font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
16054
- line-height: var(--pf-v6-c-title--m-h6--LineHeight);
16029
+ .pf-v6-c-timestamp.pf-m-help-text:hover {
16030
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
16031
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationColor);
16032
+ }
16033
+
16034
+ .pf-v6-c-timestamp.pf-m-help-text:focus {
16035
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
16036
+ --pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
16055
16037
  }
16056
16038
 
16057
16039
  :where(:root, .pf-v6-c-toggle-group) {
@@ -16203,6 +16185,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16203
16185
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
16204
16186
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
16205
16187
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
16188
+ --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
16206
16189
  --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
16207
16190
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
16208
16191
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -20440,43 +20423,44 @@ label.pf-v6-c-tree-view__node-text {
20440
20423
  --pf-v6-c-panel--Width: auto;
20441
20424
  --pf-v6-c-panel--MinWidth: auto;
20442
20425
  --pf-v6-c-panel--MaxWidth: none;
20443
- --pf-v6-c-panel--ZIndex: auto;
20444
20426
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20445
20427
  --pf-v6-c-panel--BoxShadow: none;
20428
+ --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
20446
20429
  --pf-v6-c-panel--before--BorderWidth: 0;
20447
20430
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
20448
20431
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20449
- --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
20432
+ --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
20450
20433
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
20451
- --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--z-index--sm);
20452
20434
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20453
20435
  --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
20454
- --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20436
+ --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20455
20437
  --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20456
- --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
20438
+ --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20457
20439
  --pf-v6-c-panel__main--MaxHeight: none;
20458
20440
  --pf-v6-c-panel__main--Overflow: visible;
20459
20441
  --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
20460
- --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20442
+ --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20461
20443
  --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20462
- --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--md);
20463
- --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
20464
- --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20465
- --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20466
- --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
20444
+ --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20445
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20446
+ --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20447
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20448
+ --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20467
20449
  --pf-v6-c-panel__footer--BoxShadow: none;
20468
20450
  --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
20469
20451
  --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
20470
- --pf-v6-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(0 0 0 / 16%);
20452
+ --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
20453
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
20454
+ --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
20471
20455
  }
20472
20456
 
20473
20457
  .pf-v6-c-panel {
20474
20458
  position: relative;
20475
- z-index: var(--pf-v6-c-panel--ZIndex);
20476
20459
  width: var(--pf-v6-c-panel--Width);
20477
20460
  min-width: var(--pf-v6-c-panel--MinWidth);
20478
20461
  max-width: var(--pf-v6-c-panel--MaxWidth);
20479
20462
  background-color: var(--pf-v6-c-panel--BackgroundColor);
20463
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
20480
20464
  box-shadow: var(--pf-v6-c-panel--BoxShadow);
20481
20465
  }
20482
20466
 
@@ -20486,6 +20470,7 @@ label.pf-v6-c-tree-view__node-text {
20486
20470
  pointer-events: none;
20487
20471
  content: "";
20488
20472
  border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
20473
+ border-radius: var(--pf-v6-c-panel--BorderRadius);
20489
20474
  }
20490
20475
 
20491
20476
  .pf-v6-c-panel.pf-m-bordered {
@@ -20499,13 +20484,14 @@ label.pf-v6-c-tree-view__node-text {
20499
20484
  .pf-v6-c-panel.pf-m-raised {
20500
20485
  --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
20501
20486
  --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
20502
- --pf-v6-c-panel--ZIndex: var(--pf-v6-c-panel--m-raised--ZIndex);
20503
20487
  }
20504
20488
 
20505
20489
  .pf-v6-c-panel.pf-m-scrollable {
20506
20490
  --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
20507
20491
  --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
20508
20492
  --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
20493
+ --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
20494
+ --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
20509
20495
  }
20510
20496
 
20511
20497
  .pf-v6-c-panel__header {
@@ -23092,78 +23078,6 @@ label.pf-v6-c-tree-view__node-text {
23092
23078
  --pf-v6-l-flex--spacer--column: 0;
23093
23079
  }
23094
23080
  }
23095
- :where(:root, .pf-v6-l-gallery) {
23096
- --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
23097
- --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
23098
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
23099
- --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
23100
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
23101
- --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
23102
- --pf-v6-l-gallery--GridTemplateRows: auto;
23103
- }
23104
-
23105
- .pf-v6-l-gallery {
23106
- display: grid;
23107
- grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
23108
- grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
23109
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
23110
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
23111
- }
23112
-
23113
- .pf-v6-l-gallery.pf-m-gutter {
23114
- grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
23115
- }
23116
-
23117
- @media (min-width: 576px) {
23118
- .pf-v6-l-gallery {
23119
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
23120
- }
23121
- }
23122
- @media (min-width: 768px) {
23123
- .pf-v6-l-gallery {
23124
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
23125
- }
23126
- }
23127
- @media (min-width: 992px) {
23128
- .pf-v6-l-gallery {
23129
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
23130
- }
23131
- }
23132
- @media (min-width: 1200px) {
23133
- .pf-v6-l-gallery {
23134
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
23135
- }
23136
- }
23137
- @media (min-width: 1450px) {
23138
- .pf-v6-l-gallery {
23139
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
23140
- }
23141
- }
23142
- @media (min-width: 576px) {
23143
- .pf-v6-l-gallery {
23144
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
23145
- }
23146
- }
23147
- @media (min-width: 768px) {
23148
- .pf-v6-l-gallery {
23149
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
23150
- }
23151
- }
23152
- @media (min-width: 992px) {
23153
- .pf-v6-l-gallery {
23154
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
23155
- }
23156
- }
23157
- @media (min-width: 1200px) {
23158
- .pf-v6-l-gallery {
23159
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
23160
- }
23161
- }
23162
- @media (min-width: 1450px) {
23163
- .pf-v6-l-gallery {
23164
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
23165
- }
23166
- }
23167
23081
  :where(:root, .pf-v6-l-grid) {
23168
23082
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
23169
23083
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -24151,6 +24065,78 @@ label.pf-v6-c-tree-view__node-text {
24151
24065
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
24152
24066
  }
24153
24067
 
24068
+ :where(:root, .pf-v6-l-gallery) {
24069
+ --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--lg);
24070
+ --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
24071
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
24072
+ --pf-v6-l-gallery--GridTemplateColumns--max: 1fr;
24073
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
24074
+ --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, minmax(var(--pf-v6-l-gallery--GridTemplateColumns--minmax--min), var(--pf-v6-l-gallery--GridTemplateColumns--minmax--max)));
24075
+ --pf-v6-l-gallery--GridTemplateRows: auto;
24076
+ }
24077
+
24078
+ .pf-v6-l-gallery {
24079
+ display: grid;
24080
+ grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
24081
+ grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
24082
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
24083
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
24084
+ }
24085
+
24086
+ .pf-v6-l-gallery.pf-m-gutter {
24087
+ grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
24088
+ }
24089
+
24090
+ @media (min-width: 576px) {
24091
+ .pf-v6-l-gallery {
24092
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
24093
+ }
24094
+ }
24095
+ @media (min-width: 768px) {
24096
+ .pf-v6-l-gallery {
24097
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)));
24098
+ }
24099
+ }
24100
+ @media (min-width: 992px) {
24101
+ .pf-v6-l-gallery {
24102
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))));
24103
+ }
24104
+ }
24105
+ @media (min-width: 1200px) {
24106
+ .pf-v6-l-gallery {
24107
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min)))));
24108
+ }
24109
+ }
24110
+ @media (min-width: 1450px) {
24111
+ .pf-v6-l-gallery {
24112
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
24113
+ }
24114
+ }
24115
+ @media (min-width: 576px) {
24116
+ .pf-v6-l-gallery {
24117
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
24118
+ }
24119
+ }
24120
+ @media (min-width: 768px) {
24121
+ .pf-v6-l-gallery {
24122
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)));
24123
+ }
24124
+ }
24125
+ @media (min-width: 992px) {
24126
+ .pf-v6-l-gallery {
24127
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))));
24128
+ }
24129
+ }
24130
+ @media (min-width: 1200px) {
24131
+ .pf-v6-l-gallery {
24132
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max)))));
24133
+ }
24134
+ }
24135
+ @media (min-width: 1450px) {
24136
+ .pf-v6-l-gallery {
24137
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
24138
+ }
24139
+ }
24154
24140
  :where(:root, .pf-v6-l-level) {
24155
24141
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--lg);
24156
24142
  }