@patternfly/react-styles 6.5.0-prerelease.14 → 6.5.0-prerelease.15

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 (40) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/assets/images/glass-brand-dark.jpg +0 -0
  3. package/css/components/Accordion/accordion.css +1 -1
  4. package/css/components/Accordion/accordion.d.ts +1 -1
  5. package/css/components/Accordion/accordion.js +1 -1
  6. package/css/components/Accordion/accordion.mjs +1 -1
  7. package/css/components/Button/button.css +2 -2
  8. package/css/components/CodeEditor/code-editor.css +1 -1
  9. package/css/components/DataList/data-list.css +1 -1
  10. package/css/components/DataList/data-list.d.ts +1 -1
  11. package/css/components/DataList/data-list.js +1 -1
  12. package/css/components/DataList/data-list.mjs +1 -1
  13. package/css/components/Drawer/drawer.css +108 -18
  14. package/css/components/Drawer/drawer.d.ts +1 -1
  15. package/css/components/Drawer/drawer.js +1 -1
  16. package/css/components/Drawer/drawer.mjs +1 -1
  17. package/css/components/JumpLinks/jump-links.css +11 -1
  18. package/css/components/MenuToggle/menu-toggle.css +1 -2
  19. package/css/components/Page/page.css +9 -6
  20. package/css/components/Page/page.d.ts +1 -1
  21. package/css/components/Page/page.js +1 -1
  22. package/css/components/Page/page.mjs +1 -1
  23. package/css/components/Progress/progress.css +3 -1
  24. package/css/components/Table/table.css +1 -1
  25. package/css/components/Table/table.d.ts +1 -1
  26. package/css/components/Table/table.js +1 -1
  27. package/css/components/Table/table.mjs +1 -1
  28. package/css/components/Tabs/tabs.css +18 -17
  29. package/css/components/Tabs/tabs.d.ts +0 -1
  30. package/css/components/Tabs/tabs.js +0 -1
  31. package/css/components/Tabs/tabs.mjs +0 -1
  32. package/css/components/Wizard/wizard.css +2 -2
  33. package/css/components/Wizard/wizard.d.ts +1 -1
  34. package/css/components/Wizard/wizard.js +1 -1
  35. package/css/components/Wizard/wizard.mjs +1 -1
  36. package/css/components/_index.css +158 -53
  37. package/css/components/_index.d.ts +1 -2
  38. package/css/components/_index.js +1 -2
  39. package/css/components/_index.mjs +1 -2
  40. package/package.json +3 -3
@@ -306,7 +306,7 @@
306
306
  row-gap: var(--pf-v6-c-accordion--RowGap);
307
307
  background-color: var(--pf-v6-c-accordion--BackgroundColor);
308
308
  }
309
- :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain), .pf-v6-c-accordion.pf-m-plain {
309
+ :where(.pf-v6-theme-glass) .pf-v6-c-accordion:not(.pf-m-no-plain-on-glass), .pf-v6-c-accordion.pf-m-plain {
310
310
  --pf-v6-c-accordion--BackgroundColor: transparent;
311
311
  --pf-v6-c-accordion__expandable-content--BackgroundColor: transparent;
312
312
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: transparent;
@@ -1615,7 +1615,7 @@ button.pf-v6-c-breadcrumb__link {
1615
1615
  --pf-v6-c-button--AlignItems: baseline;
1616
1616
  --pf-v6-c-button--JustifyContent: center;
1617
1617
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
1618
- --pf-v6-c-button--MinWidth: initial;
1618
+ --pf-v6-c-button--MinWidth: calc(1lh + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
1619
1619
  --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
1620
1620
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
1621
1621
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
@@ -2377,6 +2377,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2377
2377
  }
2378
2378
  .pf-v6-c-button.pf-m-circle {
2379
2379
  --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
2380
+ padding-inline: 0;
2380
2381
  }
2381
2382
  .pf-v6-c-button:hover, .pf-v6-c-button:focus {
2382
2383
  --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
@@ -2477,7 +2478,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2477
2478
  }
2478
2479
 
2479
2480
  .pf-v6-c-button__icon {
2480
- min-width: 1lh;
2481
2481
  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
2482
2482
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
2483
2483
  color: var(--pf-v6-c-button__icon--Color);
@@ -3449,7 +3449,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3449
3449
  --pf-v6-c-code-editor__header--BorderStartStartRadius: var(--pf-t--global--border--radius--medium);
3450
3450
  --pf-v6-c-code-editor__header--BorderStartEndRadius: var(--pf-t--global--border--radius--medium);
3451
3451
  --pf-v6-c-code-editor__header-content--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3452
- --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3452
+ --pf-v6-c-code-editor__header-content--m-plain--BackgroundColor: transparent;
3453
3453
  --pf-v6-c-code-editor__header-content--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3454
3454
  --pf-v6-c-code-editor__header-content--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3455
3455
  --pf-v6-c-code-editor__header-content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -4828,7 +4828,7 @@ ul) {
4828
4828
  .pf-v6-c-data-list.pf-m-drag-over {
4829
4829
  overflow-anchor: none;
4830
4830
  }
4831
- :where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain), .pf-v6-c-data-list.pf-m-plain {
4831
+ :where(.pf-v6-theme-glass) .pf-v6-c-data-list:not(.pf-m-no-plain-on-glass), .pf-v6-c-data-list.pf-m-plain {
4832
4832
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor);
4833
4833
  }
4834
4834
 
@@ -6344,45 +6344,85 @@ ul) {
6344
6344
  --pf-v6-c-drawer__body--m-padding--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6345
6345
  --pf-v6-c-drawer__body--m-padding--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6346
6346
  --pf-v6-c-drawer__body--m-padding--PaddingInlineStart: var(--pf-t--global--spacer--md);
6347
- --pf-v6-c-drawer__splitter--Height: 0.5625rem;
6347
+ --pf-v6-c-drawer__splitter--Height: 0.75rem;
6348
6348
  --pf-v6-c-drawer__splitter--Width: 100%;
6349
- --pf-v6-c-drawer__splitter--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6349
+ --pf-v6-c-drawer__splitter--BackgroundColor: transparent;
6350
6350
  --pf-v6-c-drawer__splitter--Cursor: row-resize;
6351
6351
  --pf-v6-c-drawer__splitter--m-vertical--Height: 100%;
6352
- --pf-v6-c-drawer__splitter--m-vertical--Width: 0.5625rem;
6352
+ --pf-v6-c-drawer__splitter--m-vertical--Width: 0.75rem;
6353
6353
  --pf-v6-c-drawer__splitter--m-vertical--Cursor: col-resize;
6354
+ --pf-v6-c-drawer__splitter--focus--OutlineOffset: -0.0625rem;
6354
6355
  --pf-v6-c-drawer--m-inline__splitter--focus--OutlineOffset: -0.0625rem;
6355
6356
  --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-t--global--border--color--default);
6357
+ --pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--default);
6358
+ --pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--default);
6359
+ --pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-t--global--border--color--default);
6356
6360
  --pf-v6-c-drawer__splitter--after--border-width--base: var(--pf-t--global--border--width--divider--default);
