@patternfly/patternfly 6.1.0 → 6.2.0-prerelease.10

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 (84) hide show
  1. package/assets/pficon/pficon.scss +1 -1
  2. package/base/normalize.scss +2 -2
  3. package/base/patternfly-pf-icons.css +1 -1
  4. package/components/Banner/banner.css +2 -2
  5. package/components/Banner/banner.scss +2 -2
  6. package/components/Breadcrumb/breadcrumb.css +3 -2
  7. package/components/Breadcrumb/breadcrumb.scss +3 -2
  8. package/components/Button/button.css +22 -2
  9. package/components/Button/button.scss +22 -2
  10. package/components/Content/content.css +2 -1
  11. package/components/Content/content.scss +2 -1
  12. package/components/DescriptionList/description-list.css +3 -2
  13. package/components/DescriptionList/description-list.scss +3 -2
  14. package/components/Drawer/drawer.css +3 -1
  15. package/components/Drawer/drawer.scss +3 -1
  16. package/components/Form/form.css +3 -6
  17. package/components/Form/form.scss +3 -7
  18. package/components/JumpLinks/jump-links.css +1 -1
  19. package/components/JumpLinks/jump-links.scss +1 -1
  20. package/components/Label/label.css +3 -2
  21. package/components/Label/label.scss +3 -2
  22. package/components/Menu/menu.css +11 -2
  23. package/components/Menu/menu.scss +12 -2
  24. package/components/MenuToggle/menu-toggle.css +6 -0
  25. package/components/MenuToggle/menu-toggle.scss +6 -0
  26. package/components/Nav/nav.css +46 -13
  27. package/components/Nav/nav.scss +57 -17
  28. package/components/Popover/popover.css +2 -0
  29. package/components/Popover/popover.scss +2 -0
  30. package/components/Progress/progress.css +3 -0
  31. package/components/Progress/progress.scss +3 -0
  32. package/components/ProgressStepper/progress-stepper.css +2 -1
  33. package/components/ProgressStepper/progress-stepper.scss +2 -1
  34. package/components/SimpleList/simple-list.css +2 -2
  35. package/components/SimpleList/simple-list.scss +2 -2
  36. package/components/Tabs/tabs.css +1 -1
  37. package/components/Tabs/tabs.scss +1 -1
  38. package/components/Timestamp/timestamp.css +2 -1
  39. package/components/Timestamp/timestamp.scss +2 -1
  40. package/components/ToggleGroup/toggle-group.css +1 -1
  41. package/components/ToggleGroup/toggle-group.scss +1 -1
  42. package/components/Wizard/wizard.css +1 -1
  43. package/components/Wizard/wizard.scss +1 -1
  44. package/components/_index.css +119 -41
  45. package/docs/components/Avatar/examples/Avatar.md +4 -4
  46. package/docs/components/Brand/examples/Brand.md +2 -2
  47. package/docs/components/DataList/examples/DataList.md +3 -3
  48. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  49. package/docs/components/Divider/examples/Divider.md +2 -2
  50. package/docs/components/Drawer/examples/Drawer.md +3 -3
  51. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  52. package/docs/components/Masthead/examples/masthead.md +1 -1
  53. package/docs/components/Menu/examples/Menu.md +2 -2
  54. package/docs/components/Nav/examples/Navigation.md +3 -0
  55. package/docs/components/Page/examples/Page.md +2 -2
  56. package/docs/components/Pagination/examples/Pagination.md +3 -3
  57. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  58. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  59. package/docs/components/Table/examples/Table.md +3 -3
  60. package/docs/components/Tabs/examples/Tabs.md +3 -3
  61. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  62. package/docs/demos/CardView/examples/CardView.md +2 -0
  63. package/docs/demos/Nav/examples/Nav.md +2 -0
  64. package/docs/layouts/Flex/examples/Flex.md +1 -1
  65. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  66. package/docs/layouts/Grid/examples/Grid.md +4 -4
  67. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  68. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  69. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  70. package/docs/utilities/Display/examples/Display.md +1 -1
  71. package/docs/utilities/Flex/examples/Flex.md +1 -1
  72. package/docs/utilities/Float/examples/Float.md +1 -1
  73. package/docs/utilities/Sizing/examples/Sizing.md +6 -6
  74. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  75. package/docs/utilities/Text/examples/Text.md +1 -1
  76. package/package.json +5 -5
  77. package/patternfly-base-no-globals.css +1 -1
  78. package/patternfly-base.css +3 -3
  79. package/patternfly-charts.css +83 -0
  80. package/patternfly-charts.scss +126 -0
  81. package/patternfly-no-globals.css +120 -42
  82. package/patternfly.css +122 -44
  83. package/patternfly.min.css +1 -1
  84. package/patternfly.min.css.map +1 -1
