@patternfly/patternfly 6.5.0-prerelease.41 → 6.5.0-prerelease.43

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.5.0-prerelease.41",
+  "version": "6.5.0-prerelease.43",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -49,7 +49,7 @@
     "@commitlint/config-conventional": "^19.1.0",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.1.0",
-    "@patternfly/documentation-framework": "6.35.1",
+    "@patternfly/documentation-framework": "6.36.0",
     "@patternfly/patternfly-a11y": "5.1.0",
     "@patternfly/react-code-editor": "6.4.1",
     "@patternfly/react-core": "6.4.1",

package/patternfly-no-globals.css

@@ -10829,12 +10829,12 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
   --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
   --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
-  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
@@ -12240,8 +12240,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
+  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
   --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
   --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
@@ -12893,10 +12893,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 
 /* stylelint-disable */
 @media (max-width: 1200px) {
-  .pf-v6-c-compass * {
-    display: none;
-  }
-  .pf-v6-c-compass {
+  .pf-v6-c-compass:not(.pf-m-no-screen-warning) {
     position: relative;
     display: grid;
     grid-template-columns: auto;
@@ -12904,7 +12901,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
     place-content: center;
     gap: 0;
   }
-  .pf-v6-c-compass::after {
+  .pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
     padding: 1em;
     border-radius: var(--pf-t--global--border--radius--large);
     background: var(--pf-t--global--background--color--primary--default);
@@ -12916,6 +12913,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
     white-space: pre-wrap;
     text-align: center;
   }
+  .pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
+    display: none;
+  }
 }
 /* stylelint-enable */
 :root {
@@ -17016,10 +17016,10 @@ ul) {
   --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-form-control--Resize: none;
   --pf-v6-c-form-control--OutlineOffset: -6px;
-  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-form-control--before--BorderStyle: solid;
-  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
   --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-form-control--after--BorderStyle: solid;
@@ -20595,7 +20595,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -25628,7 +25628,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
   --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
@@ -30220,7 +30220,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 .pf-v6-c-text-input-group {
   --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
   --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
   --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
@@ -30237,7 +30237,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
   --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
   --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
   --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
@@ -30705,7 +30705,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
   --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
   --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);

package/patternfly.css

@@ -10976,12 +10976,12 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
   --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
   --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
-  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
@@ -12387,8 +12387,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
+  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
   --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
   --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
@@ -13040,10 +13040,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 
 /* stylelint-disable */
 @media (max-width: 1200px) {
-  .pf-v6-c-compass * {
-    display: none;
-  }
-  .pf-v6-c-compass {
+  .pf-v6-c-compass:not(.pf-m-no-screen-warning) {
     position: relative;
     display: grid;
     grid-template-columns: auto;
@@ -13051,7 +13048,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
     place-content: center;
     gap: 0;
   }
-  .pf-v6-c-compass::after {
+  .pf-v6-c-compass:not(.pf-m-no-screen-warning)::after {
     padding: 1em;
     border-radius: var(--pf-t--global--border--radius--large);
     background: var(--pf-t--global--background--color--primary--default);
@@ -13063,6 +13060,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
     white-space: pre-wrap;
     text-align: center;
   }
+  .pf-v6-c-compass:not(.pf-m-no-screen-warning) * {
+    display: none;
+  }
 }
 /* stylelint-enable */
 :root {
@@ -17163,10 +17163,10 @@ ul) {
   --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-form-control--Resize: none;
   --pf-v6-c-form-control--OutlineOffset: -6px;
-  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-form-control--before--BorderStyle: solid;
-  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
   --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-form-control--after--BorderStyle: solid;
@@ -20742,7 +20742,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -25775,7 +25775,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-switch__input--focus__toggle--OutlineColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-switch__toggle--Height: calc(var(--pf-v6-c-switch--FontSize) * var(--pf-v6-c-switch--LineHeight));
   --pf-v6-c-switch__toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-switch__toggle--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-switch__toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-switch__toggle--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v6-c-switch__toggle--before--Width: calc(var(--pf-v6-c-switch--FontSize) - var(--pf-v6-c-switch__toggle-icon--Offset));
@@ -30367,7 +30367,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 .pf-v6-c-text-input-group {
   --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
   --pf-v6-c-text-input-group--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
   --pf-v6-c-text-input-group--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--default);
@@ -30384,7 +30384,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
   --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-text-input-group__text--BorderStartStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
   --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
   --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
@@ -30852,7 +30852,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-toggle-group__button--hover--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
   --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
   --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);