@patternfly/react-core 6.0.0-prerelease.2 → 6.0.0-prerelease.20

package/dist/js/deprecated/components/index.d.ts

@@ -2,5 +2,6 @@ export * from './Chip';
 export * from './DragDrop';
 export * from './Modal';
 export * from './DualListSelector';
+export * from './Tile';
 export * from './Wizard';
 //# sourceMappingURL=index.d.ts.map

package/dist/js/deprecated/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/deprecated/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/deprecated/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/js/deprecated/components/index.js

@@ -5,5 +5,6 @@ tslib_1.__exportStar(require("./Chip"), exports);
 tslib_1.__exportStar(require("./DragDrop"), exports);
 tslib_1.__exportStar(require("./Modal"), exports);
 tslib_1.__exportStar(require("./DualListSelector"), exports);
+tslib_1.__exportStar(require("./Tile"), exports);
 tslib_1.__exportStar(require("./Wizard"), exports);
 //# sourceMappingURL=index.js.map

package/dist/js/deprecated/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/components/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,qDAA2B;AAC3B,kDAAwB;AACxB,6DAAmC;AACnC,mDAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/deprecated/components/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,qDAA2B;AAC3B,kDAAwB;AACxB,6DAAmC;AACnC,iDAAuB;AACvB,mDAAyB"}

package/dist/js/helpers/constants.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.statusIcons = exports.globalHeightBreakpoints = exports.globalWidthBreakpoints = exports.KeyTypes = exports.ValidatedOptions = exports.KEYHANDLER_DIRECTION = exports.SIDE = void 0;
 const tslib_1 = require("tslib");
-const global_breakpoint_sm_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_sm'));
-const global_breakpoint_md_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_md'));
-const global_breakpoint_lg_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_lg'));
-const global_breakpoint_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_xl'));
-const global_breakpoint_2xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_2xl'));
-const global_breakpoint_height_sm_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_height_sm'));
-const global_breakpoint_height_md_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_height_md'));
-const global_breakpoint_height_lg_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_height_lg'));
-const global_breakpoint_height_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_height_xl'));
-const global_breakpoint_height_2xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/global_breakpoint_height_2xl'));
+const t_global_breakpoint_sm_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_sm'));
+const t_global_breakpoint_md_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_md'));
+const t_global_breakpoint_lg_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_lg'));
+const t_global_breakpoint_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_xl'));
+const t_global_breakpoint_2xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_2xl'));
+const t_global_breakpoint_height_sm_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_height_sm'));
+const t_global_breakpoint_height_md_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_height_md'));
+const t_global_breakpoint_height_lg_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_height_lg'));
+const t_global_breakpoint_height_xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_height_xl'));
+const t_global_breakpoint_height_2xl_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/t_global_breakpoint_height_2xl'));
 const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/check-circle-icon'));
 const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
 const exclamation_triangle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon'));