@@ -432,3 +432,129 @@ $chart: #{$pf-prefix} + 'chart';
432
432
  --#{$chart}-theme--multi-color-unordered--ColorScale--3400: var(--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3400);
433
433
  --#{$chart}-theme--multi-color-unordered--ColorScale--3500: var(--pf-t--chart--theme--colorscales--multi-colored-unordered--colorscale--3500);
434
434
  }
435
+
436
+ // ECharts styles
437
+ // stylelint-disable-next-line no-duplicate-selectors
438
+ :where(:root) {
439
+ // Global
440
+ --#{$chart}-echarts-global--axis--BoundaryGap: false;
441
+ --#{$chart}-echarts-global--axis--axis-label--Show: true;
442
+ --#{$chart}-echarts-global--axis--axis-line--Show: true;
443
+ --#{$chart}-echarts-global--axis--axis-line--item-style--Color: var(--#{$chart}-global--Fill--Color--300);
444
+ --#{$chart}-echarts-global--axis--axis-tick--Show: true;
445
+ --#{$chart}-echarts-global--axis--axis-tick--item-style--Color: var(--#{$chart}-global--Fill--Color--300);
446
+ --#{$chart}-echarts-global--axis--split-area--Show: false;
447
+ --#{$chart}-echarts-global--axis--split-area--area-style--Color: var(--#{$chart}-global--Fill--Color--white);
448
+ --#{$chart}-echarts-global--axis--split-line--Show: false;
449
+ --#{$chart}-echarts-global--label--Color: var(--#{$chart}-global--label--Fill);
450
+
451
+ // Basic config
452
+ --#{$chart}-echarts-BackgroundColor: transparent;
453
+
454
+ // Bar chart
455
+ --#{$chart}-echarts-bar--item-style--BarBorderColor: var(--#{$chart}-global--Fill--Color--900);
456
+ --#{$chart}-echarts-bar--item-style--BarBorderWidth: 0;
457
+
458
+ // Boxplot
459
+ --#{$chart}-echarts-boxplot--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
460
+ --#{$chart}-echarts-boxplot--item-style--BorderWidth: 0;
461
+
462
+ // Candlestick
463
+ --#{$chart}-echarts-candlestick--item-style--BorderWidth: 1;
464
+ --#{$chart}-echarts-candlestick--item-style--negative--Color: var(--#{$chart}-global--Fill--Color--900);
465
+ --#{$chart}-echarts-candlestick--item-style--positive--Color: var(--#{$chart}-global--Fill--Color--white);
466
+ --#{$chart}-echarts-candlestick--item-style--negative--BorderColor: var(--#{$chart}-global--Fill--Color--900);
467
+ --#{$chart}-echarts-candlestick--item-style--positive--BorderColor: var(--#{$chart}-global--Fill--Color--white);
468
+
469
+ // DataZoom
470
+ --#{$chart}-echarts-datazoom--HandleSize: 100%;
471
+
472
+ // Funnel
473
+ --#{$chart}-echarts-funnel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
474
+ --#{$chart}-echarts-funnel--item-style--BorderWidth: 0;
475
+
476
+ // Gauge
477
+ --#{$chart}-echarts-gauge--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
478
+ --#{$chart}-echarts-gauge--item-style--BorderWidth: 0;
479
+
480
+ // Geo
481
+ --#{$chart}-echarts-geo--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
482
+ --#{$chart}-echarts-geo--emphasis--item-style--BorderWidth: 1;
483
+ --#{$chart}-echarts-geo--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
484
+ --#{$chart}-echarts-geo--item-style--BorderWidth: 0.5;
485
+
486
+ // Graph
487
+ --#{$chart}-echarts-graph--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
488
+ --#{$chart}-echarts-graph--item-style--BorderWidth: 0;
489
+ --#{$chart}-echarts-graph--line-style--Color: var(--#{$chart}-global--Fill--Color--900);
490
+ --#{$chart}-echarts-graph--line-style--BorderWidth: 1;
491
+ --#{$chart}-echarts-graph--Smooth: false;
492
+ --#{$chart}-echarts-graph--SymbolSize: 4;
493
+ --#{$chart}-echarts-graph--Symbol: 'rect';
494
+
495
+ // Line
496
+ --#{$chart}-echarts-line--item-style--BorderWidth: 1;
497
+ --#{$chart}-echarts-line--line-style--BorderWidth: 2;
498
+ --#{$chart}-echarts-line--Smooth: false;
499
+ --#{$chart}-echarts-line--SymbolSize: 4;
500
+ --#{$chart}-echarts-line--Symbol: 'rect';
501
+
502
+ // Map
503
+ --#{$chart}-echarts-map--emphasis--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
504
+ --#{$chart}-echarts-map--emphasis--item-style--BorderWidth: 1;
505
+ --#{$chart}-echarts-map--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
506
+ --#{$chart}-echarts-map--item-style--BorderWidth: 0.5;
507
+
508
+ // Parallel
509
+ --#{$chart}-echarts-parallel--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
510
+ --#{$chart}-echarts-parallel--item-style--BorderWidth: 0;
511
+
512
+ // Pie
513
+ --#{$chart}-echarts-pie--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
514
+ --#{$chart}-echarts-pie--item-style--BorderWidth: 0;
515
+
516
+ // Sankey
517
+ --#{$chart}-echarts-sankey--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
518
+ --#{$chart}-echarts-sankey--item-style--BorderWidth: 0;
519
+
520
+ // Scatter
521
+ --#{$chart}-echarts-scatter--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
522
+ --#{$chart}-echarts-scatter--item-style--BorderWidth: 0;
523
+
524
+ // Skeleton
525
+ --#{$chart}-echarts-skeleton--label--Color: transparent;
526
+
527
+ // Toolbox
528
+ --#{$chart}-echarts-toolbox--emphasis--item-style--BorderColor: var(--#{$chart}-theme--blue--ColorScale--400);
529
+ --#{$chart}-echarts-toolbox--item-style--BorderColor: var(--#{$chart}-global--Fill--Color--500);
530
+
531
+ // Tooltip
532
+ --#{$chart}-echarts-tooltip--axis--pointer--cross-style--Color: var(--#{$chart}-global--Fill--Color--300);
533
+ --#{$chart}-echarts-tooltip--axis--pointer--cross-style--Width: 1;
534
+ --#{$chart}-echarts-tooltip--axis--pointer--line-style--Color: var(--#{$chart}-global--Fill--Color--300);
535
+ --#{$chart}-echarts-tooltip--axis--pointer--line-style--Width: 1;
536
+ --#{$chart}-echarts-tooltip--backgroundColor: var(--#{$chart}-global--Fill--Color--900);
537
+ --#{$chart}-echarts-tooltip--text-Style--Color: var(--#{$chart}-global--Fill--Color--200);
538
+
539
+ // Timeline
540
+ --#{$chart}-echarts-timeline--emphasis--control-style--Color: var(--#{$chart}-global--Fill--Color--400);
541
+ --#{$chart}-echarts-timeline--emphasis--control-style--BorderColor: var(--#{$chart}-global--Fill--Color--400);
542
+ --#{$chart}-echarts-timeline--emphasis--control-style--BorderWidth: 1;
543
+ --#{$chart}-echarts-timeline--emphasis--item-style--Color: var(--#{$chart}-global--Fill--Color--white);
544
+ --#{$chart}-echarts-timeline--checkpoint-style--Color: var(--#{$chart}-theme--blue--ColorScale--400);
545
+ --#{$chart}-echarts-timeline--checkpoint-style--BorderColor: var(--#{$chart}-global--Fill--Color--white);
546
+ --#{$chart}-echarts-timeline--control-style--Color: var(--#{$chart}-global--Fill--Color--900);
547
+ --#{$chart}-echarts-timeline--control-style--BorderColor: var(--#{$chart}-global--Fill--Color--900);
548
+ --#{$chart}-echarts-timeline--control-style--BorderWidth: 1;
549
+ --#{$chart}-echarts-timeline--item-style--BorderWidth: 1;
550
+ --#{$chart}-echarts-timeline--item-style--Color: var(--#{$chart}-global--Fill--Color--900);
551
+ --#{$chart}-echarts-timeline--line-style--Color: var(--#{$chart}-global--Fill--Color--900);
552
+ --#{$chart}-echarts-timeline--line-style--Width: 2;
553
+
554
+ // Radar
555
+ --#{$chart}-echarts-radar--item-style--BorderWidth: 1;
556
+ --#{$chart}-echarts-radar--line-style--BorderWidth: 2;
557
+ --#{$chart}-echarts-radar--Smooth: false;
558
+ --#{$chart}-echarts-radar--SymbolSize: 4;
559
+ --#{$chart}-echarts-radar--Symbol: 'rect';
560
+ }
@@ -5666,7 +5666,7 @@
5666
5666
  font-style: normal;
