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

package/docs/demos/Dashboard/examples/Dashboard.md

@@ -388,7 +388,7 @@ cssPrefix: pf-d-dashboard
                                       <span class="pf-v6-c-label__content">
                                         <span class="pf-v6-c-label__icon">
                                           <i
-                                            class="pf-v5-pficon pf-v5-pficon-port"
+                                            class="pf-v6-pficon pf-v6-pficon-port"
                                             aria-hidden="true"
                                           ></i>
                                         </span>
@@ -425,7 +425,7 @@ cssPrefix: pf-d-dashboard
                               style="row-gap: var(--pf-6-global--spacer--md);"
                             >
                               <i
-                                class="pf-v5-pficon pf-v5-pficon-on pf-v6-u-color-400"
+                                class="pf-v6-pficon pf-v6-pficon-on pf-v6-u-color-400"
                                 style="line-height: 1"
                                 aria-hidden="true"
                               ></i>
@@ -517,7 +517,7 @@ cssPrefix: pf-d-dashboard
                               style="row-gap: var(--pf-6-global--spacer--md);"
                             >
                               <i
-                                class="pf-v5-pficon pf-v5-pficon-on pf-v6-u-danger-color-100"
+                                class="pf-v6-pficon pf-v6-pficon-on pf-v6-u-danger-color-100"
                                 style="line-height: 1"
                                 aria-hidden="true"
                               ></i>
@@ -572,7 +572,7 @@ cssPrefix: pf-d-dashboard
                                       <span class="pf-v6-c-label__content">
                                         <span class="pf-v6-c-label__icon">
                                           <i
-                                            class="pf-v5-pficon pf-v5-pficon-automation"
+                                            class="pf-v6-pficon pf-v6-pficon-automation"
                                             aria-hidden="true"
                                           ></i>
                                         </span>
@@ -609,7 +609,7 @@ cssPrefix: pf-d-dashboard
                               style="row-gap: var(--pf-6-global--spacer--md);"
                             >
                               <i
-                                class="pf-v5-pficon pf-v5-pficon-on pf-v6-u-color-400"
+                                class="pf-v6-pficon pf-v6-pficon-on pf-v6-u-color-400"
                                 style="line-height: 1"
                                 aria-hidden="true"
                               ></i>
@@ -694,7 +694,7 @@ cssPrefix: pf-d-dashboard
                             <a href="#">Operators</a>
                           </div>
                           <div class="pf-v6-l-flex__item">
-                            <span class="pf-v6-u-color-200">1 degraged</span>
+                            <span class="pf-v6-u-text-color-subtle">1 degraded</span>
                           </div>
                         </div>
                       </div>
@@ -885,7 +885,7 @@ cssPrefix: pf-d-dashboard
                                 ></i>
                               </span>
                               <h2
-                                class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-danger-color-200"
+                                class="pf-v6-c-notification-drawer__list-item-header-title"
                               >
                                 <span
                                   class="pf-v6-screen-reader"
@@ -913,7 +913,7 @@ cssPrefix: pf-d-dashboard
                                 ></i>
                               </span>
                               <h2
-                                class="pf-v6-c-notification-drawer__list-item-header-title pf-v6-u-warning-color-200"
+                                class="pf-v6-c-notification-drawer__list-item-header-title"
                               >
                                 <span
                                   class="pf-v6-screen-reader"

package/docs/demos/DescriptionList/examples/DescriptionList.md

@@ -888,7 +888,7 @@ cssPrefix: pf-d-description-list
                     </dt>
                     <dd class="pf-v6-c-description-list__description">
                       <p
-                        class="pf-v6-c-description-list__text pf-v6-u-color-200"
+                        class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
                       >Nod selector is not available at this time</p>
                     </dd>
                   </div>
@@ -898,7 +898,7 @@ cssPrefix: pf-d-description-list
                     </dt>
                     <dd class="pf-v6-c-description-list__description">
                       <div
-                        class="pf-v6-c-description-list__text pf-v6-u-color-200"
+                        class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
                       >No tolerations</div>
                     </dd>
                   </div>
@@ -908,7 +908,7 @@ cssPrefix: pf-d-description-list
                     </dt>
                     <dd class="pf-v6-c-description-list__description">
                       <div
-                        class="pf-v6-c-description-list__text pf-v6-u-color-200"
+                        class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
                       >No annotations</div>
                     </dd>
                   </div>
