@patternfly/react-styles 6.0.0-alpha.8 → 6.0.0-prerelease.1

package/css/components/Card/card.d.ts

@@ -1,27 +1,29 @@
 import './card.css';
 declare const _default: {
-  "card": "pf-v5-c-card",
-  "cardActions": "pf-v5-c-card__actions",
-  "cardBody": "pf-v5-c-card__body",
-  "cardExpandableContent": "pf-v5-c-card__expandable-content",
-  "cardFooter": "pf-v5-c-card__footer",
-  "cardHeader": "pf-v5-c-card__header",
-  "cardHeaderMain": "pf-v5-c-card__header-main",
-  "cardHeaderToggle": "pf-v5-c-card__header-toggle",
-  "cardHeaderToggleIcon": "pf-v5-c-card__header-toggle-icon",
-  "cardSelectableActions": "pf-v5-c-card__selectable-actions",
-  "cardTitle": "pf-v5-c-card__title",
-  "cardTitleText": "pf-v5-c-card__title-text",
-  "check": "pf-v5-c-check",
-  "checkInput": "pf-v5-c-check__input",
-  "checkLabel": "pf-v5-c-check__label",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "divider": "pf-v5-c-divider",
+  "button": "pf-v6-c-button",
+  "card": "pf-v6-c-card",
+  "cardActions": "pf-v6-c-card__actions",
+  "cardBody": "pf-v6-c-card__body",
+  "cardClickableAction": "pf-v6-c-card__clickable-action",
+  "cardExpandableContent": "pf-v6-c-card__expandable-content",
+  "cardFooter": "pf-v6-c-card__footer",
+  "cardHeader": "pf-v6-c-card__header",
+  "cardHeaderMain": "pf-v6-c-card__header-main",
+  "cardHeaderToggle": "pf-v6-c-card__header-toggle",
+  "cardHeaderToggleIcon": "pf-v6-c-card__header-toggle-icon",
+  "cardSelectableActions": "pf-v6-c-card__selectable-actions",
+  "cardTitle": "pf-v6-c-card__title",
+  "cardTitleText": "pf-v6-c-card__title-text",
+  "check": "pf-v6-c-check",
+  "checkInput": "pf-v6-c-check__input",
+  "checkLabel": "pf-v6-c-check__label",
+  "dirRtl": "pf-v6-m-dir-rtl",
+  "divider": "pf-v6-c-divider",
   "modifiers": {
     "selectable": "pf-m-selectable",
     "clickable": "pf-m-clickable",
-    "selected": "pf-m-selected",
     "current": "pf-m-current",
+    "selected": "pf-m-selected",
     "disabled": "pf-m-disabled",
     "compact": "pf-m-compact",
     "displayLg": "pf-m-display-lg",
@@ -34,8 +36,8 @@ declare const _default: {
     "inline": "pf-m-inline",
     "noFill": "pf-m-no-fill"
   },
-  "radio": "pf-v5-c-radio",
-  "radioInput": "pf-v5-c-radio__input",
-  "radioLabel": "pf-v5-c-radio__label"
+  "radio": "pf-v6-c-radio",
+  "radioInput": "pf-v6-c-radio__input",
+  "radioLabel": "pf-v6-c-radio__label"
 };
 export default _default;

package/css/components/Card/card.js

@@ -2,28 +2,30 @@
 exports.__esModule = true;
 require('./card.css');
 exports.default = {
-  "card": "pf-v5-c-card",
-  "cardActions": "pf-v5-c-card__actions",
-  "cardBody": "pf-v5-c-card__body",
-  "cardExpandableContent": "pf-v5-c-card__expandable-content",
-  "cardFooter": "pf-v5-c-card__footer",
-  "cardHeader": "pf-v5-c-card__header",
-  "cardHeaderMain": "pf-v5-c-card__header-main",
-  "cardHeaderToggle": "pf-v5-c-card__header-toggle",
-  "cardHeaderToggleIcon": "pf-v5-c-card__header-toggle-icon",
-  "cardSelectableActions": "pf-v5-c-card__selectable-actions",
-  "cardTitle": "pf-v5-c-card__title",
-  "cardTitleText": "pf-v5-c-card__title-text",
-  "check": "pf-v5-c-check",
-  "checkInput": "pf-v5-c-check__input",
-  "checkLabel": "pf-v5-c-check__label",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "divider": "pf-v5-c-divider",
+  "button": "pf-v6-c-button",
+  "card": "pf-v6-c-card",
+  "cardActions": "pf-v6-c-card__actions",
+  "cardBody": "pf-v6-c-card__body",
+  "cardClickableAction": "pf-v6-c-card__clickable-action",
+  "cardExpandableContent": "pf-v6-c-card__expandable-content",
+  "cardFooter": "pf-v6-c-card__footer",
+  "cardHeader": "pf-v6-c-card__header",
+  "cardHeaderMain": "pf-v6-c-card__header-main",
+  "cardHeaderToggle": "pf-v6-c-card__header-toggle",
+  "cardHeaderToggleIcon": "pf-v6-c-card__header-toggle-icon",
+  "cardSelectableActions": "pf-v6-c-card__selectable-actions",
+  "cardTitle": "pf-v6-c-card__title",
+  "cardTitleText": "pf-v6-c-card__title-text",
+  "check": "pf-v6-c-check",
+  "checkInput": "pf-v6-c-check__input",
+  "checkLabel": "pf-v6-c-check__label",
+  "dirRtl": "pf-v6-m-dir-rtl",
+  "divider": "pf-v6-c-divider",
   "modifiers": {
     "selectable": "pf-m-selectable",
     "clickable": "pf-m-clickable",
-    "selected": "pf-m-selected",
     "current": "pf-m-current",
+    "selected": "pf-m-selected",
     "disabled": "pf-m-disabled",
     "compact": "pf-m-compact",
     "displayLg": "pf-m-display-lg",
@@ -36,7 +38,7 @@ exports.default = {
     "inline": "pf-m-inline",
     "noFill": "pf-m-no-fill"
   },
-  "radio": "pf-v5-c-radio",
-  "radioInput": "pf-v5-c-radio__input",
-  "radioLabel": "pf-v5-c-radio__label"
+  "radio": "pf-v6-c-radio",
+  "radioInput": "pf-v6-c-radio__input",
+  "radioLabel": "pf-v6-c-radio__label"
 };

package/css/components/Card/card.mjs

@@ -1,27 +1,29 @@
 import './card.css';
 export default {
-  "card": "pf-v5-c-card",
-  "cardActions": "pf-v5-c-card__actions",
-  "cardBody": "pf-v5-c-card__body",
-  "cardExpandableContent": "pf-v5-c-card__expandable-content",
-  "cardFooter": "pf-v5-c-card__footer",
-  "cardHeader": "pf-v5-c-card__header",
-  "cardHeaderMain": "pf-v5-c-card__header-main",
-  "cardHeaderToggle": "pf-v5-c-card__header-toggle",
-  "cardHeaderToggleIcon": "pf-v5-c-card__header-toggle-icon",
-  "cardSelectableActions": "pf-v5-c-card__selectable-actions",
-  "cardTitle": "pf-v5-c-card__title",
-  "cardTitleText": "pf-v5-c-card__title-text",
-  "check": "pf-v5-c-check",
-  "checkInput": "pf-v5-c-check__input",
-  "checkLabel": "pf-v5-c-check__label",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "divider": "pf-v5-c-divider",
+  "button": "pf-v6-c-button",
+  "card": "pf-v6-c-card",
+  "cardActions": "pf-v6-c-card__actions",
+  "cardBody": "pf-v6-c-card__body",
+  "cardClickableAction": "pf-v6-c-card__clickable-action",
+  "cardExpandableContent": "pf-v6-c-card__expandable-content",
+  "cardFooter": "pf-v6-c-card__footer",
+  "cardHeader": "pf-v6-c-card__header",
+  "cardHeaderMain": "pf-v6-c-card__header-main",
+  "cardHeaderToggle": "pf-v6-c-card__header-toggle",
+  "cardHeaderToggleIcon": "pf-v6-c-card__header-toggle-icon",
+  "cardSelectableActions": "pf-v6-c-card__selectable-actions",
+  "cardTitle": "pf-v6-c-card__title",
+  "cardTitleText": "pf-v6-c-card__title-text",
+  "check": "pf-v6-c-check",
+  "checkInput": "pf-v6-c-check__input",
+  "checkLabel": "pf-v6-c-check__label",
+  "dirRtl": "pf-v6-m-dir-rtl",
+  "divider": "pf-v6-c-divider",
   "modifiers": {
     "selectable": "pf-m-selectable",
     "clickable": "pf-m-clickable",
-    "selected": "pf-m-selected",
     "current": "pf-m-current",
+    "selected": "pf-m-selected",
     "disabled": "pf-m-disabled",
     "compact": "pf-m-compact",
     "displayLg": "pf-m-display-lg",
@@ -34,7 +36,7 @@ export default {
     "inline": "pf-m-inline",
     "noFill": "pf-m-no-fill"
   },
-  "radio": "pf-v5-c-radio",
-  "radioInput": "pf-v5-c-radio__input",
-  "radioLabel": "pf-v5-c-radio__label"
+  "radio": "pf-v6-c-radio",
+  "radioInput": "pf-v6-c-radio__input",
+  "radioLabel": "pf-v6-c-radio__label"
 };

package/css/components/Check/check.css

@@ -1,72 +1,78 @@
-:root,
-.pf-v5-c-check {
-  --pf-v5-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
-  --pf-v5-c-check--AccentColor: var(--pf-t--global--color--brand--default);
-  --pf-v5-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
-  --pf-v5-c-check__label--Color: var(--pf-t--global--text--color--regular);
-  --pf-v5-c-check__label--FontWeight: var(--pf-t--global--font--weight--body);
-  --pf-v5-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v5-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
-  --pf-v5-c-check__input--TranslateY: calc((var(--pf-v5-c-check__label--LineHeight) * var(--pf-v5-c-check__label--FontSize) / 2 ) - 50%);
-  --pf-v5-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v5-c-check__description--Color: var(--pf-t--global--text--color--subtle);
-  --pf-v5-c-check__label-required--MarginLeft: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v5-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
+:where(:root, .pf-v6-c-check) {
+  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
+  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
+  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
+  --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
+  --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
+  --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
+  --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
 }
 
-.pf-v5-c-check {
+.pf-v6-c-check {
   display: grid;
   grid-template-columns: auto 1fr;
-  grid-gap: var(--pf-v5-c-check--GridGap);
-  accent-color: var(--pf-v5-c-check--AccentColor);
+  grid-gap: var(--pf-v6-c-check--GridGap);
+  accent-color: var(--pf-v6-c-check--AccentColor);
 }
-.pf-v5-c-check.pf-m-standalone {
-  --pf-v5-c-check--GridGap: 0;
-  --pf-v5-c-check__input--TranslateY: none;
+.pf-v6-c-check.pf-m-standalone {
   display: inline-grid;
+  grid-template-columns: auto;
+  min-height: var(--pf-v6-c-check--MinHeight);
+}
+.pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
+  align-self: center;
+  transform: none;
 }
 
-.pf-v5-c-check__input {
+.pf-v6-c-check__input {
   align-self: start;
-  transform: translateY(var(--pf-v5-c-check__input--TranslateY));
+  font-size: var(--pf-v6-c-check__label--FontSize);
+  line-height: var(--pf-v6-c-check__label--LineHeight);
+  transform: translateY(var(--pf-v6-c-check__input--TranslateY));
 }
 
-.pf-v5-c-check__label {
-  font-size: var(--pf-v5-c-check__label--FontSize);
-  font-weight: var(--pf-v5-c-check__label--FontWeight);
-  line-height: var(--pf-v5-c-check__label--LineHeight);
-  color: var(--pf-v5-c-check__label--Color);
+.pf-v6-c-check__label {
+  font-size: var(--pf-v6-c-check__label--FontSize);
+  font-weight: var(--pf-v6-c-check__label--FontWeight);
+  line-height: var(--pf-v6-c-check__label--LineHeight);
+  color: var(--pf-v6-c-check__label--Color);
 }
 
-.pf-v5-c-check__description {
+.pf-v6-c-check__description {
   grid-column: 2;
-  font-size: var(--pf-v5-c-check__description--FontSize);
-  color: var(--pf-v5-c-check__description--Color);
+  font-size: var(--pf-v6-c-check__description--FontSize);
+  color: var(--pf-v6-c-check__description--Color);
 }
 
-.pf-v5-c-check__body {
+.pf-v6-c-check__body {
   grid-column: 2;
 }
 
-.pf-v5-c-check__label,
-.pf-v5-c-check__input {
+.pf-v6-c-check__label,
+.pf-v6-c-check__input {
   justify-self: start;
 }
-label.pf-v5-c-check, .pf-v5-c-check__label,
-.pf-v5-c-check__input {
+label.pf-v6-c-check, .pf-v6-c-check__label,
+.pf-v6-c-check__input {
   cursor: pointer;
 }
 
-.pf-v5-c-check__label:disabled, .pf-v5-c-check__label.pf-m-disabled,
-.pf-v5-c-check__input:disabled,
-.pf-v5-c-check__input.pf-m-disabled {
-  --pf-v5-c-check__label--Color: var(--pf-v5-c-check__label--disabled--Color);
+.pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
+.pf-v6-c-check__input:disabled,
+.pf-v6-c-check__input.pf-m-disabled {
+  --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
   cursor: not-allowed;
 }
 
-.pf-v5-c-check__label-required {
-  margin-inline-start: var(--pf-v5-c-check__label-required--MarginLeft);
-  font-size: var(--pf-v5-c-check__label-required--FontSize);
-  color: var(--pf-v5-c-check__label-required--Color);
+.pf-v6-c-check__label-required {
+  margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
+  font-size: var(--pf-v6-c-check__label-required--FontSize);
+  color: var(--pf-v6-c-check__label-required--Color);
 }

package/css/components/Check/check.d.ts

@@ -1,11 +1,11 @@
 import './check.css';
 declare const _default: {
-  "check": "pf-v5-c-check",
-  "checkBody": "pf-v5-c-check__body",
-  "checkDescription": "pf-v5-c-check__description",
-  "checkInput": "pf-v5-c-check__input",
-  "checkLabel": "pf-v5-c-check__label",
-  "checkLabelRequired": "pf-v5-c-check__label-required",
+  "check": "pf-v6-c-check",
+  "checkBody": "pf-v6-c-check__body",
+  "checkDescription": "pf-v6-c-check__description",
+  "checkInput": "pf-v6-c-check__input",
+  "checkLabel": "pf-v6-c-check__label",
+  "checkLabelRequired": "pf-v6-c-check__label-required",
   "modifiers": {
     "standalone": "pf-m-standalone",
     "disabled": "pf-m-disabled"

package/css/components/Check/check.js

@@ -2,12 +2,12 @@
 exports.__esModule = true;
 require('./check.css');
 exports.default = {
-  "check": "pf-v5-c-check",
-  "checkBody": "pf-v5-c-check__body",
-  "checkDescription": "pf-v5-c-check__description",
-  "checkInput": "pf-v5-c-check__input",
-  "checkLabel": "pf-v5-c-check__label",
-  "checkLabelRequired": "pf-v5-c-check__label-required",
+  "check": "pf-v6-c-check",
+  "checkBody": "pf-v6-c-check__body",
+  "checkDescription": "pf-v6-c-check__description",
+  "checkInput": "pf-v6-c-check__input",
+  "checkLabel": "pf-v6-c-check__label",
+  "checkLabelRequired": "pf-v6-c-check__label-required",
   "modifiers": {
     "standalone": "pf-m-standalone",
     "disabled": "pf-m-disabled"

package/css/components/Check/check.mjs

@@ -1,11 +1,11 @@
 import './check.css';
 export default {
-  "check": "pf-v5-c-check",
-  "checkBody": "pf-v5-c-check__body",
-  "checkDescription": "pf-v5-c-check__description",
-  "checkInput": "pf-v5-c-check__input",
-  "checkLabel": "pf-v5-c-check__label",
-  "checkLabelRequired": "pf-v5-c-check__label-required",
+  "check": "pf-v6-c-check",
+  "checkBody": "pf-v6-c-check__body",
+  "checkDescription": "pf-v6-c-check__description",
+  "checkInput": "pf-v6-c-check__input",
+  "checkLabel": "pf-v6-c-check__label",
+  "checkLabelRequired": "pf-v6-c-check__label-required",
   "modifiers": {
     "standalone": "pf-m-standalone",
     "disabled": "pf-m-disabled"

package/css/components/ClipboardCopy/clipboard-copy.css

@@ -1,106 +1,97 @@
-:where(:root),
-:where(.pf-v5-c-clipboard-copy) {
-  --pf-v5-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
-  --pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-v5-c-clipboard-copy__expandable-content--MarginTop: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-clipboard-copy__expandable-content--PaddingTop: var(--pf-t--global--spacer--md);
-  --pf-v5-c-clipboard-copy__expandable-content--PaddingRight: var(--pf-t--global--spacer--md);
-  --pf-v5-c-clipboard-copy__expandable-content--PaddingBottom: var(--pf-t--global--spacer--md);
-  --pf-v5-c-clipboard-copy__expandable-content--PaddingLeft: var(--pf-t--global--spacer--md);
-  --pf-v5-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
-  --pf-v5-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--default);
-  --pf-v5-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
-  --pf-v5-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-clipboard-copy--m-inline--PaddingTop: 0;
-  --pf-v5-c-clipboard-copy--m-inline--PaddingBottom: 0;
-  --pf-v5-c-clipboard-copy--m-inline--PaddingLeft: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v5-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
-  --pf-v5-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v5-c-clipboard-copy__actions-item--MarginTop: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v5-c-clipboard-copy__actions-item--MarginBottom: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v5-c-clipboard-copy__actions-item--button--PaddingTop: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-clipboard-copy__actions-item--button--PaddingRight: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft: var(--pf-t--global--spacer--xs);
+:where(:root, .pf-v6-c-clipboard-copy) {
+  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
+  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
+  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
+  --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--OutlineOffset: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
+  --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
+  --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
 }
 
-.pf-v5-c-clipboard-copy.pf-m-expanded .pf-v5-c-clipboard-copy__toggle-icon {
-  transform: rotate(var(--pf-v5-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
+.pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
+  transform: rotate(var(--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate));
 }
-.pf-v5-c-clipboard-copy.pf-m-inline {
+.pf-v6-c-clipboard-copy.pf-m-inline {
   display: inline;
-  padding-block-start: var(--pf-v5-c-clipboard-copy--m-inline--PaddingTop);
-  padding-block-end: var(--pf-v5-c-clipboard-copy--m-inline--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-clipboard-copy--m-inline--PaddingLeft);
+  padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
   white-space: nowrap;
-  background-color: var(--pf-v5-c-clipboard-copy--m-inline--BackgroundColor);
+  background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
 }
-.pf-v5-c-clipboard-copy.pf-m-inline.pf-m-block {
+.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
   display: block;
 }
 
-.pf-v5-c-clipboard-copy__group {
+.pf-v6-c-clipboard-copy__group {
   display: flex;
-  gap: var(--pf-v5-c-clipboard-copy__group--Gap);
+  gap: var(--pf-v6-c-clipboard-copy__group--Gap);
 }
-.pf-v5-c-clipboard-copy__group > * + * {
+.pf-v6-c-clipboard-copy__group > * + * {
   margin-inline-start: -1px;
 }
 
-.pf-v5-c-clipboard-copy__toggle-icon {
-  transition: var(--pf-v5-c-clipboard-copy__toggle-icon--Transition);
+.pf-v6-c-clipboard-copy__toggle-icon {
+  transition: var(--pf-v6-c-clipboard-copy__toggle-icon--Transition);
 }
-:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-clipboard-copy__toggle-icon {
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-clipboard-copy__toggle-icon {
   scale: -1 1;
 }
 
-.pf-v5-c-clipboard-copy__expandable-content {
-  padding-block-start: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingTop);
-  padding-block-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingBottom);
-  padding-inline-start: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingLeft);
-  padding-inline-end: var(--pf-v5-c-clipboard-copy__expandable-content--PaddingRight);
-  margin-block-start: var(--pf-v5-c-clipboard-copy__expandable-content--MarginTop);
+.pf-v6-c-clipboard-copy__expandable-content {
+  padding-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart);
+  padding-block-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
+  margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
   word-wrap: break-word;
-  background-color: var(--pf-v5-c-clipboard-copy__expandable-content--BackgroundColor);
+  background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
   background-clip: padding-box;
-  border: solid var(--pf-v5-c-clipboard-copy__expandable-content--BorderColor);
-  border-block-start-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderTopWidth);
-  border-block-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderBottomWidth);
-  border-inline-start-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderLeftWidth);
-  border-inline-end-width: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRightWidth);
-  border-radius: var(--pf-v5-c-clipboard-copy__expandable-content--BorderRadius);
-  box-shadow: var(--pf-v5-c-clipboard-copy__expandable-content--BoxShadow);
+  border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
+  border-block-start-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth);
+  border-block-end-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth);
+  border-inline-start-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth);
+  border-inline-end-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth);
+  border-radius: var(--pf-v6-c-clipboard-copy__expandable-content--BorderRadius);
+  box-shadow: var(--pf-v6-c-clipboard-copy__expandable-content--BoxShadow);
 }
-.pf-v5-c-clipboard-copy__expandable-content pre {
+.pf-v6-c-clipboard-copy__expandable-content pre {
   white-space: pre-wrap;
 }
 
-.pf-v5-c-clipboard-copy__text {
+.pf-v6-c-clipboard-copy__text {
   word-break: break-word;
   white-space: normal;
 }
-.pf-v5-c-clipboard-copy__text.pf-m-code {
-  font-family: var(--pf-v5-c-clipboard-copy__text--m-code--FontFamily);
-  font-size: var(--pf-v5-c-clipboard-copy__text--m-code--FontSize);
+.pf-v6-c-clipboard-copy__text.pf-m-code {
+  font-family: var(--pf-v6-c-clipboard-copy__text--m-code--FontFamily);
+  font-size: var(--pf-v6-c-clipboard-copy__text--m-code--FontSize);
 }
 
-.pf-v5-c-clipboard-copy__actions {
+.pf-v6-c-clipboard-copy__actions {
   display: inline-flex;
+  gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
+  margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
 }
 
-.pf-v5-c-clipboard-copy__actions-item {
-  margin-block-start: calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop));
-  margin-block-end: calc(-1 * var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom));
-}
-.pf-v5-c-clipboard-copy__actions-item .pf-v5-c-button {
-  --pf-v5-c-button--PaddingTop: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingTop);
-  --pf-v5-c-button--PaddingRight: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingRight);
-  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom);
-  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
+.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
+  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
 }

package/css/components/ClipboardCopy/clipboard-copy.d.ts

@@ -1,19 +1,20 @@
 import './clipboard-copy.css';
 declare const _default: {
-  "button": "pf-v5-c-button",
-  "clipboardCopy": "pf-v5-c-clipboard-copy",
-  "clipboardCopyActions": "pf-v5-c-clipboard-copy__actions",
-  "clipboardCopyActionsItem": "pf-v5-c-clipboard-copy__actions-item",
-  "clipboardCopyExpandableContent": "pf-v5-c-clipboard-copy__expandable-content",
-  "clipboardCopyGroup": "pf-v5-c-clipboard-copy__group",
-  "clipboardCopyText": "pf-v5-c-clipboard-copy__text",
-  "clipboardCopyToggleIcon": "pf-v5-c-clipboard-copy__toggle-icon",
-  "dirRtl": "pf-v5-m-dir-rtl",
+  "button": "pf-v6-c-button",
+  "clipboardCopy": "pf-v6-c-clipboard-copy",
+  "clipboardCopyActions": "pf-v6-c-clipboard-copy__actions",
+  "clipboardCopyActionsItem": "pf-v6-c-clipboard-copy__actions-item",
+  "clipboardCopyExpandableContent": "pf-v6-c-clipboard-copy__expandable-content",
+  "clipboardCopyGroup": "pf-v6-c-clipboard-copy__group",
+  "clipboardCopyText": "pf-v6-c-clipboard-copy__text",
+  "clipboardCopyToggleIcon": "pf-v6-c-clipboard-copy__toggle-icon",
+  "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "inline": "pf-m-inline",
     "block": "pf-m-block",
-    "code": "pf-m-code"
+    "code": "pf-m-code",
+    "plain": "pf-m-plain"
   }
 };
 export default _default;

package/css/components/ClipboardCopy/clipboard-copy.js

@@ -2,19 +2,20 @@
 exports.__esModule = true;
 require('./clipboard-copy.css');
 exports.default = {
-  "button": "pf-v5-c-button",
-  "clipboardCopy": "pf-v5-c-clipboard-copy",
-  "clipboardCopyActions": "pf-v5-c-clipboard-copy__actions",
-  "clipboardCopyActionsItem": "pf-v5-c-clipboard-copy__actions-item",
-  "clipboardCopyExpandableContent": "pf-v5-c-clipboard-copy__expandable-content",
-  "clipboardCopyGroup": "pf-v5-c-clipboard-copy__group",
-  "clipboardCopyText": "pf-v5-c-clipboard-copy__text",
-  "clipboardCopyToggleIcon": "pf-v5-c-clipboard-copy__toggle-icon",
-  "dirRtl": "pf-v5-m-dir-rtl",
+  "button": "pf-v6-c-button",
+  "clipboardCopy": "pf-v6-c-clipboard-copy",
+  "clipboardCopyActions": "pf-v6-c-clipboard-copy__actions",
+  "clipboardCopyActionsItem": "pf-v6-c-clipboard-copy__actions-item",
+  "clipboardCopyExpandableContent": "pf-v6-c-clipboard-copy__expandable-content",
+  "clipboardCopyGroup": "pf-v6-c-clipboard-copy__group",
+  "clipboardCopyText": "pf-v6-c-clipboard-copy__text",
+  "clipboardCopyToggleIcon": "pf-v6-c-clipboard-copy__toggle-icon",
+  "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "inline": "pf-m-inline",
     "block": "pf-m-block",
-    "code": "pf-m-code"
+    "code": "pf-m-code",
+    "plain": "pf-m-plain"
   }
 };