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

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 (104) 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 +13 -9
  10. package/base/themes/dark/_chart-globals.scss +25 -25
  11. package/base/tokens/_tokens-font.scss +8 -0
  12. package/components/AboutModalBox/about-modal-box.css +1 -1
  13. package/components/AboutModalBox/about-modal-box.scss +1 -1
  14. package/components/Alert/alert-group.css +1 -1
  15. package/components/Alert/alert-group.scss +1 -1
  16. package/components/Alert/alert.css +1 -1
  17. package/components/Alert/alert.scss +1 -1
  18. package/components/AppLauncher/app-launcher.css +1 -1
  19. package/components/AppLauncher/app-launcher.scss +1 -1
  20. package/components/Banner/banner.css +1 -1
  21. package/components/Banner/banner.scss +1 -1
  22. package/components/Button/button.css +3 -3
  23. package/components/Button/button.scss +3 -3
  24. package/components/Card/card.css +1 -1
  25. package/components/Card/card.scss +1 -1
  26. package/components/Content/content.css +1 -1
  27. package/components/Content/content.scss +1 -1
  28. package/components/ContextSelector/context-selector.css +1 -1
  29. package/components/ContextSelector/context-selector.scss +1 -1
  30. package/components/Drawer/drawer.css +2 -2
  31. package/components/Drawer/drawer.scss +2 -2
  32. package/components/Dropdown/dropdown.css +2 -2
  33. package/components/Dropdown/dropdown.scss +2 -2
  34. package/components/DualListSelector/dual-list-selector.css +1 -1
  35. package/components/DualListSelector/dual-list-selector.scss +3 -3
  36. package/components/Form/form.css +1 -1
  37. package/components/Form/form.scss +1 -1
  38. package/components/JumpLinks/jump-links.css +1 -1
  39. package/components/JumpLinks/jump-links.scss +1 -1
  40. package/components/List/list.css +1 -1
  41. package/components/List/list.scss +1 -1
  42. package/components/Menu/menu.css +4 -4
  43. package/components/Menu/menu.scss +4 -4
  44. package/components/ModalBox/modal-box.css +1 -1
  45. package/components/ModalBox/modal-box.scss +1 -1
  46. package/components/Nav/nav.css +1 -1
  47. package/components/Nav/nav.scss +1 -1
  48. package/components/OptionsMenu/options-menu.css +1 -1
  49. package/components/OptionsMenu/options-menu.scss +1 -1
  50. package/components/Page/page.css +8 -8
  51. package/components/Page/page.scss +14 -14
  52. package/components/ProgressStepper/progress-stepper.css +1 -1
  53. package/components/ProgressStepper/progress-stepper.scss +1 -1
  54. package/components/Select/select.css +1 -1
  55. package/components/Select/select.scss +1 -1
  56. package/components/Sidebar/sidebar.css +1 -1
  57. package/components/Sidebar/sidebar.scss +1 -1
  58. package/components/SkipToContent/skip-to-content.css +1 -1
  59. package/components/SkipToContent/skip-to-content.scss +1 -1
  60. package/components/Table/table.css +1 -1
  61. package/components/Table/table.scss +1 -1
  62. package/components/Toolbar/toolbar.css +1 -1
  63. package/components/Toolbar/toolbar.scss +1 -1
  64. package/components/TreeView/tree-view.scss +2 -2
  65. package/components/Wizard/wizard.css +1 -1
  66. package/components/Wizard/wizard.scss +1 -1
  67. package/docs/components/NotificationBadge/examples/NotificationBadge.md +18 -18
  68. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  69. package/docs/components/Table/examples/Table.md +2 -2
  70. package/docs/components/Tabs/examples/Tabs.md +102 -102
  71. package/docs/demos/Card/examples/Card.md +152 -115
  72. package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
  73. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  74. package/docs/demos/Table/examples/Table.md +2 -2
  75. package/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  76. package/docs/utilities/Text/examples/Text.md +0 -1
  77. package/package.json +1 -1
  78. package/patternfly-base-no-globals-theme-dark-unversioned.css +13 -69
  79. package/patternfly-base-no-globals-theme-dark-unversioned.scss +2 -2
  80. package/patternfly-base-no-globals.css +13 -69
  81. package/patternfly-base-no-globals.scss +2 -2
  82. package/patternfly-base-theme-dark-unversioned.css +15 -71
  83. package/patternfly-base.css +15 -71
  84. package/patternfly-base.scss +0 -1
  85. package/patternfly-charts.scss +319 -319
  86. package/patternfly-no-globals.css +60 -89
  87. package/patternfly-no-globals.scss +2 -2
  88. package/patternfly-theme-dark-unversioned.css +84 -113
  89. package/patternfly-theme-dark-unversioned.scss +1 -1
  90. package/patternfly.css +62 -91
  91. package/patternfly.min.css +1 -1
  92. package/patternfly.min.css.map +1 -1
  93. package/sass-utilities/_init.scss +3 -3
  94. package/sass-utilities/colors.scss +81 -81
  95. package/sass-utilities/functions.scss +2 -2
  96. package/sass-utilities/mixins.scss +1 -1
  97. package/sass-utilities/scss-variables.scss +149 -149
  98. package/sass-utilities/themes/dark/colors.scss +15 -15
  99. package/sass-utilities/themes/dark/scss-variables.scss +74 -74
  100. package/themes/dark/_patternfly-charts-theme-dark.scss +25 -25
  101. package/base/_themes.scss +0 -43
  102. package/base/patternfly-themes.css +0 -82
  103. package/base/patternfly-themes.scss +0 -2
  104. 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--Zindex--xs: 100;
286
+ --pf-t--global--Zindex--sm: 200;
287
+ --pf-t--global--Zindex--md: 300;
288
+ --pf-t--global--Zindex--lg: 400;
289
+ --pf-t--global--Zindex--xl: 500;
290
+ --pf-t--global--Zindex--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 {
@@ -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--Zindex--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--Zindex--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--Zindex--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);
@@ -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--Zindex--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--Zindex--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
  }
@@ -11920,7 +11891,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
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);
@@ -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--Zindex--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--Zindex--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
 
@@ -20156,13 +20127,13 @@ ul.pf-v6-c-list {
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
20138
  --pf-v6-c-menu--m-drilled-in--c-menu__list-item--m-current-path--c-menu--ZIndex: var(--pf-t--global--Zindex--xs);
20168
20139
  }
@@ -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--Zindex--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;
@@ -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--Zindex--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--Zindex--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--Zindex--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--Zindex--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--Zindex--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--Zindex--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--Zindex--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--Zindex--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;
@@ -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--Zindex--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;
@@ -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--Zindex--2xl);
25892
25863
  --pf-v6-c-skip-to-content--focus--Left: var(--pf-t--global--spacer--md);
25893
25864
  }
25894
25865
 
@@ -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);
@@ -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;
@@ -1,5 +1,5 @@
1
1
  // stylelint-disable scss/dollar-variable-pattern
2
- $pf-global--theme--version: '';
2
+ $--theme--version: '';
3
3
  // stylelint-enable
4
4
 
5
5
  // Version