@patternfly/patternfly 6.5.0-prerelease.33 → 6.5.0-prerelease.35

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 (93) hide show
  1. package/assets/fontawesome/_variables.scss +2 -1
  2. package/base/patternfly-variables.css +340 -14
  3. package/base/patternfly-variables.scss +40 -0
  4. package/base/tokens/tokens-dark.scss +49 -3
  5. package/base/tokens/tokens-default.scss +65 -13
  6. package/base/tokens/tokens-glass-dark.scss +11 -0
  7. package/base/tokens/tokens-glass.scss +11 -0
  8. package/base/tokens/tokens-local.scss +1 -1
  9. package/base/tokens/tokens-redhat-dark.scss +14 -0
  10. package/base/tokens/tokens-redhat-glass-dark.scss +18 -0
  11. package/base/tokens/tokens-redhat-glass.scss +17 -0
  12. package/base/tokens/tokens-redhat-highcontrast-dark.scss +47 -0
  13. package/base/tokens/tokens-redhat-highcontrast.scss +127 -0
  14. package/base/tokens/tokens-redhat.scss +15 -0
  15. package/components/AboutModalBox/about-modal-box.css +36 -26
  16. package/components/Accordion/accordion.css +16 -13
  17. package/components/Alert/alert.css +5 -4
  18. package/components/Avatar/avatar.css +12 -4
  19. package/components/BackgroundImage/background-image.css +6 -3
  20. package/components/Banner/banner.css +8 -6
  21. package/components/Brand/brand.css +3 -1
  22. package/components/Breadcrumb/breadcrumb.css +4 -3
  23. package/components/Button/button.css +6 -6
  24. package/components/CalendarMonth/calendar-month.css +4 -3
  25. package/components/Card/card.css +7 -6
  26. package/components/ClipboardCopy/clipboard-copy.css +4 -3
  27. package/components/CodeEditor/code-editor.css +1 -1
  28. package/components/CodeEditor/code-editor.scss +1 -1
  29. package/components/Compass/compass.css +6 -2
  30. package/components/DataList/data-list.css +28 -21
  31. package/components/DescriptionList/description-list-order.scss +5 -1
  32. package/components/DescriptionList/description-list.css +7 -5
  33. package/components/DescriptionList/description-list.scss +5 -1
  34. package/components/Divider/divider.css +7 -5
  35. package/components/Drawer/drawer.css +38 -28
  36. package/components/Drawer/drawer.scss +12 -4
  37. package/components/DualListSelector/dual-list-selector.css +17 -11
  38. package/components/ExpandableSection/expandable-section.css +16 -14
  39. package/components/ExpandableSection/expandable-section.scss +1 -1
  40. package/components/Form/form.css +1 -1
  41. package/components/Form/form.scss +1 -1
  42. package/components/FormControl/form-control.css +1 -1
  43. package/components/FormControl/form-control.scss +1 -1
  44. package/components/JumpLinks/jump-links.css +4 -3
  45. package/components/JumpLinks/jump-links.scss +5 -1
  46. package/components/Label/label-group.css +2 -2
  47. package/components/Label/label-group.scss +2 -2
  48. package/components/Label/label.css +4 -3
  49. package/components/Login/login.css +51 -37
  50. package/components/Masthead/masthead.css +20 -18
  51. package/components/Masthead/masthead.scss +6 -2
  52. package/components/Menu/menu.css +23 -14
  53. package/components/ModalBox/modal-box.css +9 -7
  54. package/components/ModalBox/modal-box.scss +2 -2
  55. package/components/Nav/nav.css +13 -9
  56. package/components/NotificationDrawer/notification-drawer.css +6 -6
  57. package/components/Page/page.css +35 -29
  58. package/components/Page/page.scss +17 -5
  59. package/components/Pagination/pagination.scss +5 -1
  60. package/components/ProgressStepper/progress-stepper.scss +5 -1
  61. package/components/Sidebar/sidebar.css +1 -1
  62. package/components/Sidebar/sidebar.scss +7 -3
  63. package/components/Skeleton/skeleton.css +16 -15
  64. package/components/Slider/slider.css +32 -18
  65. package/components/Switch/switch.css +3 -1
  66. package/components/Table/table-tree-view.css +4 -2
  67. package/components/Table/table.css +31 -27
  68. package/components/Tabs/tabs.css +17 -15
  69. package/components/Tabs/tabs.scss +12 -4
  70. package/components/Toolbar/toolbar.css +14 -8
  71. package/components/Toolbar/toolbar.scss +5 -1
  72. package/components/TreeView/tree-view.css +44 -13
  73. package/components/TreeView/tree-view.scss +31 -0
  74. package/components/Wizard/wizard.css +20 -16
  75. package/components/Wizard/wizard.scss +3 -3
  76. package/components/_index.css +598 -427
  77. package/docs/components/Compass/examples/Compass.md +38 -32
  78. package/docs/components/ModalBox/examples/ModalBox.md +1 -1
  79. package/docs/components/TreeView/examples/TreeView.md +38 -26
  80. package/docs/demos/Compass/examples/Compass.md +16 -0
  81. package/layouts/Flex/flex.scss +83 -19
  82. package/layouts/Gallery/gallery.css +6 -2
  83. package/layouts/_index.css +6 -2
  84. package/package.json +4 -2
  85. package/patternfly-base-no-globals.css +340 -14
  86. package/patternfly-base.css +340 -14
  87. package/patternfly-charts.css +3 -3
  88. package/patternfly-no-globals.css +928 -427
  89. package/patternfly.css +928 -427
  90. package/patternfly.min.css +1 -1
  91. package/patternfly.min.css.map +1 -1
  92. package/sass-utilities/functions.scss +32 -25
  93. package/sass-utilities/mixins.scss +36 -20
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  .pf-v6-screen-reader {
3
2
  position: fixed;
4
3
  inset-block-start: 0;
@@ -6378,9 +6377,12 @@
6378
6377
  --pf-t--color--yellow--60: #96640f;
6379
6378
  --pf-t--color--yellow--70: #73480b;
6380
6379
  --pf-t--color--yellow--80: #54330b;
6381
- --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
6380
+ --pf-t--global--background--color--500: rgba(21, 21, 21, 0.4000);
6382
6381
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
6382
+ --pf-t--global--background--color--700: rgba(199, 199, 199, 0.1000);
6383
6383
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
6384
+ --pf-t--global--background--filter--glass: 0;
6385
+ --pf-t--global--background--opacity--glass: 100;
6384
6386
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
6385
6387
  --pf-t--global--border--radius--0: 0px;
6386
6388
  --pf-t--global--border--radius--100: 4px;
@@ -6408,12 +6410,12 @@
6408
6410
  --pf-t--global--box-shadow--X--700: 10px;
6409
6411
  --pf-t--global--box-shadow--X--800: 20px;
6410
6412
  --pf-t--global--box-shadow--Y--100: -10px;
6411
- --pf-t--global--box-shadow--Y--200: -4px;
6413
+ --pf-t--global--box-shadow--Y--200: -2px;
6412
6414
  --pf-t--global--box-shadow--Y--300: -1px;
6413
6415
  --pf-t--global--box-shadow--Y--400: 0px;
6414
6416
  --pf-t--global--box-shadow--Y--50: -20px;
6415
6417
  --pf-t--global--box-shadow--Y--500: 1px;
6416
- --pf-t--global--box-shadow--Y--600: 4px;
6418
+ --pf-t--global--box-shadow--Y--600: 2px;
6417
6419
  --pf-t--global--box-shadow--Y--700: 10px;
6418
6420
  --pf-t--global--box-shadow--Y--800: 20px;
6419
6421
  --pf-t--global--box-shadow--blur--100: 4px;
@@ -6484,6 +6486,7 @@
6484
6486
  --pf-t--global--spacer--800: 5rem;
6485
6487
  --pf-t--global--text-decoration--line--100: none;
6486
6488
  --pf-t--global--text-decoration--line--200: underline;
6489
+ --pf-t--global--text-decoration--offset--hover: 5;
6487
6490
  --pf-t--global--text-decoration--style--100: solid;
6488
6491
  --pf-t--global--text-decoration--style--200: dashed;
6489
6492
  --pf-t--global--timing-function--100: cubic-bezier(.4, 0, .7, .2);
@@ -6505,12 +6508,14 @@
6505
6508
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--background--color--500);
6506
6509
  --pf-t--global--background--color--highlight--100: var(--pf-t--color--yellow--30);
6507
6510
  --pf-t--global--background--color--highlight--200: var(--pf-t--color--yellow--40);
6511
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--background--color--600);
6512
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--background--color--700);
6508
6513
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--background--color--600);
6509
6514
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
6510
6515
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
6511
- --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
6516
+ --pf-t--global--border--color--300: var(--pf-t--color--gray--45);
6512
6517
  --pf-t--global--border--color--400: var(--pf-t--color--gray--60);
6513
- --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
6518
+ --pf-t--global--border--color--50: var(--pf-t--color--gray--10);
6514
6519
  --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
6515
6520
  --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
6516
6521
  --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -6520,9 +6525,9 @@
6520
6525
  --pf-t--global--border--width--action--clicked: var(--pf-t--global--border--width--200);
6521
6526
  --pf-t--global--border--width--action--default: var(--pf-t--global--border--width--100);
6522
6527
  --pf-t--global--border--width--action--hover: var(--pf-t--global--border--width--200);
6523
- --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--200);
6528
+ --pf-t--global--border--width--box--clicked: var(--pf-t--global--border--width--300);
6524
6529
  --pf-t--global--border--width--box--default: var(--pf-t--global--border--width--100);
6525
- --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--100);
6530
+ --pf-t--global--border--width--box--hover: var(--pf-t--global--border--width--200);
6526
6531
  --pf-t--global--border--width--box--status--default: var(--pf-t--global--border--width--200);
6527
6532
  --pf-t--global--border--width--box--status--read: var(--pf-t--global--border--width--100);
6528
6533
  --pf-t--global--border--width--control--clicked: var(--pf-t--global--border--width--200);
@@ -6596,9 +6601,17 @@
6596
6601
  --pf-t--global--color--brand--300: var(--pf-t--color--blue--60);
6597
6602
  --pf-t--global--color--brand--400: var(--pf-t--color--blue--70);
6598
6603
  --pf-t--global--color--brand--500: var(--pf-t--color--blue--80);
6604
+ --pf-t--global--color--brand--accent--100: var(--pf-t--color--red--50);
6605
+ --pf-t--global--color--brand--accent--200: var(--pf-t--color--red--60);
6606
+ --pf-t--global--color--brand--accent--300: var(--pf-t--color--red--70);
6607
+ --pf-t--global--color--brand--accent--400: var(--pf-t--color--black);
6608
+ --pf-t--global--color--brand--subtle--100: var(--pf-t--color--blue--10);
6609
+ --pf-t--global--color--brand--subtle--200: var(--pf-t--color--blue--20);
6610
+ --pf-t--global--color--brand--subtle--300: var(--pf-t--color--blue--40);
6611
+ --pf-t--global--color--brand--subtle--400: var(--pf-t--color--blue--50);
6599
6612
  --pf-t--global--color--disabled--100: var(--pf-t--color--gray--30);
6600
6613
  --pf-t--global--color--disabled--200: var(--pf-t--color--gray--40);
6601
- --pf-t--global--color--disabled--300: var(--pf-t--color--gray--60);
6614
+ --pf-t--global--color--disabled--300: var(--pf-t--color--gray--50);
6602
6615
  --pf-t--global--color--favorite--100: var(--pf-t--color--yellow--30);
6603
6616
  --pf-t--global--color--favorite--200: var(--pf-t--color--yellow--40);
6604
6617
  --pf-t--global--color--favorite--300: var(--pf-t--color--yellow--70);
@@ -6664,7 +6677,7 @@
6664
6677
  --pf-t--global--color--status--custom--300: var(--pf-t--color--teal--80);
6665
6678
  --pf-t--global--color--status--danger--100: var(--pf-t--color--red-orange--60);
6666
6679
  --pf-t--global--color--status--danger--200: var(--pf-t--color--red-orange--70);
6667
- --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--80);
6680
+ --pf-t--global--color--status--danger--300: var(--pf-t--color--red-orange--70);
6668
6681
  --pf-t--global--color--status--info--100: var(--pf-t--color--purple--50);
6669
6682
  --pf-t--global--color--status--info--200: var(--pf-t--color--purple--60);
6670
6683
  --pf-t--global--color--status--info--300: var(--pf-t--color--purple--70);
@@ -6749,8 +6762,8 @@
6749
6762
  --pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
6750
6763
  --pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
6751
6764
  --pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
6752
- --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
6753
- --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
6765
+ --pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--200);
6766
+ --pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--200);
6754
6767
  --pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
6755
6768
  --pf-t--global--z-index--lg: var(--pf-t--global--z-index--400);
6756
6769
  --pf-t--global--z-index--md: var(--pf-t--global--z-index--300);
@@ -6775,8 +6788,12 @@
6775
6788
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--background--color--300);
6776
6789
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
6777
6790
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
6791
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--300);
6792
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--200);
6793
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--300);
6778
6794
  --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
6779
- --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
6795
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
6796
+ --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
6780
6797
  --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
6781
6798
  --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
6782
6799
  --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -6811,9 +6828,17 @@
6811
6828
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--300);
6812
6829
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--200);
6813
6830
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--300);
6831
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--50);
6832
+ --pf-t--global--border--radius--action--default: var(--pf-t--global--border--radius--pill);
6833
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--small);
6834
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--small);
6835
+ --pf-t--global--border--radius--control--form-element: var(--pf-t--global--border--radius--small);
6814
6836
  --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--300);
6815
6837
  --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--200);
6816
6838
  --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--300);
6839
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--200);
6840
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--color--brand--subtle--100);
6841
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--200);
6817
6842
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--200);
6818
6843
  --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--100);
6819
6844
  --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--200);
@@ -6944,7 +6969,10 @@
6944
6969
  --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--200);
6945
6970
  --pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
6946
6971
  --pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
6972
+ --pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
6947
6973
  --pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
6974
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
6975
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
6948
6976
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
6949
6977
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
6950
6978
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -6962,6 +6990,9 @@
6962
6990
  --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--clicked);
6963
6991
  --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--default);
6964
6992
  --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--hover);
6993
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
6994
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
6995
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
6965
6996
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
6966
6997
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
6967
6998
  --pf-t--global--color--status--unread--attention--default: var(--pf-t--global--color--status--danger--default);
@@ -7002,9 +7033,15 @@
7002
7033
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
7003
7034
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
7004
7035
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
7036
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7037
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
7038
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7005
7039
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7006
7040
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7007
7041
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7042
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7043
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7044
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7008
7045
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7009
7046
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7010
7047
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7077,9 +7114,15 @@
7077
7114
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
7078
7115
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
7079
7116
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
7117
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7118
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7119
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7080
7120
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7081
7121
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7082
7122
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7123
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7124
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7125
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7083
7126
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7084
7127
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7085
7128
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7114,7 +7157,15 @@
7114
7157
  --pf-t--global--text--color--status--unread--on-default--clicked: var(--pf-t--global--text--color--inverse);
7115
7158
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
7116
7159
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
7160
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7161
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7162
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7163
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7164
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7117
7165
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7166
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7167
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7168
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7118
7169
  --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7119
7170
  --pf-t--global--text-decoration--color--hover: currentcolor;
7120
7171
  --pf-t--global--text-decoration--offset--hover: calc(var(--pf-t--global--spacer--xs) + 1px);
@@ -7266,14 +7317,19 @@
7266
7317
 
7267
7318
  :root:where(.pf-v6-theme-dark) {
7268
7319
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
7320
+ --pf-t--global--background--filter--glass: 0;
7321
+ --pf-t--global--background--opacity--glass: 100;
7269
7322
  --pf-t--global--border--color--high-contrast: rgba(255, 255, 255, 0.0000);
7270
7323
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
7271
7324
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
7325
+ --pf-t--global--dark--background--color--700: rgba(199, 199, 199, 0.2500);
7272
7326
  --pf-t--global--dark--box-shadow--color--100: rgba(0, 0, 0, 0.5000);
7273
7327
  --pf-t--global--dark--box-shadow--color--200: rgba(0, 0, 0, 0.7000);
7274
7328
  --pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
7275
7329
  --pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
7276
7330
  --pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
7331
+ --pf-t--global--background--color--loading--skeleton--default: var(--pf-t--global--dark--background--color--700);
7332
+ --pf-t--global--background--color--loading--skeleton--subtle: var(--pf-t--global--dark--background--color--600);
7277
7333
  --pf-t--global--background--color--tertiary--default: var(--pf-t--global--dark--background--color--600);
7278
7334
  --pf-t--global--box-shadow--color--lg--default: var(--pf-t--global--dark--box-shadow--color--100);
7279
7335
  --pf-t--global--box-shadow--color--lg--directional: var(--pf-t--global--dark--box-shadow--color--200);
@@ -7291,10 +7347,18 @@
7291
7347
  --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
7292
7348
  --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
7293
7349
  --pf-t--global--dark--border--color--300: var(--pf-t--color--gray--30);
7294
- --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
7350
+ --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--70);
7295
7351
  --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
