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

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 +10 -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-ahwKVuln.css} +334 -348
  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-ahwKVuln.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) {
@@ -7367,6 +7377,91 @@ select ~ .pf-v6-c-form-control__utilities {
7367
7377
  color: var(--pf-v6-c-helper-text__item-text--Color);
7368
7378
  }
7369
7379
 
7380
+ :where(:root, .pf-v6-c-hint) {
7381
+ --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7382
+ --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
7383
+ --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
7384
+ --pf-v6-c-hint--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
7385
+ --pf-v6-c-hint--PaddingInlineStart: var(--pf-t--global--spacer--lg);
7386
+ --pf-v6-c-hint--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7387
+ --pf-v6-c-hint--BorderColor: var(--pf-t--global--border--color--status--info--default);
7388
+ --pf-v6-c-hint--BorderWidth: var(--pf-t--global--border--width--box--status--default);
7389
+ --pf-v6-c-hint--BorderRadius: var(--pf-t--global--border--radius--medium);
7390
+ --pf-v6-c-hint--Color: var(--pf-t--global--text--color--regular);
7391
+ --pf-v6-c-hint__title--FontFamily: var(--pf-t--global--font--family--heading);
7392
+ --pf-v6-c-hint__title--FontSize: var(--pf-t--global--font--size--heading--xs);
7393
+ --pf-v6-c-hint__title--FontWeight: var(--pf-t--global--font--weight--heading);
7394
+ --pf-v6-c-hint__title--LineHeight: var(--pf-t--global--font--line-height--heading);
7395
+ --pf-v6-c-hint__body--FontSize: var(--pf-t--global--font--size--body--default);
7396
+ --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
7397
+ --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
7398
+ --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
7399
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7400
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7401
+ }
7402
+
7403
+ .pf-v6-c-hint {
7404
+ display: grid;
7405
+ grid-template-columns: 1fr auto;
7406
+ grid-row-gap: var(--pf-v6-c-hint--GridRowGap);
7407
+ padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
7408
+ padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
7409
+ padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
7410
+ padding-inline-end: var(--pf-v6-c-hint--PaddingInlineEnd);
7411
+ color: var(--pf-v6-c-hint--Color);
7412
+ background-color: var(--pf-v6-c-hint--BackgroundColor);
7413
+ border: var(--pf-v6-c-hint--BorderWidth) solid var(--pf-v6-c-hint--BorderColor);
7414
+ border-radius: var(--pf-v6-c-hint--BorderRadius);
7415
+ }
7416
+
7417
+ .pf-v6-c-hint .pf-v6-c-button.pf-m-link.pf-m-inline {
7418
+ text-align: start;
7419
+ white-space: normal;
7420
+ }
7421
+
7422
+ .pf-v6-c-hint__actions {
7423
+ display: inline-grid;
7424
+ grid-row: 1;
7425
+ grid-column: 2;
7426
+ grid-auto-flow: column;
7427
+ align-self: start;
7428
+ margin-block-start: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart);
7429
+ margin-block-end: var(--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd);
7430
+ margin-inline-start: var(--pf-v6-c-hint__actions--MarginInlineStart);
7431
+ text-align: end;
7432
+ }
7433
+
7434
+ .pf-v6-c-hint__actions.pf-m-no-offset {
7435
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: 0;
7436
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: 0;
7437
+ }
7438
+
7439
+ .pf-v6-c-hint__actions + .pf-v6-c-hint__body {
7440
+ grid-column: 1;
7441
+ }
7442
+
7443
+ .pf-v6-c-hint__title {
7444
+ align-self: center;
7445
+ font-family: var(--pf-v6-c-hint__title--FontFamily);
7446
+ font-size: var(--pf-v6-c-hint__title--FontSize);
7447
+ font-weight: var(--pf-v6-c-hint__title--FontWeight);
7448
+ line-height: var(--pf-v6-c-hint__title--LineHeight);
7449
+ }
7450
+
7451
+ .pf-v6-c-hint__body {
7452
+ grid-column: 1/-1;
7453
+ font-size: var(--pf-v6-c-hint__body--FontSize);
7454
+ }
7455
+
7456
+ .pf-v6-c-hint__footer {
7457
+ grid-column: 1/-1;
7458
+ margin-block-start: var(--pf-v6-c-hint__footer--MarginBlockStart);
7459
+ }
7460
+
7461
+ .pf-v6-c-hint__footer > :not(:last-child) {
7462
+ margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
7463
+ }
7464
+
7370
7465
  :where(:root, .pf-v6-c-icon) {
7371
7466
  --pf-v6-c-icon--Width: 1em;
7372
7467
  --pf-v6-c-icon--Height: 1em;
@@ -7662,91 +7757,6 @@ select ~ .pf-v6-c-form-control__utilities {
7662
7757
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
7663
7758
  }
7664
7759
 
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
7760
  :where(:root, .pf-v6-c-input-group) {
7751
7761
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
7752
7762
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
@@ -7868,18 +7878,14 @@ label.pf-v6-c-input-group__text {
7868
7878
  --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
7869
7879
  --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
7870
7880
  --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));
7881
+ --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
7882
+ --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
7876
7883
  --pf-v6-c-jump-links__toggle--Display: none;
7877
- --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
7884
+ --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
7878
7885
  --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
7879
7886
  --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
7887
  --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);
7888
+ --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
7883
7889
  --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
7884
7890
  }
7885
7891
 
@@ -8074,14 +8080,7 @@ label.pf-v6-c-input-group__text {
8074
8080
 
8075
8081
  .pf-v6-c-jump-links__toggle {
8076
8082
  display: var(--pf-v6-c-jump-links__toggle--Display);
8077
- margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
8078
8083
  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
8084
  }
8086
8085
 
8087
8086
  .pf-v6-c-jump-links__toggle-icon {
@@ -8458,150 +8457,6 @@ label.pf-v6-c-input-group__text {
8458
8457
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
8459
8458
  }
8460
8459
  }
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);
8493
- }
8494
-
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);
8499
- align-items: center;
8500
- }
8501
-
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);
8510
- }
8511
-
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);
8520
- }
8521
-
8522
- .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
8523
- align-items: flex-start;
8524
- }
8525
-
8526
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
8527
- flex-direction: column;
8528
- align-items: flex-start;
8529
- }
8530
-
8531
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
8532
- flex-direction: column;
8533
- }
8534
-
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;
8539
- }
8540
-
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;
8546
- }
8547
-
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;
8555
- }
8556
-
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);
8562
- }
8563
-
8564
- .pf-v6-c-label-group__list-item {
8565
- display: inline-flex;
8566
- }
8567
-
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);
8573
- }
8574
-
8575
- .pf-v6-c-label-group__close {
8576
- display: flex;
8577
- align-self: flex-start;
8578
- }
8579
-
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);
8586
- }
8587
-
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;
8599
- }
8600
-
8601
- .pf-v6-c-label-group__textarea::-webkit-scrollbar {
8602
- display: none;
8603
- }
8604
-
8605
8460
  :where(:root, .pf-v6-c-label) {
8606
8461
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8607
8462
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -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
12396
 
12404
12397
  .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);
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
  }
@@ -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 {