@patternfly/patternfly 6.0.0-alpha.114 → 6.0.0-alpha.116

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 (128) hide show
  1. package/assets/images/pf_logo.svg +11 -11
  2. package/assets/images/pf_logo_white.svg +2 -2
  3. package/base/_chart-globals.scss +320 -320
  4. package/base/_fa-icons.scss +2 -2
  5. package/base/_fonts.scss +16 -16
  6. package/base/_globals.scss +4 -11
  7. package/base/_variables.scss +221 -221
  8. package/base/patternfly-globals.css +2 -6
  9. package/base/patternfly-variables.css +25 -21
  10. package/base/themes/dark/_chart-globals.scss +25 -25
  11. package/base/tokens/_tokens-charts.scss +1 -1
  12. package/base/tokens/_tokens-dark.scss +1 -1
  13. package/base/tokens/_tokens-default.scss +13 -13
  14. package/base/tokens/_tokens-font.scss +8 -0
  15. package/base/tokens/_tokens-palette.scss +1 -1
  16. package/components/AboutModalBox/about-modal-box.css +1 -1
  17. package/components/AboutModalBox/about-modal-box.scss +1 -1
  18. package/components/Alert/alert-group.css +1 -1
  19. package/components/Alert/alert-group.scss +1 -1
  20. package/components/Alert/alert.css +1 -1
  21. package/components/Alert/alert.scss +1 -1
  22. package/components/AppLauncher/app-launcher.css +1 -1
  23. package/components/AppLauncher/app-launcher.scss +1 -1
  24. package/components/Backdrop/backdrop.css +1 -1
  25. package/components/Backdrop/backdrop.scss +1 -1
  26. package/components/Banner/banner.css +1 -1
  27. package/components/Banner/banner.scss +1 -1
  28. package/components/Button/button.css +3 -3
  29. package/components/Button/button.scss +3 -3
  30. package/components/Card/card.css +1 -1
  31. package/components/Card/card.scss +1 -1
  32. package/components/Content/content.css +1 -1
  33. package/components/Content/content.scss +1 -1
  34. package/components/ContextSelector/context-selector.css +1 -1
  35. package/components/ContextSelector/context-selector.scss +1 -1
  36. package/components/DatePicker/date-picker.css +1 -1
  37. package/components/DatePicker/date-picker.scss +1 -1
  38. package/components/Drawer/drawer.css +4 -4
  39. package/components/Drawer/drawer.scss +4 -4
  40. package/components/Dropdown/dropdown.css +2 -2
  41. package/components/Dropdown/dropdown.scss +2 -2
  42. package/components/DualListSelector/dual-list-selector.css +1 -1
  43. package/components/DualListSelector/dual-list-selector.scss +3 -3
  44. package/components/Form/form.css +1 -1
  45. package/components/Form/form.scss +1 -1
  46. package/components/JumpLinks/jump-links.css +1 -1
  47. package/components/JumpLinks/jump-links.scss +1 -1
  48. package/components/List/list.css +1 -1
  49. package/components/List/list.scss +1 -1
  50. package/components/Menu/menu.css +7 -7
  51. package/components/Menu/menu.scss +7 -7
  52. package/components/MenuToggle/menu-toggle.css +1 -1
  53. package/components/MenuToggle/menu-toggle.scss +1 -1
  54. package/components/ModalBox/modal-box.css +1 -1
  55. package/components/ModalBox/modal-box.scss +1 -1
  56. package/components/Nav/nav.css +1 -1
  57. package/components/Nav/nav.scss +1 -1
  58. package/components/NotificationDrawer/notification-drawer.css +2 -2
  59. package/components/NotificationDrawer/notification-drawer.scss +2 -2
  60. package/components/OptionsMenu/options-menu.css +1 -1
  61. package/components/OptionsMenu/options-menu.scss +1 -1
  62. package/components/Page/page.css +8 -8
  63. package/components/Page/page.scss +14 -14
  64. package/components/Panel/panel.css +1 -1
  65. package/components/Panel/panel.scss +1 -1
  66. package/components/ProgressStepper/progress-stepper.css +2 -2
  67. package/components/ProgressStepper/progress-stepper.scss +2 -2
  68. package/components/Select/select.css +1 -1
  69. package/components/Select/select.scss +1 -1
  70. package/components/Sidebar/sidebar.css +2 -2
  71. package/components/Sidebar/sidebar.scss +2 -2
  72. package/components/SkipToContent/skip-to-content.css +1 -1
  73. package/components/SkipToContent/skip-to-content.scss +1 -1
  74. package/components/Slider/slider.css +1 -1
  75. package/components/Slider/slider.scss +1 -1
  76. package/components/Table/table-scrollable.css +1 -1
  77. package/components/Table/table-scrollable.scss +1 -1
  78. package/components/Table/table.css +4 -4
  79. package/components/Table/table.scss +4 -4
  80. package/components/Tabs/tabs.css +1 -1
  81. package/components/Tabs/tabs.scss +1 -1
  82. package/components/ToggleGroup/toggle-group.css +3 -3
  83. package/components/ToggleGroup/toggle-group.scss +3 -3
  84. package/components/Toolbar/toolbar.css +3 -3
  85. package/components/Toolbar/toolbar.scss +3 -3
  86. package/components/TreeView/tree-view.css +1 -1
  87. package/components/TreeView/tree-view.scss +3 -3
  88. package/components/Wizard/wizard.css +4 -4
  89. package/components/Wizard/wizard.scss +4 -4
  90. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  91. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  92. package/docs/components/Table/examples/Table.md +2 -2
  93. package/docs/components/Tabs/examples/Tabs.md +102 -102
  94. package/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  95. package/docs/demos/Card/examples/Card.md +152 -115
  96. package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
  97. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  98. package/docs/demos/Table/examples/Table.md +2 -2
  99. package/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  100. package/docs/utilities/Text/examples/Text.md +0 -1
  101. package/package.json +1 -1
  102. package/patternfly-base-no-globals-theme-dark-unversioned.css +25 -81
  103. package/patternfly-base-no-globals-theme-dark-unversioned.scss +2 -2
  104. package/patternfly-base-no-globals.css +25 -81
  105. package/patternfly-base-no-globals.scss +2 -2
  106. package/patternfly-base-theme-dark-unversioned.css +27 -83
  107. package/patternfly-base.css +27 -83
  108. package/patternfly-base.scss +0 -1
  109. package/patternfly-charts.scss +319 -319
  110. package/patternfly-no-globals.css +100 -129
  111. package/patternfly-no-globals.scss +2 -2
  112. package/patternfly-theme-dark-unversioned.css +124 -153
  113. package/patternfly-theme-dark-unversioned.scss +1 -1
  114. package/patternfly.css +102 -131
  115. package/patternfly.min.css +1 -1
  116. package/patternfly.min.css.map +1 -1
  117. package/sass-utilities/_init.scss +3 -3
  118. package/sass-utilities/colors.scss +81 -81
  119. package/sass-utilities/functions.scss +2 -2
  120. package/sass-utilities/mixins.scss +1 -1
  121. package/sass-utilities/scss-variables.scss +149 -149
  122. package/sass-utilities/themes/dark/colors.scss +15 -15
  123. package/sass-utilities/themes/dark/scss-variables.scss +74 -74
  124. package/themes/dark/_patternfly-charts-theme-dark.scss +25 -25
  125. package/base/_themes.scss +0 -43
  126. package/base/patternfly-themes.css +0 -82
  127. package/base/patternfly-themes.scss +0 -2
  128. package/base/themes/dark/_globals.scss +0 -5
@@ -1,5 +1,5 @@
1
1
  @charset "UTF-8";