5667
5667
  font-variant: normal;
5668
5668
  font-weight: normal;
5669
- text-decoration: none;
5669
+ text-decoration-line: none;
5670
5670
  text-transform: none;
5671
5671
  }
5672
5672
 
@@ -8659,7 +8659,7 @@
8659
8659
  }
8660
8660
  .pf-v6-c-banner a {
8661
8661
  color: var(--pf-v6-c-banner--link--Color);
8662
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8662
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8663
8663
  }
8664
8664
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
8665
8665
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -8672,7 +8672,7 @@
8672
8672
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8673
8673
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8674
8674
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8675
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8675
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8676
8676
  }
8677
8677
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
8678
8678
  cursor: not-allowed;
@@ -8811,7 +8811,8 @@
8811
8811
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
8812
8812
  line-height: inherit;
8813
8813
  color: var(--pf-v6-c-breadcrumb__link--Color);
8814
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8814
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
8815
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8815
8816
  word-break: break-word;
8816
8817
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
8817
8818
  }
@@ -8825,7 +8826,7 @@
8825
8826
  }
8826
8827
  .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
8827
8828
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
8828
- text-decoration: none;
8829
+ text-decoration-line: none;
8829
8830
  }
8830
8831
  button.pf-v6-c-breadcrumb__link {
8831
8832
  border: none;
@@ -8872,6 +8873,7 @@ button.pf-v6-c-breadcrumb__link {
8872
8873
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
8873
8874
  --pf-v6-c-button--TextDecorationLine: none;
8874
8875
  --pf-v6-c-button--TextDecorationStyle: none;
8876
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
8875
8877
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8876
8878
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
8877
8879
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
@@ -8880,6 +8882,7 @@ button.pf-v6-c-breadcrumb__link {
8880
8882
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8881
8883
  --pf-v6-c-button--hover--TextDecorationLine: none;
8882
8884
  --pf-v6-c-button--hover--TextDecorationStyle: none;
8885
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
8883
8886
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
8884
8887
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
8885
8888
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -8964,6 +8967,12 @@ button.pf-v6-c-breadcrumb__link {
8964
8967
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
8965
8968
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
8966
8969
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
8970
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
8971
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
8972
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
8973
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
8974
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
8975
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
8967
8976
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
8968
8977
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
8969
8978
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -9071,6 +9080,7 @@ button.pf-v6-c-breadcrumb__link {
9071
9080
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
9072
9081
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9073
9082
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9083
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
9074
9084
  --pf-v6-c-button--disabled--BorderColor: transparent;
9075
9085
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
9076
9086
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9115,7 +9125,9 @@ button.pf-v6-c-breadcrumb__link {
9115
9125
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
9116
9126
  color: var(--pf-v6-c-button--Color);
9117
9127
  text-align: center;
9118
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
9128
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
9129
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
9130
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9119
9131
  white-space: nowrap;
9120
9132
  cursor: pointer;
9121
9133
  user-select: none;
@@ -9228,6 +9240,12 @@ button.pf-v6-c-breadcrumb__link {
9228
9240
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
9229
9241
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
9230
9242
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
9243
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
9244
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
9245
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
9246
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
9247
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
9248
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9231
9249
  text-align: start;
9232
9250
  white-space: normal;
9233
9251
  outline-offset: 0.125rem;
@@ -9388,7 +9406,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9388
9406
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9389
9407
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9390
9408
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9391
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9409
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9410
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9411
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9392
9412
  }
9393
9413
  .pf-v6-c-button.pf-m-clicked {
9394
9414
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -9402,6 +9422,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9402
9422
  }
9403
9423
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9404
9424
  color: var(--pf-v6-c-button--disabled--Color);
9425
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9405
9426
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9406
9427
  }
9407
9428
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
@@ -10507,7 +10528,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10507
10528
 
10508
10529
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
10509
10530
  color: var(--pf-v6-c-content--a--Color);
10510
- text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
10531
+ text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
10532
+ text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
10511
10533
  }
10512
10534
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
10513
10535
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
@@ -11545,7 +11567,7 @@ ul) {
11545
11567
  --pf-v6-c-description-list__term--Display: inline;
11546
11568
  --pf-v6-c-description-list__term--sm--Display: flex;
11547
11569
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
11548
- --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
11570
+ --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
11549
11571
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
11550
11572
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
11551
11573
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -11727,7 +11749,8 @@ ul) {
11727
11749
  min-width: 0;
11728
11750
  }
11729
11751
  .pf-v6-c-description-list__text.pf-m-help-text {
11730
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11752
+ text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
11753
+ text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11731
11754
  text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
11732
11755
  cursor: pointer;
11733
11756
  }
@@ -12630,7 +12653,8 @@ ul) {
12630
12653
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
12631
12654
  --pf-v6-c-drawer__panel--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12632
12655
  --pf-v6-c-drawer__panel--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
12633
- --pf-v6-c-drawer__panel--TransitionDuration: 250ms;
12656
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
12657
+ --pf-v6-c-drawer__panel--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--short);
12634
12658
  --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis;
12635
12659
  --pf-v6-c-drawer__panel--FlexBasis: 100%;
12636
12660
  --pf-v6-c-drawer__panel--md--FlexBasis--min: 1.5rem;
@@ -12844,6 +12868,7 @@ ul) {
12844
12868
  overflow: auto;
12845
12869
  background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
12846
12870
  box-shadow: var(--pf-v6-c-drawer__panel--BoxShadow);
12871
+ transition-timing-function: var(--pf-v6-c-drawer__panel--TransitionTimingFunction);
12847
12872
  transition-duration: var(--pf-v6-c-drawer__panel--TransitionDuration);
12848
12873
  transition-property: var(--pf-v6-c-drawer__panel--TransitionProperty);
12849
12874
  -webkit-overflow-scrolling: touch;
@@ -13740,16 +13765,16 @@ ul) {
13740
13765
  --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
13741
13766
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
13742
13767
  --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
13743
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--sm);
13768
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
13744
13769
  --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
13745
13770
  --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
13746
13771
  --pf-v6-c-form__label--hover--Cursor: pointer;
13747
13772
  --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
13748
13773
  --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
13749
13774
  --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
13750
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
13775
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
13751
13776
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
13752
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
13777
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
13753
13778
  --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
13754
13779
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
13755
13780
  --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -14063,9 +14088,6 @@ ul) {
14063
14088
  font-size: var(--pf-v6-c-form__label--FontSize);
14064
14089
  line-height: var(--pf-v6-c-form__label--LineHeight);
14065
14090
  }