6357
6361
  --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: 0;
6358
6362
  --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6359
6363
  --pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: 0;
6360
6364
  --pf-v6-c-drawer__splitter--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6365
+ --pf-v6-c-drawer__splitter--after--InsetBlockStart: 0;
6366
+ --pf-v6-c-drawer__splitter--after--InsetBlockEnd: 0;
6367
+ --pf-v6-c-drawer__splitter--after--InsetInlineStart: 0;
6368
+ --pf-v6-c-drawer__splitter--after--InsetInlineEnd: 0;
6369
+ --pf-v6-c-drawer__splitter--after--Width: auto;
6370
+ --pf-v6-c-drawer__splitter--after--Height: auto;
6361
6371
  --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6362
6372
  --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6363
- --pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.625rem;
6373
+ --pf-v6-c-drawer--m-pill__splitter--m-vertical--Width: 0.625rem;
6374
+ --pf-v6-c-drawer--m-pill__splitter--m-vertical--Height: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
6375
+ --pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
6376
+ --pf-v6-c-drawer--m-pill__splitter--after--BorderColor: transparent;
6377
+ --pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth: 0;
6378
+ --pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6379
+ --pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
6380
+ --pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor: var(--pf-t--global--border--color--clicked);
6381
+ --pf-v6-c-drawer--m-pill__splitter--after--Width: 0.0625rem;
6382
+ --pf-v6-c-drawer--m-pill__splitter--after--Height: auto;
6383
+ --pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart: 50%;
6384
+ --pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd: auto;
6385
+ --pf-v6-c-drawer--m-pill__splitter--after--TranslateX: -50%;
6386
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height: 0.5rem;
6387
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width: calc(100% - (2 * var(--pf-v6-c-drawer--m-pill__panel--BorderRadius)));
6388
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
6389
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width: auto;
6390
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height: 0.0625rem;
6391
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6392
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth: 0;
6393
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart: 50%;
6394
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd: auto;
6395
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart: 0;
6396
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd: 0;
6397
+ --pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY: -50%;
6398
+ --pf-v6-c-drawer--m-inline__splitter--m-vertical--Width: 0.75rem;
6364
6399
  --pf-v6-c-drawer--m-inline__splitter-handle--InsetInlineStart: 50%;
6365
- --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.625rem;
6400
+ --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--Height: 0.75rem;
6366
6401
  --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
6367
6402
  --pf-v6-c-drawer--m-inline--m-panel-bottom__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer__splitter--after--border-width--base);
6368
6403
  --pf-v6-c-drawer__splitter-handle--InsetBlockStart: 50%;
6369
- --pf-v6-c-drawer__splitter-handle--InsetInlineStart: calc(50% - var(--pf-v6-c-drawer__splitter--after--border-width--base));
6404
+ --pf-v6-c-drawer__splitter-handle--InsetInlineStart: 50%;
6370
6405
  --pf-v6-c-drawer--m-panel-left__splitter-handle--InsetInlineStart: 50%;