2
- .pf-v6-c-select, .pf-v6-c-context-selector__menu, .pf-v6-c-chip-group, .pf-v6-c-chip, .pf-t-light {
2
+ .pf-v6-c-select, .pf-v6-c-context-selector__menu, .pf-v6-c-chip-group, .pf-v6-c-chip {
3
3
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
4
4
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
5
5
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
@@ -11,7 +11,7 @@
11
11
  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
12
12
  }
13
13
 
14
- .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main, .pf-t-dark {
14
+ .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
15
15
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--light-100);
16
16
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--light-200);
17
17
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--light-100);
@@ -22,7 +22,7 @@
22
22
  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--light);
23
23
  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--light);
24
24
  }
25
- .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button, .pf-t-dark .pf-v6-c-button {
25
+ .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
26
26
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
27
27
  }
28
28
 
@@ -282,12 +282,12 @@
282
282
  --pf-v6-global--spacer--form-element: 0.375rem;
283
283
  --pf-v6-global--gutter: 1rem;
284
284
  --pf-v6-global--gutter--md: 1.5rem;
285
- --pf-v6-global--ZIndex--xs: 100;
286
- --pf-v6-global--ZIndex--sm: 200;
287
- --pf-v6-global--ZIndex--md: 300;
288
- --pf-v6-global--ZIndex--lg: 400;
289
- --pf-v6-global--ZIndex--xl: 500;
290
- --pf-v6-global--ZIndex--2xl: 600;
285
+ --pf-t--global--z-index--xs: 100;
286
+ --pf-t--global--z-index--sm: 200;
287
+ --pf-t--global--z-index--md: 300;
288
+ --pf-t--global--z-index--lg: 400;
289
+ --pf-t--global--z-index--xl: 500;
290
+ --pf-t--global--z-index--2xl: 600;
291
291
  --pf-v6-global--breakpoint--xs: 0;
292
292
  --pf-v6-global--breakpoint--sm: 576px;
293
293
  --pf-v6-global--breakpoint--md: 768px;
@@ -348,9 +348,9 @@
348
348
  --pf-v6-global--LineHeight--sm: 1.3;
349
349
  --pf-v6-global--LineHeight--md: 1.5;
350
350
  --pf-v6-global--ListStyle: disc outside;
351
- --pf-v6-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
352
- --pf-v6-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
353
- --pf-v6-global--TransitionDuration: 250ms;
351
+ --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
352
+ --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
353
+ --pf-t--global--transitionDuration: 250ms;
354
354
  --pf-v6-global--arrow--width: 0.9375rem;
355
355
  --pf-v6-global--arrow--width-lg: 1.5625rem;
356
356
  --pf-v6-global--target-size--MinWidth: 44px;
@@ -492,6 +492,10 @@ html .ws-preview {
492
492
  var(--pf-t--global--box-shadow--blur--lg)
493
493
  var(--pf-t--global--box-shadow--spread--lg)
494
494
  var(--pf-t--global--box-shadow--color--lg);
495
+ --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
496
+ --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
497
+ --pf-t--global--transition--duration: 250ms;
498
+ --pf-t--global--list-style: disc outside;
495
499
  }
496
500
 
497
501
  :root {
@@ -589,12 +593,12 @@ html .ws-preview {
589
593
  --pf-t--global--box-shadow--X--300: -1px;
590
594
  --pf-t--global--box-shadow--X--200: -4px;
591
595
  --pf-t--global--box-shadow--X--100: -8px;
592
- --pf-t--global--Zindex--600: 600;
593
- --pf-t--global--Zindex--500: 500;
594
- --pf-t--global--Zindex--400: 400;
595
- --pf-t--global--Zindex--300: 300;
596
- --pf-t--global--Zindex--200: 200;
597
- --pf-t--global--Zindex--100: 100;
596
+ --pf-t--global--z-index--600: 600;
597
+ --pf-t--global--z-index--500: 500;
598
+ --pf-t--global--z-index--400: 400;
599
+ --pf-t--global--z-index--300: 300;
600
+ --pf-t--global--z-index--200: 200;
601
+ --pf-t--global--z-index--100: 100;
598
602
  --pf-t--global--font--size--800: 36px;
599
603
  --pf-t--global--font--size--700: 28px;
600
604
  --pf-t--global--font--size--600: 22px;
@@ -728,12 +732,12 @@ html .ws-preview {
728
732
  --pf-t--global--box-shadow--X--sm--bottom: var(--pf-t--global--box-shadow--X--400);
729
733
  --pf-t--global--box-shadow--X--sm--top: var(--pf-t--global--box-shadow--X--400);
730
734
  --pf-t--global--box-shadow--X--sm--default: var(--pf-t--global--box-shadow--X--400);
731
- --pf-t--global--Zindex--2xl: 600;
732
- --pf-t--global--Zindex--xl: 500;
733
- --pf-t--global--Zindex--lg: 400;
734
- --pf-t--global--Zindex--md: 300;
735
- --pf-t--global--Zindex--sm: 200;
736
- --pf-t--global--Zindex--xs: 100;
735
+ --pf-t--global--z-index--2xl: 600;
736
+ --pf-t--global--z-index--xl: 500;
737
+ --pf-t--global--z-index--lg: 400;
738
+ --pf-t--global--z-index--md: 300;
739
+ --pf-t--global--z-index--sm: 200;
740
+ --pf-t--global--z-index--xs: 100;
737
741
  --pf-t--global--font--size--4xl: var(--pf-t--global--font--size--800);
738
742
  --pf-t--global--font--size--3xl: var(--pf-t--global--font--size--700);
739
743
  --pf-t--global--font--size--2xl: var(--pf-t--global--font--size--600);
@@ -1726,8 +1730,8 @@ pre) {
1726
1730
  }
1727
1731
 
1728
1732
  :where(a:hover) {
1729
- --pf-v6-global--link--Color: var(--pf-t--global--text--color--link--hover);
1730
- --pf-v6-global--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
1733
+ color: var(--pf-t--global--text--color--link--hover);
1734
+ text-decoration: var(--pf-t--global--link--text-decoration--hover);
1731
1735
  }
1732
1736
 
1733
1737
  :where(a,
@@ -1735,39 +1739,6 @@ button) {
1735
1739
  cursor: pointer;
1736
1740
  }
1737
1741
 
1738
- :where(.pf-theme-dark) {
1739
- color-scheme: dark;
1740
- }
1741
-
1742
- .pf-t-dark.pf-m-transparent {
1743
- background-color: transparent;
1744
- }
1745
- .pf-t-dark.pf-m-transparent-100 {
1746
- background-color: rgba(3, 3, 3, 0.42);
1747
- }
1748
- .pf-t-dark.pf-m-transparent-200 {
1749
- background-color: rgba(3, 3, 3, 0.6);
1750
- }
1751
- .pf-t-dark.pf-m-opaque-100 {
1752
- background-color: #3c3f42;
1753
- }
1754
- .pf-t-dark.pf-m-opaque-200 {
1755
- background-color: #151515;
1756
- }
1757
-
1758
- .pf-t-light.pf-m-transparent {
1759
- background-color: transparent;
1760
- }
1761
- .pf-t-light.pf-m-opaque-100 {
1762
- background-color: #fff;
1763
- }
1764
- .pf-t-light.pf-m-opaque-200 {
1765
- background-color: #fafafa;
1766
- }
1767
- .pf-t-light.pf-m-opaque-300 {
1768
- background-color: #f0f0f0;
1769
- }
1770
-
1771
1742
  * .fa,
1772
1743
  * .fas,
1773
1744
  * .far,
@@ -6518,7 +6489,7 @@ button) {
6518
6489
  --pf-v6-c-about-modal-box__brand--sm--PaddingRight: var(--pf-t--global--spacer--3xl);
6519
6490
  --pf-v6-c-about-modal-box__brand--sm--PaddingLeft: var(--pf-t--global--spacer--3xl);
6520
6491
  --pf-v6-c-about-modal-box__brand--sm--PaddingBottom: var(--pf-t--global--spacer--3xl);
6521
- --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-v6-global--ZIndex--2xl);
6492
+ --pf-v6-c-about-modal-box__close--ZIndex: var(--pf-t--global--z-index--2xl);
6522
6493
  --pf-v6-c-about-modal-box__close--PaddingTop: var(--pf-t--global--spacer--2xl);
6523
6494
  --pf-v6-c-about-modal-box__close--PaddingRight: var(--pf-t--global--spacer--xl);
6524
6495
  --pf-v6-c-about-modal-box__close--PaddingBottom: var(--pf-t--global--spacer--xl);
@@ -6893,7 +6864,7 @@ button) {
6893
6864
  --pf-v6-c-alert__toggle--MarginBottom: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
6894
6865
  --pf-v6-c-alert__toggle--MarginRight: var(--pf-t--global--spacer--sm);
6895
6866
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
6896
- --pf-v6-c-alert__toggle-icon--Transition: var(--pf-v6-global--Transition);
6867
+ --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
6897
6868
  --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
6898
6869
  --pf-v6-c-alert__icon--MarginTop: 0.25rem;
6899
6870
  --pf-v6-c-alert__icon--MarginRight: var(--pf-t--global--spacer--sm);
@@ -7085,7 +7056,7 @@ button) {
7085
7056
  --pf-v6-c-alert-group--m-toast--Top: var(--pf-t--global--spacer--2xl);
7086
7057
  --pf-v6-c-alert-group--m-toast--Right: var(--pf-t--global--spacer--xl);
7087
7058
  --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
7088
- --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-v6-global--ZIndex--2xl);
7059
+ --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
7089
7060
  --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