7296
7352
  --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
7297
7353
  --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
7354
+ --pf-t--global--dark--color--brand--accent--100: var(--pf-t--color--red--50);
7355
+ --pf-t--global--dark--color--brand--accent--200: var(--pf-t--color--red--40);
7356
+ --pf-t--global--dark--color--brand--accent--300: var(--pf-t--color--red--30);
7357
+ --pf-t--global--dark--color--brand--accent--350: var(--pf-t--color--red--20);
7358
+ --pf-t--global--dark--color--brand--accent--400: var(--pf-t--color--white);
7359
+ --pf-t--global--dark--color--brand--subtle--100: var(--pf-t--color--blue--70);
7360
+ --pf-t--global--dark--color--brand--subtle--200: var(--pf-t--color--blue--60);
7361
+ --pf-t--global--dark--color--brand--subtle--300: var(--pf-t--color--blue--30);
7298
7362
  --pf-t--global--dark--color--disabled--100: var(--pf-t--color--gray--40);
7299
7363
  --pf-t--global--dark--color--disabled--200: var(--pf-t--color--gray--50);
7300
7364
  --pf-t--global--dark--color--disabled--300: var(--pf-t--color--gray--70);
@@ -7382,9 +7446,13 @@
7382
7446
  --pf-t--global--background--color--secondary--clicked: var(--pf-t--global--dark--background--color--200);
7383
7447
  --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
7384
7448
  --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
7449
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--300);
7450
+ --pf-t--global--border--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--200);
7451
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--300);
7385
7452
  --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
7453
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--200);
7386
7454
  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
7387
- --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
7455
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--100);
7388
7456
  --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
7389
7457
  --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);
7390
7458
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
@@ -7415,9 +7483,13 @@
7415
7483
  --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
7416
7484
  --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
7417
7485
  --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--200);
7486
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--50);
7418
7487
  --pf-t--global--color--brand--clicked: var(--pf-t--global--dark--color--brand--200);
7419
7488
  --pf-t--global--color--brand--default: var(--pf-t--global--dark--color--brand--100);
7420
7489
  --pf-t--global--color--brand--hover: var(--pf-t--global--dark--color--brand--200);
7490
+ --pf-t--global--color--brand--subtle--clicked: var(--pf-t--global--dark--color--brand--subtle--200);
7491
+ --pf-t--global--color--brand--subtle--default: var(--pf-t--global--dark--color--brand--subtle--100);
7492
+ --pf-t--global--color--brand--subtle--hover: var(--pf-t--global--dark--color--brand--subtle--200);
7421
7493
  --pf-t--global--color--favorite--clicked: var(--pf-t--global--dark--color--favorite--200);
7422
7494
  --pf-t--global--color--favorite--default: var(--pf-t--global--dark--color--favorite--100);
7423
7495
  --pf-t--global--color--favorite--hover: var(--pf-t--global--dark--color--favorite--200);
@@ -7494,6 +7566,8 @@
7494
7566
  --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--250);
7495
7567
  --pf-t--global--text--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--300);
7496
7568
  --pf-t--global--text--color--subtle: var(--pf-t--global--dark--text--color--200);
7569
+ --pf-t--global--background--color--glass--floating: var(--pf-t--global--background--color--floating--default);
7570
+ --pf-t--global--background--color--glass--primary: var(--pf-t--global--background--color--primary--default);
7497
7571
  --pf-t--global--border--color--alt: var(--pf-t--global--background--color--primary--default);
7498
7572
  --pf-t--global--border--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
7499
7573
  --pf-t--global--border--color--brand--default: var(--pf-t--global--color--brand--default);
@@ -7514,6 +7588,9 @@
7514
7588
  --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7515
7589
  --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7516
7590
  --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7591
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--clicked);
7592
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--default);
7593
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--hover);
7517
7594
  --pf-t--global--color--status--read--on-primary: var(--pf-t--global--background--color--secondary--default);
7518
7595
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
7519
7596
  --pf-t--global--color--status--unread--attention--clicked: var(--pf-t--global--color--status--danger--clicked);
@@ -7552,9 +7629,15 @@
7552
7629
  --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
7553
7630
  --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
7554
7631
  --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
7632
+ --pf-t--global--icon--color--on-brand--accent--clicked: var(--pf-t--global--icon--color--inverse);
7633
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--regular);
7634
+ --pf-t--global--icon--color--on-brand--accent--hover: var(--pf-t--global--icon--color--inverse);
7555
7635
  --pf-t--global--icon--color--on-brand--clicked: var(--pf-t--global--icon--color--inverse);
7556
7636
  --pf-t--global--icon--color--on-brand--default: var(--pf-t--global--icon--color--inverse);
7557
7637
  --pf-t--global--icon--color--on-brand--hover: var(--pf-t--global--icon--color--inverse);
7638
+ --pf-t--global--icon--color--on-brand--subtle--clicked: var(--pf-t--global--icon--color--regular);
7639
+ --pf-t--global--icon--color--on-brand--subtle--default: var(--pf-t--global--icon--color--regular);
7640
+ --pf-t--global--icon--color--on-brand--subtle--hover: var(--pf-t--global--icon--color--regular);
7558
7641
  --pf-t--global--icon--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7559
7642
  --pf-t--global--icon--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
7560
7643
  --pf-t--global--icon--color--status--custom--hover: var(--pf-t--global--color--status--custom--hover);
@@ -7618,9 +7701,15 @@
7618
7701
  --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
7619
7702
  --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
7620
7703
  --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
7704
+ --pf-t--global--text--color--on-brand--accent--clicked: var(--pf-t--global--text--color--inverse);
7705
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--inverse);
7706
+ --pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--inverse);
7621
7707
  --pf-t--global--text--color--on-brand--clicked: var(--pf-t--global--text--color--inverse);
7622
7708
  --pf-t--global--text--color--on-brand--default: var(--pf-t--global--text--color--inverse);
7623
7709
  --pf-t--global--text--color--on-brand--hover: var(--pf-t--global--text--color--inverse);
7710
+ --pf-t--global--text--color--on-brand--subtle--clicked: var(--pf-t--global--text--color--regular);
7711
+ --pf-t--global--text--color--on-brand--subtle--default: var(--pf-t--global--text--color--regular);
7712
+ --pf-t--global--text--color--on-brand--subtle--hover: var(--pf-t--global--text--color--regular);
7624
7713
  --pf-t--global--text--color--placeholder: var(--pf-t--global--text--color--subtle);
7625
7714
  --pf-t--global--text--color--status--custom--clicked: var(--pf-t--global--color--status--custom--clicked);
7626
7715
  --pf-t--global--text--color--status--custom--default: var(--pf-t--global--color--status--custom--default);
@@ -7655,6 +7744,14 @@
7655
7744
  --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--clicked);
7656
7745
  --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--default);
7657
7746
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
7747
+ --pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--default);
7748
+ --pf-t--global--text-decoration--color--hover: var(--pf-t--global--border--color--hover);
7749
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7750
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7751
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7752
+ --pf-t--global--icon--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--clicked);
7753
+ --pf-t--global--icon--color--brand--accent--default: var(--pf-t--global--color--brand--accent--default);
7754
+ --pf-t--global--icon--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--hover);
7658
7755
  }
7659
7756
 
7660
7757
  :root:where(.pf-v6-theme-high-contrast) {
@@ -8750,6 +8847,234 @@
8750
8847
  --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--hover);
8751
8848
  }
8752
8849
 
8850
+ :root:where(.pf-v6-theme-glass) {
8851
+ --pf-t--global--background--color--glass--floating: rgba(255, 255, 255, 0.8000);
8852
+ --pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.8000);
8853
+ --pf-t--global--background--filter--glass: 12.5;
8854
+ --pf-t--global--background--opacity--glass: 80;
8855
+ }
8856
+
8857
+ :root:where(.pf-v6-theme-glass.pf-v6-theme-dark) {
8858
+ --pf-t--global--background--color--glass--floating: rgba(41, 41, 41, 0.8000);
8859
+ --pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.8000);
8860
+ --pf-t--global--background--filter--glass: 12.5;
8861
+ --pf-t--global--background--opacity--glass: 80;
8862
+ }
8863
+
8864
+ :root:where(.pf-v6-theme-redhat) {
8865
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8866
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8867
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8868
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8869
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8870
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8871
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8872
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8873
+ }
8874
+
8875
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-dark) {
8876
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
8877
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
8878
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
8879
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
8880
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
8881
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
8882
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
8883
+ }
8884
+
8885
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast) {
8886
+ --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
8887
+ --pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
8888
+ --pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
8889
+ --pf-t--global--border--width--action--plain--hover: var(--pf-t--global--border--width--100);
8890
+ --pf-t--global--border--width--control--hover: var(--pf-t--global--border--width--200);
8891
+ --pf-t--global--border--width--main--default: var(--pf-t--global--border--width--200);
8892
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
8893
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
8894
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
8895
+ --pf-t--global--border--color--brand--subtle--clicked: var(--pf-t--global--color--brand--subtle--400);
8896
+ --pf-t--global--border--color--brand--subtle--hover: var(--pf-t--global--color--brand--subtle--400);
8897
+ --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--400);
8898
+ --pf-t--global--border--color--control--default: var(--pf-t--global--border--color--400);
8899
+ --pf-t--global--border--color--default: var(--pf-t--global--border--color--400);
8900
+ --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--300);
8901
+ --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--500);
8902
+ --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--400);
8903
+ --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--500);
8904
+ --pf-t--global--border--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--500);
8905
+ --pf-t--global--border--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--400);
8906
+ --pf-t--global--border--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--500);
8907
+ --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--500);
8908
+ --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--500);
8909
+ --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--500);
8910
+ --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--400);
8911
+ --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--500);
8912
+ --pf-t--global--border--color--nonstatus--orangered--clicked: var(--pf-t--global--color--nonstatus--orangered--500);
8913
+ --pf-t--global--border--color--nonstatus--orangered--default: var(--pf-t--global--color--nonstatus--orangered--400);
8914
+ --pf-t--global--border--color--nonstatus--orangered--hover: var(--pf-t--global--color--nonstatus--orangered--500);
8915
+ --pf-t--global--border--color--nonstatus--purple--clicked: var(--pf-t--global--color--nonstatus--purple--500);
8916
+ --pf-t--global--border--color--nonstatus--purple--default: var(--pf-t--global--color--nonstatus--purple--400);
8917
+ --pf-t--global--border--color--nonstatus--purple--hover: var(--pf-t--global--color--nonstatus--purple--500);
8918
+ --pf-t--global--border--color--nonstatus--red--clicked: var(--pf-t--global--color--nonstatus--red--500);
8919
+ --pf-t--global--border--color--nonstatus--red--default: var(--pf-t--global--color--nonstatus--red--400);
8920
+ --pf-t--global--border--color--nonstatus--red--hover: var(--pf-t--global--color--nonstatus--red--500);
8921
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--500);
8922
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--400);
8923
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--500);
8924
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--500);
8925
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--400);
8926
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--500);
8927
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--border--color--400);
8928
+ --pf-t--global--border--color--status--success--clicked: var(--pf-t--global--color--status--success--200);
8929
+ --pf-t--global--border--color--status--success--hover: var(--pf-t--global--color--status--success--200);
8930
+ --pf-t--global--border--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8931
+ --pf-t--global--border--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8932
+ --pf-t--global--border--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8933
+ --pf-t--global--border--color--subtle: var(--pf-t--global--border--color--400);
8934
+ --pf-t--global--border--radius--action--plain--default: var(--pf-t--global--border--radius--pill);
8935
+ --pf-t--global--border--radius--control--default: var(--pf-t--global--border--radius--pill);
8936
+ --pf-t--global--border--width--high-contrast--extra-strong: var(--pf-t--global--border--width--extra-strong);
8937
+ --pf-t--global--border--width--high-contrast--regular: var(--pf-t--global--border--width--regular);
8938
+ --pf-t--global--border--width--high-contrast--strong: var(--pf-t--global--border--width--strong);
8939
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--300);
8940
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--200);
8941
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--300);
8942
+ --pf-t--global--color--brand--clicked: var(--pf-t--global--color--brand--400);
8943
+ --pf-t--global--color--brand--default: var(--pf-t--global--color--brand--300);
8944
+ --pf-t--global--color--brand--hover: var(--pf-t--global--color--brand--400);
8945
+ --pf-t--global--color--favorite--clicked: var(--pf-t--global--color--favorite--400);
8946
+ --pf-t--global--color--favorite--default: var(--pf-t--global--color--favorite--300);
8947
+ --pf-t--global--color--favorite--hover: var(--pf-t--global--color--favorite--400);
8948
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--color--nonstatus--gray--100);
8949
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--color--nonstatus--gray--50);
8950
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--color--nonstatus--gray--100);
8951
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--color--status--custom--300);
8952
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--color--status--custom--200);
8953
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--color--status--custom--300);
8954
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--color--status--danger--300);
8955
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--color--status--danger--200);
8956
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--color--status--danger--300);
8957
+ --pf-t--global--color--status--info--clicked: var(--pf-t--global--color--status--info--300);
8958
+ --pf-t--global--color--status--info--default: var(--pf-t--global--color--status--info--200);
8959
+ --pf-t--global--color--status--info--hover: var(--pf-t--global--color--status--info--300);
8960
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8961
+ --pf-t--global--color--status--success--default: var(--pf-t--global--color--status--success--200);
8962
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8963
+ --pf-t--global--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8964
+ --pf-t--global--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8965
+ --pf-t--global--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8966
+ --pf-t--global--focus-ring--color--default: var(--pf-t--global--focus-ring--color--200);
8967
+ --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--400);
8968
+ --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--300);
8969
+ --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--400);
8970
+ --pf-t--global--icon--color--severity--important--default: var(--pf-t--global--color--severity--important--200);
8971
+ --pf-t--global--icon--color--severity--minor--default: var(--pf-t--global--color--severity--minor--200);
8972
+ --pf-t--global--icon--color--severity--moderate--default: var(--pf-t--global--color--severity--moderate--200);
8973
+ --pf-t--global--icon--color--severity--none--default: var(--pf-t--global--color--severity--none--200);
8974
+ --pf-t--global--icon--color--severity--undefined--default: var(--pf-t--global--color--severity--undefined--200);
8975
+ --pf-t--global--icon--color--status--danger--clicked: var(--pf-t--global--color--status--danger--200);
8976
+ --pf-t--global--icon--color--status--danger--default: var(--pf-t--global--color--status--danger--100);
8977
+ --pf-t--global--icon--color--status--danger--hover: var(--pf-t--global--color--status--danger--200);
8978
+ --pf-t--global--icon--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8979
+ --pf-t--global--icon--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8980
+ --pf-t--global--icon--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8981
+ --pf-t--global--icon--color--subtle: var(--pf-t--global--icon--color--150);
8982
+ --pf-t--global--text--color--brand--clicked: var(--pf-t--global--color--brand--500);
8983
+ --pf-t--global--text--color--brand--default: var(--pf-t--global--color--brand--400);
8984
+ --pf-t--global--text--color--brand--hover: var(--pf-t--global--color--brand--500);
8985
+ --pf-t--global--text--color--link--default: var(--pf-t--global--text--color--link--200);
8986
+ --pf-t--global--text--color--link--hover: var(--pf-t--global--text--color--link--250);
8987
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--text--color--link--350);
8988
+ --pf-t--global--text--color--required: var(--pf-t--global--text--color--500);
8989
+ --pf-t--global--text--color--status--success--clicked: var(--pf-t--global--color--status--success--300);
8990
+ --pf-t--global--text--color--status--success--default: var(--pf-t--global--color--status--success--200);
8991
+ --pf-t--global--text--color--status--success--hover: var(--pf-t--global--color--status--success--300);
8992
+ --pf-t--global--text--color--status--warning--clicked: var(--pf-t--global--color--status--warning--600);
8993
+ --pf-t--global--text--color--status--warning--default: var(--pf-t--global--color--status--warning--500);
8994
+ --pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
8995
+ --pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
8996
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
8997
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
8998
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
8999
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9000
+ --pf-t--global--icon--color--status--on-warning--clicked: var(--pf-t--global--icon--color--inverse);
9001
+ --pf-t--global--icon--color--status--on-warning--default: var(--pf-t--global--icon--color--inverse);
9002
+ --pf-t--global--icon--color--status--on-warning--hover: var(--pf-t--global--icon--color--inverse);
9003
+ --pf-t--global--text--color--status--on-warning--clicked: var(--pf-t--global--text--color--inverse);
9004
+ --pf-t--global--text--color--status--on-warning--default: var(--pf-t--global--text--color--inverse);
9005
+ --pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
9006
+ }
9007
+
9008
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-high-contrast.pf-v6-theme-dark) {
9009
+ --pf-t--global--background--color--primary--default: var(--pf-t--color--black);
9010
+ --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
9011
+ --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
9012
+ --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--100);
9013
+ --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--200);
9014
+ --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--300);
9015
+ --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--200);
9016
+ --pf-t--global--background--color--floating--hover: var(--pf-t--global--dark--background--color--300);
9017
+ --pf-t--global--background--color--primary--clicked: var(--pf-t--global--dark--background--color--200);
9018
+ --pf-t--global--background--color--primary--hover: var(--pf-t--global--dark--background--color--200);
9019
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9020
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9021
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9022
+ --pf-t--global--border--color--control--default: var(--pf-t--global--dark--border--color--300);
9023
+ --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--300);
9024
+ --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--100);
9025
+ --pf-t--global--border--color--on-secondary: var(--pf-t--global--dark--border--color--300);
9026
+ --pf-t--global--border--color--subtle: var(--pf-t--global--dark--border--color--300);
9027
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--350);
9028
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--300);
9029
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--350);
9030
+ --pf-t--global--color--nonstatus--gray--clicked: var(--pf-t--global--dark--color--nonstatus--gray--100);
9031
+ --pf-t--global--color--nonstatus--gray--default: var(--pf-t--global--dark--color--nonstatus--gray--50);
9032
+ --pf-t--global--color--nonstatus--gray--hover: var(--pf-t--global--dark--color--nonstatus--gray--100);
9033
+ --pf-t--global--color--status--custom--clicked: var(--pf-t--global--dark--color--status--custom--300);
9034
+ --pf-t--global--color--status--custom--default: var(--pf-t--global--dark--color--status--custom--200);
9035
+ --pf-t--global--color--status--custom--hover: var(--pf-t--global--dark--color--status--custom--300);
9036
+ --pf-t--global--color--status--danger--clicked: var(--pf-t--global--dark--color--status--danger--250);
9037
+ --pf-t--global--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--200);
9038
+ --pf-t--global--color--status--danger--hover: var(--pf-t--global--dark--color--status--danger--250);
9039
+ --pf-t--global--color--status--success--clicked: var(--pf-t--global--dark--color--status--success--300);
9040
+ --pf-t--global--color--status--success--default: var(--pf-t--global--dark--color--status--success--200);
9041
+ --pf-t--global--color--status--success--hover: var(--pf-t--global--dark--color--status--success--300);
9042
+ --pf-t--global--icon--color--severity--critical--default: var(--pf-t--global--dark--color--severity--critical--200);
9043
+ --pf-t--global--text--color--link--visited: var(--pf-t--global--dark--text--color--link--400);
9044
+ --pf-t--global--text--color--on-disabled: var(--pf-t--global--dark--color--disabled--400);
9045
+ --pf-t--global--text--color--status--danger--default: var(--pf-t--global--dark--color--status--danger--300);
9046
+ --pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
9047
+ --pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
9048
+ --pf-t--global--icon--color--on-brand--accent--default: var(--pf-t--global--icon--color--inverse);
9049
+ }
9050
+
9051
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass) {
9052
+ --pf-t--global--background--color--glass--floating: rgba(255, 255, 255, 0.8000);
9053
+ --pf-t--global--background--color--glass--primary: rgba(255, 255, 255, 0.8000);
9054
+ --pf-t--global--background--filter--glass: 12.5;
9055
+ --pf-t--global--background--opacity--glass: 80;
9056
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
9057
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
9058
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
9059
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
9060
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
9061
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
9062
+ }
9063
+
9064
+ :root:where(.pf-v6-theme-redhat.pf-v6-theme-glass.pf-v6-theme-dark) {
9065
+ --pf-t--global--background--color--glass--floating: rgba(41, 41, 41, 0.8000);
9066
+ --pf-t--global--background--color--glass--primary: rgba(41, 41, 41, 0.8000);
9067
+ --pf-t--global--background--filter--glass: 12.5;
9068
+ --pf-t--global--background--opacity--glass: 80;
9069
+ --pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
9070
+ --pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
9071
+ --pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
9072
+ --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--200);
9073
+ --pf-t--global--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--100);
9074
+ --pf-t--global--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--200);
9075
+ --pf-t--global--text--color--on-brand--accent--default: var(--pf-t--global--text--color--regular);
9076
+ }
9077
+
8753
9078
  :is(.pf-v6-m-dir-rtl, [dir=rtl]) {
8754
9079
  --pf-v6-global--inverse--multiplier: -1;
8755
9080
  }