@@ -963,7 +963,7 @@ cssPrefix: pf-d-description-list
                     </dt>
                     <dd class="pf-v6-c-description-list__description">
                       <div
-                        class="pf-v6-c-description-list__text pf-v6-u-color-200"
+                        class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
                       >None</div>
                     </dd>
                   </div>
@@ -1037,7 +1037,7 @@ cssPrefix: pf-d-description-list
                     </dt>
                     <dd class="pf-v6-c-description-list__description">
                       <div
-                        class="pf-v6-c-description-list__text pf-v6-u-color-200"
+                        class="pf-v6-c-description-list__text pf-v6-u-text-color-subtle"
                       >Not configured</div>
                     </dd>
                   </div>

package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md

@@ -144,7 +144,7 @@ section: components
                   aria-label="Notifications"
                 >
                   <span class="pf-v6-c-notification-badge pf-m-read">
-                    <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+                    <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -1153,7 +1153,7 @@ section: components
                   <span
                     class="pf-v6-c-notification-badge pf-m-read pf-m-expanded"
                   >
-                    <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+                    <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -2162,7 +2162,7 @@ section: components
                   <span
                     class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded"
                   >
-                    <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+                    <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -3174,7 +3174,7 @@ section: components
                   <span
                     class="pf-v6-c-notification-badge pf-m-attention pf-m-expanded"
                   >
-                    <i class="pf-v5-pficon-attention-bell" aria-hidden="true"></i>
+                    <i class="pf-v6-pficon-attention-bell" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>
@@ -4185,7 +4185,7 @@ section: components
                   <span
                     class="pf-v6-c-notification-badge pf-m-unread pf-m-expanded"
                   >
-                    <i class="pf-v5-pficon-bell" aria-hidden="true"></i>
+                    <i class="pf-v6-pficon-bell" aria-hidden="true"></i>
                   </span>
                 </button>
               </div>

package/docs/demos/Table/examples/Table.md

@@ -17716,7 +17716,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
                         aria-label="aria-label="More info""
                       >
                         <i
-                          class="pf-v5-pficon pf-v5-pficon-help"
+                          class="pf-v6-pficon pf-v6-pficon-help"
                           aria-hidden="true"
                         ></i>
                       </button>
@@ -17760,7 +17760,7 @@ By default, table cell alignment is set to baseline. This retains vertical align
                         aria-label="aria-label&#x3D;&quot;More info&quot;"
                       >
                         <i
-                          class="pf-v5-pficon pf-v5-pficon-help"
+                          class="pf-v6-pficon pf-v6-pficon-help"
                           aria-hidden="true"
                         ></i>
                       </button>

package/docs/demos/Toolbar/examples/Toolbar.css

@@ -14,12 +14,12 @@
   min-height: 175px;
 }
 