7090
7061
  --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
7091
7062
  --pf-v6-c-alert-group__overflow-button--PaddingTop: var(--pf-t--global--spacer--md);
@@ -7148,7 +7119,7 @@ button) {
7148
7119
  --pf-v6-c-app-launcher__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
7149
7120
  --pf-v6-c-app-launcher__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
7150
7121
  --pf-v6-c-app-launcher__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
7151
- --pf-v6-c-app-launcher__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
7122
+ --pf-v6-c-app-launcher__menu--ZIndex: var(--pf-t--global--z-index--sm);
7152
7123
  --pf-v6-c-app-launcher--m-top__menu--Top: 0;
7153
7124
  --pf-v6-c-app-launcher--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
7154
7125
  --pf-v6-c-app-launcher__toggle--PaddingTop: var(--pf-v6-global--spacer--form-element);
@@ -7377,11 +7348,11 @@ button) {
7377
7348
  color: var(--pf-v6-c-app-launcher__group-title--Color);
7378
7349
  }
7379
7350
 
7380
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
7351
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
7381
7352
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
7382
7353
  }
7383
7354
 
7384
- :where(.pf-theme-dark) .pf-v6-c-app-launcher {
7355
+ :where(.pf-v6-theme-dark) .pf-v6-c-app-launcher {
7385
7356
  --pf-v6-c-app-launcher__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--300);
7386
7357
  --pf-v6-c-app-launcher__menu--Top: 100%;
7387
7358
  --pf-v6-c-app-launcher__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
@@ -7639,7 +7610,7 @@ button) {
7639
7610
  :root,
7640
7611
  .pf-v6-c-backdrop {
7641
7612
  --pf-v6-c-backdrop--Position: fixed;
7642
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--Zindex--lg);
7613
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
7643
7614
  --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
7644
7615
  }
7645
7616
 
@@ -7782,7 +7753,7 @@ button) {
7782
7753
  --pf-v6-c-banner--link--hover--FontWeight: var(--pf-t--global--font--weight--body--bold);
7783
7754
  --pf-v6-c-banner--link--disabled--Color: var(--pf-v6-c-banner--Color);
7784
7755
  --pf-v6-c-banner--link--disabled--TextDecoration: none;
7785
- --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-v6-global--ZIndex--md);
7756
+ --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
7786
7757
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
7787
7758
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
7788
7759
  --pf-v6-c-banner--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
@@ -8289,7 +8260,7 @@ button.pf-v6-c-breadcrumb__link {
8289
8260
  --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
8290
8261
  --pf-v6-c-button__icon--m-start--MarginRight: var(--pf-t--global--spacer--xs);
8291
8262
  --pf-v6-c-button__icon--m-end--MarginLeft: var(--pf-t--global--spacer--xs);
8292
- --pf-v6-c-button__progress--width: calc(var(--pf-v6-global--icon--FontSize--md) + var(--pf-v6-global--spacer--sm));
8263
+ --pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
8293
8264
  --pf-v6-c-button__progress--Opacity: 0;
8294
8265
  --pf-v6-c-button__progress--TranslateY: -50%;
8295
8266
  --pf-v6-c-button__progress--TranslateX: 0;
@@ -8297,7 +8268,7 @@ button.pf-v6-c-breadcrumb__link {
8297
8268
  --pf-v6-c-button__progress--Left: var(--pf-t--global--spacer--md);
8298
8269
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
8299
8270
  --pf-v6-c-button--m-progress--TransitionProperty: padding;
8300
- --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-global--TransitionDuration);
8271
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-t--global--transitionDuration);
8301
8272
  --pf-v6-c-button--m-progress--PaddingRight: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8302
8273
  --pf-v6-c-button--m-progress--PaddingLeft: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
8303
8274
  --pf-v6-c-button--m-in-progress--PaddingRight: var(--pf-t--global--spacer--md);
@@ -8305,7 +8276,7 @@ button.pf-v6-c-breadcrumb__link {
8305
8276
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
8306
8277
  --pf-v6-c-button--m-in-progress--m-plain__progress--Left: 50%;
8307
8278
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
8308
- --pf-v6-c-button__count--MarginLeft: var(--pf-v6-global--spacer--sm);
8279
+ --pf-v6-c-button__count--MarginLeft: var(--pf-t--global--spacer--sm);
8309
8280
  --pf-v6-c-button--disabled__c-badge--Color: var(--pf-t--global--text--color--disabled);
8310
8281
  --pf-v6-c-button--disabled__c-badge--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8311
8282
  --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
@@ -8890,7 +8861,7 @@ button.pf-v6-c-breadcrumb__link {
8890
8861
  --pf-v6-c-card__header-toggle--MarginRight: var(--pf-t--global--spacer--xs);
8891
8862
  --pf-v6-c-card__header-toggle--MarginBottom: calc(var(--pf-t--global--spacer--button--vertical--default) * -1);
8892
8863
  --pf-v6-c-card__header-toggle--MarginLeft: calc(var(--pf-t--global--spacer--md) * -1);
8893
- --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-v6-global--Transition);
8864
+ --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
8894
8865
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
8895
8866
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
8896
8867
  --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
@@ -9363,11 +9334,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9363
9334
  line-height: 1;
9364
9335
  }
9365
9336
 
9366
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
9337
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
9367
9338
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
9368
9339
  }
9369
9340
 