6371
- --pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: calc(50% - var(--pf-v6-c-drawer__splitter--after--border-width--base));
6372
- --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--default);
6406
+ --pf-v6-c-drawer--m-panel-bottom__splitter-handle--InsetBlockStart: 50%;
6407
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-t--global--border--color--control--default);
6408
+ --pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor: var(--pf-t--global--border--color--hover);
6409
+ --pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
6410
+ --pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor: var(--pf-t--global--border--color--clicked);
6411
+ --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
6373
6412
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
6374
6413
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth: 0;
6375
6414
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
6376
6415
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: 0;
6377
- --pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--border--color--hover);
6416
+ --pf-v6-c-drawer__splitter-handle--after--BorderRadius: var(--pf-t--global--border--radius--pill);
6417
+ --pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor: var(--pf-t--global--color--brand--hover);
6378
6418
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockStartWidth: 0;
6379
6419
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
6380
6420
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth: 0;
6381
6421
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
6382
- --pf-v6-c-drawer__splitter-handle--after--Width: 0.75rem;
6422
+ --pf-v6-c-drawer__splitter-handle--after--Width: 2.1875rem;
6383
6423
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
6384
6424
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
6385
- --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
6425
+ --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 2.1875rem;
6386
6426
  }
6387
6427
  @media screen and (min-width: 75rem) {
6388
6428
  .pf-v6-c-drawer {
@@ -6494,6 +6534,19 @@ ul) {
6494
6534
  --pf-v6-c-drawer__panel--BorderRadius: var(--pf-v6-c-drawer--m-pill__panel--BorderRadius);
6495
6535
  --pf-v6-c-drawer--m-expanded__panel--inset: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
6496
6536
  --pf-v6-c-drawer__panel--MarginBlock: var(--pf-v6-c-drawer--m-pill--m-expanded__panel--inset);
6537
+ --pf-v6-c-drawer__splitter--m-vertical--Width: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Width);
6538
+ --pf-v6-c-drawer__splitter--m-vertical--Height: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--Height);
6539
+ --pf-v6-c-drawer__splitter--MarginBlockStart: var(--pf-v6-c-drawer--m-pill__splitter--m-vertical--MarginBlockStart);
6540
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderColor);
6541
+ --pf-v6-c-drawer__splitter--after--BorderInlineEndWidth: var(--pf-v6-c-drawer--m-pill__splitter--after--BorderInlineEndWidth);
6542
+ --pf-v6-c-drawer__splitter--hover--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--hover--after--BorderColor);
6543
+ --pf-v6-c-drawer__splitter--focus--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--focus--after--BorderColor);
6544
+ --pf-v6-c-drawer__splitter--active--after--BorderColor: var(--pf-v6-c-drawer--m-pill__splitter--active--after--BorderColor);
6545
+ --pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill__splitter--after--Width);
6546
+ --pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill__splitter--after--Height);
6547
+ --pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineStart);
6548
+ --pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill__splitter--after--InsetInlineEnd);
6549
+ --pf-v6-c-drawer__splitter--after--TranslateX: var(--pf-v6-c-drawer--m-pill__splitter--after--TranslateX);
6497
6550
  }
6498
6551
  .pf-v6-c-drawer.pf-m-pill > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6499
6552
  border-block-start-width: var(--pf-v6-c-drawer--m-pill__panel--BorderBlockStartWidth);
@@ -6502,6 +6555,25 @@ ul) {
6502
6555
  border-inline-end-width: var(--pf-v6-c-drawer--m-pill__panel--BorderInlineEndWidth);
6503
6556
  }
6504
6557
  }
6558
+ @media screen and (min-width: 48rem) {
6559
+ .pf-v6-c-drawer.pf-m-pill.pf-m-panel-bottom {
6560
+ --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Height);
6561
+ --pf-v6-c-drawer__splitter--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--Width);
6562
+ --pf-v6-c-drawer__splitter--MarginBlockStart: 0;
6563
+ --pf-v6-c-drawer__splitter--MarginInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--MarginInlineStart);
6564
+ --pf-v6-c-drawer__splitter--after--Width: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Width);
6565
+ --pf-v6-c-drawer__splitter--after--Height: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--Height);
6566
+ --pf-v6-c-drawer__splitter--after--BorderBlockStartWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockStartWidth);
6567
+ --pf-v6-c-drawer--m-panel-bottom__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
6568
+ --pf-v6-c-drawer__splitter--after--BorderBlockEndWidth: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--BorderBlockEndWidth);
6569
+ --pf-v6-c-drawer__splitter--after--InsetBlockStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockStart);
6570
+ --pf-v6-c-drawer__splitter--after--InsetBlockEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetBlockEnd);
6571
+ --pf-v6-c-drawer__splitter--after--TranslateX: initial;
6572
+ --pf-v6-c-drawer__splitter--after--TranslateY: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--TranslateY);
6573
+ --pf-v6-c-drawer__splitter--after--InsetInlineStart: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineStart);
6574
+ --pf-v6-c-drawer__splitter--after--InsetInlineEnd: var(--pf-v6-c-drawer--m-pill--m-panel-bottom__splitter--after--InsetInlineEnd);
6575
+ }
6576
+ }
6505
6577
 