@@ -8773,31 +9098,6 @@
8773
9098
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8774
9099
  --pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8775
9100
  --pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8776
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
8777
- --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8778
- --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8779
- --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
8780
- --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
8781
- --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8782
- --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
8783
- --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
8784
- --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
8785
- --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
8786
- --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
8787
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
8788
- --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
8789
- --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
8790
- --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
8791
- --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
8792
- --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
8793
- --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
8794
- --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
8795
- --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
8796
- --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
8797
- --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
8798
- --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
8799
- --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
8800
- --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
8801
9101
  }
8802
9102
  @media screen and (min-width: 36rem) {
8803
9103
  .pf-v6-c-about-modal-box {
@@ -8806,6 +9106,14 @@
8806
9106
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
8807
9107
  }
8808
9108
  }
9109
+ .pf-v6-c-about-modal-box {
9110
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
9111
+ --pf-v6-c-about-modal-box__close--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9112
+ --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9113
+ --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
9114
+ --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
9115
+ --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9116
+ }
8809
9117
  @media only screen and (min-width: 36rem) {
8810
9118
  .pf-v6-c-about-modal-box {
8811
9119
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
@@ -8816,17 +9124,42 @@
8816
9124
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
8817
9125
  }
8818
9126
  }
9127
+ .pf-v6-c-about-modal-box {
9128
+ --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
9129
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
9130
+ --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
9131
+ --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9132
+ --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
9133
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
9134
+ --pf-v6-c-about-modal-box__header--sm--PaddingInlineStart: var(--pf-t--global--spacer--3xl);
9135
+ }
8819
9136
  @media only screen and (min-width: 36rem) {
8820
9137
  .pf-v6-c-about-modal-box {
8821
9138
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
8822
9139
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
8823
9140
  }
8824
9141
  }
9142
+ .pf-v6-c-about-modal-box {
9143
+ --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-t--global--spacer--xl);
9144
+ --pf-v6-c-about-modal-box__strapline--FontSize: var(--pf-t--global--font--size--body--sm);
9145
+ --pf-v6-c-about-modal-box__strapline--Color: var(--pf-t--global--text--color--subtle);
9146
+ --pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
9147
+ }
8825
9148
  @media only screen and (min-width: 36rem) {
8826
9149
  .pf-v6-c-about-modal-box {
8827
9150
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
8828
9151
  }
8829
9152
  }
9153
+ .pf-v6-c-about-modal-box {
9154
+ --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-t--global--spacer--xl);
9155
+ --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-t--global--spacer--xl);
9156
+ --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-t--global--spacer--xl);
9157
+ --pf-v6-c-about-modal-box__content--MarginInlineStart: var(--pf-t--global--spacer--xl);
9158
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockStart: var(--pf-t--global--spacer--2xl);
9159
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineEnd: var(--pf-t--global--spacer--3xl);
9160
+ --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
9161
+ --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
9162
+ }
8830
9163
  @media only screen and (min-width: 36rem) {
8831
9164
  .pf-v6-c-about-modal-box {
8832
9165
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
@@ -8850,7 +9183,6 @@
8850
9183
  background-repeat: no-repeat;
8851
9184
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
8852
9185
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
8853
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
8854
9186
  }
8855
9187
  @media only screen and (min-width: 36rem) {
8856
9188
  .pf-v6-c-about-modal-box {
@@ -8866,6 +9198,9 @@
8866
9198
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
8867
9199
  }
8868
9200
  }
9201
+ .pf-v6-c-about-modal-box {
9202
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
9203
+ }
8869
9204
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
8870
9205
  --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
8871
9206
  }
@@ -9006,6 +9341,18 @@
9006
9341
  --pf-v6-c-accordion__item--m-expanded__expandable-content--Opacity: 1;
9007
9342
  --pf-v6-c-accordion__expandable-content--TranslateY: 0;
9008
9343
  --pf-v6-c-accordion__item--m-expanded__expandable-content--TranslateY: 0;
9344
+ }
9345
+ @media screen and (prefers-reduced-motion: no-preference) {
9346
+ .pf-v6-c-accordion {
9347
+ --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9348
+ --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9349
+ --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9350
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9351
+ --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9352
+ --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9353
+ }
9354
+ }
9355
+ .pf-v6-c-accordion {
9009
9356
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9010
9357
  --pf-v6-c-accordion__expandable-content-body--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9011
9358
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -9031,16 +9378,6 @@
9031
9378
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9032
9379
  --pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9033
9380
  }
9034
- @media screen and (prefers-reduced-motion: no-preference) {
9035
- .pf-v6-c-accordion {
9036
- --pf-v6-c-accordion__item--before--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9037
- --pf-v6-c-accordion__item--before--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9038
- --pf-v6-c-accordion__item--before--TranslateY: -.5rem;
9039
- --pf-v6-c-accordion__expandable-content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
9040
- --pf-v6-c-accordion__expandable-content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
9041
- --pf-v6-c-accordion__expandable-content--TranslateY: -.5rem;
9042
- }
9043
- }
9044
9381
 
9045
9382
  .pf-v6-c-accordion {
9046
9383
  display: flex;
@@ -9151,13 +9488,14 @@
9151
9488
  color: var(--pf-v6-c-accordion__toggle-text--Color);
9152
9489
  }
9153
9490
 
9491
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9492
+ scale: -1 1;
9493
+ }
9494
+
9154
9495
  .pf-v6-c-accordion__toggle-icon {
9155
9496
  transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
9156
9497
  transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
9157
9498
  }
9158
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-accordion__toggle-icon {
9159
- scale: -1 1;
9160
- }
9161
9499
 
9162
9500
  .pf-v6-c-accordion__expandable-content:where([hidden]) {
9163
9501
  display: revert;
@@ -9377,14 +9715,15 @@
9377
9715
  margin-inline-end: var(--pf-v6-c-alert__toggle--MarginInlineEnd);
9378
9716
  }
9379
9717
 
9718
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9719
+ scale: -1 1;
9720
+ }
9721
+
9380
9722
  .pf-v6-c-alert__toggle-icon {
9381
9723
  display: inline-block;
9382
9724
  transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
9383
9725
  transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
9384
9726
  }
9385
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-alert__toggle-icon {
9386
- scale: -1 1;
9387
- }
9388
9727
 
9389
9728
  .pf-v6-c-alert__icon {
9390
9729
  grid-area: icon;
@@ -9401,9 +9740,9 @@
9401
9740
  }
9402
9741
  .pf-v6-c-alert__title.pf-m-truncate {
9403
9742
  display: -webkit-box;
9743
+ overflow: hidden;
9404
9744
  -webkit-box-orient: vertical;
9405
9745
  -webkit-line-clamp: var(--pf-v6-c-alert__title--max-lines);
9406
- overflow: hidden;
9407
9746
  }
9408
9747
 
9409
9748
  .pf-v6-c-alert__description {
@@ -9640,7 +9979,6 @@
9640
9979
  }
9641
9980
  .pf-v6-c-avatar.pf-m-sm {
9642
9981
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width);
9643
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
9644
9982
  }
9645
9983
  @media (min-width: 36rem) {
9646
9984
  .pf-v6-c-avatar.pf-m-sm {
@@ -9667,6 +10005,9 @@
9667
10005
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-sm--Width-on-2xl, var(--pf-v6-c-avatar--m-sm--Width-on-xl, var(--pf-v6-c-avatar--m-sm--Width-on-lg, var(--pf-v6-c-avatar--m-sm--Width-on-md, var(--pf-v6-c-avatar--m-sm--Width-on-sm, var(--pf-v6-c-avatar--m-sm--Width))))));
9668
10006
  }
9669
10007
  }
10008
+ .pf-v6-c-avatar.pf-m-sm {
10009
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height);
10010
+ }
9670
10011
  @media (min-width: 36rem) {
9671
10012
  .pf-v6-c-avatar.pf-m-sm {
9672
10013
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-sm--Height-on-sm, var(--pf-v6-c-avatar--m-sm--Height));
@@ -9694,7 +10035,6 @@
9694
10035
  }
9695
10036
  .pf-v6-c-avatar.pf-m-md {
9696
10037
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width);
9697
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
9698
10038
  }
9699
10039
  @media (min-width: 36rem) {
9700
10040
  .pf-v6-c-avatar.pf-m-md {
@@ -9721,6 +10061,9 @@
9721
10061
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-md--Width-on-2xl, var(--pf-v6-c-avatar--m-md--Width-on-xl, var(--pf-v6-c-avatar--m-md--Width-on-lg, var(--pf-v6-c-avatar--m-md--Width-on-md, var(--pf-v6-c-avatar--m-md--Width-on-sm, var(--pf-v6-c-avatar--m-md--Width))))));
9722
10062
  }
9723
10063
  }
10064
+ .pf-v6-c-avatar.pf-m-md {
10065
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height);
10066
+ }
9724
10067
  @media (min-width: 36rem) {
9725
10068
  .pf-v6-c-avatar.pf-m-md {
9726
10069
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-md--Height-on-sm, var(--pf-v6-c-avatar--m-md--Height));
@@ -9748,7 +10091,6 @@
9748
10091
  }
9749
10092
  .pf-v6-c-avatar.pf-m-lg {
9750
10093
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width);
9751
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
9752
10094
  }
9753
10095
  @media (min-width: 36rem) {
9754
10096
  .pf-v6-c-avatar.pf-m-lg {
@@ -9775,6 +10117,9 @@
9775
10117
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-lg--Width-on-2xl, var(--pf-v6-c-avatar--m-lg--Width-on-xl, var(--pf-v6-c-avatar--m-lg--Width-on-lg, var(--pf-v6-c-avatar--m-lg--Width-on-md, var(--pf-v6-c-avatar--m-lg--Width-on-sm, var(--pf-v6-c-avatar--m-lg--Width))))));
9776
10118
  }
9777
10119
  }
10120
+ .pf-v6-c-avatar.pf-m-lg {
10121
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height);
10122
+ }
9778
10123
  @media (min-width: 36rem) {
9779
10124
  .pf-v6-c-avatar.pf-m-lg {
9780
10125
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-lg--Height-on-sm, var(--pf-v6-c-avatar--m-lg--Height));
@@ -9802,7 +10147,6 @@
9802
10147
  }
9803
10148
  .pf-v6-c-avatar.pf-m-xl {
9804
10149
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width);
9805
- --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
9806
10150
  }
9807
10151
  @media (min-width: 36rem) {
9808
10152
  .pf-v6-c-avatar.pf-m-xl {
@@ -9829,6 +10173,9 @@
9829
10173
  --pf-v6-c-avatar--Width: var(--pf-v6-c-avatar--m-xl--Width-on-2xl, var(--pf-v6-c-avatar--m-xl--Width-on-xl, var(--pf-v6-c-avatar--m-xl--Width-on-lg, var(--pf-v6-c-avatar--m-xl--Width-on-md, var(--pf-v6-c-avatar--m-xl--Width-on-sm, var(--pf-v6-c-avatar--m-xl--Width))))));
9830
10174
  }
9831
10175
  }
10176
+ .pf-v6-c-avatar.pf-m-xl {
10177
+ --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height);
10178
+ }
9832
10179
  @media (min-width: 36rem) {
9833
10180
  .pf-v6-c-avatar.pf-m-xl {
9834
10181
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height));
@@ -9886,6 +10233,12 @@
9886
10233
 
9887
10234
  .pf-v6-c-background-image {
9888
10235
  --pf-v6-c-background-image--BackgroundPosition: bottom right;
10236
+ }
10237
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
10238
+ --pf-v6-c-background-image--BackgroundPosition: bottom left;
10239
+ }
10240
+
10241
+ .pf-v6-c-background-image {
9889
10242
  position: fixed;
9890
10243
  inset-block-start: 0;
9891
10244
  inset-inline-start: 0;
@@ -9898,9 +10251,6 @@
9898
10251
  background-position: var(--pf-v6-c-background-image--BackgroundPosition);
9899
10252
  background-size: var(--pf-v6-c-background-image--BackgroundSize);
9900
10253
  }