@@ -37,18 +37,18 @@ exports.KeyTypes = {
     ArrowRight: 'ArrowRight'
 };
 exports.globalWidthBreakpoints = {
-    sm: parseInt(global_breakpoint_sm_1.default.value) * 16,
-    md: parseInt(global_breakpoint_md_1.default.value) * 16,
-    lg: parseInt(global_breakpoint_lg_1.default.value) * 16,
-    xl: parseInt(global_breakpoint_xl_1.default.value) * 16,
-    '2xl': parseInt(global_breakpoint_2xl_1.default.value) * 16
+    sm: parseInt(t_global_breakpoint_sm_1.default.value) * 16,
+    md: parseInt(t_global_breakpoint_md_1.default.value) * 16,
+    lg: parseInt(t_global_breakpoint_lg_1.default.value) * 16,
+    xl: parseInt(t_global_breakpoint_xl_1.default.value) * 16,
+    '2xl': parseInt(t_global_breakpoint_2xl_1.default.value) * 16
 };
 exports.globalHeightBreakpoints = {
-    sm: parseInt(global_breakpoint_height_sm_1.default.value) * 16,
-    md: parseInt(global_breakpoint_height_md_1.default.value) * 16,
-    lg: parseInt(global_breakpoint_height_lg_1.default.value) * 16,
-    xl: parseInt(global_breakpoint_height_xl_1.default.value) * 16,
-    '2xl': parseInt(global_breakpoint_height_2xl_1.default.value) * 16
+    sm: parseInt(t_global_breakpoint_height_sm_1.default.value) * 16,
+    md: parseInt(t_global_breakpoint_height_md_1.default.value) * 16,
+    lg: parseInt(t_global_breakpoint_height_lg_1.default.value) * 16,
+    xl: parseInt(t_global_breakpoint_height_xl_1.default.value) * 16,
+    '2xl': parseInt(t_global_breakpoint_height_2xl_1.default.value) * 16
 };
 exports.statusIcons = {
     success: check_circle_icon_1.default,

package/dist/js/helpers/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBa,QAAA,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEpE,QAAA,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,gCAAhB,gBAAgB,QAK3B;AAEY,QAAA,QAAQ,GAAG;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,8BAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,KAAK,EAAE,QAAQ,CAAC,+BAAmB,CAAC,KAAK,CAAC,GAAG,EAAE;CAChD,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,qCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,KAAK,EAAE,QAAQ,CAAC,sCAAyB,CAAC,KAAK,CAAC,GAAG,EAAE;CACtD,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,2BAAe;IACxB,MAAM,EAAE,iCAAqB;IAC7B,OAAO,EAAE,mCAAuB;IAChC,IAAI,EAAE,0BAAc;IACpB,MAAM,EAAE,mBAAQ;CACjB,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/helpers/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAkBa,QAAA,IAAI,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAEpE,QAAA,oBAAoB,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAE7F,IAAY,gBAKX;AALD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,uCAAmB,CAAA;IACnB,uCAAmB,CAAA;AACrB,CAAC,EALW,gBAAgB,gCAAhB,gBAAgB,QAK3B;AAEY,QAAA,QAAQ,GAAG;IACtB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;CACzB,CAAC;AAEW,QAAA,sBAAsB,GAAG;IACpC,EAAE,EAAE,QAAQ,CAAC,gCAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,gCAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,gCAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,EAAE,EAAE,QAAQ,CAAC,gCAAkB,CAAC,KAAK,CAAC,GAAG,EAAE;IAC3C,KAAK,EAAE,QAAQ,CAAC,iCAAmB,CAAC,KAAK,CAAC,GAAG,EAAE;CAChD,CAAC;AAEW,QAAA,uBAAuB,GAAG;IACrC,EAAE,EAAE,QAAQ,CAAC,uCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,uCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,uCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,EAAE,EAAE,QAAQ,CAAC,uCAAwB,CAAC,KAAK,CAAC,GAAG,EAAE;IACjD,KAAK,EAAE,QAAQ,CAAC,wCAAyB,CAAC,KAAK,CAAC,GAAG,EAAE;CACtD,CAAC;AAEW,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,2BAAe;IACxB,MAAM,EAAE,iCAAqB;IAC7B,OAAO,EAAE,mCAAuB;IAChC,IAAI,EAAE,0BAAc;IACpB,MAAM,EAAE,mBAAQ;CACjB,CAAC"}

package/dist/styles/base-no-reset.css

@@ -808,7 +808,7 @@
   vertical-align: -0.125em;
 }
 