6506
6578
  .pf-v6-c-drawer__section {
6507
6579
  flex-grow: 0;
@@ -6666,8 +6738,11 @@ ul) {
6666
6738
  display: none;
6667
6739
  width: var(--pf-v6-c-drawer__splitter--Width);
6668
6740
  height: var(--pf-v6-c-drawer__splitter--Height);
6741
+ margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
6742
+ margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
6669
6743
  cursor: var(--pf-v6-c-drawer__splitter--Cursor);
6670
6744
  background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
6745
+ outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
6671
6746
  }
6672
6747
  .pf-v6-c-drawer__splitter.pf-m-vertical {
6673
6748
  --pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
@@ -6680,21 +6755,34 @@ ul) {
6680
6755
  --pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderBlockEndWidth);
6681
6756
  --pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth: var(--pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--BorderInlineStartWidth);
6682
6757
  }
6683
- .pf-v6-c-drawer__splitter:hover, .pf-v6-c-drawer__splitter:focus {
6684
- --pf-v6-c-drawer__splitter-handle--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover__splitter-handle--after--BorderColor);
6758
+ .pf-v6-c-drawer__splitter:hover {
6759
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--hover--after--BackgroundColor);
6760
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--hover--after--BorderColor);
6761
+ }
6762
+ .pf-v6-c-drawer__splitter:focus {
6763
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--focus--after--BackgroundColor);
6764
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--focus--after--BorderColor);
6765
+ }
6766
+ .pf-v6-c-drawer__splitter:active {
6767
+ --pf-v6-c-drawer__splitter-handle--after--BackgroundColor: var(--pf-v6-c-drawer__splitter-handle--active--after--BackgroundColor);
6768
+ --pf-v6-c-drawer__splitter--after--BorderColor: var(--pf-v6-c-drawer__splitter--active--after--BorderColor);
6685
6769
  }
6686
6770
  .pf-v6-c-drawer__splitter::after {
6687
6771
  position: absolute;
6688
- inset-block-start: 0;
6689
- inset-block-end: 0;
6690
- inset-inline-start: 0;
6691
- inset-inline-end: 0;
6772
+ inset-block-start: var(--pf-v6-c-drawer__splitter--after--InsetBlockStart);
6773
+ inset-block-end: var(--pf-v6-c-drawer__splitter--after--InsetBlockEnd);
6774
+ inset-inline-start: var(--pf-v6-c-drawer__splitter--after--InsetInlineStart);
6775
+ inset-inline-end: var(--pf-v6-c-drawer__splitter--after--InsetInlineEnd);
6776
+ z-index: -1;
6777
+ width: var(--pf-v6-c-drawer__splitter--after--Width);
6778
+ height: var(--pf-v6-c-drawer__splitter--after--Height);
6692
6779
  content: "";
6693
6780
  border: solid var(--pf-v6-c-drawer__splitter--after--BorderColor);
6694
6781
  border-block-start-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockStartWidth);
6695
6782
  border-block-end-width: var(--pf-v6-c-drawer__splitter--after--BorderBlockEndWidth);
6696
6783
  border-inline-start-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineStartWidth);
6697
6784
  border-inline-end-width: var(--pf-v6-c-drawer__splitter--after--BorderInlineEndWidth);
6785
+ translate: var(--pf-v6-c-drawer__splitter--after--TranslateX, 0) var(--pf-v6-c-drawer__splitter--after--TranslateY, 0);
6698
6786
  }
6699
6787
 
6700
6788
  .pf-v6-c-drawer__splitter-handle {
@@ -6712,12 +6800,14 @@ ul) {
6712
6800
  width: var(--pf-v6-c-drawer__splitter-handle--after--Width);
6713
6801
  height: var(--pf-v6-c-drawer__splitter-handle--after--Height);
6714
6802
  content: "";
6803
+ background-color: var(--pf-v6-c-drawer__splitter-handle--after--BackgroundColor);
6715
6804
  border-color: var(--pf-v6-c-drawer__splitter-handle--after--BorderColor);
6716
6805
  border-style: solid;
6717
6806
  border-block-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockStartWidth);
6718
6807
  border-block-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderBlockEndWidth);
6719
6808
  border-inline-start-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineStartWidth);
6720
6809
  border-inline-end-width: var(--pf-v6-c-drawer__splitter-handle--after--BorderInlineEndWidth);
6810
+ border-radius: var(--pf-v6-c-drawer__splitter-handle--after--BorderRadius);
6721
6811
  }
6722
6812
 
6723
6813
  @media screen and (min-width: 48rem) {
@@ -6725,7 +6815,7 @@ ul) {
6725
6815
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-v6-c-drawer--m-inline__panel--after--md--Width);
6726
6816
  min-width: var(--pf-v6-c-drawer__panel--MinWidth);
6727
6817
  }
6728
- :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6818
+ :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-inline:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-inline.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, :where(.pf-v6-theme-glass) .pf-v6-c-drawer.pf-m-static:not(.pf-m-no-plain-on-glass) > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel, .pf-v6-c-drawer.pf-m-static.pf-m-plain > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
6729
6819
  background: transparent;