9370
- :where(.pf-theme-dark) .pf-v6-c-chip {
9341
+ :where(.pf-v6-theme-dark) .pf-v6-c-chip {
9371
9342
  --pf-v6-c-chip--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
9372
9343
  --pf-v6-c-chip--before--BorderColor: var(--pf-v6-global--BorderColor--100);
9373
9344
  --pf-v6-c-chip--m-draggable--BackgroundColor: var(--pf-v6-global--palette--black-600);
@@ -9854,7 +9825,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
9854
9825
  --pf-v6-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
9855
9826
  --pf-v6-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
9856
9827
  --pf-v6-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
9857
- --pf-v6-c-content--ul--ListStyle: var(--pf-v6-global--ListStyle);
9828
+ --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
9858
9829
  --pf-v6-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
9859
9830
  --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9860
9831
  --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
@@ -10085,7 +10056,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10085
10056
  --pf-v6-c-context-selector--m-plain__toggle-icon--Color: var(--pf-v6-global--Color--200);
10086
10057
  --pf-v6-c-context-selector--m-plain--hover__toggle-icon--Color: var(--pf-v6-global--Color--100);
10087
10058
  --pf-v6-c-context-selector__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
10088
- --pf-v6-c-context-selector__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
10059
+ --pf-v6-c-context-selector__menu--ZIndex: var(--pf-t--global--z-index--sm);
10089
10060
  --pf-v6-c-context-selector__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
10090
10061
  --pf-v6-c-context-selector__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-100);
10091
10062
  --pf-v6-c-context-selector__menu--BoxShadow: var(--pf-v6-global--BoxShadow--md);
@@ -10358,24 +10329,24 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10358
10329
  pointer-events: none;
10359
10330
  }
10360
10331
 
10361
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
10332
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
10362
10333
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
10363
10334
  }
10364
10335
 
10365
- :where(.pf-theme-dark) .pf-v6-c-context-selector {
10336
+ :where(.pf-v6-theme-dark) .pf-v6-c-context-selector {
10366
10337
  --pf-v6-c-context-selector__menu--Top: 100%;
10367
10338
  --pf-v6-c-context-selector__menu-list-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
10368
10339
  }
10369
- :where(.pf-theme-dark) .pf-v6-c-context-selector__toggle {
10340
+ :where(.pf-v6-theme-dark) .pf-v6-c-context-selector__toggle {
10370
10341
  background: var(--pf-v6-global--BackgroundColor--400);
10371
10342
  }
10372
- :where(.pf-theme-dark) .pf-v6-c-context-selector__toggle.pf-m-plain {
10343
+ :where(.pf-v6-theme-dark) .pf-v6-c-context-selector__toggle.pf-m-plain {
10373
10344
  background: transparent;
10374
10345
  }
10375
- :where(.pf-theme-dark) .pf-v6-c-context-selector__menu {
10346
+ :where(.pf-v6-theme-dark) .pf-v6-c-context-selector__menu {
10376
10347
  background: var(--pf-v6-global--BackgroundColor--300);
10377
10348
  }
10378
- :where(.pf-theme-dark) .pf-v6-c-context-selector__menu-footer {
10349
+ :where(.pf-v6-theme-dark) .pf-v6-c-context-selector__menu-footer {
10379
10350
  border-block-start: 1px solid var(--pf-v6-global--BorderColor--300);
10380
10351
  }
10381
10352
 
@@ -11624,7 +11595,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11624
11595
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
11625
11596
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
11626
11597
  --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
11627
- --pf-v6-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-v6-global--Transition);
11598
+ --pf-v6-c-dual-list-selector__item-toggle-icon--Transition: var(--pf-t--global--transition);
11628
11599
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
11629
11600
  --pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
11630
11601
  }
@@ -11912,15 +11883,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11912
11883
  --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
11913
11884
  --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
11914
11885
  --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
11915
- --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--Zindex--xs);
11886
+ --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--xs);
11916
11887
  --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11917
11888
  --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11918
- --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--Zindex--xs);
11889
+ --pf-v6-c-toolbar--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
11919
11890
  --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
11920
11891
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11921
11892
  --pf-v6-c-toolbar--m-page-insets--inset: var(--pf-v6-c-page--inset);
11922
11893
  --pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
11923
- --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-v6-global--Transition);
11894
+ --pf-v6-c-toolbar__expand-all-icon--Transition: var(--pf-t--global--transition);
11924
11895
  --pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
11925
11896
  --pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--xs);
11926
11897
  --pf-v6-c-toolbar__item--m-label--FontWeight: var(--pf-t--global--font--weight--body--bold);
@@ -14631,7 +14602,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
14631
14602
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
14632
14603
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14633
14604
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
14634
- --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--Zindex--sm);
14605
+ --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
14635
14606
  --pf-v6-c-date-picker__calendar--Top: calc(100% + var(--pf-t--global--spacer--xs));
14636
14607
  --pf-v6-c-date-picker__calendar--Right: auto;
14637
14608
  --pf-v6-c-date-picker__calendar--Left: 0;
@@ -14948,10 +14919,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
14948
14919
  --pf-v6-c-drawer__content--BackgroundColor: transparent;
14949
14920
  --pf-v6-c-drawer__content--m-primary--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14950
14921
  --pf-v6-c-drawer__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14951
- --pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--Zindex--xs);
14922
+ --pf-v6-c-drawer__content--ZIndex: var(--pf-t--global--z-index--xs);
14952
14923
  --pf-v6-c-drawer__panel--MinWidth: 50%;
14953
14924
  --pf-v6-c-drawer__panel--MaxHeight: auto;
14954
- --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--Zindex--sm);
14925
+ --pf-v6-c-drawer__panel--ZIndex: var(--pf-t--global--z-index--sm);
14955
14926
  --pf-v6-c-drawer__panel--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14956
14927
  --pf-v6-c-drawer__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
14957
14928
  --pf-v6-c-drawer__panel--RowGap: var(--pf-t--global--spacer--sm);
@@ -15062,7 +15033,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
15062
15033
 
15063
15034
  .pf-v6-c-drawer {
15064
15035
  --pf-v6-c-drawer--m-expanded__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
15065
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v6-global--BoxShadow--lg-right);
15036
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--right);
15066
15037
  display: flex;
15067
15038
  flex-direction: column;
15068
15039
  height: 100%;
@@ -15073,7 +15044,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
15073
15044
  }
15074
15045
 
15075
15046
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-drawer {
15076
- --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-v6-global--BoxShadow--lg-left);
15047
+ --pf-v6-c-drawer--m-expanded--m-panel-left__panel--BoxShadow: var(--pf-t--global--box-shadow--lg--left);
15077
15048
  }
15078
15049
 
15079
15050
  .pf-v6-c-drawer.pf-m-inline > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable), .pf-v6-c-drawer.pf-m-static > .pf-v6-c-drawer__main > .pf-v6-c-drawer__panel:not(.pf-m-no-border, .pf-m-resizable) {
@@ -15881,7 +15852,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
15881
15852
  --pf-v6-c-dropdown__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
15882
15853
  --pf-v6-c-dropdown__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
15883
15854
  --pf-v6-c-dropdown__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
15884
- --pf-v6-c-dropdown__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
15855
+ --pf-v6-c-dropdown__menu--ZIndex: var(--pf-t--global--z-index--sm);
15885
15856
  --pf-v6-c-dropdown--m-top__menu--Top: 0;
15886
15857
  --pf-v6-c-dropdown--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
15887
15858
  --pf-v6-c-dropdown__menu-item--BackgroundColor: transparent;
@@ -15918,7 +15889,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
15918
15889
  --pf-v6-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft: var(--pf-v6-global--spacer--xs);
15919
15890
  --pf-v6-c-dropdown__toggle--c-badge__toggle-icon--MarginRight: 0;
15920
15891
  --pf-v6-c-dropdown--c-menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
15921
- --pf-v6-c-dropdown--c-menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
15892
+ --pf-v6-c-dropdown--c-menu--ZIndex: var(--pf-t--global--z-index--sm);
15922
15893
  --pf-v6-c-dropdown--m-top--c-menu--Top: 0;
15923
15894
  --pf-v6-c-dropdown--m-top--c-menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
15924
15895
  --pf-v6-c-dropdown--m-full-height__toggle--before--BorderTopWidth: 0;
@@ -16446,11 +16417,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
16446
16417
  color: var(--pf-v6-c-dropdown__group-title--Color);
16447
16418
  }