9901
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-background-image {
9902
- --pf-v6-c-background-image--BackgroundPosition: bottom left;
9903
- }
9904
10254
 
9905
10255
  .pf-v6-c-back-to-top {
9906
10256
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
@@ -10018,6 +10368,14 @@
10018
10368
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10019
10369
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10020
10370
  --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10371
+ }
10372
+ @media (min-width: 48rem) {
10373
+ .pf-v6-c-banner {
10374
+ --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10375
+ --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10376
+ }
10377
+ }
10378
+ .pf-v6-c-banner {
10021
10379
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10022
10380
  --pf-v6-c-banner--link--TextDecoration: underline;
10023
10381
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -10051,12 +10409,6 @@
10051
10409
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10052
10410
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10053
10411
  }
10054
- @media (min-width: 48rem) {
10055
- .pf-v6-c-banner {
10056
- --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
10057
- --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
10058
- }
10059
- }
10060
10412
 
10061
10413
  .pf-v6-c-banner {
10062
10414
  flex-shrink: 0;
@@ -10159,7 +10511,6 @@
10159
10511
  width: var(--pf-v6-c-brand--Width--base);
10160
10512
  height: var(--pf-v6-c-brand--Height--base);
10161
10513
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
10162
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10163
10514
  }
10164
10515
  @media (min-width: 36rem) {
10165
10516
  .pf-v6-c-brand {
@@ -10186,6 +10537,9 @@
10186
10537
  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
10187
10538
  }
10188
10539
  }
10540
+ .pf-v6-c-brand {
10541
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
10542
+ }
10189
10543
  @media (min-width: 36rem) {
10190
10544
  .pf-v6-c-brand {
10191
10545
  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
@@ -10266,15 +10620,16 @@
10266
10620
  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
10267
10621
  }
10268
10622
 
10623
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10624
+ scale: -1 1;
10625
+ }
10626
+
10269
10627
  .pf-v6-c-breadcrumb__item-divider {
10270
10628
  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
10271
10629
  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
10272
10630
  line-height: 1;
10273
10631
  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
10274
10632
  }
10275
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
10276
- scale: -1 1;
10277
- }
10278
10633
 
10279
10634
  .pf-v6-c-breadcrumb__link {
10280
10635
  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
@@ -10776,6 +11131,12 @@ button.pf-v6-c-breadcrumb__link {
10776
11131
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
10777
11132
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
10778
11133
  }
11134
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11135
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
11136
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
11137
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
11138
+ }
11139
+
10779
11140
  .pf-v6-c-button.pf-m-link.pf-m-inline {
10780
11141
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
10781
11142
  --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
@@ -10815,12 +11176,6 @@ button.pf-v6-c-breadcrumb__link {
10815
11176
  background: transparent;
10816
11177
  outline-offset: 0.125rem;
10817
11178
  }
10818
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
10819
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
10820
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
10821
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
10822
- }
10823
-
10824
11179
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
10825
11180
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
10826
11181
  }
@@ -11293,13 +11648,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11293
11648
  margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
11294
11649
  }
11295
11650
 
11651
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11652
+ scale: -1 1;
11653
+ }
11654
+
11296
11655
  .pf-v6-c-calendar-month__header-nav-control {
11297
11656
  margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
11298
11657
  margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
11299
11658
  }
11300
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
11301
- scale: -1 1;
11302
- }
11303
11659
 
11304
11660
  .pf-v6-c-calendar-month__header-month {
11305
11661
  flex-grow: 1;
@@ -11649,12 +12005,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11649
12005
  flex-wrap: wrap;
11650
12006
  row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
11651
12007
  }
11652
- .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
11653
- margin-inline-start: 0;
11654
- }
11655
12008
  .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
11656
12009
  margin-inline-end: auto;
11657
12010
  }
12011
+ .pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
12012
+ margin-inline-start: 0;
12013
+ }
11658
12014
 
11659
12015
  .pf-v6-c-card__header-main {
11660
12016
  flex-grow: 1;
@@ -11668,15 +12024,16 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11668
12024
  margin-inline-end: var(--pf-v6-c-card__header-toggle--MarginInlineEnd);
11669
12025
  }
11670
12026
 
12027
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
12028
+ scale: -1 1;
12029
+ }
12030
+
11671
12031
  .pf-v6-c-card__header-toggle-icon {
11672
12032
  display: inline-block;
11673
12033
  transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
11674
12034
  transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
11675
12035
  transition-property: transform;
11676
12036
  }
11677
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
11678
- scale: -1 1;
11679
- }
11680
12037
 
11681
12038
  .pf-v6-c-card__title-text {
11682
12039
  font-family: var(--pf-v6-c-card__title-text--FontFamily);
@@ -11942,13 +12299,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11942
12299
  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
11943
12300
  }
11944
12301
 
11945
- .pf-v6-c-clipboard-copy__toggle-icon {
11946
- transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
11947
- }
11948
12302
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
11949
12303
  scale: -1 1;
11950
12304
  }
11951
12305
 
12306
+ .pf-v6-c-clipboard-copy__toggle-icon {
12307
+ transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
12308
+ }
12309
+
11952
12310
  .pf-v6-c-clipboard-copy__expandable-content {
11953
12311
  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
11954
12312
  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
@@ -12119,8 +12477,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12119
12477
 
12120
12478
  .pf-v6-c-code-editor__container {
12121
12479
  display: flex;
12122
- flex-direction: column;
12123
12480
  flex-grow: 1;
12481
+ flex-direction: column;
12124
12482
  }
12125
12483
 
12126
12484
  .pf-v6-c-code-editor__header {
@@ -12447,23 +12805,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12447
12805
  }
12448
12806
  .pf-v6-c-compass__sidebar.pf-m-start {
12449
12807
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12450
- grid-area: sidebar-start;
12451
12808
  }
12452
12809
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-start {
12453
12810
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12454
12811
  }
12455
12812
 
12813
+ .pf-v6-c-compass__sidebar.pf-m-start {
12814
+ grid-area: sidebar-start;
12815
+ }
12456
12816
  .pf-v6-c-compass__sidebar.pf-m-start.pf-m-expanded {
12457
12817
  margin-inline-end: var(--pf-v6-c-compass--Gap);
12458
12818
  }
12459
12819
  .pf-v6-c-compass__sidebar.pf-m-end {
12460
12820
  translate: var(--pf-v6-c-compass--section--slide--length--sidebar);
12461
- grid-area: sidebar-end;
12462
12821
  }
12463
12822
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-compass__sidebar.pf-m-end {
12464
12823
  translate: calc(var(--pf-v6-c-compass--section--slide--length--sidebar) * -1);
12465
12824
  }
12466
12825
 
12826
+ .pf-v6-c-compass__sidebar.pf-m-end {
12827
+ grid-area: sidebar-end;
12828
+ }
12467
12829
  .pf-v6-c-compass__sidebar.pf-m-end.pf-m-expanded {
12468
12830
  margin-inline-start: var(--pf-v6-c-compass--Gap);
12469
12831
  }
@@ -13272,6 +13634,14 @@ ul) {
13272
13634
  --pf-v6-c-data-list--sm--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
13273
13635
  --pf-v6-c-data-list--sm--BorderBlockStartColor: var(--pf-t--global--border--color--default);
13274
13636
  --pf-v6-c-data-list--MarginInlineStart: var(--pf-t--global--spacer--md);
13637
+ }
13638
+ @media screen and (min-width: 36rem) {
13639
+ .pf-v6-c-data-list {
13640
+ --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13641
+ --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13642
+ }
13643
+ }
13644
+ .pf-v6-c-data-list {
13275
13645
  --pf-v6-c-data-list__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
13276
13646
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
13277
13647
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -13281,6 +13651,14 @@ ul) {
13281
13651
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
13282
13652
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
13283
13653
  --pf-v6-c-data-list__item--sm--BorderBlockEndColor: var(--pf-t--global--border--color--default);
13654
+ }
13655
+ @media screen and (min-width: 36rem) {
13656
+ .pf-v6-c-data-list {
13657
+ --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13658
+ --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13659
+ }
13660
+ }
13661
+ .pf-v6-c-data-list {
13284
13662
  --pf-v6-c-data-list__item-row--PaddingInlineEnd: var(--pf-t--global--spacer--md);
13285
13663
  --pf-v6-c-data-list__item-row--PaddingInlineStart: var(--pf-t--global--spacer--md);
13286
13664
  --pf-v6-c-data-list__item-row--xl--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -13376,18 +13754,6 @@ ul) {
13376
13754
  --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
13377
13755
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
13378
13756
  }
13379
- @media screen and (min-width: 36rem) {
13380
- .pf-v6-c-data-list {
13381
- --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
13382
- --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
13383
- }
13384
- }
13385
- @media screen and (min-width: 36rem) {
13386
- .pf-v6-c-data-list {
13387
- --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
13388
- --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
13389
- }
13390
- }
13391
13757
 
13392
13758
  .pf-v6-c-data-list {
13393
13759
  font-size: var(--pf-v6-c-data-list--FontSize);
@@ -13550,12 +13916,6 @@ ul) {
13550
13916
  --pf-v6-hidden-visible--hidden--Display: none;
13551
13917
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13552
13918
  display: var(--pf-v6-hidden-visible--Display);
13553
- gap: var(--pf-v6-c-data-list__item-action--Gap);
13554
- align-content: flex-start;
13555
- align-items: flex-start;
13556
- padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13557
- padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13558
- margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13559
13919
  }
13560
13920
  .pf-v6-c-data-list__item-action.pf-m-hidden {
13561
13921
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -13600,6 +13960,14 @@ ul) {
13600
13960
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
13601
13961
  }
13602
13962
  }
13963
+ .pf-v6-c-data-list__item-action {
13964
+ gap: var(--pf-v6-c-data-list__item-action--Gap);
13965
+ align-content: flex-start;
13966
+ align-items: flex-start;
13967
+ padding-block-start: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list__item-action--PaddingBlockStart--offset));
13968
+ padding-block-end: calc(var(--pf-v6-c-data-list__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset));
13969
+ margin-inline-start: var(--pf-v6-c-data-list__item-action--MarginInlineStart);
13970
+ }
13603
13971
 
13604
13972
  .pf-v6-c-data-list__toggle {
13605
13973
  margin-block-start: var(--pf-v6-c-data-list__toggle--MarginBlockStart);
@@ -13607,15 +13975,16 @@ ul) {
13607
13975
  margin-inline-start: var(--pf-v6-c-data-list__toggle--MarginInlineStart);
13608
13976
  }
13609
13977
 
13978
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13979
+ scale: -1 1;
13980
+ }
13981
+
13610
13982
  .pf-v6-c-data-list__toggle-icon {
13611
13983
  height: var(--pf-v6-c-data-list__toggle-icon--Height);
13612
13984
  pointer-events: none;
13613
13985
  transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
13614
13986
  transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
13615
13987
  }
13616
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-data-list__toggle-icon {
13617
- scale: -1 1;
13618
- }
13619
13988
 
13620
13989
  .pf-v6-c-data-list__item-content {
13621
13990
  display: grid;
@@ -13710,6 +14079,13 @@ ul) {
13710
14079
  --pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
13711
14080
  --pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
13712
14081
  --pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
14082
+ }
14083
+ @media screen and (min-width: 36rem) {
14084
+ .pf-v6-c-description-list {
14085
+ --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
14086
+ }
14087
+ }
14088
+ .pf-v6-c-description-list {
13713
14089
  --pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
13714
14090
  --pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
13715
14091
  --pf-v6-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -13738,11 +14114,6 @@ ul) {
13738
14114
  --pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
13739
14115
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
13740
14116
  }
13741
- @media screen and (min-width: 36rem) {
13742
- .pf-v6-c-description-list {
13743
- --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
13744
- }
13745
- }
13746
14117
  @media (min-width: 36rem) {
13747
14118
  .pf-v6-c-description-list {
13748
14119
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
@@ -14124,6 +14495,15 @@ ul) {
14124
14495
  --pf-v6-c-dual-list-selector--m-expanded__list--Opacity: 1;
14125
14496
  --pf-v6-c-dual-list-selector__list--TranslateY: 0;
14126
14497
  --pf-v6-c-dual-list-selector--m-expanded__list--TranslateY: 0;
14498
+ }
14499
+ @media screen and (prefers-reduced-motion: no-preference) {
14500
+ .pf-v6-c-dual-list-selector {
14501
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14502
+ --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14503
+ --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14504
+ }
14505
+ }
14506
+ .pf-v6-c-dual-list-selector {
14127
14507
  --pf-v6-c-dual-list-selector__list-item-row--FontSize: var(--pf-t--global--font--size--sm);
14128
14508
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
14129
14509
  --pf-v6-c-dual-list-selector__list-item-row--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
@@ -14165,13 +14545,6 @@ ul) {
14165
14545
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
14166
14546
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
14167
14547
  }
14168
- @media screen and (prefers-reduced-motion: no-preference) {
14169
- .pf-v6-c-dual-list-selector {
14170
- --pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
14171
- --pf-v6-c-dual-list-selector__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
14172
- --pf-v6-c-dual-list-selector__list--TranslateY: -.5rem;
14173
- }
14174
- }
14175
14548
 
14176
14549
  .pf-v6-c-dual-list-selector {
14177
14550
  display: grid;
@@ -14242,8 +14615,6 @@ ul) {
14242
14615
 
14243
14616
  .pf-v6-c-dual-list-selector__list {
14244
14617
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
14245
- display: flex;
14246
- flex-direction: column;
14247
14618
  }
14248
14619
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list {
14249
14620
  --pf-v6-c-dual-list-selector__item-toggle--MarginBlockStart: 0;
@@ -14251,16 +14622,22 @@ ul) {
14251
14622
  }
14252
14623
  .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14253
14624
  transform: translateX(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX));
14254
- position: absolute;
14255
- inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14256
14625
  }
14257
14626
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14258
14627
  transform: translateX(calc(var(--pf-v6-c-dual-list-selector__list__list__item-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
14259
14628
  }
14260
14629
 
14630
+ .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__list .pf-v6-c-dual-list-selector__item-toggle {
14631
+ position: absolute;
14632
+ inset-inline-start: var(--pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart);
14633
+ }
14261
14634
  .pf-v6-c-dual-list-selector__list.pf-m-drag-over {
14262
14635
  overflow-anchor: none;
14263
14636
  }
14637
+ .pf-v6-c-dual-list-selector__list {
14638
+ display: flex;
14639
+ flex-direction: column;
14640
+ }
14264
14641
 
14265
14642
  .pf-v6-c-dual-list-selector__list-item:focus-visible {
14266
14643
  --pf-v6-c-dual-list-selector__list-item-row--BackgroundColor: var(--pf-v6-c-dual-list-selector__list-item-row--hover--BackgroundColor);
@@ -14545,11 +14922,6 @@ ul) {
14545
14922
  --pf-v6-hidden-visible--hidden--Display: none;
14546
14923
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14547
14924
  display: var(--pf-v6-hidden-visible--Display);
14548
- flex-shrink: 0;
14549
- align-items: stretch;
14550
- align-self: stretch;
14551
- justify-content: center;
14552
- border: 0;
14553
14925
  }
14554
14926
  .pf-v6-c-divider.pf-m-hidden {
14555
14927
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -14594,6 +14966,13 @@ ul) {
14594
14966
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
14595
14967
  }
14596
14968
  }
14969
+ .pf-v6-c-divider {
14970
+ flex-shrink: 0;
14971
+ align-items: stretch;
14972
+ align-self: stretch;
14973
+ justify-content: center;
14974
+ border: 0;
14975
+ }
14597
14976
  .pf-v6-c-divider::before {
14598
14977
  flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
14599
14978
  content: "";
@@ -14895,6 +15274,19 @@ ul) {
14895
15274
  --pf-v6-c-drawer__panel--m-glass--BackgroundColor: var(--pf-t--global--background--color--glass--default);
14896
15275
  --pf-v6-c-drawer__panel--m-glass--BackdropFilter: var(--pf-t--global--background--color--glass--filter);
14897
15276
  --pf-v6-c-drawer__panel--m-glass--BorderColor: var(--pf-t--global--border--color--alt);
15277
+ }
15278
+ @media screen and (prefers-reduced-motion: no-preference) {
15279
+ .pf-v6-c-drawer {
15280
+ --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
15281
+ --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
15282
+ --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
15283
+ --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
15284
+ --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
15285
+ --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
15286
+ --pf-v6-c-drawer__panel--Opacity: 1;
15287
+ }
15288
+ }
15289
+ .pf-v6-c-drawer {
14898
15290
  --pf-v6-c-drawer__head--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
14899
15291
  --pf-v6-c-drawer__head--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14900
15292
  --pf-v6-c-drawer__head--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -14957,6 +15349,17 @@ ul) {
14957
15349
  --pf-v6-c-drawer__splitter-handle--after--Height: 0.25rem;
14958
15350
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Width: 0.25rem;
14959
15351
  --pf-v6-c-drawer__splitter--m-vertical__splitter-handle--after--Height: 0.75rem;
15352
+ }
15353
+ @media screen and (min-width: 75rem) {
15354
+ .pf-v6-c-drawer {
15355
+ --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
15356
+ }
15357
+ .pf-v6-c-drawer.pf-m-panel-bottom {
15358
+ --pf-v6-c-drawer__panel--MinWidth: auto;
15359
+ --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
15360
+ }
15361
+ }
15362
+ .pf-v6-c-drawer {
14960
15363
  --pf-v6-c-drawer__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--compact) * -1.5);