14066
- .pf-v6-c-form__label::selection {
14067
- background-color: none;
14068
- }
14069
14091
  .pf-v6-c-form__label:not(.pf-m-disabled):hover {
14070
14092
  cursor: var(--pf-v6-c-form__label--hover--Cursor);
14071
14093
  }
@@ -15280,7 +15302,7 @@ label.pf-v6-c-input-group__text {
15280
15302
  padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
15281
15303
  padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
15282
15304
  padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
15283
- text-decoration: none;
15305
+ text-decoration-line: none;
15284
15306
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
15285
15307
  }
15286
15308
  .pf-v6-c-jump-links__link:is(:hover, :focus) {
@@ -15721,7 +15743,8 @@ label.pf-v6-c-input-group__text {
15721
15743
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
15722
15744
  }
15723
15745
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
15724
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15746
+ text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
15747
+ text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15725
15748
  text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
15726
15749
  }
15727
15750
  .pf-v6-c-label.pf-m-editable-active {
@@ -15754,7 +15777,7 @@ label.pf-v6-c-input-group__text {
15754
15777
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
15755
15778
  }
15756
15779
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content, .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15757
- text-decoration: none;
15780
+ text-decoration-line: none;
15758
15781
  }
15759
15782
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15760
15783
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
@@ -17021,11 +17044,20 @@ ul.pf-v6-c-list {
17021
17044
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
17022
17045
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
17023
17046
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17024
- --pf-v6-c-menu__item-external-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17047
+ --pf-v6-c-menu__item-external--Color: transparent;
17048
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
17025
17049
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17026
17050
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
17051
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
17052
+ }
17053
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
17054
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
17027
17055
  pointer-events: none;