16448
16419
 
16449
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
16420
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
16450
16421
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
16451
16422
  }
16452
16423
 
16453
- :where(.pf-theme-dark) .pf-v6-c-dropdown {
16424
+ :where(.pf-v6-theme-dark) .pf-v6-c-dropdown {
16454
16425
  --pf-v6-c-dropdown__toggle--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
16455
16426
  --pf-v6-c-dropdown__toggle--before--BorderTopColor: transparent;
16456
16427
  --pf-v6-c-dropdown__toggle--before--BorderRightColor: transparent;
@@ -16465,10 +16436,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
16465
16436
  --pf-v6-c-dropdown--m-top__menu--TranslateY: -100%;
16466
16437
  --pf-v6-c-dropdown__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
16467
16438
  }
16468
- :where(.pf-theme-dark) .pf-v6-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-theme-dark) .pf-v6-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
16439
+ :where(.pf-v6-theme-dark) .pf-v6-c-dropdown__toggle:not(.pf-m-plain):disabled, :where(.pf-v6-theme-dark) .pf-v6-c-dropdown__toggle:not(.pf-m-plain).pf-m-disabled {
16469
16440
  color: var(--pf-v6-global--palette--black-100);
16470
16441
  }
16471
- :where(.pf-theme-dark) .pf-v6-c-dropdown__toggle.pf-m-plain {
16442
+ :where(.pf-v6-theme-dark) .pf-v6-c-dropdown__toggle.pf-m-plain {
16472
16443
  background: transparent;
16473
16444
  }
16474
16445
 
@@ -16869,7 +16840,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
16869
16840
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderTopWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
16870
16841
  --pf-v6-c-form__field-group-toggle-button--MarginTop: calc(var(--pf-v6-c-button--m-plain--PaddingTop) * -1);
16871
16842
  --pf-v6-c-form__field-group-toggle-button--MarginBottom: calc(var(--pf-v6-c-button--m-plain--PaddingBottom) * -1);
16872
- --pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-v6-global--Transition);
16843
+ --pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
16873
16844
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
16874
16845
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
16875
16846
  --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
@@ -18157,7 +18128,7 @@ label.pf-v6-c-input-group__text {
18157
18128
  --pf-v6-c-jump-links__toggle--MarginLeft: calc(-1 * var(--pf-t--global--spacer--md));
18158
18129
  --pf-v6-c-jump-links__toggle--Display: none;
18159
18130
  --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
18160
- --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-v6-global--Transition);
18131
+ --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
18161
18132
  --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
18162
18133
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
18163
18134
  --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
@@ -18369,7 +18340,7 @@ label.pf-v6-c-input-group__text {
18369
18340
  color: var(--pf-v6-c-jump-links__toggle-text--Color);
18370
18341
  }
18371
18342
 
18372
- .pf-v6-c-select, .pf-t-light, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
18343
+ .pf-v6-c-select, .pf-v6-c-chip, .pf-v6-c-chip-group, .pf-v6-c-context-selector__menu {
18373
18344
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
18374
18345
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
18375
18346
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
@@ -18381,7 +18352,7 @@ label.pf-v6-c-input-group__text {
18381
18352
  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
18382
18353
  }
18383
18354
 
18384
- .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main, .pf-t-dark {
18355
+ .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
18385
18356
  --pf-v6-global--Color--100: var(--pf-v6-global--Color--light-100);
18386
18357
  --pf-v6-global--Color--200: var(--pf-v6-global--Color--light-200);
18387
18358
  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--light-100);
@@ -18392,7 +18363,7 @@ label.pf-v6-c-input-group__text {
18392
18363
  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--light);
18393
18364
  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--light);
18394
18365
  }
18395
- .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button, .pf-t-dark .pf-v6-c-button {
18366
+ .pf-v6-c-page__sidebar-body.pf-m-menu .pf-v6-c-context-selector .pf-v6-c-button, .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
18396
18367
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
18397
18368
  }
18398
18369
 
@@ -19125,7 +19096,7 @@ input.pf-v6-c-label__content {
19125
19096
  --pf-v6-c-list--PaddingLeft: var(--pf-t--global--spacer--lg);
19126
19097
  --pf-v6-c-list--nested--MarginTop: var(--pf-t--global--spacer--sm);
19127
19098
  --pf-v6-c-list--nested--MarginLeft: var(--pf-t--global--spacer--sm);
19128
- --pf-v6-c-list--ul--ListStyle: var(--pf-v6-global--ListStyle);
19099
+ --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
19129
19100
  --pf-v6-c-list--li--MarginTop: var(--pf-t--global--spacer--sm);
19130
19101
  --pf-v6-c-list--m-inline--li--MarginRight: var(--pf-t--global--spacer--lg);
19131
19102
  --pf-v6-c-list--m-bordered--li--PaddingBottom: var(--pf-t--global--spacer--sm);
@@ -19371,11 +19342,11 @@ ul.pf-v6-c-list {
19371
19342
  font-weight: var(--pf-v6-c-log-viewer__timestamp--FontWeight);
19372
19343
  }
19373
19344
 
19374
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
19345
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
19375
19346
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
19376
19347
  }
19377
19348
 
19378
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
19349
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main {
19379
19350
  color: var(--pf-v6-global--Color--100);
19380
19351
  }
19381
19352
 
@@ -20086,7 +20057,7 @@ ul.pf-v6-c-list {
20086
20057
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
20087
20058
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
20088
20059
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
20089
- --pf-v6-c-menu--ZIndex: var(--pf-t--global--Zindex--sm);
20060
+ --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
20090
20061
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
20091
20062
  --pf-v6-c-menu--icon--disabled--Color: var(--pf-t--global--icon--color--disabled);
20092
20063
  --pf-v6-c-menu--m-plain--BoxShadow: none;
@@ -20149,22 +20120,22 @@ ul.pf-v6-c-list {
20149
20120
  --pf-v6-c-menu--m-flyout__menu--top-offset: 0px;
20150
20121
  --pf-v6-c-menu--m-flyout__menu--left-offset: 0px;
20151
20122
  --pf-v6-c-menu--m-flyout__menu--m-left--right-offset: 0px;
20152
- --pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--Zindex--sm);
20123
+ --pf-v6-c-menu--m-flyout__Zindex: var(--pf-t--global--z-index--sm);
20153
20124
  --pf-v6-c-menu--m-flyout__menu--Top: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1 + var(--pf-v6-c-menu--m-flyout__menu--top-offset));
20154
20125
  --pf-v6-c-menu--m-flyout__menu--Right: auto;
20155
20126
  --pf-v6-c-menu--m-flyout__menu--Bottom: auto;
20156
20127
  --pf-v6-c-menu--m-flyout__menu--Left: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--left-offset));
20157
20128
  --pf-v6-c-menu--m-flyout__menu--m-top--Bottom: calc(var(--pf-v6-c-menu__list--PaddingBlockStart) * -1);
20158
20129
  --pf-v6-c-menu--m-flyout__menu--m-left--Right: calc(100% + var(--pf-v6-c-menu--m-flyout__menu--m-left--right-offset));