14961
15364
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14962
15365
  --pf-v6-c-drawer__panel--BoxShadow: none;
@@ -14971,43 +15374,27 @@ ul) {
14971
15374
  --pf-v6-c-drawer--m-panel-left--m-inline__panel--PaddingInlineEnd: 0;
14972
15375
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: 0;
14973
15376
  }
14974
- @media screen and (prefers-reduced-motion: no-preference) {
14975
- .pf-v6-c-drawer {
14976
- --pf-v6-c-drawer__panel--TransitionDuration--slide: var(--pf-t--global--motion--duration--slide-in--short);
14977
- --pf-v6-c-drawer__panel--TransitionDelay--focus: var(--pf-v6-c-drawer__panel--TransitionDuration--slide);
14978
- --pf-v6-c-drawer__panel--TransitionDelay: 0s, 0s, 0s, 0s, var(--pf-v6-c-drawer__panel--TransitionDelay--focus);
14979
- --pf-v6-c-drawer__panel--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
14980
- --pf-v6-c-drawer__panel--TransitionDuration: 0s, var(--pf-v6-c-drawer__panel--TransitionDuration--slide), 0s, 0s, 0s;
14981
- --pf-v6-c-drawer__panel--TransitionProperty: margin, transform, box-shadow, flex-basis, visibility;
14982
- --pf-v6-c-drawer__panel--Opacity: 1;
14983
- }
14984
- }
14985
- @media screen and (min-width: 75rem) {
14986
- .pf-v6-c-drawer {
14987
- --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
14988
- }
14989
- .pf-v6-c-drawer.pf-m-panel-bottom {
14990
- --pf-v6-c-drawer__panel--MinWidth: auto;
14991
- --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
14992
- }
14993
- }
14994
15377
 
14995
15378
  .pf-v6-c-drawer {
14996
15379
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
14997
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
14998
- display: flex;
14999
- flex-direction: column;
15000
- height: 100%;
15001
- overflow-x: hidden;
15002
15380
  }
15003
15381
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
15004
15382
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15005
15383
  }
15006
15384
 
15385
+ .pf-v6-c-drawer {
15386
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--right);
15387
+ }
15007
15388
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
15008
15389
  --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--md--left);
15009
15390
  }
15010
15391
 
15392
+ .pf-v6-c-drawer {
15393
+ display: flex;
15394
+ flex-direction: column;
15395
+ height: 100%;
15396
+ overflow-x: hidden;
15397
+ }
15011
15398
  .pf-v6-c-drawer.pf-m-inline, .pf-v6-c-drawer.pf-m-static {
15012
15399
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-v6-c-drawer__panel--m-inline--BackgroundColor);
15013
15400
  --pf-v6-c-drawer__panel--BorderInlineStartWidth: var(--pf-v6-c-drawer--m-inline__panel--after--Width);
@@ -15037,13 +15424,15 @@ ul) {
15037
15424
  }
15038
15425
  .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15039
15426
  transform: translateX(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)));
15040
- --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15041
- visibility: visible;
15042
15427
  }
15043
15428
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15044
15429
  transform: translateX(calc(calc(-100% - var(--pf-v6-c-drawer--m-expanded__panel--inset)) * var(--pf-v6-global--inverse--multiplier)));
15045
15430
  }
15046
15431
 
15432
+ .pf-v6-c-drawer.pf-m-expanded > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15433
+ --pf-v6-c-drawer__panel--Opacity: var(--pf-v6-c-drawer--m-expanded__panel--Opacity);
15434
+ visibility: visible;
15435
+ }
15047
15436
  .pf-v6-c-drawer.pf-m-expanded.pf-m-panel-left > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel {
15048
15437
  transform: translateX(0);
15049
15438
  }
@@ -15100,8 +15489,8 @@ ul) {
15100
15489
  .pf-v6-c-drawer__panel,
15101
15490
  .pf-v6-c-drawer__panel-main {
15102
15491
  display: flex;
15103
- flex-direction: column;
15104
15492
  flex-shrink: 0;
15493
+ flex-direction: column;
15105
15494
  overflow: auto;
15106
15495
  }
15107
15496
 
@@ -15908,6 +16297,17 @@ ul) {
15908
16297
  --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: 0;
15909
16298
  --pf-v6-c-expandable-section--m-expanded__content--Opacity: 1;
15910
16299
  --pf-v6-c-expandable-section--m-expanded__content--TranslateY: 0;
16300
+ }
16301
+ @media screen and (prefers-reduced-motion: no-preference) {
16302
+ .pf-v6-c-expandable-section {
16303
+ --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
16304
+ --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
16305
+ --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
16306
+ --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
16307
+ --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
16308
+ }
16309
+ }
16310
+ .pf-v6-c-expandable-section {
15911
16311
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
15912
16312
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
15913
16313
  --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -15924,15 +16324,6 @@ ul) {
15924
16324
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
15925
16325
  --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
15926
16326
  }
15927
- @media screen and (prefers-reduced-motion: no-preference) {
15928
- .pf-v6-c-expandable-section {
15929
- --pf-v6-c-expandable-section__content--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
15930
- --pf-v6-c-expandable-section__content--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
15931
- --pf-v6-c-expandable-section__content--TranslateY: -.5rem;
15932
- --pf-v6-c-expandable-section--m-expand-top__content--TranslateY: .5rem;
15933
- --pf-v6-c-expandable-section--m-expand-bottom__content--TranslateY: -.5rem;
15934
- }
15935
- }
15936
16327
 
15937
16328
  .pf-v6-c-expandable-section {
15938
16329
  display: flex;
@@ -15991,9 +16382,13 @@ ul) {
15991
16382
  }
15992
16383
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
15993
16384
  display: -webkit-box;
16385
+ overflow: hidden;
15994
16386
  -webkit-box-orient: vertical;
15995
16387
  -webkit-line-clamp: var(--pf-v6-c-expandable-section--m-truncate__content--LineClamp);
15996
- overflow: hidden;
16388
+ }
16389
+
16390
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16391
+ scale: -1 1;
15997
16392
  }
15998
16393
 
15999
16394
  .pf-v6-c-expandable-section__toggle-icon {
@@ -16003,10 +16398,6 @@ ul) {
16003
16398
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
16004
16399
  transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
16005
16400
  }
16006
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-expandable-section__toggle-icon {
16007
- scale: -1 1;
16008
- }
16009
-
16010
16401
  .pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
16011
16402
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
16012
16403
  }
@@ -16589,8 +16980,8 @@ ul) {
16589
16980
 
16590
16981
  .pf-v6-c-form__field-group-header-main {
16591
16982
  display: flex;
16592
- flex-direction: column;
16593
16983
  flex-grow: 1;
16984
+ flex-direction: column;
16594
16985
  }
16595
16986
 
16596
16987
  .pf-v6-c-form__field-group-header-title {
@@ -16831,8 +17222,8 @@ ul) {
16831
17222
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
16832
17223
  }
16833
17224
  .pf-v6-c-form-control.pf-m-textarea > textarea {
16834
- outline-offset: 0;
16835
17225
  scrollbar-gutter: stable;
17226
+ outline-offset: 0;
16836
17227
  }
16837
17228
  .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
16838
17229
  padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
@@ -17975,6 +18366,10 @@ label.pf-v6-c-input-group__text {
17975
18366
  margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
17976
18367
  }
17977
18368
 
18369
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
18370
+ scale: -1 1;
18371
+ }
18372
+
17978
18373
  .pf-v6-c-jump-links__toggle-icon {
17979
18374
  display: inline-block;
17980
18375
  color: var(--pf-v6-c-jump-links__toggle-icon--Color);
@@ -17983,9 +18378,6 @@ label.pf-v6-c-input-group__text {
17983
18378
  transition-property: transform;
17984
18379
  transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
17985
18380
  }
17986
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
17987
- scale: -1 1;
17988
- }
17989
18381
 