-.pf-v5-c-menu-toggle + .pf-v5-c-panel {
+.pf-v6-c-menu-toggle + .pf-v6-c-panel {
   position: absolute;
   top: calc(100% + 2px);
-  z-index: var(--pf-v5-global--ZIndex--sm);
+  z-index: var(--pf-v6-global--ZIndex--sm);
 }
 
-.ws-html-demos-c-toolbar .pf-v5-c-toolbar__item {
+.ws-html-demos-c-toolbar .pf-v6-c-toolbar__item {
   position: relative;
 }

package/docs/utilities/Text/examples/Text.md

@@ -29,7 +29,6 @@ section: utility-classes
 ### Font weight
 
 ```html
-<div class="pf-v6-u-font-weight-light">Light</div>
 <div class="pf-v6-u-font-weight-normal">Normal</div>
 <div class="pf-v6-u-font-weight-bold">Bold</div>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.0.0-alpha.113",
+  "version": "6.0.0-alpha.115",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-base-no-globals-theme-dark-unversioned.css

@@ -1,30 +1,3 @@
-.pf-t-light {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--dark-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--dark);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--dark--hover);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--dark);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
-}
-
-.pf-t-dark {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--light-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--light-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--light-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--light-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--light);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--light);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--dark-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--light);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--light);
-}
-.pf-t-dark .pf-v6-c-button {
-  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
-}
-
 :where(:root) {
   --pf-v6-global--palette--black-100: #fafafa;
   --pf-v6-global--palette--black-150: #f5f5f5;
@@ -186,12 +159,12 @@
   --pf-v6-global--spacer--form-element: 0.375rem;
   --pf-v6-global--gutter: 1rem;
   --pf-v6-global--gutter--md: 1.5rem;
-  --pf-v6-global--ZIndex--xs: 100;
-  --pf-v6-global--ZIndex--sm: 200;
-  --pf-v6-global--ZIndex--md: 300;
-  --pf-v6-global--ZIndex--lg: 400;
-  --pf-v6-global--ZIndex--xl: 500;
-  --pf-v6-global--ZIndex--2xl: 600;
+  --pf-t--global--Zindex--xs: 100;
+  --pf-t--global--Zindex--sm: 200;
+  --pf-t--global--Zindex--md: 300;
+  --pf-t--global--Zindex--lg: 400;
+  --pf-t--global--Zindex--xl: 500;
+  --pf-t--global--Zindex--2xl: 600;
   --pf-v6-global--breakpoint--xs: 0;
   --pf-v6-global--breakpoint--sm: 576px;
   --pf-v6-global--breakpoint--md: 768px;
@@ -252,9 +225,9 @@
   --pf-v6-global--LineHeight--sm: 1.3;
   --pf-v6-global--LineHeight--md: 1.5;
   --pf-v6-global--ListStyle: disc outside;
-  --pf-v6-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
-  --pf-v6-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --pf-v6-global--TransitionDuration: 250ms;
+  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
+  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --pf-t--global--transitionDuration: 250ms;
   --pf-v6-global--arrow--width: 0.9375rem;
   --pf-v6-global--arrow--width-lg: 1.5625rem;
   --pf-v6-global--target-size--MinWidth: 44px;
@@ -396,6 +369,10 @@ html .ws-preview {
     var(--pf-t--global--box-shadow--blur--lg)
     var(--pf-t--global--box-shadow--spread--lg)
     var(--pf-t--global--box-shadow--color--lg);
+  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
+  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
+  --pf-t--global--transition--duration: 250ms;
+  --pf-t--global--list-style: disc outside;
 }
 
 :root {
@@ -1522,39 +1499,6 @@ html .ws-preview {
   scale: -1 1;
 }
 
-:where(.pf-theme-dark) {
-  color-scheme: dark;
-}
-
-.pf-t-dark.pf-m-transparent {
-  background-color: transparent;
-}
-.pf-t-dark.pf-m-transparent-100 {
-  background-color: rgba(3, 3, 3, 0.42);
-}
-.pf-t-dark.pf-m-transparent-200 {
-  background-color: rgba(3, 3, 3, 0.6);
-}
-.pf-t-dark.pf-m-opaque-100 {
-  background-color: #3c3f42;
-}
-.pf-t-dark.pf-m-opaque-200 {
-  background-color: #151515;
-}
-
-.pf-t-light.pf-m-transparent {
-  background-color: transparent;
-}
-.pf-t-light.pf-m-opaque-100 {
-  background-color: #fff;
-}
-.pf-t-light.pf-m-opaque-200 {
-  background-color: #fafafa;
-}
-.pf-t-light.pf-m-opaque-300 {
-  background-color: #f0f0f0;
-}
-
 * .fa,
 * .fas,
 * .far,

package/patternfly-base-no-globals-theme-dark-unversioned.scss

@@ -1,8 +1,8 @@
 // This config will generate dark them updates based on 'pf-theme-dark'
 // which can be changed by updating  $pf-global--theme--namespace, $pf-global--theme--version, $pf-v6--theme-dark--class
 // $pf-global--theme-dark--placeholder--class in _init.scss
-$pf-v5-global--enable-reset: false;
-$pf-v5-global--enable-normalize: false;
+$pf-v6-global--enable-reset: false;
+$pf-v6-global--enable-normalize: false;
 
 // stylelint-disable scss/dollar-variable-pattern
 $pf-global--theme--version: '';

package/patternfly-base-no-globals.css

@@ -1,30 +1,3 @@
-.pf-v6-t-light {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--dark-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--dark);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--dark--hover);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--dark);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
-}
-
-.pf-v6-t-dark {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--light-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--light-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--light-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--light-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--light);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--light);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--dark-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--light);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--light);
-}
-.pf-v6-t-dark .pf-v6-c-button {
-  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
-}
-
 :where(:root) {
   --pf-v6-global--palette--black-100: #fafafa;
   --pf-v6-global--palette--black-150: #f5f5f5;
@@ -186,12 +159,12 @@
   --pf-v6-global--spacer--form-element: 0.375rem;
   --pf-v6-global--gutter: 1rem;
   --pf-v6-global--gutter--md: 1.5rem;
-  --pf-v6-global--ZIndex--xs: 100;
-  --pf-v6-global--ZIndex--sm: 200;
-  --pf-v6-global--ZIndex--md: 300;
-  --pf-v6-global--ZIndex--lg: 400;
-  --pf-v6-global--ZIndex--xl: 500;
-  --pf-v6-global--ZIndex--2xl: 600;
+  --pf-t--global--Zindex--xs: 100;
+  --pf-t--global--Zindex--sm: 200;
+  --pf-t--global--Zindex--md: 300;
+  --pf-t--global--Zindex--lg: 400;
+  --pf-t--global--Zindex--xl: 500;
+  --pf-t--global--Zindex--2xl: 600;
   --pf-v6-global--breakpoint--xs: 0;
   --pf-v6-global--breakpoint--sm: 576px;
   --pf-v6-global--breakpoint--md: 768px;
@@ -252,9 +225,9 @@
   --pf-v6-global--LineHeight--sm: 1.3;
   --pf-v6-global--LineHeight--md: 1.5;
   --pf-v6-global--ListStyle: disc outside;
-  --pf-v6-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
-  --pf-v6-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --pf-v6-global--TransitionDuration: 250ms;
+  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
+  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --pf-t--global--transitionDuration: 250ms;
   --pf-v6-global--arrow--width: 0.9375rem;
   --pf-v6-global--arrow--width-lg: 1.5625rem;
   --pf-v6-global--target-size--MinWidth: 44px;
@@ -396,6 +369,10 @@ html .ws-preview {
     var(--pf-t--global--box-shadow--blur--lg)
     var(--pf-t--global--box-shadow--spread--lg)
     var(--pf-t--global--box-shadow--color--lg);
+  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
+  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
+  --pf-t--global--transition--duration: 250ms;
+  --pf-t--global--list-style: disc outside;
 }
 
 :root {
@@ -1522,39 +1499,6 @@ html .ws-preview {
   scale: -1 1;
 }
 
-:where(.pf-v6-theme-dark) {
-  color-scheme: dark;
-}
-
-.pf-v6-t-dark.pf-m-transparent {
-  background-color: transparent;
-}
-.pf-v6-t-dark.pf-m-transparent-100 {
-  background-color: rgba(3, 3, 3, 0.42);
-}
-.pf-v6-t-dark.pf-m-transparent-200 {
-  background-color: rgba(3, 3, 3, 0.6);
-}
-.pf-v6-t-dark.pf-m-opaque-100 {
-  background-color: #3c3f42;
-}
-.pf-v6-t-dark.pf-m-opaque-200 {
-  background-color: #151515;
-}
-
-.pf-v6-t-light.pf-m-transparent {
-  background-color: transparent;
-}
-.pf-v6-t-light.pf-m-opaque-100 {
-  background-color: #fff;
-}
-.pf-v6-t-light.pf-m-opaque-200 {
-  background-color: #fafafa;
-}
-.pf-v6-t-light.pf-m-opaque-300 {
-  background-color: #f0f0f0;
-}
-
 * .fa,
 * .fas,
 * .far,

package/patternfly-base-no-globals.scss

@@ -1,4 +1,4 @@
-$pf-v5-global--enable-reset: false;
-$pf-v5-global--enable-normalize: false;
+$pf-v6-global--enable-reset: false;
+$pf-v6-global--enable-normalize: false;
 
 @import "./patternfly-base";

package/patternfly-base-theme-dark-unversioned.css

@@ -1,30 +1,3 @@
-.pf-t-light {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--dark-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--dark-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--dark-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--dark-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--dark);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--dark--hover);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--light-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--dark);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--dark);
-}
-
-.pf-t-dark {
-  --pf-v6-global--Color--100: var(--pf-v6-global--Color--light-100);
-  --pf-v6-global--Color--200: var(--pf-v6-global--Color--light-200);
-  --pf-v6-global--BorderColor--100: var(--pf-v6-global--BorderColor--light-100);
-  --pf-v6-global--primary-color--100: var(--pf-v6-global--primary-color--light-100);
-  --pf-v6-global--link--Color: var(--pf-v6-global--link--Color--light);
-  --pf-v6-global--link--Color--hover: var(--pf-v6-global--link--Color--light);
-  --pf-v6-global--BackgroundColor--100: var(--pf-v6-global--BackgroundColor--dark-100);
-  --pf-v6-global--icon--Color--light: var(--pf-v6-global--icon--Color--light--light);
-  --pf-v6-global--icon--Color--dark: var(--pf-v6-global--icon--Color--dark--light);
-}
-.pf-t-dark .pf-v6-c-button {
-  --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-global--primary-color--dark-100);
-}
-
 :where(:root) {
   --pf-v6-global--palette--black-100: #fafafa;
   --pf-v6-global--palette--black-150: #f5f5f5;
@@ -186,12 +159,12 @@
   --pf-v6-global--spacer--form-element: 0.375rem;
   --pf-v6-global--gutter: 1rem;
   --pf-v6-global--gutter--md: 1.5rem;
-  --pf-v6-global--ZIndex--xs: 100;
-  --pf-v6-global--ZIndex--sm: 200;
-  --pf-v6-global--ZIndex--md: 300;
-  --pf-v6-global--ZIndex--lg: 400;
-  --pf-v6-global--ZIndex--xl: 500;
-  --pf-v6-global--ZIndex--2xl: 600;
+  --pf-t--global--Zindex--xs: 100;
+  --pf-t--global--Zindex--sm: 200;
+  --pf-t--global--Zindex--md: 300;
+  --pf-t--global--Zindex--lg: 400;
+  --pf-t--global--Zindex--xl: 500;
+  --pf-t--global--Zindex--2xl: 600;
   --pf-v6-global--breakpoint--xs: 0;
   --pf-v6-global--breakpoint--sm: 576px;
   --pf-v6-global--breakpoint--md: 768px;
@@ -252,9 +225,9 @@
   --pf-v6-global--LineHeight--sm: 1.3;
   --pf-v6-global--LineHeight--md: 1.5;
   --pf-v6-global--ListStyle: disc outside;
-  --pf-v6-global--Transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
-  --pf-v6-global--TimingFunction: cubic-bezier(0.645, 0.045, 0.355, 1);
-  --pf-v6-global--TransitionDuration: 250ms;
+  --pf-t--global--transition: all 250ms cubic-bezier(0.42, 0, 0.58, 1);
+  --pf-t--global--transition--timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --pf-t--global--transitionDuration: 250ms;
   --pf-v6-global--arrow--width: 0.9375rem;
   --pf-v6-global--arrow--width-lg: 1.5625rem;
   --pf-v6-global--target-size--MinWidth: 44px;
@@ -396,6 +369,10 @@ html .ws-preview {
     var(--pf-t--global--box-shadow--blur--lg)
     var(--pf-t--global--box-shadow--spread--lg)
     var(--pf-t--global--box-shadow--color--lg);
+  --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
+  --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
+  --pf-t--global--transition--duration: 250ms;
+  --pf-t--global--list-style: disc outside;
 }
 
 :root {
@@ -1630,8 +1607,8 @@ pre) {
 }
 
 :where(a:hover) {
-  --pf-v6-global--link--Color: var(--pf-t--global--text--color--link--hover);
-  --pf-v6-global--link--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
+  color: var(--pf-t--global--text--color--link--hover);
+  text-decoration: var(--pf-t--global--link--text-decoration--hover);
 }
 
 :where(a,
@@ -1639,39 +1616,6 @@ button) {
   cursor: pointer;
 }
 
-:where(.pf-theme-dark) {
-  color-scheme: dark;
-}
-
-.pf-t-dark.pf-m-transparent {
-  background-color: transparent;
-}
-.pf-t-dark.pf-m-transparent-100 {
-  background-color: rgba(3, 3, 3, 0.42);
-}
-.pf-t-dark.pf-m-transparent-200 {
-  background-color: rgba(3, 3, 3, 0.6);
-}
-.pf-t-dark.pf-m-opaque-100 {
-  background-color: #3c3f42;
-}
-.pf-t-dark.pf-m-opaque-200 {
-  background-color: #151515;
-}
-
-.pf-t-light.pf-m-transparent {
-  background-color: transparent;
-}
-.pf-t-light.pf-m-opaque-100 {
-  background-color: #fff;
-}
-.pf-t-light.pf-m-opaque-200 {
-  background-color: #fafafa;
-}
-.pf-t-light.pf-m-opaque-300 {
-  background-color: #f0f0f0;
-}
-
 * .fa,
 * .fas,
 * .far,