20159
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-v6-global--TransitionDuration);
20160
- --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-v6-global--TransitionDuration);
20130
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--height: var(--pf-t--global--transitionDuration);
20131
+ --pf-v6-c-menu--m-drilldown__content--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20161
20132
  --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);
20162
20133
  --pf-v6-c-menu--m-drilldown--c-menu--Top: 0;
20163
- --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-v6-global--TransitionDuration);
20134
+ --pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20164
20135
  --pf-v6-c-menu--m-drilldown--c-menu--Transition: transform var(--pf-v6-c-menu--m-drilldown--c-menu--TransitionDuration--transform);
20165
- --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-v6-global--TransitionDuration);
20136
+ --pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform: var(--pf-t--global--transitionDuration);
20166
20137
  --pf-v6-c-menu--m-drilldown__list--Transition: transform var(--pf-v6-c-menu--m-drilldown__list--TransitionDuration--transform);
20167
- --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
20138
+ --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--z-index--xs);
20168
20139
  }
20169
20140
 
20170
20141
  .pf-v6-c-menu__content,
@@ -20554,7 +20525,7 @@ ul.pf-v6-c-list {
20554
20525
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
20555
20526
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
20556
20527
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
20557
- --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--Zindex--xs);
20528
+ --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
20558
20529
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
20559
20530
  --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