17990
18382
  .pf-v6-c-label {
17991
18383
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -18482,6 +18874,10 @@ input.pf-v6-c-label__content {
18482
18874
  .pf-v6-c-label__actions {
18483
18875
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
18484
18876
  }
18877
+ .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18878
+ --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18879
+ }
18880
+
18485
18881
  .pf-v6-c-label__actions .pf-v6-c-button {
18486
18882
  --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
18487
18883
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
@@ -18492,9 +18888,6 @@ input.pf-v6-c-label__content {
18492
18888
  margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
18493
18889
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
18494
18890
  }
18495
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
18496
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
18497
- }
18498
18891
 
18499
18892
  .pf-v6-c-label-group {
18500
18893
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
@@ -18635,9 +19028,9 @@ input.pf-v6-c-label__content {
18635
19028
  padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
18636
19029
  white-space: nowrap;
18637
19030
  resize: none;
18638
- border: 0;
18639
- -ms-overflow-style: none;
18640
19031
  scrollbar-width: none;
19032
+ -ms-overflow-style: none;
19033
+ border: 0;
18641
19034
  }
18642
19035
  .pf-v6-c-label-group__textarea::-webkit-scrollbar {
18643
19036
  display: none;
@@ -18723,18 +19116,48 @@ ul.pf-v6-c-list {
18723
19116
  --pf-v6-c-login__container--PaddingInlineStart: 6.125rem;
18724
19117
  --pf-v6-c-login__container--PaddingInlineEnd: 6.125rem;
18725
19118
  --pf-v6-c-login__container--xl--GridTemplateColumns: 34rem minmax(auto, 34rem);
19119
+ }
19120
+ @media (min-width: 75rem) {
19121
+ .pf-v6-c-login {
19122
+ --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
19123
+ }
19124
+ }
19125
+ .pf-v6-c-login {
18726
19126
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
18727
19127
  --pf-v6-c-login__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
18728
19128
  --pf-v6-c-login__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19129
+ }
19130
+ @media (min-width: 36rem) {
19131
+ .pf-v6-c-login {
19132
+ --pf-v6-c-login__header--PaddingInlineEnd: 0;
19133
+ --pf-v6-c-login__header--PaddingInlineStart: 0;
19134
+ }
19135
+ }
19136
+ .pf-v6-c-login {
18729
19137
  --pf-v6-c-login__header--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
18730
19138
  --pf-v6-c-login__header--xl--MarginBlockStart: var(--pf-t--global--spacer--3xl);
18731
19139
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18732
19140
  --pf-v6-c-login__header--c-brand--xl--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
19141
+ }
19142
+ @media (min-width: 75rem) {
19143
+ .pf-v6-c-login {
19144
+ --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
19145
+ --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
19146
+ }
19147
+ }
19148
+ .pf-v6-c-login {
18733
19149
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18734
19150
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18735
19151
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18736
19152
  --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18737
19153
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
19154
+ }
19155
+ @media (min-width: 75rem) {
19156
+ .pf-v6-c-login {
19157
+ --pf-v6-c-login__main--MarginBlockEnd: 0;
19158
+ }
19159
+ }
19160
+ .pf-v6-c-login {
18738
19161
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18739
19162
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18740
19163
  --pf-v6-c-login__main-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -18746,11 +19169,28 @@ ul.pf-v6-c-list {
18746
19169
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-t--global--spacer--sm);
18747
19170
  --pf-v6-c-login__main-header-desc--md--MarginBlockEnd: 0;
18748
19171
  --pf-v6-c-login__main-header-desc--FontSize: var(--pf-t--global--font--size--body--default);
19172
+ }
19173
+ @media (min-width: 48rem) {
19174
+ .pf-v6-c-login {
19175
+ --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
19176
+ --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
19177
+ --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
19178
+ }
19179
+ }
19180
+ .pf-v6-c-login {
18749
19181
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18750
19182
  --pf-v6-c-login__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
18751
19183
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18752
19184
  --pf-v6-c-login__main-body--md--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
18753
19185
  --pf-v6-c-login__main-body--md--PaddingInlineStart: var(--pf-t--global--spacer--2xl);
19186
+ }
19187
+ @media (min-width: 48rem) {
19188
+ .pf-v6-c-login {
19189
+ --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
19190
+ --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
19191
+ }
19192
+ }
19193
+ .pf-v6-c-login {
18754
19194
  --pf-v6-c-login__main-footer--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
18755
19195
  --pf-v6-c-login__main-footer--c-title--MarginBlockEnd: var(--pf-t--global--spacer--md);
18756
19196
  --pf-v6-c-login__main-footer-links--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -18768,43 +19208,6 @@ ul.pf-v6-c-list {
18768
19208
  --pf-v6-c-login__main-footer-band-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
18769
19209
  --pf-v6-c-login__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
18770
19210
  --pf-v6-c-login__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
18771
- --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
18772
- --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18773
- }
18774
- @media (min-width: 75rem) {
18775
- .pf-v6-c-login {
18776
- --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
18777
- }
18778
- }
18779
- @media (min-width: 36rem) {
18780
- .pf-v6-c-login {
18781
- --pf-v6-c-login__header--PaddingInlineEnd: 0;
18782
- --pf-v6-c-login__header--PaddingInlineStart: 0;
18783
- }
18784
- }
18785
- @media (min-width: 75rem) {
18786
- .pf-v6-c-login {
18787
- --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
18788
- --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
18789
- }
18790
- }
18791
- @media (min-width: 75rem) {
18792
- .pf-v6-c-login {
18793
- --pf-v6-c-login__main--MarginBlockEnd: 0;
18794
- }
18795
- }
18796
- @media (min-width: 48rem) {
18797
- .pf-v6-c-login {
18798
- --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
18799
- --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
18800
- --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
18801
- }
18802
- }
18803
- @media (min-width: 48rem) {
18804
- .pf-v6-c-login {
18805
- --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
18806
- --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
18807
- }
18808
19211
  }
18809
19212
  @media (min-width: 36rem) {
18810
19213
  .pf-v6-c-login {
@@ -18812,6 +19215,10 @@ ul.pf-v6-c-list {
18812
19215
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
18813
19216
  }
18814
19217
  }
19218
+ .pf-v6-c-login {
19219
+ --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-t--global--spacer--md);
19220
+ --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
19221
+ }
18815
19222
  @media (min-width: 75rem) {
18816
19223
  .pf-v6-c-login {
18817
19224
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
@@ -19022,6 +19429,11 @@ ul.pf-v6-c-list {
19022
19429
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
19023
19430
  }
19024
19431
 
19432
+ .pf-v6-c-masthead .pf-v6-c-toolbar {
19433
+ --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19434
+ --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19435
+ --pf-v6-c-toolbar__content--MinWidth: 0;
19436
+ }
19025
19437
  .pf-v6-c-masthead {
19026
19438
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
19027
19439
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
@@ -19035,23 +19447,6 @@ ul.pf-v6-c-list {
19035
19447
  --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
19036
19448
  --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
19037
19449
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
19038
- display: grid;
19039
- grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19040
- grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19041
- row-gap: var(--pf-v6-c-masthead--RowGap);
19042
- column-gap: var(--pf-v6-c-masthead--ColumnGap);
19043
- align-items: start;
19044
- min-width: 0;
19045
- padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19046
- padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19047
- padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19048
- padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19049
- background-color: var(--pf-v6-c-masthead--BackgroundColor);
19050
- }
19051
- .pf-v6-c-masthead .pf-v6-c-toolbar {
19052
- --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
19053
- --pf-v6-c-toolbar--PaddingBlockEnd: 0;
19054
- --pf-v6-c-toolbar__content--MinWidth: 0;
19055
19450
  }
19056
19451
  @media screen and (min-width: 48rem) {
19057
19452
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
@@ -19069,6 +19464,20 @@ ul.pf-v6-c-list {
19069
19464
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
19070
19465
  }
19071
19466
  }
19467
+ .pf-v6-c-masthead {
19468
+ display: grid;
19469
+ grid-template-rows: var(--pf-v6-c-masthead--GridTemplateRows);
19470
+ grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
19471
+ row-gap: var(--pf-v6-c-masthead--RowGap);
19472
+ column-gap: var(--pf-v6-c-masthead--ColumnGap);
19473
+ align-items: start;
19474
+ min-width: 0;
19475
+ padding-block-start: var(--pf-v6-c-masthead--PaddingBlockStart, var(--pf-v6-c-masthead--PaddingBlock));
19476
+ padding-block-end: var(--pf-v6-c-masthead--PaddingBlockEnd, var(--pf-v6-c-masthead--PaddingBlock));
19477
+ padding-inline-start: var(--pf-v6-c-masthead--PaddingInlineStart, var(--pf-v6-c-masthead--PaddingInline));
19478
+ padding-inline-end: var(--pf-v6-c-masthead--PaddingInlineEnd, var(--pf-v6-c-masthead--PaddingInline));
19479
+ background-color: var(--pf-v6-c-masthead--BackgroundColor);
19480
+ }
19072
19481
  .pf-v6-c-masthead.pf-m-docked {
19073
19482
  --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
19074
19483
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
@@ -19103,8 +19512,8 @@ ul.pf-v6-c-list {
19103
19512
  backdrop-filter: var(--pf-v6-c-masthead--m-docked--BackdropFilter);
19104
19513
  }
19105
19514
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-masthead__content {
19106
- flex-direction: column;
19107
19515
  flex-grow: 1;
19516
+ flex-direction: column;
19108
19517
  align-self: revert;
19109
19518
  }
19110
19519
  .pf-v6-c-masthead.pf-m-docked .pf-v6-c-toolbar {
@@ -19574,6 +19983,13 @@ ul.pf-v6-c-list {
19574
19983
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
19575
19984
  --pf-v6-c-menu--TransitionDuration: 0s;
19576
19985
  --pf-v6-c-menu--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
19986
+ }
19987
+ @media (prefers-reduced-motion: no-preference) {
19988
+ .pf-v6-c-menu {
19989
+ --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19990
+ }
19991
+ }
19992
+ .pf-v6-c-menu {
19577
19993
  --pf-v6-c-menu--m-plain--BoxShadow: none;
19578
19994
  --pf-v6-c-menu__content--RowGap: var(--pf-v6-c-menu--RowGap);
19579
19995
  --pf-v6-c-menu__content--Height: auto;
@@ -19653,33 +20069,34 @@ ul.pf-v6-c-list {
19653
20069
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--motion--duration--slide-in--default);
19654
20070
  --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19655
20071
  --pf-v6-c-menu--m-drilldown__content--Transition: height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19656
- --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
19657
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
19658
- --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
19659
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
19660
- --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
19661
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
19662
- }
19663
- @media (prefers-reduced-motion: no-preference) {
19664
- .pf-v6-c-menu {
19665
- --pf-v6-c-menu--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
19666
- }
19667
20072
  }
19668
20073
  @media (prefers-reduced-motion: no-preference) {
19669
20074
  .pf-v6-c-menu {
19670
20075
  --pf-v6-c-menu--m-drilldown__content--Transition: transform var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform), height var(--pf-v6-c-menu--m-drilldown__content--TransitionDuration--height);
19671
20076
  }
19672
20077
  }
20078
+ .pf-v6-c-menu {
20079
+ --pf-v6-c-menu--m-drilldown--c-menu--InsetBlockStart: 0;
20080
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: 0s;
20081
+ --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20082
+ }
19673
20083
  @media (prefers-reduced-motion: no-preference) {
19674
20084
  .pf-v6-c-menu {
19675
20085
  --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19676
20086
  }
19677
20087
  }
20088
+ .pf-v6-c-menu {
20089
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: 0s;
20090
+ --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20091
+ }
19678
20092
  @media (prefers-reduced-motion: no-preference) {
19679
20093
  .pf-v6-c-menu {
19680
20094
  --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
19681
20095
  }
19682
20096
  }
20097
+ .pf-v6-c-menu {
20098
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20099
+ }
19683
20100
 
19684
20101
  .pf-v6-c-menu__content,
19685
20102
  .pf-v6-c-menu__list-item,
@@ -20137,13 +20554,14 @@ ul.pf-v6-c-list {
20137
20554
  --pf-v6-c-check__input--TranslateY: none;
20138
20555
  }
20139
20556
 
20140
- .pf-v6-c-menu__item-toggle-icon {
20141
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20142
- }
20143
20557
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
20144
20558
  scale: -1 1;
20145
20559
  }
20146
20560
 
20561
+ .pf-v6-c-menu__item-toggle-icon {
20562
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
20563
+ }
20564
+
20147
20565
  .pf-v6-c-menu__item-icon {
20148
20566
  color: var(--pf-v6-c-menu__item--icon--Color, inherit);
20149
20567
  }
@@ -20734,6 +21152,13 @@ ul.pf-v6-c-list {
20734
21152
  --pf-v6-c-modal-box--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
20735
21153
  --pf-v6-c-modal-box--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
20736
21154
  --pf-v6-c-modal-box--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
21155
+ }
21156
+ @media (min-width: 75rem) {
21157
+ .pf-v6-c-modal-box {
21158
+ --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
21159
+ }
21160
+ }
21161
+ .pf-v6-c-modal-box {
20737
21162
  --pf-v6-c-modal-box__header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
20738
21163
  --pf-v6-c-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20739
21164
  --pf-v6-c-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -20765,11 +21190,6 @@ ul.pf-v6-c-list {
20765
21190
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
20766
21191
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
20767
21192
  }
20768
- @media (min-width: 75rem) {
20769
- .pf-v6-c-modal-box {
20770
- --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
20771
- }
20772
- }
20773
21193
 
20774
21194
  .pf-v6-c-modal-box {
20775
21195
  position: relative;
@@ -20831,8 +21251,8 @@ ul.pf-v6-c-list {
20831
21251
 
20832
21252
  .pf-v6-c-modal-box__header {
20833
21253
  display: flex;
20834
- flex-direction: column;
20835
21254
  flex-shrink: 0;
21255
+ flex-direction: column;
20836
21256
  gap: var(--pf-v6-c-modal-box__header--Gap);
20837
21257
  padding-block-start: var(--pf-v6-c-modal-box__header--PaddingBlockStart);
20838
21258
  padding-block-end: var(--pf-v6-c-modal-box__header--PaddingBlockEnd);
@@ -20849,8 +21269,8 @@ ul.pf-v6-c-list {
20849
21269
 
20850
21270
  .pf-v6-c-modal-box__header-main {
20851
21271
  display: flex;
20852
- flex-direction: column;
20853
21272
  flex-grow: 1;
21273
+ flex-direction: column;
20854
21274
  gap: var(--pf-v6-c-modal-box__header-main--Gap);
20855
21275
  min-width: 0;
20856
21276
  padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
@@ -21204,6 +21624,15 @@ ul.pf-v6-c-list {
21204
21624
  --pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
21205
21625
  --pf-v6-c-nav__subnav--TranslateY: 0;
21206
21626
  --pf-v6-c-nav__subnav--hidden--TranslateY: 0;
21627
+ }
21628
+ @media screen and (prefers-reduced-motion: no-preference) {
21629
+ .pf-v6-c-nav {
21630
+ --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21631
+ --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21632
+ --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21633
+ }
21634
+ }
21635
+ .pf-v6-c-nav {
21207
21636
  --pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
21208
21637
  --pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
21209
21638
  --pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
@@ -21239,13 +21668,6 @@ ul.pf-v6-c-list {
21239
21668
  --pf-v6-c-nav--m-docked__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21240
21669
  --pf-v6-c-nav--m-docked__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21241
21670
  }
21242
- @media screen and (prefers-reduced-motion: no-preference) {
21243
- .pf-v6-c-nav {
21244
- --pf-v6-c-nav__subnav--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
21245
- --pf-v6-c-nav__subnav--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
21246
- --pf-v6-c-nav__subnav--hidden--TranslateY: -.5rem;
21247
- }
21248
- }
21249
21671
 
21250
21672
  .pf-v6-c-nav,
21251
21673
  .pf-v6-c-nav__section,
@@ -21530,12 +21952,14 @@ ul.pf-v6-c-list {
21530
21952
  scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
21531
21953
  scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
21532
21954
  -webkit-overflow-scrolling: touch;
21533
- scrollbar-width: none;
21534
- -ms-overflow-style: -ms-autohiding-scrollbar;
21535
21955
  }
21536
21956
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
21537
21957
  display: none;
21538
21958
  }
21959
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
21960
+ scrollbar-width: none;
21961
+ -ms-overflow-style: -ms-autohiding-scrollbar;
21962
+ }
21539
21963
  .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
21540
21964
  outline-offset: var(--pf-v6-c-nav--OutlineOffset);
21541
21965
  }
@@ -21750,9 +22174,9 @@ ul.pf-v6-c-list {
21750
22174
  }
21751
22175
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
21752
22176
  display: -webkit-box;
22177
+ overflow: hidden;
21753
22178
  -webkit-box-orient: vertical;
21754
22179
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__list-item-header-title--max-lines);
21755
- overflow: hidden;
21756
22180
  }
21757
22181
 
21758
22182
  .pf-v6-c-notification-drawer__list-item-action {
@@ -21806,9 +22230,9 @@ ul.pf-v6-c-list {
21806
22230
 
21807
22231
  .pf-v6-c-notification-drawer__group-toggle-title {
21808
22232
  display: -webkit-box;
22233
+ overflow: hidden;
21809
22234
  -webkit-box-orient: vertical;
21810
22235
  -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
21811
- overflow: hidden;
21812
22236
  flex: 1;
21813
22237
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
21814
22238
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
@@ -21821,15 +22245,15 @@ ul.pf-v6-c-list {
21821
22245
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
21822
22246
  }
21823
22247
 
22248
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
22249
+ scale: -1 1;
22250
+ }
22251
+
21824
22252
  .pf-v6-c-notification-drawer__group-toggle-icon {
21825
22253
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
21826
22254
  color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
21827
22255
  transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
21828
22256
  }
21829
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
21830
- scale: -1 1;
21831
- }
21832
-
21833
22257
  .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
21834
22258
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
21835
22259
  }
@@ -21898,6 +22322,15 @@ ul.pf-v6-c-list {
21898
22322
  --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
21899
22323
  --pf-v6-c-page__sidebar--BorderInlineEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21900
22324
  --pf-v6-c-page__sidebar--BorderInlineEndColor: var(--pf-t--global--border--color--high-contrast);
22325
+ }
22326
+ @media screen and (prefers-reduced-motion: no-preference) {
22327
+ .pf-v6-c-page {
22328
+ --pf-v6-c-page__sidebar--Opacity: 1;
22329
+ --pf-v6-c-page__sidebar--TransitionProperty: transform;
22330
+ --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
22331
+ }
22332
+ }
22333
+ .pf-v6-c-page {
21901
22334
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21902
22335
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21903
22336
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -21913,6 +22346,15 @@ ul.pf-v6-c-list {
21913
22346
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
21914
22347
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21915
22348
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
22349
+ }
22350
+ @media screen and (min-width: 75rem) {
22351
+ .pf-v6-c-page {
22352
+ --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22353
+ --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22354
+ --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22355
+ }
22356
+ }
22357
+ .pf-v6-c-page {
21916
22358
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
21917
22359
  --pf-v6-c-page__main-container--GridArea: main;
21918
22360
  --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
@@ -21935,6 +22377,17 @@ ul.pf-v6-c-list {
21935
22377
  --pf-v6-c-page__main-container--xs--BorderBlockEndWidth: 0;
21936
22378
  --pf-v6-c-page__main-container--xs--BorderInlineStartWidth: 0px;
21937
22379
  --pf-v6-c-page__main-container--xs--BorderInlineEndWidth: 0px;
22380
+ }
22381
+ @media screen and (max-width: calc(48rem - 1px)) {
22382
+ .pf-v6-c-page {
22383
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22384
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22385
+ --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22386
+ --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22387
+ --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22388
+ }
22389
+ }
22390
+ .pf-v6-c-page {
21938
22391
  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
21939
22392
  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21940
22393
  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -21987,29 +22440,6 @@ ul.pf-v6-c-list {
21987
22440
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
21988
22441
  --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
21989
22442
  }
21990
- @media screen and (prefers-reduced-motion: no-preference) {
21991
- .pf-v6-c-page {
21992
- --pf-v6-c-page__sidebar--Opacity: 1;
21993
- --pf-v6-c-page__sidebar--TransitionProperty: transform;
21994
- --pf-v6-c-page__sidebar--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
21995
- }
21996
- }
21997
- @media screen and (min-width: 75rem) {
21998
- .pf-v6-c-page {
21999
- --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
22000
- --pf-v6-c-page__sidebar--Opacity: var(--pf-v6-c-page__sidebar--xl--Opacity);
22001
- --pf-v6-c-page__sidebar--BorderInlineEndWidth: 0;
22002
- }
22003
- }
22004
- @media screen and (max-width: calc(48rem - 1px)) {
22005
- .pf-v6-c-page {
22006
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
22007
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
22008
- --pf-v6-c-page__main-container--BorderBlockEndWidth: var(--pf-v6-c-page__main-container--xs--BorderBlockEndWidth);
22009
- --pf-v6-c-page__main-container--BorderInlineStartWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineStartWidth);
22010
- --pf-v6-c-page__main-container--BorderInlineEndWidth: var(--pf-v6-c-page__main-container--xs--BorderInlineEndWidth);
22011
- }
22012
- }
22013
22443
 
22014
22444
  .pf-v6-c-page {
22015
22445
  display: grid;
@@ -22084,15 +22514,15 @@ ul.pf-v6-c-list {
22084
22514
  }
22085
22515
  }
22086
22516
 
22087
- .pf-v6-c-page > .pf-v6-c-masthead {
22088
- z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22089
- grid-area: header;
22090
- }
22091
22517
  @media (min-width: 75rem) {
22092
22518
  .pf-v6-c-page > .pf-v6-c-masthead {
22093
22519
  --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
22094
22520
  }
22095
22521
  }
22522
+ .pf-v6-c-page > .pf-v6-c-masthead {
22523
+ z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
22524
+ grid-area: header;
22525
+ }
22096
22526
 
22097
22527
  .pf-v6-c-page__dock {
22098
22528
  z-index: var(--pf-v6-c-page__dock--ZIndex);
@@ -22209,8 +22639,8 @@ ul.pf-v6-c-list {
22209
22639
  .pf-v6-c-page__main-group,
22210
22640
  .pf-v6-c-page__main-subnav {
22211
22641
  display: flex;
22212
- flex-direction: column;
22213
22642
  flex-shrink: 0;
22643
+ flex-direction: column;
22214
22644
  }
22215
22645
  .pf-v6-c-page__main-breadcrumb.pf-m-overflow-scroll,
22216
22646
  .pf-v6-c-page__main-tabs.pf-m-overflow-scroll,
@@ -22454,8 +22884,8 @@ ul.pf-v6-c-list {
22454
22884
  .pf-v6-c-page__main-drawer,
22455
22885
  .pf-v6-c-page__main-group {
22456
22886
  display: flex;
22457
- flex-direction: column;
22458
22887
  flex-grow: 1;
22888
+ flex-direction: column;
22459
22889
  }
22460
22890
 
22461
22891
  .pf-v6-c-page__main {
@@ -24369,8 +24799,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24369
24799
  position: var(--pf-v6-c-sidebar__panel--Position);
24370
24800
  inset-block-start: var(--pf-v6-c-sidebar__panel--InsetBlockStart);
24371
24801
  z-index: var(--pf-v6-c-sidebar__panel--ZIndex);
24372
- flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24373
24802
  flex-shrink: 0;
24803
+ flex-basis: var(--pf-v6-c-sidebar__panel--FlexBasis);
24374
24804
  order: var(--pf-v6-c-sidebar__panel--Order);
24375
24805
  padding-block-start: var(--pf-v6-c-sidebar__panel--PaddingBlockStart);
24376
24806
  padding-block-end: var(--pf-v6-c-sidebar__panel--PaddingBlockEnd);
@@ -24667,7 +25097,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24667
25097
  --pf-v6-c-skeleton--BorderRadius: var(--pf-t--global--spacer--sm);
24668
25098
  --pf-v6-c-skeleton--before--PaddingBlockEnd: 0;
24669
25099
  --pf-v6-c-skeleton--before--Height: auto;
24670
- --pf-v6-c-skeleton--before--Content: " ";
25100
+ --pf-v6-c-skeleton--before--Content: "\00a0";
24671
25101
  --pf-v6-c-skeleton--after--LinearGradientAngle: 90deg;
24672
25102
  --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24673
25103
  --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
@@ -24678,6 +25108,17 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24678
25108
  --pf-v6-c-skeleton--after--AnimationIterationCount: infinite;
24679
25109
  --pf-v6-c-skeleton--after--AnimationTimingFunction: linear;
24680
25110
  --pf-v6-c-skeleton--after--AnimationDelay: .5s;
25111
+ }
25112
+ @media screen and (prefers-reduced-motion: no-preference) {
25113
+ .pf-v6-c-skeleton {
25114
+ --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
25115
+ --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
25116
+ --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
25117
+ --pf-v6-c-skeleton--after--TranslateX: -100%;
25118
+ --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
25119
+ }
25120
+ }
25121
+ .pf-v6-c-skeleton {
24681
25122
  --pf-v6-c-skeleton--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
24682
25123
  --pf-v6-c-skeleton--m-circle--before--PaddingBlockEnd: 100%;
24683
25124
  --pf-v6-c-skeleton--m-text-4xl--Height: calc(var(--pf-t--global--font--size--4xl) * var(--pf-t--global--font--line-height--heading));
@@ -24705,15 +25146,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24705
25146
  --pf-v6-c-skeleton--m-height-75--Height: 75%;
24706
25147
  --pf-v6-c-skeleton--m-height-100--Height: 100%;
24707
25148
  }
24708
- @media screen and (prefers-reduced-motion: no-preference) {
24709
- .pf-v6-c-skeleton {
24710
- --pf-v6-c-skeleton--after--LinearGradientColorStop1: var(--pf-t--global--background--color--secondary--default);
24711
- --pf-v6-c-skeleton--after--LinearGradientColorStop2: var(--pf-t--global--background--color--secondary--hover);
24712
- --pf-v6-c-skeleton--after--LinearGradientColorStop3: var(--pf-t--global--background--color--secondary--default);
24713
- --pf-v6-c-skeleton--after--TranslateX: -100%;
24714
- --pf-v6-c-skeleton--after--AnimationName: pf-v6-c-skeleton-loading;
24715
- }
24716
- }
24717
25149
 
24718
25150
  .pf-v6-c-skeleton {
24719
25151
  position: relative;
@@ -24730,6 +25162,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24730
25162
  padding-block-end: var(--pf-v6-c-skeleton--before--PaddingBlockEnd);
24731
25163
  content: var(--pf-v6-c-skeleton--before--Content);
24732
25164
  }
25165
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
25166
+ scale: -1 1;
25167
+ }
25168
+
24733
25169
  .pf-v6-c-skeleton::after {
24734
25170
  position: absolute;
24735
25171
  inset: 0;
@@ -24739,10 +25175,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24739
25175
  transform: translate3d(var(--pf-v6-c-skeleton--after--TranslateX), 0, 0);
24740
25176
  animation: var(--pf-v6-c-skeleton--after--AnimationName) var(--pf-v6-c-skeleton--after--AnimationDuration) var(--pf-v6-c-skeleton--after--AnimationTimingFunction) var(--pf-v6-c-skeleton--after--AnimationDelay) var(--pf-v6-c-skeleton--after--AnimationIterationCount);
24741
25177
  }
24742
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-skeleton::after {
24743
- scale: -1 1;
24744
- }
24745
-
24746
25178
  .pf-v6-c-skeleton.pf-m-circle {
24747
25179
  --pf-v6-c-skeleton--BorderRadius: var(--pf-v6-c-skeleton--m-circle--BorderRadius);
24748
25180
  }
@@ -24930,12 +25362,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24930
25362
 
24931
25363
  .pf-v6-c-slider {
24932
25364
  --pf-v6-c-slider__rail-track--before--fill--direction: right;
24933
- display: flex;
24934
25365
  }
24935
25366
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider {
24936
25367
  --pf-v6-c-slider__rail-track--before--fill--direction: left;
24937
25368
  }
24938
25369
 
25370
+ .pf-v6-c-slider {
25371
+ display: flex;
25372
+ }
24939
25373
  .pf-v6-c-slider.pf-m-disabled {
24940
25374
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor);
24941
25375
  --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-v6-c-slider--m-disabled__step--m-active__slider-tick--BackgroundColor);
@@ -24998,6 +25432,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24998
25432
 
24999
25433
  .pf-v6-c-slider__step-tick {
25000
25434
  transform: translateX(var(--pf-v6-c-slider__step-tick--TranslateX));
25435
+ }
25436
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25437
+ transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25438
+ }
25439
+
25440
+ .pf-v6-c-slider__step-tick {
25001
25441
  position: absolute;
25002
25442
  inset-block-start: var(--pf-v6-c-slider__step-tick--InsetBlockStart);
25003
25443
  inset-inline-start: 0;
@@ -25007,22 +25447,28 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25007
25447
  border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
25008
25448
  border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
25009
25449
  }
25010
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
25011
- transform: translateX(calc(var(--pf-v6-c-slider__step-tick--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25012
- }
25013
25450
 
25014
25451
  .pf-v6-c-slider__step-label {
25015
25452
  transform: translateX(var(--pf-v6-c-slider__step-label--TranslateX));
25016
- position: absolute;
25017
- inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25018
- word-break: normal;
25019
25453
  }
25020
25454
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-label {
25021
25455
  transform: translateX(calc(var(--pf-v6-c-slider__step-label--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
25022
25456
  }
25023
25457
 
25458
+ .pf-v6-c-slider__step-label {
25459
+ position: absolute;
25460
+ inset-block-start: var(--pf-v6-c-slider__step-label--InsetBlockStart);
25461
+ word-break: normal;
25462
+ }
25463
+
25024
25464
  .pf-v6-c-slider__thumb {
25025
25465
  transform: translate(var(--pf-v6-c-slider__thumb--TranslateX), var(--pf-v6-c-slider__thumb--TranslateY));
25466
+ }
25467
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25468
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25469
+ }
25470
+
25471
+ .pf-v6-c-slider__thumb {
25026
25472
  position: absolute;
25027
25473
  inset-block-start: var(--pf-v6-c-slider__thumb--InsetBlockStart);
25028
25474
  inset-inline-start: var(--pf-v6-c-slider__thumb--InsetInlineStart);
@@ -25034,12 +25480,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25034
25480
  border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
25035
25481
  box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
25036
25482
  }
25037
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb {
25038
- transform: translate(calc(var(--pf-v6-c-slider__thumb--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--TranslateY));
25483
+ .pf-v6-c-slider__thumb::before {
25484
+ transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25485
+ }
25486
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25487
+ transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
25039
25488
  }
25040
25489
 
25041
25490
  .pf-v6-c-slider__thumb::before {
25042
- transform: translate(var(--pf-v6-c-slider__thumb--before--TranslateX), var(--pf-v6-c-slider__thumb--before--TranslateY));
25043
25491
  position: absolute;
25044
25492
  inset-block-start: 50%;
25045
25493
  inset-inline-start: 50%;
@@ -25048,10 +25496,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25048
25496
  content: "";
25049
25497
  border-radius: var(--pf-v6-c-slider__thumb--before--BorderRadius);
25050
25498
  }
25051
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__thumb::before {
25052
- transform: translate(calc(var(--pf-v6-c-slider__thumb--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__thumb--before--TranslateY));
25053
- }
25054
-
25055
25499
  .pf-v6-c-slider__thumb:hover {
25056
25500
  --pf-v6-c-slider__thumb--BoxShadow: var(--pf-v6-c-slider__thumb--hover--BoxShadow);
25057
25501
  }
@@ -25068,16 +25512,18 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25068
25512
  }
25069
25513
  .pf-v6-c-slider__value.pf-m-floating {
25070
25514
  transform: translate(var(--pf-v6-c-slider__value--m-floating--TranslateX), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25515
+ }
25516
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25517
+ transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25518
+ }
25519
+
25520
+ .pf-v6-c-slider__value.pf-m-floating {
25071
25521
  --pf-v6-c-slider__value--MarginInlineStart: 0;
25072
25522
  position: absolute;
25073
25523
  inset-block-start: 0;
25074
25524
  inset-inline-start: var(--pf-v6-c-slider__value--m-floating--InsetInlineStart);
25075
25525
  z-index: var(--pf-v6-c-slider__value--m-floating--ZIndex);
25076
25526
  }
25077
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__value.pf-m-floating {
25078
- transform: translate(calc(var(--pf-v6-c-slider__value--m-floating--TranslateX) * var(--pf-v6-global--inverse--multiplier)), var(--pf-v6-c-slider__value--m-floating--TranslateY));
25079
- }
25080
-
25081
25527
  .pf-v6-c-slider__value .pf-v6-c-form-control {
25082
25528
  width: var(--pf-v6-c-slider__value--c-form-control--Width);
25083
25529
  }
@@ -25255,12 +25701,14 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25255
25701
  }
25256
25702
  .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25257
25703
  transform: translate(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX), -50%);
25258
- background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25259
25704
  }
25260
25705
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25261
25706
  transform: translate(calc(var(--pf-v6-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v6-global--inverse--multiplier)), -50%);
25262
25707
  }
25263
25708
 
25709
+ .pf-v6-c-switch__input:checked ~ .pf-v6-c-switch__toggle::before {
25710
+ background-color: var(--pf-v6-c-switch__input--checked__toggle--before--BackgroundColor);
25711
+ }
25264
25712
  .pf-v6-c-switch__input:not(:checked) ~ .pf-v6-c-switch__label {
25265
25713
  color: var(--pf-v6-c-switch__input--not-checked__label--Color);
25266
25714
  }
@@ -27082,6 +27530,15 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27082
27530
  --pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity: 1;
27083
27531
  --pf-v6-c-table__expandable-row--TranslateY: 0;
27084
27532
  --pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY: 0;
27533
+ }
27534
+ @media screen and (prefers-reduced-motion: no-preference) {
27535
+ .pf-v6-c-table {
27536
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27537
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27538
+ --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27539
+ }
27540
+ }
27541
+ .pf-v6-c-table {
27085
27542
  --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
27086
27543
  --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
27087
27544
  --pf-v6-c-table__expandable-row-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -27150,13 +27607,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27150
27607
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
27151
27608
  --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
27152
27609
  }
27153
- @media screen and (prefers-reduced-motion: no-preference) {
27154
- .pf-v6-c-table {
27155
- --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
27156
- --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
27157
- --pf-v6-c-table__expandable-row--TranslateY: -.5rem;
27158
- }
27159
- }
27160
27610
 
27161
27611
  .pf-v6-c-table {
27162
27612
  width: 100%;
@@ -27221,22 +27671,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27221
27671
  --pf-v6-hidden-visible--hidden--Display: none;
27222
27672
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27223
27673
  display: var(--pf-v6-hidden-visible--Display);
27224
- position: relative;
27225
- width: var(--pf-v6-c-table--cell--Width);
27226
- min-width: var(--pf-v6-c-table--cell--MinWidth);
27227
- max-width: var(--pf-v6-c-table--cell--MaxWidth);
27228
- padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27229
- padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27230
- padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27231
- padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27232
- overflow: var(--pf-v6-c-table--cell--Overflow);
27233
- font-size: var(--pf-v6-c-table--cell--FontSize);
27234
- font-weight: var(--pf-v6-c-table--cell--FontWeight);
27235
- line-height: var(--pf-v6-c-table--cell--LineHeight);
27236
- color: var(--pf-v6-c-table--cell--Color);
27237
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27238
- word-break: var(--pf-v6-c-table--cell--WordBreak);
27239
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27240
27674
  }
27241
27675
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td).pf-m-hidden {
27242
27676
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -27281,6 +27715,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27281
27715
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
27282
27716
  }
27283
27717
  }
27718
+ .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
27719
+ position: relative;
27720
+ width: var(--pf-v6-c-table--cell--Width);
27721
+ min-width: var(--pf-v6-c-table--cell--MinWidth);
27722
+ max-width: var(--pf-v6-c-table--cell--MaxWidth);
27723
+ padding-block-start: var(--pf-v6-c-table--cell--PaddingBlockStart);
27724
+ padding-block-end: var(--pf-v6-c-table--cell--PaddingBlockEnd);
27725
+ padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
27726
+ padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
27727
+ overflow: var(--pf-v6-c-table--cell--Overflow);
27728
+ font-size: var(--pf-v6-c-table--cell--FontSize);
27729
+ font-weight: var(--pf-v6-c-table--cell--FontWeight);
27730
+ line-height: var(--pf-v6-c-table--cell--LineHeight);
27731
+ color: var(--pf-v6-c-table--cell--Color);
27732
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
27733
+ word-break: var(--pf-v6-c-table--cell--WordBreak);
27734
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
27735
+ }
27284
27736
  .pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td):first-child {
27285
27737
  padding-inline-start: var(--pf-v6-c-table--cell--first-last-child--PaddingInline);
27286
27738
  }
@@ -27637,16 +28089,16 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27637
28089
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
27638
28090
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
27639
28091
  }
28092
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28093
+ scale: -1 1;
28094
+ }
28095
+
27640
28096
  .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27641
28097
  transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
27642
28098
  transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
27643
28099
  transition-property: transform;
27644
28100
  transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
27645
28101
  }
27646
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
27647
- scale: -1 1;
27648
- }
27649
-
27650
28102
  .pf-v6-c-table__toggle svg {
27651
28103
  pointer-events: none;
27652
28104
  }
@@ -28123,13 +28575,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28123
28575
  }
28124
28576
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28125
28577
  transform: translateX(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX));
28126
- position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28127
- inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28128
28578
  }