17028
17056
  }
17057
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
17058
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
17059
+ cursor: default;
17060
+ }
17029
17061
 
17030
17062
  [class*=pf-v6-c-menu]:is([hidden]) {
17031
17063
  display: none;
@@ -17273,7 +17305,7 @@ ul.pf-v6-c-list {
17273
17305
  line-height: var(--pf-v6-c-menu__item--LineHeight);
17274
17306
  color: var(--pf-v6-c-menu__item--Color);
17275
17307
  text-align: start;
17276
- text-decoration: none;
17308
+ text-decoration-line: none;
17277
17309
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
17278
17310
  border: 0;
17279
17311
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -17483,6 +17515,7 @@ ul.pf-v6-c-list {
17483
17515
  --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17484
17516
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17485
17517
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
17518
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
17486
17519
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
17487
17520
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
17488
17521
  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -17490,6 +17523,7 @@ ul.pf-v6-c-list {
17490
17523
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
17491
17524
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
17492
17525
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
17526
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
17493
17527
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
17494
17528
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
17495
17529
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -17530,6 +17564,7 @@ ul.pf-v6-c-list {
17530
17564
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
17531
17565
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
17532
17566
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
17567
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
17533
17568
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
17534
17569
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
17535
17570
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -17614,12 +17649,14 @@ ul.pf-v6-c-list {
17614
17649
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
17615
17650
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
17616
17651
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
17652
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
17617
17653
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
17618
17654
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
17619
17655
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
17620
17656
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
17621
17657
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
17622
17658
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
17659
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
17623
17660
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
17624
17661
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
17625
17662
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
@@ -17643,6 +17680,7 @@ ul.pf-v6-c-list {
17643
17680
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
17644
17681
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
17645
17682
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
17683
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
17646
17684
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
17647
17685
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
17648
17686
  --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
@@ -18299,13 +18337,15 @@ ul.pf-v6-c-list {
18299
18337
  --pf-v6-c-nav__item--ScrollSnapAlign: end;
18300
18338
  --pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
18301
18339
  --pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
18302
- --pf-v6-c-nav__section-title--PaddingBlockStart: var(--pf-v6-c-nav__link--PaddingBlockStart);
18303
- --pf-v6-c-nav__section-title--PaddingBlockEnd: var(--pf-v6-c-nav__link--PaddingBlockEnd);
18340
+ --pf-v6-c-nav__section-title--PaddingBlockStart: 0;
18341
+ --pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
18304
18342
  --pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
18305
18343
  --pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
18306
18344
  --pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
18307
18345
  --pf-v6-c-nav__item__toggle-icon--Rotate: 0;
18308
18346
  --pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
18347
+ --pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
18348
+ --pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
18309
18349
  --pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
18310
18350
  --pf-v6-c-nav__link--AlignItems: baseline;
18311
18351
  --pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -18316,10 +18356,19 @@ ul.pf-v6-c-list {
18316
18356
  --pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
18317
18357
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
18318
18358
  --pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
18359
+ --pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
18360
+ --pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
18361
+ --pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
18362
+ --pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
18319
18363
  --pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
18320
18364
  --pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
18321
18365
  --pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
18366
+ --pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
18367
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
18322
18368
  --pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
18369
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: 0s;
18370
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: 0s;
18371
+ --pf-v6-c-nav__subnav--TransitionTimingFunction--expansion: var(--pf-t--global--motion--timing-function--default);
18323
18372
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
18324
18373
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
18325
18374
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -18348,6 +18397,12 @@ ul.pf-v6-c-list {
18348
18397
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
18349
18398
  --pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18350
18399
  }
18400
+ @media (prefers-reduced-motion: no-preference) {
18401
+ .pf-v6-c-nav {
18402
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--default);
18403
+ --pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion: var(--pf-t--global--motion--duration--slide-in--short);
18404
+ }
18405
+ }
18351
18406
 
18352
18407
  .pf-v6-c-nav,
18353
18408
  .pf-v6-c-nav__section,
@@ -18399,7 +18454,7 @@ ul.pf-v6-c-list {
18399
18454
  }
18400
18455
 
18401
18456
  [class^=pf-v6-c-nav][hidden] {
18402
- display: none;
18457
+ visibility: hidden;
18403
18458
  }
18404
18459
 
18405
18460
  .pf-v6-c-nav__nav,
@@ -18408,30 +18463,43 @@ ul.pf-v6-c-list {
18408
18463
  --pf-v6-c-nav__item--RowGap--row-offset: calc(var(--pf-v6-c-nav__list--RowGap) / 2 * -1);
18409
18464
  --pf-v6-c-nav__link--clickable-inset--Block: var(--pf-v6-c-nav__item--RowGap--row-offset);
18410
18465
  --pf-v6-c-nav__button--RowGap--row-offset: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18466
+ visibility: visible;
18411
18467
  }
18412
18468
 
18413
18469
  .pf-v6-c-nav__list {
18414
18470
  row-gap: var(--pf-v6-c-nav__list--RowGap);
18415
18471
  column-gap: var(--pf-v6-c-nav__list--ColumnGap);
18472
+ min-height: 0;
18416
18473
  }
18417
18474
 
18418
18475
  .pf-v6-c-nav__subnav {
18419
18476
  --pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
18477
+ grid-template-rows: 1fr;
18478
+ min-height: 0;
18479
+ padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
18480
+ padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
18420
18481
  padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
18482
+ overflow-y: clip;
18483
+ transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expansion);
18484
+ transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expansion);
18485
+ transition-property: grid-template-rows, padding-block-start, padding-block-end, opacity;
18486
+ }
18487
+ .pf-v6-c-nav__subnav[hidden] {
18488
+ --pf-v6-c-nav__subnav--TransitionDuration--expansion: var(--pf-v6-c-nav__subnav--hidden--TransitionDuration--expansion);
18489
+ --pf-v6-c-nav__subnav--PaddingBlockStart: 0;
18490
+ --pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
18491
+ grid-template-rows: 0fr;
18492
+ opacity: 0;
18421
18493
  }
18422
18494
 
18423
18495
  .pf-v6-c-nav__item {
18424
- row-gap: var(--pf-v6-c-nav__item--RowGap);
18425
18496
  scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
18426
18497
  }
18427
18498
  .pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
18428
18499
  margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
18429
18500
  }
18430
- .pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) {
18431
- margin-block-end: var(--pf-v6-c-nav__item--m-expanded--MarginBlockEnd, var(--pf-v6-c-nav__item--RowGap));
18432
- }
18433
- .pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) + .pf-v6-c-nav__item > .pf-v6-c-nav__link::before {
18434
- inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
18501
+ .pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
18502
+ margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
18435
18503
  }
18436
18504
 
18437
18505
  .pf-v6-c-nav__section {
@@ -18462,13 +18530,13 @@ ul.pf-v6-c-list {
18462
18530
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
18463
18531
  color: var(--pf-v6-c-nav__link--Color);
18464
18532
  text-align: start;
18465
- text-decoration: none;
18533
+ text-decoration-line: none;
18466
18534
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
18467
18535
  border: none;
18468
18536
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
18469
- }
18470
- .pf-v6-c-nav__link[aria-expanded=true]::before {
18471
- inset-block-end: calc(var(--pf-v6-c-nav__item--RowGap) * -1);
18537
+ transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
18538
+ transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
18539
+ transition-property: background-color, color;
18472
18540
  }
18473
18541
  .pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
18474
18542
  color: var(--pf-v6-c-nav__link--hover--Color);
@@ -18493,6 +18561,9 @@ ul.pf-v6-c-list {
18493
18561
 
18494
18562
  .pf-v6-c-nav__toggle-icon {
18495
18563
  display: inline-block;
18564
+ transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
18565
+ transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
18566
+ transition-property: transform;
18496
18567
  transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
18497
18568
  }
18498
18569
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
@@ -20165,9 +20236,11 @@ ul.pf-v6-c-list {
20165
20236
  }
20166
20237
 
20167
20238
  .pf-v6-c-popover__title-text {
20239
+ min-width: 0;
20168
20240
  font-size: var(--pf-v6-c-popover__title-text--FontSize);
20169
20241
  font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
20170
20242
  color: var(--pf-v6-c-popover__title-text--Color);
20243
+ overflow-wrap: break-word;
20171
20244
  }
20172
20245
 
20173
20246
  .pf-v6-c-popover__body {
@@ -20182,6 +20255,7 @@ ul.pf-v6-c-list {
20182
20255
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
20183
20256
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
20184
20257
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
20258
+ --pf-v6-c-progress__bar--BorderRadius: var(--pf-t--global--border--radius--medium);
20185
20259
  --pf-v6-c-progress__measure--m-static-width--MinWidth: 4.5ch;
20186
20260
  --pf-v6-c-progress__status--Gap: var(--pf-t--global--spacer--sm);
20187
20261
  --pf-v6-c-progress__status-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -20323,7 +20397,9 @@ ul.pf-v6-c-list {
20323
20397
  grid-column: 1/3;
20324
20398
  align-self: center;
20325
20399
  height: var(--pf-v6-c-progress__bar--Height);
20400
+ overflow: hidden;
20326
20401
  background-color: var(--pf-v6-c-progress__bar--BackgroundColor);
20402
+ border-radius: var(--pf-v6-c-progress__bar--BorderRadius);
20327
20403
  }
20328
20404
 
20329
20405
  .pf-v6-c-progress__indicator {
@@ -20660,7 +20736,8 @@ ul.pf-v6-c-list {
20660
20736
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
20661
20737
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
20662
20738
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
20663
- text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20739
+ text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
20740
+ text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20664
20741
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
20665
20742
  cursor: pointer;
20666
20743
  }
@@ -21413,7 +21490,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21413
21490
  font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
21414
21491
  color: var(--pf-v6-c-simple-list__item-link--Color);
21415
21492
  text-align: start;
21416
- text-decoration: none;
21493
+ text-decoration-line: none;
21417
21494
  background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
21418
21495
  border: none;
21419
21496
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
@@ -21426,7 +21503,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21426
21503
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
21427
21504
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
21428
21505
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
21429
- text-decoration: none;
21506
+ text-decoration-line: none;
21430
21507
  }
21431
21508
  .pf-v6-c-simple-list__item-link.pf-m-current {
21432
21509
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
@@ -25938,7 +26015,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25938
26015
  padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
25939
26016
  font-size: var(--pf-v6-c-tabs__link--FontSize);
25940
26017
  color: var(--pf-v6-c-tabs__link--Color);
25941
- text-decoration: none;
26018
+ text-decoration-line: none;
25942
26019
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
25943
26020
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
25944
26021
  }
@@ -26578,7 +26655,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26578
26655
  }
26579
26656
  .pf-v6-c-timestamp.pf-m-help-text {
26580
26657
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
26581
- text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26658
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
26659
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26582
26660
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
26583
26661
  cursor: pointer;
26584
26662
  }
@@ -26791,7 +26869,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26791
26869
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
26792
26870
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
26793
26871
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
26794
- text-decoration: none;
26872
+ text-decoration-line: none;
26795
26873
  }
26796
26874
  .pf-v6-c-toggle-group__button.pf-m-selected {
26797
26875
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
@@ -29742,7 +29820,7 @@ label.pf-v6-c-tree-view__node-text {
29742
29820
  padding-inline: 0;
29743
29821
  color: var(--pf-v6-c-wizard__nav-link--Color);
29744
29822
  text-align: start;
29745
- text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29823
+ text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29746
29824
  word-break: break-word;
29747
29825
  counter-increment: wizard-nav-count;
29748
29826
  background-color: transparent;