6730
6820
  }
6731
6821
  .pf-v6-c-drawer > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
@@ -9197,14 +9287,19 @@ label.pf-v6-c-input-group__text {
9197
9287
  --pf-v6-c-jump-links__list__list__link--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9198
9288
  --pf-v6-c-jump-links__list__list__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9199
9289
  --pf-v6-c-jump-links__link--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--sm));
9290
+ --pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth);
9291
+ --pf-v6-c-jump-links__link--before--Width: auto;
9200
9292
  --pf-v6-c-jump-links__link--before--BorderBlockStartWidth: 0;
9201
9293
  --pf-v6-c-jump-links__link--before--BorderInlineEndWidth: 0;
9202
9294
  --pf-v6-c-jump-links__link--before--BorderBlockEndWidth: 0;
9203
9295
  --pf-v6-c-jump-links__link--before--BorderInlineStartWidth: 0;
9204
9296
  --pf-v6-c-jump-links__link--before--BorderColor: transparent;
9297
+ --pf-v6-c-jump-links__link--before--BorderRadius: var(--pf-t--global--border--radius--pill);
9205
9298
  --pf-v6-c-jump-links__item--m-current__link--before--BorderBlockStartWidth: var(--pf-t--global--border--width--extra-strong);
9206
9299
  --pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth: 0;
9207
- --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--border--color--clicked);
9300
+ --pf-v6-c-jump-links__item--m-current__link--before--BorderColor: var(--pf-t--global--color--brand--accent--default);
9301
+ --pf-v6-c-jump-links--m-vertical__link--before--Height: auto;
9302
+ --pf-v6-c-jump-links--m-vertical__link--before--Width: var(--pf-v6-c-jump-links__item--m-current__link--before--BorderInlineStartWidth);
9208
9303
  --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderBlockStartWidth: 0;
9209
9304
  --pf-v6-c-jump-links--m-vertical__item--m-current__link--before--BorderInlineStartWidth: var(--pf-t--global--border--width--extra-strong);
9210
9305
  --pf-v6-c-jump-links__link-text--Color: var(--pf-t--global--text--color--subtle);
@@ -9236,6 +9331,8 @@ label.pf-v6-c-input-group__text {
9236
9331
  --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineEnd);
9237
9332
  --pf-v6-c-jump-links__list--PaddingBlockEnd: var(--pf-v6-c-jump-links--m-vertical__list--PaddingBlockEnd);
9238
9333
  --pf-v6-c-jump-links__list--PaddingInlineStart: var(--pf-v6-c-jump-links--m-vertical__list--PaddingInlineStart);
9334
+ --pf-v6-c-jump-links__link--before--Width: var(--pf-v6-c-jump-links--m-vertical__link--before--Width);
9335
+ --pf-v6-c-jump-links__link--before--Height: var(--pf-v6-c-jump-links--m-vertical__link--before--Height);
9239
9336
  --pf-v6-c-jump-links__list--before--BorderBlockStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderBlockStartWidth);
9240
9337
  --pf-v6-c-jump-links__list--before--BorderInlineStartWidth: var(--pf-v6-c-jump-links--m-vertical__list--before--BorderInlineStartWidth);
9241
9338
  --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);