28129
28579
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28130
28580
  transform: translateX(calc(var(--pf-v6-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
28131
28581
  }
28132
28582
 
28583
+ .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle {
28584
+ position: var(--pf-v6-c-table--m-tree-view__toggle--Position);
28585
+ inset-inline-start: var(--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart);
28586
+ }
28133
28587
  .pf-v6-c-table__tree-view-main > .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
28134
28588
  min-width: var(--pf-v6-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
28135
28589
  }
@@ -29179,8 +29633,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29179
29633
  }
29180
29634
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list {
29181
29635
  position: relative;
29182
- flex-direction: column;
29183
29636
  flex-grow: 1;
29637
+ flex-direction: column;
29184
29638
  max-width: var(--pf-v6-c-tabs--m-vertical--MaxWidth);
29185
29639
  }
29186
29640
  .pf-v6-c-tabs.pf-m-vertical .pf-v6-c-tabs__list::before {
@@ -29345,15 +29799,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29345
29799
  white-space: normal;
29346
29800
  }
29347
29801
 
29802
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29803
+ scale: -1 1;
29804
+ }
29805
+
29348
29806
  .pf-v6-c-tabs__toggle-icon {
29349
29807
  display: inline-block;
29350
29808
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
29351
29809
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
29352
29810
  }
29353
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__toggle-icon {
29354
- scale: -1 1;
29355
- }
29356
29811
 
29812
+ .pf-v6-c-tabs__list::-webkit-scrollbar {
29813
+ display: none;
29814
+ }
29357
29815
  .pf-v6-c-tabs__list {
29358
29816
  scrollbar-width: none;
29359
29817
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -29365,20 +29823,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29365
29823
  scroll-snap-type: var(--pf-v6-c-tabs__list--ScrollSnapType);
29366
29824
  -webkit-overflow-scrolling: touch;
29367
29825
  }
29368
- .pf-v6-c-tabs__list::-webkit-scrollbar {
29369
- display: none;
29370
- }
29371
29826
 
29372
29827
  .pf-v6-c-tabs__item {
29373
29828
  position: relative;
29374
29829
  display: flex;
29375
29830
  flex: none;
29376
29831
  column-gap: var(--pf-v6-c-tabs__item--ColumnGap);
29377
- scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29378
29832
  padding-block-start: var(--pf-v6-c-tabs__item--PaddingBlockStart);
29379
29833
  padding-block-end: var(--pf-v6-c-tabs__item--PaddingBlockEnd);
29380
29834
  padding-inline-start: var(--pf-v6-c-tabs__item--PaddingInlineStart);
29381
29835
  padding-inline-end: var(--pf-v6-c-tabs__item--PaddingInlineEnd);
29836
+ scroll-snap-align: var(--pf-v6-c-tabs__item--ScrollSnapAlign);
29382
29837
  background-color: var(--pf-v6-c-tabs__item--BackgroundColor);
29383
29838
  }
29384
29839
  .pf-v6-c-tabs__item.pf-m-current {
@@ -29431,6 +29886,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29431
29886
  border: 0;
29432
29887
  }
29433
29888
 