-:where(:root) {
+:root {
   --pf-v6-global--inverse--multiplier: 1;
   --pf-t--color--black: #000000;
   --pf-t--color--blue--10: #e0f0ff;
@@ -940,17 +940,17 @@
   --pf-t--global--font--size--300: 1rem;
   --pf-t--global--font--size--400: 1.125rem;
   --pf-t--global--font--size--500: 1.25rem;
-  --pf-t--global--font--size--600: 1.375rem;
+  --pf-t--global--font--size--600: 1.5rem;
   --pf-t--global--font--size--700: 1.75rem;
   --pf-t--global--font--size--800: 2.25rem;
   --pf-t--global--font--weight--100: 400;
   --pf-t--global--font--weight--200: 500;
-  --pf-t--global--font--weight--300: 700;
+  --pf-t--global--font--weight--300: 500;
   --pf-t--global--font--weight--400: 700;
   --pf-t--global--icon--size--100: 0.75rem;
   --pf-t--global--icon--size--200: 0.875rem;
   --pf-t--global--icon--size--250: 1rem;
-  --pf-t--global--icon--size--300: 1.375rem;
+  --pf-t--global--icon--size--300: 1.5rem;
   --pf-t--global--icon--size--400: 3.5rem;
   --pf-t--global--icon--size--500: 6rem;
   --pf-t--global--spacer--100: 0.25rem;
@@ -986,6 +986,7 @@
   --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
   --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
   --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
+  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
   --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
   --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
   --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -1187,6 +1188,7 @@
   --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
   --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
+  --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
   --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
   --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
   --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -1201,6 +1203,7 @@
   --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
   --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
   --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
+  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
   --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
   --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -1344,8 +1347,11 @@
   --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
   --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
   --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
-  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
-  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
+  --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
+  --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
+  --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
   --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
   --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
   --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
@@ -1622,14 +1628,11 @@
     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;
   --pf-t--temp--dev--tbd: #BC11E0;
 }
 
-:where(.pf-v6-theme-dark) {
+:root:where(.pf-v6-theme-dark) {
   --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
   --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
   --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
@@ -1648,6 +1651,7 @@
   --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
   --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
   --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
+  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
   --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
   --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
   --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -1714,6 +1718,7 @@
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
+  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
   --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
   --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
@@ -1728,6 +1733,7 @@
   --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
   --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
+  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
   --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
   --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);

package/dist/styles/base.css

@@ -929,7 +929,7 @@ button) {
   vertical-align: -0.125em;
 }
 
-:where(:root) {
+:root {
   --pf-v6-global--inverse--multiplier: 1;
   --pf-t--color--black: #000000;
   --pf-t--color--blue--10: #e0f0ff;
@@ -1061,17 +1061,17 @@ button) {
   --pf-t--global--font--size--300: 1rem;
   --pf-t--global--font--size--400: 1.125rem;
   --pf-t--global--font--size--500: 1.25rem;
-  --pf-t--global--font--size--600: 1.375rem;
+  --pf-t--global--font--size--600: 1.5rem;
   --pf-t--global--font--size--700: 1.75rem;
   --pf-t--global--font--size--800: 2.25rem;
   --pf-t--global--font--weight--100: 400;
   --pf-t--global--font--weight--200: 500;
-  --pf-t--global--font--weight--300: 700;
+  --pf-t--global--font--weight--300: 500;
   --pf-t--global--font--weight--400: 700;
   --pf-t--global--icon--size--100: 0.75rem;
   --pf-t--global--icon--size--200: 0.875rem;
   --pf-t--global--icon--size--250: 1rem;
-  --pf-t--global--icon--size--300: 1.375rem;
+  --pf-t--global--icon--size--300: 1.5rem;
   --pf-t--global--icon--size--400: 3.5rem;
   --pf-t--global--icon--size--500: 6rem;
   --pf-t--global--spacer--100: 0.25rem;
@@ -1107,6 +1107,7 @@ button) {
   --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
   --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
   --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
+  --pf-t--global--border--color--50: var(--pf-t--color--gray--20);
   --pf-t--global--border--radius--large: var(--pf-t--global--border--radius--400);
   --pf-t--global--border--radius--medium: var(--pf-t--global--border--radius--300);
   --pf-t--global--border--radius--pill: var(--pf-t--global--border--radius--500);
@@ -1308,6 +1309,7 @@ button) {
   --pf-t--global--z-index--xs: var(--pf-t--global--z-index--100);
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--100);
   --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--100);
+  --pf-t--global--background--color--control--read-only: var(--pf-t--global--background--color--200);
   --pf-t--global--background--color--disabled--default: var(--pf-t--global--color--disabled--100);
   --pf-t--global--background--color--floating--clicked: var(--pf-t--global--background--color--200);
   --pf-t--global--background--color--floating--default: var(--pf-t--global--background--color--100);
@@ -1322,6 +1324,7 @@ button) {
   --pf-t--global--background--color--secondary--default: var(--pf-t--global--background--color--200);
   --pf-t--global--background--color--secondary--hover: var(--pf-t--global--background--color--300);
   --pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
+  --pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--50);
   --pf-t--global--border--color--default: var(--pf-t--global--border--color--100);
   --pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