@@ -9366,6 +9463,8 @@ label.pf-v6-c-input-group__text {
9366
9463
  .pf-v6-c-jump-links__link::before {
9367
9464
  position: absolute;
9368
9465
  inset: 0;
9466
+ width: var(--pf-v6-c-jump-links__link--before--Width);
9467
+ height: var(--pf-v6-c-jump-links__link--before--Height);
9369
9468
  pointer-events: none;
9370
9469
  content: "";
9371
9470
  border-color: var(--pf-v6-c-jump-links__link--before--BorderColor);
@@ -9374,6 +9473,7 @@ label.pf-v6-c-input-group__text {
9374
9473
  border-block-end-width: var(--pf-v6-c-jump-links__link--before--BorderBlockEndWidth);
9375
9474
  border-inline-start-width: var(--pf-v6-c-jump-links__link--before--BorderInlineStartWidth);
9376
9475
  border-inline-end-width: var(--pf-v6-c-jump-links__link--before--BorderInlineEndWidth);
9476
+ border-radius: var(--pf-v6-c-jump-links__link--before--BorderRadius);
9377
9477
  }
9378
9478
 
9379
9479
  .pf-v6-c-jump-links__item {
@@ -11696,7 +11796,7 @@ ul.pf-v6-c-list {
11696
11796
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
11697
11797
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
11698
11798
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
11699
- --pf-v6-c-menu-toggle--MinWidth: initial;
11799
+ --pf-v6-c-menu-toggle--MinWidth: calc(1lh + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
11700
11800
  --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
11701
11801
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
11702
11802
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -12211,7 +12311,6 @@ ul.pf-v6-c-list {
12211
12311
 
12212
12312
  .pf-v6-c-menu-toggle__icon {
12213
12313
  flex-shrink: 0;
12214
- min-width: 1lh;
12215
12314
  transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
12216
12315
  transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
12217
12316
  transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
@@ -13613,6 +13712,9 @@ ul.pf-v6-c-list {
13613
13712
  max-height: 100%;
13614
13713
  background-color: var(--pf-v6-c-page--BackgroundColor);
13615
13714
  }
13715
+ :where(:root.pf-v6-theme-glass) .pf-v6-c-page {
13716
+ background-color: transparent;
13717
+ }
13616
13718
  @media (min-width: 75rem) {
13617
13719
  .pf-v6-c-page {
13618
13720
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--xl--Width);
@@ -14145,16 +14247,16 @@ ul.pf-v6-c-list {
14145
14247
  outline: 0;
14146
14248
  }
14147
14249
 
14148
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain), .pf-v6-c-page__main-subnav.pf-m-plain,
14149
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain),
14250
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-subnav:not(.pf-m-no-plain-on-glass), .pf-v6-c-page__main-subnav.pf-m-plain,
14251
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-breadcrumb:not(.pf-m-no-plain-on-glass),
14150
14252
  .pf-v6-c-page__main-breadcrumb.pf-m-plain,
14151
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain),
14253
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-tabs:not(.pf-m-no-plain-on-glass),
14152
14254
  .pf-v6-c-page__main-tabs.pf-m-plain,
14153
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain),
14255
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-section:not(.pf-m-no-plain-on-glass),
14154
14256
  .pf-v6-c-page__main-section.pf-m-plain,
14155
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain),
14257
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-wizard:not(.pf-m-no-plain-on-glass),
14156
14258
  .pf-v6-c-page__main-wizard.pf-m-plain,
14157
- :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain),
14259
+ :where(.pf-v6-theme-glass) .pf-v6-c-page__main-group:not(.pf-m-no-plain-on-glass),
14158
14260
  .pf-v6-c-page__main-group.pf-m-plain {
14159
14261
  --pf-v6-c-page__main-section--BackgroundColor: transparent;
14160
14262
  --pf-v6-c-page__main-subnav--BackgroundColor: transparent;
@@ -15064,7 +15166,7 @@ ul.pf-v6-c-list {
15064
15166
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
15065
15167
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
15066
15168
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15067
- --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
15169
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--pill);
15068
15170
  --pf-v6-c-progress__bar--BorderColor: var(--pf-t--global--border--color--high-contrast);
15069
15171
  --pf-v6-c-progress__bar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15070
15172
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
@@ -15074,6 +15176,7 @@ ul.pf-v6-c-list {
15074
15176
  --pf-v6-c-progress__indicator--BackgroundColor: var(--pf-t--global--color--brand--default);
15075
15177
  --pf-v6-c-progress__indicator--BorderWidth: var(--pf-t--global--border--width--high-contrast--extra-strong);
15076
15178
  --pf-v6-c-progress__indicator--BorderColor: transparent;
15179
+ --pf-v6-c-progress__indicator--BorderRadius: var(--pf-t--global--border--radius--pill);
15077
15180
  --pf-v6-c-progress__helper-text--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) - var(--pf-v6-c-progress--GridGap));
15078
15181
  --pf-v6-c-progress--m-success__indicator--BackgroundColor: var(--pf-t--global--color--status--success--default);
15079
15182
  --pf-v6-c-progress--m-warning__indicator--BackgroundColor: var(--pf-t--global--color--status--warning--default);
@@ -15243,6 +15346,7 @@ ul.pf-v6-c-list {
15243
15346
  position: absolute;
15244
15347
  height: var(--pf-v6-c-progress__indicator--Height);
15245
15348
  background-color: var(--pf-v6-c-progress__indicator--BackgroundColor);
15349
+ border-radius: var(--pf-v6-c-progress__indicator--BorderRadius);
15246
15350
  }
15247
15351
  .pf-v6-c-progress__indicator::before {
15248
15352
  position: absolute;
@@ -18904,7 +19008,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18904
19008
  width: 100%;
18905
19009
  background-color: var(--pf-v6-c-table--BackgroundColor);
18906
19010
  }
18907
- :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain), .pf-v6-c-table.pf-m-plain {
19011
+ :where(.pf-v6-theme-glass) .pf-v6-c-table:not(.pf-m-no-plain-on-glass), .pf-v6-c-table.pf-m-plain {
18908
19012
  --pf-v6-c-table--BackgroundColor: transparent;
18909
19013
  --pf-v6-c-table__expandable-row-content--BackgroundColor: transparent;
18910
19014
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: 0;
@@ -20665,14 +20769,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20665
20769
  --pf-v6-c-tabs--m-vertical__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20666
20770
  --pf-v6-c-tabs__item--m-current--BackgroundColor: transparent;
20667
20771
  --pf-v6-c-tabs--m-box__item--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20668
- --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20669
- --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
20772
+ --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: transparent;
20773
+ --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: transparent;
20670
20774
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
20671
20775
  --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
20672
20776
  --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
20673
20777
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
20674
20778
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20675
- --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--small);
20779
+ --pf-v6-c-tabs__link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
20676
20780
  --pf-v6-c-tabs__link--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
20677
20781
  --pf-v6-c-tabs__link--BorderColor: transparent;
20678
20782
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
@@ -20682,21 +20786,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20682
20786
  --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20683
20787
  --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
20684
20788
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
20685
- --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20686
- --pf-v6-c-tabs__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20789
+ --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
20790
+ --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
20687
20791
  --pf-v6-c-tabs__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20688
20792
  --pf-v6-c-tabs__item--m-current__link--Color: var(--pf-t--global--text--color--regular);
20689
20793
  --pf-v6-c-tabs__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20690
20794
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
20691
20795
  --pf-v6-c-tabs--m-vertical__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
20692
20796
  --pf-v6-c-tabs--m-box__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20693
- --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20694
- --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20797
+ --pf-v6-c-tabs--m-box__link--disabled--Color: var(--pf-t--global--text--color--disabled);
20798
+ --pf-v6-c-tabs--m-box__link--disabled--BackgroundColor: transparent;
20695
20799
  --pf-v6-c-tabs--m-box__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20696
20800
  --pf-v6-c-tabs--m-box__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20697
20801
  --pf-v6-c-tabs--m-box--m-secondary__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20698
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--on-disabled);
20699
- --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
20802
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--Color: var(--pf-t--global--text--color--disabled);
20803
+ --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
20700
20804
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
20701
20805
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
20702
20806
  --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
@@ -20716,6 +20820,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20716
20820
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
20717
20821
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
20718
20822
  --pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
20823
+ --pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor: var(--pf-t--global--border--color--alt);
20719
20824
  --pf-v6-c-tabs__link--disabled--before--BorderInlineEndWidth: 0;
20720
20825
  --pf-v6-c-tabs__link--disabled--before--BorderBlockEndWidth: var(--pf-v6-c-tabs--before--border-width--base);
20721
20826
  --pf-v6-c-tabs__link--disabled--before--BorderInlineStartWidth: 0;
@@ -20728,7 +20833,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20728
20833
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: 0;
20729
20834
  --pf-v6-c-tabs__link--after--BorderInlineEndWidth: 0;
20730
20835
  --pf-v6-c-tabs__link--after--BorderInlineStartWidth: 0;
20731
- --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--border--color--clicked);
20836
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-t--global--border--radius--pill);
20837
+ --pf-v6-c-tabs--m-box__link--after--BorderRadius: var(--pf-t--global--border--radius--sharp);
20838
+ --pf-v6-c-tabs__item--m-current__link--after--BorderColor: var(--pf-t--global--color--brand--accent--default);
20732
20839
  --pf-v6-c-tabs__item--m-current__link--after--BorderWidth: var(--pf-t--global--border--width--extra-strong);