29889
+ .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29890
+ --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29891
+ }
29892
+
29434
29893
  .pf-v6-c-tabs__link {
29435
29894
  display: flex;
29436
29895
  flex: 1;
@@ -29448,10 +29907,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29448
29907
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
29449
29908
  transition: background-color var(--pf-v6-c-tabs__link--TransitionDuration--background-color) var(--pf-v6-c-tabs__link--TransitionTimingFunction--background-color);
29450
29909
  }
29451
- .pf-v6-c-tabs__item.pf-m-action, .pf-v6-c-tabs__link {
29452
- --pf-v6-c-tabs__link--after--BorderBlockEndWidth: var(--pf-v6-c-tabs__link--after--BorderWidth);
29453
- }
29454
-
29455
29910
  .pf-v6-c-tabs__item.pf-m-action::before, .pf-v6-c-tabs__link::before {
29456
29911
  pointer-events: none;
29457
29912
  border-block-start-color: var(--pf-v6-c-tabs__link--before--BorderBlockStartColor);
@@ -29506,6 +29961,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29506
29961
  --pf-v6-c-tabs__link-toggle-icon--Rotate: var(--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate);
29507
29962
  }
29508
29963
 
29964
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29965
+ scale: -1 1;
29966
+ }
29967
+
29509
29968
  .pf-v6-c-tabs__link-toggle-icon {
29510
29969
  align-self: end;
29511
29970
  font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
@@ -29513,9 +29972,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29513
29972
  transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
29514
29973
  transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
29515
29974
  }
29516
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs__link-toggle-icon {
29517
- scale: -1 1;
29518
- }
29519
29975
 
29520
29976
  .pf-v6-c-tabs__item-action {
29521
29977
  display: flex;
@@ -30533,9 +30989,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30533
30989
  --pf-v6-hidden-visible--hidden--Display: none;
30534
30990
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30535
30991
  display: var(--pf-v6-hidden-visible--Display);
30536
- row-gap: var(--pf-v6-c-toolbar__content--RowGap);
30537
- padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
30538
- padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
30539
30992
  }
30540
30993
  .pf-v6-c-toolbar__content.pf-m-hidden {
30541
30994
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
@@ -30580,6 +31033,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30580
31033
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
30581
31034
  }
30582
31035
  }
31036
+ .pf-v6-c-toolbar__content {
31037
+ row-gap: var(--pf-v6-c-toolbar__content--RowGap);
31038
+ padding-inline-start: var(--pf-v6-c-toolbar__content--PaddingInlineStart);
31039
+ padding-inline-end: var(--pf-v6-c-toolbar__content--PaddingInlineEnd);
31040
+ }
30583
31041
 
30584
31042
  .pf-v6-c-toolbar__content-section {
30585
31043
  flex-wrap: wrap;
@@ -30653,11 +31111,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30653
31111
 
30654
31112
  .pf-v6-c-toolbar__item {
30655
31113
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
30656
- --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
30657
- row-gap: var(--pf-v6-c-toolbar__item--RowGap);
30658
- column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
30659
- width: var(--pf-v6-c-toolbar__item--Width--base);
30660
- min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
30661
31114
  }
30662
31115
  @media (min-width: 36rem) {
30663
31116
  .pf-v6-c-toolbar__item {
@@ -30684,6 +31137,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30684
31137
  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
30685
31138
  }
30686
31139
  }
31140
+ .pf-v6-c-toolbar__item {
31141
+ --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
31142
+ }
30687
31143
  @media (min-width: 36rem) {
30688
31144
  .pf-v6-c-toolbar__item {
30689
31145
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
@@ -30709,6 +31165,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30709
31165
  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
30710
31166
  }
30711
31167
  }
31168
+ .pf-v6-c-toolbar__item {
31169
+ row-gap: var(--pf-v6-c-toolbar__item--RowGap);
31170
+ column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
31171
+ width: var(--pf-v6-c-toolbar__item--Width--base);
31172
+ min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
31173
+ }
30712
31174
  .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
30713
31175
  --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
30714
31176
  }
@@ -32582,6 +33044,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32582
33044
  --pf-v6-c-tree-view--m-expanded__list--Opacity: 1;
32583
33045
  --pf-v6-c-tree-view__list--TranslateY: 0;
32584
33046
  --pf-v6-c-tree-view--m-expanded__list--TranslateY: 0;
33047
+ }
33048
+ @media screen and (prefers-reduced-motion: no-preference) {
33049
+ .pf-v6-c-tree-view {
33050
+ --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
33051
+ --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
33052
+ --pf-v6-c-tree-view__list--TranslateY: -.5rem;
33053
+ }
33054
+ }
33055
+ .pf-v6-c-tree-view {
32585
33056
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetBlockStart: var(--pf-v6-c-tree-view__node--PaddingBlockStart);
32586
33057
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--InsetInlineStart: var(--pf-v6-c-tree-view__node--PaddingInlineStart);
32587
33058
  --pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX: -100%;
@@ -32610,6 +33081,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32610
33081
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
32611
33082
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
32612
33083
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
33084
+ --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
33085
+ --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
33086
+ --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
32613
33087
  --pf-v6-c-tree-view__node-text--max-lines: 1;
32614
33088
  --pf-v6-c-tree-view__node-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
32615
33089
  --pf-v6-c-tree-view__action--MarginInlineEnd: var(--pf-t--global--spacer--md);
@@ -32665,6 +33139,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32665
33139
  --pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart: var(--pf-t--global--spacer--lg);
32666
33140
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
32667
33141
  --pf-v6-c-tree-view--m-compact__list-item--m-expanded__node-container--PaddingBlockEnd: 0;
33142
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: initial;
33143
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: var(--pf-t--global--text--color--on-disabled);
33144
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: initial;
33145
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
33146
+ --pf-v6-c-tree-view--m-compact__node-toggle--nested--Color: initial;
33147
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: var(--pf-t--global--icon--color--on-disabled);
32668
33148
  --pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor: transparent;
32669
33149
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset: var(--pf-t--global--spacer--sm);
32670
33150
  --pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
@@ -32674,13 +33154,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32674
33154
  --pf-v6-c-tree-view--m-compact--m-no-background__node--nested--PaddingBlockEnd: 0;
32675
33155
  --pf-v6-c-tree-view--m-compact--m-no-background__node--before--InsetBlockStart: calc(var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockStart) + var(--pf-v6-c-tree-view--m-compact__node--nested--PaddingBlockStart) + 0.25rem);
32676
33156
  }
32677
- @media screen and (prefers-reduced-motion: no-preference) {
32678
- .pf-v6-c-tree-view {
32679
- --pf-v6-c-tree-view__list--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
32680
- --pf-v6-c-tree-view__list--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
32681
- --pf-v6-c-tree-view__list--TranslateY: -.5rem;
32682
- }
32683
- }
32684
33157
 
32685
33158
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item, .pf-v6-c-tree-view.pf-m-guides .pf-v6-c-tree-view__list-item {
32686
33159
  position: relative;
@@ -32761,11 +33234,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32761
33234
  padding-block-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingBlockEnd);
32762
33235
  padding-inline-start: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineStart);
32763
33236
  padding-inline-end: var(--pf-v6-c-tree-view--m-compact__node-container--nested--PaddingInlineEnd);
33237
+ color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--Color, inherit);
32764
33238
  background-color: var(--pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor);
32765
33239
  }
32766
33240
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-toggle {
32767
33241
  margin-inline-start: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineStart);
32768
33242
  margin-inline-end: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--MarginInlineEnd);
33243
+ color: var(--pf-v6-c-tree-view--m-compact__node-toggle--nested--Color, inherit);
33244
+ }
33245
+ .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__node-icon {
33246
+ color: var(--pf-v6-c-tree-view--m-compact__node-icon--nested--Color, inherit);
32769
33247
  }
32770
33248
  .pf-v6-c-tree-view.pf-m-compact .pf-v6-c-tree-view__node-container {
32771
33249
  padding-block-start: var(--pf-v6-c-tree-view--m-compact__node-container--PaddingBlockStart);
@@ -32790,6 +33268,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32790
33268
  }
32791
33269
  .pf-v6-c-tree-view.pf-m-no-background {
32792
33270
  --pf-v6-c-tree-view--m-compact__node-container--nested--BackgroundColor: var(--pf-v6-c-tree-view--m-no-background__node-container--BackgroundColor);
33271
+ --pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color: initial;
33272
+ --pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color: initial;
33273
+ --pf-v6-c-tree-view--m-compact__node-toggle--m-disabled--nested--Color: initial;
33274
+ }
33275
+
33276
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
33277
+ scale: -1 1;
32793
33278
  }
32794
33279
 
32795
33280
  .pf-v6-c-tree-view__node-toggle-icon {
@@ -32799,9 +33284,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32799
33284
  transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
32800
33285
  transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
32801
33286
  }
32802
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tree-view__node-toggle-icon {
32803
- scale: -1 1;
32804
- }
32805
33287
 
32806
33288
  .pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
32807
33289
  max-height: 0;
@@ -32865,6 +33347,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32865
33347
  .pf-v6-c-tree-view__node .pf-v6-c-tree-view__node-count {
32866
33348
  margin-inline-start: var(--pf-v6-c-tree-view__node-count--MarginInlineStart);
32867
33349
  }
33350
+ .pf-v6-c-tree-view__node.pf-m-disabled {
33351
+ --pf-v6-c-tree-view__node--Color: var(--pf-v6-c-tree-view__node--m-disabled--Color);
33352
+ --pf-v6-c-tree-view__node-icon--Color: var(--pf-v6-c-tree-view__node-icon--m-disabled--Color);
33353
+ --pf-v6-c-tree-view--m-compact__node-container--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-container--m-disabled--nested--Color);
33354
+ --pf-v6-c-tree-view--m-compact__node-icon--nested--Color: var(--pf-v6-c-tree-view--m-compact__node-icon--m-disabled--nested--Color);
33355
+ }
32868
33356
 
32869
33357
  .pf-v6-c-tree-view__node-container {
32870
33358
  display: var(--pf-v6-c-tree-view__node-container--Display);
@@ -32907,6 +33395,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32907
33395
  transform: translateX(calc(var(--pf-v6-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v6-global--inverse--multiplier)));
32908
33396
  }
32909
33397
 
33398
+ .pf-v6-c-tree-view__node-toggle.pf-m-disabled {
33399
+ --pf-v6-c-tree-view__node-toggle--Color: var(--pf-v6-c-tree-view__node-toggle--m-disabled--Color);
33400
+ }
33401
+
32910
33402
  .pf-v6-c-tree-view__node-title.pf-m-truncate,
32911
33403
  .pf-v6-c-tree-view__node-text.pf-m-truncate {
32912
33404
  --pf-v6-c-tree-view__node-content--Overflow: hidden;
@@ -32922,6 +33414,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32922
33414
  white-space: nowrap;
32923
33415
  }
32924
33416
 
33417
+ label.pf-v6-c-tree-view__node-text {
33418
+ cursor: pointer;
33419
+ }
33420
+
32925
33421
  .pf-v6-c-tree-view__node-text {
32926
33422
  font-weight: inherit;
32927
33423
  color: inherit;
@@ -32929,9 +33425,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32929
33425
  background-color: transparent;
32930
33426
  border: 0;
32931
33427
  }
32932
- label.pf-v6-c-tree-view__node-text {
32933
- cursor: pointer;
32934
- }
32935
33428
 
32936
33429
  .pf-v6-c-tree-view__node-title {
32937
33430
  font-weight: var(--pf-v6-c-tree-view__node-title--FontWeight);
@@ -33160,6 +33653,15 @@ label.pf-v6-c-tree-view__node-text {
33160
33653
  --pf-v6-c-wizard__nav--lg--Width: 15.625rem;
33161
33654
  --pf-v6-c-wizard__nav--lg--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
33162
33655
  --pf-v6-c-wizard__nav--lg--BorderInlineEndColor: var(--pf-t--global--border--color--default);
33656
+ }
33657
+ @media screen and (min-width: 62rem) {
33658
+ .pf-v6-c-wizard {
33659
+ --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33660
+ --pf-v6-c-wizard__nav--BoxShadow: none;
33661
+ --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33662
+ }
33663
+ }
33664
+ .pf-v6-c-wizard {
33163
33665
  --pf-v6-c-wizard__nav-list--PaddingBlockStart: var(--pf-t--global--spacer--lg);
33164
33666
  --pf-v6-c-wizard__nav-list--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
33165
33667
  --pf-v6-c-wizard__nav-list--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -33184,13 +33686,6 @@ label.pf-v6-c-tree-view__node-text {
33184
33686
  --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
33185
33687
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
33186
33688
  }
33187
- @media screen and (min-width: 62rem) {
33188
- .pf-v6-c-wizard {
33189
- --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
33190
- --pf-v6-c-wizard__nav--BoxShadow: none;
33191
- --pf-v6-c-wizard__nav--BorderBlockEndWidth: 0;
33192
- }
33193
- }
33194
33689
 
33195
33690
  .pf-v6-c-wizard {
33196
33691
  position: relative;
@@ -33326,13 +33821,14 @@ label.pf-v6-c-tree-view__node-text {
33326
33821
  color: var(--pf-v6-c-wizard__toggle-status-icon--Color);
33327
33822
  }
33328
33823
 
33329
- .pf-v6-c-wizard__toggle-separator {
33330
- color: var(--pf-v6-c-wizard__toggle-separator--Color);
33331
- }
33332
33824
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__toggle-separator {
33333
33825
  scale: -1 1;
33334
33826
  }
33335
33827
 
33828
+ .pf-v6-c-wizard__toggle-separator {
33829
+ color: var(--pf-v6-c-wizard__toggle-separator--Color);
33830
+ }
33831
+
33336
33832
  .pf-v6-c-wizard__toggle-icon {
33337
33833
  line-height: var(--pf-v6-c-wizard__toggle-icon--LineHeight);
33338
33834
  }
@@ -33340,8 +33836,8 @@ label.pf-v6-c-tree-view__node-text {
33340
33836
  .pf-v6-c-wizard__outer-wrap {
33341
33837
  position: relative;
33342
33838
  display: flex;
33343
- flex-direction: column;
33344
33839
  flex-grow: 1;
33840
+ flex-direction: column;
33345
33841
  min-height: var(--pf-v6-c-wizard__outer-wrap--MinHeight);
33346
33842
  background-color: var(--pf-v6-c-wizard__outer-wrap--BackgroundColor);
33347
33843
  }
@@ -33354,8 +33850,8 @@ label.pf-v6-c-tree-view__node-text {
33354
33850
  .pf-v6-c-wizard__inner-wrap {
33355
33851
  position: relative;
33356
33852
  display: flex;
33357
- flex-direction: column;
33358
33853
  flex-grow: 1;
33854
+ flex-direction: column;
33359
33855
  min-height: 0;
33360
33856
  }
33361
33857
  @media screen and (min-width: 62rem) {
@@ -33533,6 +34029,10 @@ label.pf-v6-c-tree-view__node-text {
33533
34029
  color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
33534
34030
  }
33535
34031
 
34032
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
34033
+ scale: -1 1;
34034
+ }
34035
+
33536
34036
  .pf-v6-c-wizard__nav-link-toggle-icon {
33537
34037
  display: inline-block;
33538
34038
  transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
@@ -33540,15 +34040,12 @@ label.pf-v6-c-tree-view__node-text {
33540
34040
  transition-property: transform;
33541
34041
  transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
33542
34042
  }
33543
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
33544
- scale: -1 1;
33545
- }
33546
34043
 
33547
34044
  .pf-v6-c-wizard__main {
33548
34045
  z-index: var(--pf-v6-c-wizard__main--ZIndex);
33549
34046
  display: flex;
33550
- flex-direction: column;
33551
34047
  flex-grow: 1;
34048
+ flex-direction: column;
33552
34049
  overflow-x: hidden;
33553
34050
  overflow-y: auto;
33554
34051
  word-break: break-word;
@@ -35986,12 +36483,13 @@ label.pf-v6-c-tree-view__node-text {
35986
36483
  display: grid;
35987
36484
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
35988
36485
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
35989
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
35990
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
35991
36486
  }
35992
36487
  .pf-v6-l-gallery.pf-m-gutter {
35993
36488
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
35994
36489
  }
36490
+ .pf-v6-l-gallery {
36491
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
36492
+ }
35995
36493
  @media (min-width: 36rem) {
35996
36494
  .pf-v6-l-gallery {
35997
36495
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -36017,6 +36515,9 @@ label.pf-v6-c-tree-view__node-text {
36017
36515
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
36018
36516
  }
36019
36517
  }
36518
+ .pf-v6-l-gallery {
36519
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
36520
+ }
36020
36521
  @media (min-width: 36rem) {
36021
36522
  .pf-v6-l-gallery {
36022
36523
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));