20560
20531
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
@@ -20952,7 +20923,7 @@ ul.pf-v6-c-list {
20952
20923
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20953
20924
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
20954
20925
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
20955
- --pf-v6-c-modal-box--ZIndex: var(--pf-v6-global--ZIndex--xl);
20926
+ --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
20956
20927
  --pf-v6-c-modal-box--Width: 100%;
20957
20928
  --pf-v6-c-modal-box--MaxWidth: calc(100% - var(--pf-t--global--spacer--xl));
20958
20929
  --pf-v6-c-modal-box--m-sm--sm--MaxWidth: 35rem;
@@ -21376,7 +21347,7 @@ ul.pf-v6-c-list {
21376
21347
  --pf-v6-c-nav--FontSize: var(--pf-t--global--font--size--body--default);
21377
21348
  --pf-v6-c-nav--FontWeight: var(--pf-t--global--font--weight--body);
21378
21349
  --pf-v6-c-nav--LineHeight: var(--pf-t--global--font--line-height--body);
21379
- --pf-v6-c-nav--OutlineOffset: calc(var(--pf-v6-global--spacer--xs) * -1);
21350
+ --pf-v6-c-nav--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
21380
21351
  --pf-v6-c-nav--BackgroundColor: transparent;
21381
21352
  --pf-v6-c-nav__list--ScrollSnapTypeAxis: x;
21382
21353
  --pf-v6-c-nav__list--ScrollSnapTypeStrictness: proximity;
@@ -21741,7 +21712,7 @@ ul.pf-v6-c-list {
21741
21712
  --pf-v6-c-notification-drawer__header--PaddingBottom: var(--pf-t--global--spacer--md);
21742
21713
  --pf-v6-c-notification-drawer__header--PaddingLeft: var(--pf-t--global--spacer--lg);
21743
21714
  --pf-v6-c-notification-drawer__header--BackgroundColor: var(--pf-t--global--background--color--floating--default);
21744
- --pf-v6-c-notification-drawer__header--ZIndex: var(--pf-t--global--Zindex--sm);
21715
+ --pf-v6-c-notification-drawer__header--ZIndex: var(--pf-t--global--z-index--sm);
21745
21716
  --pf-v6-c-notification-drawer__header-title--FontSize: var(--pf-t--global--font--size--heading--md);
21746
21717
  --pf-v6-c-notification-drawer__header-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
21747
21718
  --pf-v6-c-notification-drawer__header-title--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -21750,7 +21721,7 @@ ul.pf-v6-c-list {
21750
21721
  --pf-v6-c-notification-drawer__header-status--FontWeight: var(--pf-t--global--font--weight--body--bold);
21751
21722
  --pf-v6-c-notification-drawer__header-status--FontSize: var(--pf-t--global--font--size--body--default);
21752
21723
  --pf-v6-c-notification-drawer__header-status--Color: var(--pf-t--global--text--color--subtle);
21753
- --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--Zindex--xs);
21724
+ --pf-v6-c-notification-drawer__body--ZIndex: var(--pf-t--global--z-index--xs);
21754
21725
  --pf-v6-c-notification-drawer__body--PaddingBlockStart: 0;
21755
21726
  --pf-v6-c-notification-drawer__body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
21756
21727
  --pf-v6-c-notification-drawer__list--Gap: var(--pf-t--global--spacer--sm);
@@ -22052,7 +22023,7 @@ ul.pf-v6-c-list {
22052
22023
  --pf-v6-c-options-menu__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
22053
22024
  --pf-v6-c-options-menu__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
22054
22025
  --pf-v6-c-options-menu__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
22055
- --pf-v6-c-options-menu__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
22026
+ --pf-v6-c-options-menu__menu--ZIndex: var(--pf-t--global--z-index--sm);
22056
22027
  --pf-v6-c-options-menu--m-top__menu--Top: 0;
22057
22028
  --pf-v6-c-options-menu--m-top__menu--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
22058
22029
  --pf-v6-c-options-menu__menu-item--BackgroundColor: transparent;
@@ -22275,11 +22246,11 @@ ul.pf-v6-c-list {
22275
22246
  color: var(--pf-v6-c-options-menu__group-title--Color);
22276
22247
  }
22277
22248
 
22278
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
22249
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
22279
22250
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
22280
22251
  }
22281
22252
 
22282
- :where(.pf-theme-dark) .pf-v6-c-options-menu {
22253
+ :where(.pf-v6-theme-dark) .pf-v6-c-options-menu {
22283
22254
  --pf-v6-c-options-menu__toggle--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
22284
22255
  --pf-v6-c-options-menu__toggle--BorderTopColor: transparent;
22285
22256
  --pf-v6-c-options-menu__toggle--BorderRightColor: transparent;
@@ -22290,7 +22261,7 @@ ul.pf-v6-c-list {
22290
22261
  --pf-v6-c-options-menu__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
22291
22262
  --pf-v6-c-options-menu__menu--Top: 100%;
22292
22263
  }
22293
- :where(.pf-theme-dark) .pf-v6-c-options-menu__toggle.pf-m-plain {
22264
+ :where(.pf-v6-theme-dark) .pf-v6-c-options-menu__toggle.pf-m-plain {
22294
22265
  background: transparent;
22295
22266
  }
22296
22267
 
@@ -22336,7 +22307,7 @@ ul.pf-v6-c-list {
22336
22307
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
22337
22308
  --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
22338
22309
  --pf-v6-c-page__header--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22339
- --pf-v6-c-page__header--ZIndex: var(--pf-v6-global--ZIndex--md);
22310
+ --pf-v6-c-page__header--ZIndex: var(--pf-t--global--z-index--md);
22340
22311
  --pf-v6-c-page__header--MinHeight: 4.75rem;
22341
22312
  --pf-v6-c-page__header-brand--PaddingLeft: var(--pf-t--global--spacer--md);
22342
22313
  --pf-v6-c-page__header-brand--xl--PaddingRight: var(--pf-t--global--spacer--xl);
@@ -22361,11 +22332,11 @@ ul.pf-v6-c-list {
22361
22332
  --pf-v6-c-page__header-tools-item--Display: block;
22362
22333
  --pf-v6-c-page__header-tools--c-button--m-selected--before--Width: auto;
22363
22334
  --pf-v6-c-page__header-tools--c-button--m-selected--before--Height: auto;
22364
- --pf-v6-c-page__sidebar--ZIndex: var(--pf-v6-global--ZIndex--sm);
22335
+ --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
22365
22336
  --pf-v6-c-page__sidebar--Width: 18.125rem;
22366
22337
  --pf-v6-c-page__sidebar--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22367
22338
  --pf-v6-c-page__sidebar--BoxShadow: none;
22368
- --pf-v6-c-page__sidebar--Transition: var(--pf-v6-global--Transition);
22339
+ --pf-v6-c-page__sidebar--Transition: var(--pf-t--global--transition);
22369
22340
  --pf-v6-c-page__sidebar--TranslateX: -100%;
22370
22341
  --pf-v6-c-page__sidebar--TranslateZ: 0;
22371
22342
  --pf-v6-c-page__sidebar--m-expanded--TranslateX: 0;
@@ -22390,7 +22361,7 @@ ul.pf-v6-c-list {
22390
22361
  --pf-v6-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-t--global--border--color--default);
22391
22362
  --pf-v6-c-page__sidebar-body--m-menu--BorderTopWidth: var(--pf-t--global--border--width--button--default);
22392
22363
  --pf-v6-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-t--global--border--color--default);
22393
- --pf-v6-c-page__main-container--ZIndex: var(--pf-v6-global--ZIndex--xs);
22364
+ --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
22394
22365
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
22395
22366
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22396
22367
  --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
@@ -22409,14 +22380,14 @@ ul.pf-v6-c-list {
22409
22380
  --pf-v6-c-page__main-breadcrumb--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
22410
22381
  --pf-v6-c-page__main-nav--page__main-tabs--PaddingTop: var(--pf-t--global--spacer--md);
22411
22382
  --pf-v6-c-page--section--m-limit-width--MaxWidth: calc(125rem - var(--pf-v6-c-page__sidebar--Width));
22412
- --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-v6-global--ZIndex--md);
22383
+ --pf-v6-c-page--section--m-sticky-top--ZIndex: var(--pf-t--global--z-index--md);
22413
22384
  --pf-v6-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
22414
- --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v6-global--ZIndex--md);
22385
+ --pf-v6-c-page--section--m-sticky-bottom--ZIndex: var(--pf-t--global--z-index--md);
22415
22386
  --pf-v6-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22416
22387
  --pf-v6-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
22417
- --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v6-global--ZIndex--xs);
22388
+ --pf-v6-c-page--section--m-shadow-bottom--ZIndex: var(--pf-t--global--z-index--xs);
22418
22389
  --pf-v6-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22419
- --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-v6-global--ZIndex--xs);
22390
+ --pf-v6-c-page--section--m-shadow-top--ZIndex: var(--pf-t--global--z-index--xs);
22420
22391
  --pf-v6-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22421
22392
  --pf-v6-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
22422
22393
  --pf-v6-c-page__main-nav--PaddingRight: 0;
@@ -23576,7 +23547,7 @@ ul.pf-v6-c-list {
23576
23547
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23577
23548
  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
23578
23549
  --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
23579
- --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--Zindex--sm);
23550
+ --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--z-index--sm);
23580
23551
  --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23581
23552
  --pf-v6-c-panel__header--PaddingTop: var(--pf-t--global--spacer--md);
23582
23553
  --pf-v6-c-panel__header--PaddingRight: var(--pf-t--global--spacer--md);
@@ -24083,7 +24054,7 @@ ul.pf-v6-c-list {
24083
24054
  --pf-v6-c-progress-stepper--m-center__step-description--MarginLeft: 0;
24084
24055
  --pf-v6-c-progress-stepper--GridTemplateRows: auto 1fr;
24085
24056
  --pf-v6-c-progress-stepper__step-connector--JustifyContent: flex-start;
24086
- --pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--Zindex--xs);
24057
+ --pf-v6-c-progress-stepper__step-icon--ZIndex: var(--pf-t--global--z-index--xs);
24087
24058
  --pf-v6-c-progress-stepper__step-icon--Width: 1.5rem;
24088
24059
  --pf-v6-c-progress-stepper__step-icon--Height: var(--pf-v6-c-progress-stepper__step-icon--Width);
24089
24060
  --pf-v6-c-progress-stepper__step-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
@@ -24302,7 +24273,7 @@ ul.pf-v6-c-list {
24302
24273
  border: var(--pf-v6-c-progress-stepper__step-icon--BorderWidth) solid var(--pf-v6-c-progress-stepper__step-icon--BorderColor);
24303
24274
  border-radius: 50%;
24304
24275
  }
24305
- .pf-v6-c-progress-stepper__step-icon .pf-v5-pficon {
24276
+ .pf-v6-c-progress-stepper__step-icon .pf-v6-pficon {
24306
24277
  margin-block-start: var(--pf-v6-c-progress-stepper__pficon--MarginTop);
24307
24278
  }
24308
24279
  .pf-v6-c-progress-stepper__step-icon .fa-exclamation-triangle {
@@ -24795,7 +24766,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24795
24766
  --pf-v6-c-select__menu--PaddingTop: var(--pf-v6-global--spacer--sm);
24796
24767
  --pf-v6-c-select__menu--PaddingBottom: var(--pf-v6-global--spacer--sm);
24797
24768
  --pf-v6-c-select__menu--Top: calc(100% + var(--pf-v6-global--spacer--xs));
24798
- --pf-v6-c-select__menu--ZIndex: var(--pf-v6-global--ZIndex--sm);
24769
+ --pf-v6-c-select__menu--ZIndex: var(--pf-t--global--z-index--sm);
24799
24770
  --pf-v6-c-select__menu--Width: auto;
24800
24771
  --pf-v6-c-select__menu--MinWidth: 100%;
24801
24772
  --pf-v6-c-select__menu--m-top--TranslateY: calc(-100% - var(--pf-v6-global--spacer--xs));
@@ -25285,11 +25256,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25285
25256
  box-shadow: var(--pf-v6-c-select__menu-footer--BoxShadow);
25286
25257
  }
25287
25258
 
25288
- :where(.pf-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
25259
+ :where(.pf-v6-theme-dark) .pf-v6-c-log-viewer.pf-m-dark .pf-v6-c-log-viewer__main .pf-v6-c-button {
25289
25260
  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--300);
25290
25261
  }
25291
25262
 
25292
- :where(.pf-theme-dark) .pf-v6-c-select {
25263
+ :where(.pf-v6-theme-dark) .pf-v6-c-select {
25293
25264
  --pf-v6-c-select__toggle--disabled--BackgroundColor: var(--pf-v6-global--palette--black-500);
25294
25265
  --pf-v6-c-select__toggle--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
25295
25266
  --pf-v6-c-select__toggle--before--BorderTopColor: transparent;
@@ -25301,7 +25272,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25301
25272
  --pf-v6-c-select__menu-item--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--400);
25302
25273
  --pf-v6-c-select__menu--BackgroundColor: var(--pf-v6-global--BackgroundColor--300);
25303
25274
  }
25304
- :where(.pf-theme-dark) .pf-v6-c-select__toggle:disabled, :where(.pf-theme-dark) .pf-v6-c-select__toggle.pf-m-disabled {
25275
+ :where(.pf-v6-theme-dark) .pf-v6-c-select__toggle:disabled, :where(.pf-v6-theme-dark) .pf-v6-c-select__toggle.pf-m-disabled {
25305
25276
  color: var(--pf-v6-global--palette--black-100);
25306
25277
  }
25307
25278
 
@@ -25355,7 +25326,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25355
25326
  --pf-v6-c-sidebar--m-split--m-panel-right__panel--Order: 1;
25356
25327
  --pf-v6-c-sidebar--m-split__main--m-border--before--Display: block;
25357
25328
  --pf-v6-c-sidebar__panel--FlexBasis--base: auto;
25358
- --pf-v6-c-sidebar__panel--BoxShadow--base: 0 0.25rem 0.25rem -0.25rem rgba(3, 3, 3, 0.16);
25329
+ --pf-v6-c-sidebar__panel--BoxShadow--base: var(--pf-t--global--box-shadow--md--bottom);
25359
25330
  --pf-v6-c-sidebar__panel--BoxShadow: var(--pf-v6-c-sidebar__panel--BoxShadow--base);
25360
25331
  --pf-v6-c-sidebar__panel--Top: 0;
25361
25332
  --pf-v6-c-sidebar__panel--md--Top: auto;
@@ -25366,7 +25337,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25366
25337
  --pf-v6-c-sidebar__panel--md--FlexBasis: 15.625rem;
25367
25338
  --pf-v6-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
25368
25339
  --pf-v6-c-sidebar__panel--m-stack--FlexBasis: auto;
25369
- --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
25340
+ --pf-v6-c-sidebar__panel--ZIndex: var(--pf-t--global--z-index--xs);
25370
25341
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
25371
25342
  --pf-v6-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
25372
25343
  --pf-v6-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -25888,7 +25859,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25888
25859
  }
25889
25860
  :root {
25890
25861
  --pf-v6-c-skip-to-content--Top: var(--pf-t--global--spacer--md);
25891
- --pf-v6-c-skip-to-content--ZIndex: var(--pf-v6-global--ZIndex--2xl);
25862
+ --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
25892
25863
  --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
25893
25864
  }
25894
25865
 
@@ -25956,7 +25927,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25956
25927
  --pf-v6-c-slider__value--m-floating--TranslateX: -50%;
25957
25928
  --pf-v6-c-slider__value--m-floating--TranslateY: -100%;
25958
25929
  --pf-v6-c-slider__value--m-floating--Left: var(--pf-v6-c-slider--value);
25959
- --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--Zindex--sm);
25930
+ --pf-v6-c-slider__value--m-floating--ZIndex: var(--pf-t--global--z-index--sm);
25960
25931
  --pf-v6-c-slider__actions--MarginRight: var(--pf-t--global--spacer--sm);
25961
25932
  --pf-v6-c-slider__main--actions--MarginLeft: var(--pf-t--global--spacer--sm);
25962
25933
  --pf-v6-c-slider--m-disabled__rail-track--before--fill--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
@@ -28115,7 +28086,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28115
28086
  --pf-v6-c-table__action--PaddingBottom: var(--pf-t--global--spacer--sm);
28116
28087
  --pf-v6-c-table__action--PaddingLeft: var(--pf-t--global--spacer--sm);
28117
28088
  --pf-v6-c-table__action--PaddingRight: var(--pf-t--global--spacer--sm);
28118
- --pf-v6-c-table__expandable-row--Transition: var(--pf-v6-global--Transition);
28089
+ --pf-v6-c-table__expandable-row--Transition: var(--pf-t--global--transition);
28119
28090
  --pf-v6-c-table__expandable-row-content--PaddingTop: var(--pf-t--global--spacer--md);
28120
28091
  --pf-v6-c-table__expandable-row-content--PaddingBottom: var(--pf-t--global--spacer--md);
28121
28092
  --pf-v6-c-table__expandable-row-content--PaddingLeft: var(--pf-t--global--spacer--md);
@@ -28171,9 +28142,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28171
28142
  --pf-v6-c-table__nested-column-header__button--PaddingLeft: calc(var(--pf-v6-c-table__button--PaddingLeft) - var(--pf-t--global--spacer--sm));
28172
28143
  --pf-v6-c-table__nested-column-header__button--PaddingRight: calc(var(--pf-v6-c-table__button--PaddingRight) - var(--pf-t--global--spacer--xs));
28173
28144
  --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
28174
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--Zindex--xs);
28175
- --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 1);
28176
- --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--Zindex--xs) + 2);
28145
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
28146
+ --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28147
+ --pf-v6-c-table--m-sticky-header--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28177
28148
  }