20733
20840
  --pf-v6-c-tabs--link-accent--start: 0;
20734
20841
  --pf-v6-c-tabs--link-accent--length: 0;
@@ -20869,6 +20976,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20869
20976
  --pf-v6-c-tabs__link--before--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
20870
20977
  --pf-v6-c-tabs__link--after--InsetBlockStart: 0;
20871
20978
  --pf-v6-c-tabs__link--after--InsetBlockEnd: auto;
20979
+ --pf-v6-c-tabs__link--after--BorderRadius: var(--pf-v6-c-tabs--m-box__link--after--BorderRadius);
20872
20980
  }
20873
20981
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__link {
20874
20982
  --pf-v6-c-tabs__link--after--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
@@ -20878,7 +20986,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20878
20986
  }
20879
20987
  .pf-v6-c-tabs.pf-m-box .pf-v6-c-tabs__item.pf-m-current {
20880
20988
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
20881
- --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--BackgroundColor);
20989
+ --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
20882
20990
  --pf-v6-c-tabs__link--before--BorderInlineStartColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartColor);
20883
20991
  --pf-v6-c-tabs__link--before--BorderInlineStartWidth: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineStartWidth);
20884
20992
  --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderInlineEndColor);
@@ -21048,7 +21156,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21048
21156
  --pf-v6-c-tabs__link--before--BorderBlockStartWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
21049
21157
  }
21050
21158
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item.pf-m-current {
21051
- --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs__item--m-current__link--BackgroundColor);
21159
+ --pf-v6-c-tabs__link--before--BorderInlineEndColor: var(--pf-v6-c-tabs--m-box__link--m-current--before--BorderBlockEndColor);
21160
+ --pf-v6-c-tabs__link--before--BorderInlineEndWidth: var(--pf-v6-c-tabs__link--before--border-width--base);
21052
21161
  --pf-v6-c-tabs__link--before--BorderBlockEndColor: var(--pf-v6-c-tabs__link--before--border-color--base);
21053
21162
  }
21054
21163
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical .pf-v6-c-tabs__item:first-child.pf-m-current {
@@ -21091,11 +21200,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21091
21200
  align-items: center;
21092
21201
  }
21093
21202
 
21094
- .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
21095
- justify-content: start;
21096
- white-space: normal;
21097
- }
21098
-
21099
21203
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
21100
21204
  scale: -1 1;
21101
21205
  }
@@ -21226,6 +21330,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
21226
21330
  border-block-end-width: var(--pf-v6-c-tabs__link--after--BorderBlockEndWidth);