@@ -1465,8 +1468,11 @@ button) {
   --pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
   --pf-t--global--spacer--gap--group--horizontal: var(--pf-t--global--spacer--md);
   --pf-t--global--spacer--gap--group--vertical: var(--pf-t--global--spacer--sm);
-  --pf-t--global--spacer--gap--group-to-group--horizontal: var(--pf-t--global--spacer--2xl);
-  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
+  --pf-t--global--spacer--gap--group-to-group--horizontal--compact: var(--pf-t--global--spacer--sm);
+  --pf-t--global--spacer--gap--group-to-group--horizontal--default: var(--pf-t--global--spacer--2xl);
+  --pf-t--global--spacer--gap--group-to-group--vertical--compact: var(--pf-t--global--spacer--md);
+  --pf-t--global--spacer--gap--group-to-group--vertical--default: var(--pf-t--global--spacer--lg);
+  --pf-t--global--spacer--gap--text-to-element--compact: var(--pf-t--global--spacer--xs);
   --pf-t--global--spacer--gap--text-to-element--default: var(--pf-t--global--spacer--sm);
   --pf-t--global--spacer--gutter--default: var(--pf-t--global--spacer--md);
   --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--lg);
@@ -1743,14 +1749,11 @@ button) {
     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;
   --pf-t--temp--dev--tbd: #BC11E0;
 }
 
-:where(.pf-v6-theme-dark) {
+:root:where(.pf-v6-theme-dark) {
   --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
   --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
   --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
@@ -1769,6 +1772,7 @@ button) {
   --pf-t--global--dark--background--color--highlight--200: var(--pf-t--color--yellow--30);
   --pf-t--global--dark--border--color--100: var(--pf-t--color--gray--50);
   --pf-t--global--dark--border--color--200: var(--pf-t--color--gray--40);
+  --pf-t--global--dark--border--color--50: var(--pf-t--color--gray--60);
   --pf-t--global--dark--color--brand--100: var(--pf-t--color--blue--30);
   --pf-t--global--dark--color--brand--200: var(--pf-t--color--blue--20);
   --pf-t--global--dark--color--brand--300: var(--pf-t--color--blue--10);
@@ -1835,6 +1839,7 @@ button) {
   --pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--300);
+  --pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--300);
   --pf-t--global--background--color--disabled--default: var(--pf-t--global--dark--color--disabled--100);
   --pf-t--global--background--color--floating--clicked: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--background--color--floating--default: var(--pf-t--global--dark--background--color--300);
@@ -1849,6 +1854,7 @@ button) {
   --pf-t--global--background--color--secondary--default: var(--pf-t--global--dark--background--color--100);
   --pf-t--global--background--color--secondary--hover: var(--pf-t--global--dark--background--color--200);
   --pf-t--global--border--color--clicked: var(--pf-t--global--dark--color--brand--200);
+  --pf-t--global--border--color--control--read-only: var(--pf-t--global--dark--border--color--50);
   --pf-t--global--border--color--default: var(--pf-t--global--dark--border--color--200);
   --pf-t--global--border--color--disabled: var(--pf-t--global--dark--color--disabled--200);
   --pf-t--global--border--color--hover: var(--pf-t--global--dark--color--brand--100);