28178
28149
 
28179
28150
  .pf-v6-c-table {
@@ -28849,7 +28820,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
28849
28820
  :where(.pf-v6-c-table) {
28850
28821
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
28851
28822
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
28852
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--Zindex--xs);
28823
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
28853
28824
  --pf-v6-c-table__sticky-cell--Right: auto;
28854
28825
  --pf-v6-c-table__sticky-cell--Left: auto;
28855
28826
  --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -29757,7 +29728,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29757
29728
  --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29758
29729
  --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
29759
29730
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
29760
- --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
29731
+ --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
29761
29732
  --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
29762
29733
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
29763
29734
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
@@ -30962,7 +30933,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30962
30933
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
30963
30934
  --pf-v6-c-toggle-group__button--ZIndex: auto;
30964
30935
  --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
30965
- --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
30936
+ --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
30966
30937
  --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
30967
30938
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
30968
30939
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -30976,12 +30947,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30976
30947
  --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
30977
30948
  --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
30978
30949
  --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
30979
- --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
30950
+ --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
30980
30951
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
30981
30952
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
30982
30953
  --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
30983
30954
  --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
30984
- --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--Zindex--xs);
30955
+ --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
30985
30956
  --pf-v6-c-toggle-group--m-compact__button--PaddingTop: 0;
30986
30957
  --pf-v6-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
30987
30958
  --pf-v6-c-toggle-group--m-compact__button--PaddingBottom: 0;
@@ -31337,7 +31308,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31337
31308
  --pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v6-c-tree-view--m-guides--guide-color--base);
31338
31309
  --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v6-c-tree-view--m-guides__node--before--Top);
31339
31310
  --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top);
31340
- --pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--Zindex--xs);
31311
+ --pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--z-index--xs);
31341
31312
  --pf-v6-c-tree-view--m-guides__node--before--Width: 1rem;
31342
31313
  --pf-v6-c-tree-view--m-guides__node--before--Height: var(--pf-v6-c-tree-view--m-guides--guide-width--base);
31343
31314
  --pf-v6-c-tree-view--m-guides__node--before--Top: 1.125rem;
@@ -31771,7 +31742,7 @@ label.pf-v6-c-tree-view__node-text {
31771
31742
  --pf-v6-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
31772
31743
  --pf-v6-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
31773
31744
  --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
31774
- --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v6-global--Transition);
31745
+ --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
31775
31746
  --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
31776
31747
  --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
31777
31748
  --pf-v6-c-wizard__nav-link--before--Width: 1.5rem;
@@ -31788,7 +31759,7 @@ label.pf-v6-c-tree-view__node-text {
31788
31759
  --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
31789
31760
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
31790
31761
  --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31791
- --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--Zindex--xs);
31762
+ --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
31792
31763
  --pf-v6-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
31793
31764
  --pf-v6-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
31794
31765
  --pf-v6-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -31805,7 +31776,7 @@ label.pf-v6-c-tree-view__node-text {
31805
31776
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
31806
31777
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
31807
31778
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
31808
- --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--Zindex--xs);
31779
+ --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
31809
31780
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31810
31781
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
31811
31782
  --pf-v6-c-wizard__nav--Width: 100%;
@@ -31828,7 +31799,7 @@ label.pf-v6-c-tree-view__node-text {
31828
31799
  --pf-v6-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
31829
31800
  --pf-v6-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
31830
31801
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
31831
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--Zindex--xs);
31802
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
31832
31803
  --pf-v6-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
31833
31804
  --pf-v6-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
31834
31805
  --pf-v6-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);