21227
21331
  border-inline-start-width: var(--pf-v6-c-tabs__link--after--BorderInlineStartWidth);
21228
21332
  border-inline-end-width: var(--pf-v6-c-tabs__link--after--BorderInlineEndWidth);
21333
+ border-radius: var(--pf-v6-c-tabs__link--after--BorderRadius);
21229
21334
  }
21230
21335
 
21231
21336
  .pf-v6-c-tabs__link:where(:hover, :focus) {
@@ -25029,14 +25134,14 @@ label.pf-v6-c-tree-view__node-text {
25029
25134
  .pf-v6-c-wizard.pf-m-finished .pf-v6-c-wizard__toggle {
25030
25135
  display: none;
25031
25136
  }
25032
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
25137
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
25033
25138
  --pf-v6-c-wizard__header--BackgroundColor: var(--pf-v6-c-wizard--m-plain__header--BackgroundColor);
25034
25139
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-v6-c-wizard--m-plain__toggle--BackgroundColor);
25035
25140
  --pf-v6-c-wizard__outer-wrap--BackgroundColor: var(--pf-v6-c-wizard--m-plain__outer-wrap--BackgroundColor);
25036
25141
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-v6-c-wizard--m-plain__footer--BackgroundColor);
25037
25142
  }
25038
25143
  @media screen and (min-width: 62rem) {
25039
- :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain), .pf-v6-c-wizard.pf-m-plain {
25144
+ :where(.pf-v6-theme-glass) .pf-v6-c-wizard:not(.pf-m-no-plain-on-glass), .pf-v6-c-wizard.pf-m-plain {
25040
25145
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-v6-c-wizard--m-plain__nav--BackgroundColor);
25041
25146
  }
25042
25147
  }
@@ -368,7 +368,7 @@ declare const _default: {
368
368
  "modalBoxTitleText": "pf-v6-c-modal-box__title-text",
369
369
  "modifiers": {
370
370
  "plain": "pf-m-plain",
371
- "noPlain": "pf-m-no-plain",
371
+ "noPlainOnGlass": "pf-m-no-plain-on-glass",
372
372
  "toggleStart": "pf-m-toggle-start",
373
373
  "displayLg": "pf-m-display-lg",
374
374
  "bordered": "pf-m-bordered",
@@ -1356,7 +1356,6 @@ declare const _default: {
1356
1356
  "tabsList": "pf-v6-c-tabs__list",
1357
1357
  "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
1358
1358
  "tabsToggle": "pf-v6-c-tabs__toggle",
1359
- "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
1360
1359
  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
1361
1360
  "textInputGroup": "pf-v6-c-text-input-group",
1362
1361
  "textInputGroupGroup": "pf-v6-c-text-input-group__group",
@@ -370,7 +370,7 @@ exports.default = {
370
370
  "modalBoxTitleText": "pf-v6-c-modal-box__title-text",
371
371
  "modifiers": {
372
372
  "plain": "pf-m-plain",
373
- "noPlain": "pf-m-no-plain",
373
+ "noPlainOnGlass": "pf-m-no-plain-on-glass",
374
374
  "toggleStart": "pf-m-toggle-start",
375
375
  "displayLg": "pf-m-display-lg",
376
376
  "bordered": "pf-m-bordered",
@@ -1358,7 +1358,6 @@ exports.default = {
1358
1358
  "tabsList": "pf-v6-c-tabs__list",
1359
1359
  "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
1360
1360
  "tabsToggle": "pf-v6-c-tabs__toggle",
1361
- "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
1362
1361
  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
1363
1362
  "textInputGroup": "pf-v6-c-text-input-group",
1364
1363
  "textInputGroupGroup": "pf-v6-c-text-input-group__group",
@@ -368,7 +368,7 @@ export default {
368
368
  "modalBoxTitleText": "pf-v6-c-modal-box__title-text",
369
369
  "modifiers": {
370
370
  "plain": "pf-m-plain",
371
- "noPlain": "pf-m-no-plain",
371
+ "noPlainOnGlass": "pf-m-no-plain-on-glass",
372
372
  "toggleStart": "pf-m-toggle-start",
373
373
  "displayLg": "pf-m-display-lg",
374
374
  "bordered": "pf-m-bordered",
@@ -1356,7 +1356,6 @@ export default {
1356
1356
  "tabsList": "pf-v6-c-tabs__list",
1357
1357
  "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
1358
1358
  "tabsToggle": "pf-v6-c-tabs__toggle",
1359
- "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
1360
1359
  "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
1361
1360
  "textInputGroup": "pf-v6-c-text-input-group",
1362
1361
  "textInputGroupGroup": "pf-v6-c-text-input-group__group",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.5.0-prerelease.14",
3
+ "version": "6.5.0-prerelease.15",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.5.0-prerelease.55",
22
+ "@patternfly/patternfly": "6.5.0-prerelease.62",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "641c8881bef123e9801f7c04972469fbe3bee607"
27
+ "gitHead": "93e7816b5484e2c7b7414cdef92285c295a6a2c9"
28
28
  }