@patternfly/react-styles 6.0.0-alpha.15 → 6.0.0-alpha.17

package/css/components/Table/table.d.ts

@@ -28,13 +28,13 @@ declare const _default: {
     "favorite": "pf-m-favorite",
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
-    "expanded": "pf-m-expanded",
     "truncate": "pf-m-truncate",
     "wrap": "pf-m-wrap",
     "nowrap": "pf-m-nowrap",
     "fitContent": "pf-m-fit-content",
     "breakWord": "pf-m-break-word",
     "noBorderRows": "pf-m-no-border-rows",
+    "expanded": "pf-m-expanded",
     "clickable": "pf-m-clickable",
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
@@ -58,6 +58,7 @@ declare const _default: {
     "width_90": "pf-m-width-90",
     "width_100": "pf-m-width-100"
   },
+  "radio": "pf-v6-c-radio",
   "table": "pf-v6-c-table",
   "tableAction": "pf-v6-c-table__action",
   "tableButton": "pf-v6-c-table__button",
@@ -67,7 +68,6 @@ declare const _default: {
   "tableColumnHelp": "pf-v6-c-table__column-help",
   "tableColumnHelpAction": "pf-v6-c-table__column-help-action",
   "tableCompoundExpansionToggle": "pf-v6-c-table__compound-expansion-toggle",
-  "tableControlRow": "pf-v6-c-table__control-row",
   "tableDraggable": "pf-v6-c-table__draggable",
   "tableExpandableRow": "pf-v6-c-table__expandable-row",
   "tableExpandableRowContent": "pf-v6-c-table__expandable-row-content",
@@ -85,7 +85,6 @@ declare const _default: {
   "tableThead": "pf-v6-c-table__thead",
   "tableToggle": "pf-v6-c-table__toggle",
   "tableToggleIcon": "pf-v6-c-table__toggle-icon",
-  "tableTr": "pf-v6-c-table__tr",
-  "themeDark": "pf-v6-theme-dark"
+  "tableTr": "pf-v6-c-table__tr"
 };
 export default _default;

package/css/components/Table/table.js

@@ -30,13 +30,13 @@ exports.default = {
     "favorite": "pf-m-favorite",
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
-    "expanded": "pf-m-expanded",
     "truncate": "pf-m-truncate",
     "wrap": "pf-m-wrap",
     "nowrap": "pf-m-nowrap",
     "fitContent": "pf-m-fit-content",
     "breakWord": "pf-m-break-word",
     "noBorderRows": "pf-m-no-border-rows",
+    "expanded": "pf-m-expanded",
     "clickable": "pf-m-clickable",
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
@@ -60,6 +60,7 @@ exports.default = {
     "width_90": "pf-m-width-90",
     "width_100": "pf-m-width-100"
   },
+  "radio": "pf-v6-c-radio",
   "table": "pf-v6-c-table",
   "tableAction": "pf-v6-c-table__action",
   "tableButton": "pf-v6-c-table__button",
@@ -69,7 +70,6 @@ exports.default = {
   "tableColumnHelp": "pf-v6-c-table__column-help",
   "tableColumnHelpAction": "pf-v6-c-table__column-help-action",
   "tableCompoundExpansionToggle": "pf-v6-c-table__compound-expansion-toggle",
-  "tableControlRow": "pf-v6-c-table__control-row",
   "tableDraggable": "pf-v6-c-table__draggable",
   "tableExpandableRow": "pf-v6-c-table__expandable-row",
   "tableExpandableRowContent": "pf-v6-c-table__expandable-row-content",
@@ -87,6 +87,5 @@ exports.default = {
   "tableThead": "pf-v6-c-table__thead",
   "tableToggle": "pf-v6-c-table__toggle",
   "tableToggleIcon": "pf-v6-c-table__toggle-icon",
-  "tableTr": "pf-v6-c-table__tr",
-  "themeDark": "pf-v6-theme-dark"
+  "tableTr": "pf-v6-c-table__tr"
 };

package/css/components/Table/table.mjs

@@ -28,13 +28,13 @@ export default {
     "favorite": "pf-m-favorite",
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
-    "expanded": "pf-m-expanded",
     "truncate": "pf-m-truncate",
     "wrap": "pf-m-wrap",
     "nowrap": "pf-m-nowrap",
     "fitContent": "pf-m-fit-content",
     "breakWord": "pf-m-break-word",
     "noBorderRows": "pf-m-no-border-rows",
+    "expanded": "pf-m-expanded",
     "clickable": "pf-m-clickable",
     "selected": "pf-m-selected",
     "firstCellOffsetReset": "pf-m-first-cell-offset-reset",
@@ -58,6 +58,7 @@ export default {
     "width_90": "pf-m-width-90",
     "width_100": "pf-m-width-100"
   },
+  "radio": "pf-v6-c-radio",
   "table": "pf-v6-c-table",
   "tableAction": "pf-v6-c-table__action",
   "tableButton": "pf-v6-c-table__button",
@@ -67,7 +68,6 @@ export default {
   "tableColumnHelp": "pf-v6-c-table__column-help",
   "tableColumnHelpAction": "pf-v6-c-table__column-help-action",
   "tableCompoundExpansionToggle": "pf-v6-c-table__compound-expansion-toggle",
-  "tableControlRow": "pf-v6-c-table__control-row",
   "tableDraggable": "pf-v6-c-table__draggable",
   "tableExpandableRow": "pf-v6-c-table__expandable-row",
   "tableExpandableRowContent": "pf-v6-c-table__expandable-row-content",
@@ -85,6 +85,5 @@ export default {
   "tableThead": "pf-v6-c-table__thead",
   "tableToggle": "pf-v6-c-table__toggle",
   "tableToggleIcon": "pf-v6-c-table__toggle-icon",
-  "tableTr": "pf-v6-c-table__tr",
-  "themeDark": "pf-v6-theme-dark"
+  "tableTr": "pf-v6-c-table__tr"
 };

package/css/components/TextInputGroup/text-input-group.css

@@ -1,47 +1,56 @@
-.pf-v6-c-text-input-group {
-  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
-  --pf-v6-c-text-input-group__text--before--BorderWidth: var(--pf-v6-global--BorderWidth--sm);
-  --pf-v6-c-text-input-group__text--before--BorderColor: var(--pf-v6-global--BorderColor--300);
-  --pf-v6-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v6-global--BorderWidth--sm);
-  --pf-v6-c-text-input-group__text--after--BorderBottomColor: var(--pf-v6-global--BorderColor--200);
-  --pf-v6-c-text-input-group--hover__text--after--BorderBottomColor: var(--pf-v6-global--primary-color--100);
-  --pf-v6-c-text-input-group__text--focus-within--after--BorderBottomWidth: var(--pf-v6-global--BorderWidth--md);
-  --pf-v6-c-text-input-group__text--focus-within--after--BorderBottomColor: var(--pf-v6-global--primary-color--100);
-  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-v6-global--spacer--xl);
-  --pf-v6-c-text-input-group__main--RowGap: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-text-input-group--c-chip-group__main--PaddingTop: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-text-input-group__text-input--PaddingTop: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-text-input-group__text-input--PaddingRight: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-text-input-group__text-input--PaddingBottom: var(--pf-v6-global--spacer--form-element);
-  --pf-v6-c-text-input-group__text-input--PaddingLeft: var(--pf-v6-global--spacer--sm);
+:where(:root),
+:where(.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--BorderWidth: var(--pf-t--global--border--width--control--default);
+  --pf-v6-c-text-input-group--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-text-input-group--m-hover--BorderColor: var(--pf-t--global--border--color--hover);
+  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginLeft: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingLeft: var(--pf-t--global--spacer--xl);
+  --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--c-chip-group__main--PaddingTop: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-text-input-group--c-chip-group__main--PaddingRight: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-text-input-group--c-chip-group__main--PaddingBottom: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-text-input-group__text-input--PaddingTop: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-text-input-group__text-input--PaddingRight: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-text-input-group__text-input--PaddingBottom: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-text-input-group__text-input--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
-  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-v6-global--Color--200);
-  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-global--Color--200);
+  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
+  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
   --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
-  --pf-v6-c-text-input-group__icon--Left: var(--pf-v6-global--spacer--sm);
-  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-global--icon--Color--dark);
+  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
+  --pf-v6-c-text-input-group__icon--Left: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-text-input-group__icon--TranslateY: -50%;
-  --pf-v6-c-text-input-group__utilities--child--MarginLeft: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v6-global--spacer--xs);
-  --pf-v6-c-text-input-group--m-disabled--Color: var(--pf-v6-global--disabled-color--100);
-  --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v6-global--disabled-color--300);
+  --pf-v6-c-text-input-group__utilities--child--MarginLeft: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
+  --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
+}
+
+.pf-v6-c-text-input-group {
   position: relative;
   display: flex;
   width: 100%;
   color: var(--pf-v6-c-text-input-group--Color, inherit);
   background-color: var(--pf-v6-c-text-input-group--BackgroundColor);
+  border-radius: var(--pf-v6-c-text-input-group--BorderRadius);
+}
+.pf-v6-c-text-input-group::before {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  content: "";
+  border: var(--pf-v6-c-text-input-group--BorderWidth) solid var(--pf-v6-c-text-input-group--BorderColor);
+  border-radius: var(--pf-v6-c-text-input-group--BorderRadius);
 }
 .pf-v6-c-text-input-group:hover {
-  --pf-v6-c-text-input-group__text--after--BorderBottomColor: var(--pf-v6-c-text-input-group--hover__text--after--BorderBottomColor);
+  --pf-v6-c-text-input-group--BorderColor: var(--pf-v6-c-text-input-group--m-hover--BorderColor);
 }
 .pf-v6-c-text-input-group.pf-m-disabled {
-  --pf-v6-c-text-input-group__text--before--BorderWidth: 0;
-  --pf-v6-c-text-input-group__text--after--BorderBottomWidth: 0;
   --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
   --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
   --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -85,16 +94,6 @@
   pointer-events: none;
   content: "";
 }
-.pf-v6-c-text-input-group__text::before {
-  border: var(--pf-v6-c-text-input-group__text--before--BorderWidth) solid var(--pf-v6-c-text-input-group__text--before--BorderColor);
-}
-.pf-v6-c-text-input-group__text::after {
-  border-block-end: var(--pf-v6-c-text-input-group__text--after--BorderBottomWidth) solid var(--pf-v6-c-text-input-group__text--after--BorderBottomColor);
-}
-.pf-v6-c-text-input-group__text:focus-within {
-  --pf-v6-c-text-input-group__text--after--BorderBottomWidth: var(--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomWidth);
-  --pf-v6-c-text-input-group__text--after--BorderBottomColor: var(--pf-v6-c-text-input-group__text--focus-within--after--BorderBottomColor);
-}
 
 .pf-v6-c-text-input-group__icon {
   position: absolute;
@@ -117,6 +116,7 @@
   padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingRight);
   background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
   border: 0;
+  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
 }
 .pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
   grid-area: text-input;

package/css/components/Toolbar/toolbar.css

@@ -73,15 +73,19 @@
   }
 }
 
-:root,
-[data-theme=pf-v6-c-toolbar] {
+:where(:root),
+:where(.pf-v6-c-toolbar) {
   --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-toolbar--ColumnGap: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar--PaddingBlock: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar--PaddingInline: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-toolbar--FontSize: var(--pf-t--global--font--size--body--default);
+  --pf-v6-c-toolbar__item--Width: auto;
+  --pf-v6-c-toolbar__item--MinWidth: auto;
   --pf-v6-c-toolbar__item--ColumnGap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-toolbar__item--m-overflow-container--MinWidth: 0;
+  --pf-v6-c-toolbar__group--m-overflow-container--MinWidth: 0;
   --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
@@ -171,8 +175,62 @@
 }
 
 .pf-v6-c-toolbar__item {
+  --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width);
+  --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth);
   row-gap: var(--pf-v6-c-toolbar__item--RowGap, var(--pf-v6-c-toolbar--RowGap));
   column-gap: var(--pf-v6-c-toolbar__item--ColumnGap);
+  width: var(--pf-v6-c-toolbar__item--Width--base);
+  min-width: var(--pf-v6-c-toolbar__item--MinWidth--base);
+}
+@media (min-width: 576px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width));
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--Width--base: var(--pf-v6-c-toolbar__item--Width-on-2xl, var(--pf-v6-c-toolbar__item--Width-on-xl, var(--pf-v6-c-toolbar__item--Width-on-lg, var(--pf-v6-c-toolbar__item--Width-on-md, var(--pf-v6-c-toolbar__item--Width-on-sm, var(--pf-v6-c-toolbar__item--Width))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth));
+  }
+}
+@media (min-width: 768px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-v6-c-toolbar__item {
+    --pf-v6-c-toolbar__item--MinWidth--base: var(--pf-v6-c-toolbar__item--MinWidth-on-2xl, var(--pf-v6-c-toolbar__item--MinWidth-on-xl, var(--pf-v6-c-toolbar__item--MinWidth-on-lg, var(--pf-v6-c-toolbar__item--MinWidth-on-md, var(--pf-v6-c-toolbar__item--MinWidth-on-sm, var(--pf-v6-c-toolbar__item--MinWidth))))));
+  }
 }
 .pf-v6-c-toolbar__item.pf-m-expand-all.pf-m-expanded {
   --pf-v6-c-toolbar__expand-all-icon--Rotate: var(--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate);
@@ -186,6 +244,9 @@
 .pf-v6-c-toolbar__item.pf-m-pagination.pf-v6-c-pagination {
   flex-wrap: nowrap;
 }
+.pf-v6-c-toolbar__item.pf-m-overflow-container {
+  min-width: var(--pf-v6-c-toolbar__item--m-overflow-container--MinWidth);
+}
 
 .pf-v6-c-toolbar__group {
   row-gap: var(--pf-v6-c-toolbar__group--RowGap, var(--pf-v6-c-toolbar--RowGap));
@@ -204,6 +265,9 @@
 .pf-v6-c-toolbar__group.pf-m-chip-group {
   flex: 1;
 }
+.pf-v6-c-toolbar__group.pf-m-overflow-container {
+  min-width: var(--pf-v6-c-toolbar__group--m-overflow-container--MinWidth);
+}
 
 .pf-v6-c-toolbar__expandable-content {
   position: absolute;

package/css/components/Toolbar/toolbar.d.ts

@@ -23,9 +23,9 @@ declare const _default: {
     "expandAll": "pf-m-expand-all",
     "expanded": "pf-m-expanded",
     "label": "pf-m-label",
+    "overflowContainer": "pf-m-overflow-container",
     "iconButtonGroup": "pf-m-icon-button-group",
     "filterGroup": "pf-m-filter-group",
-    "overflowContainer": "pf-m-overflow-container",
     "alignStart": "pf-m-align-start",
     "alignCenter": "pf-m-align-center",
     "alignEnd": "pf-m-align-end",

package/css/components/Toolbar/toolbar.js

@@ -25,9 +25,9 @@ exports.default = {
     "expandAll": "pf-m-expand-all",
     "expanded": "pf-m-expanded",
     "label": "pf-m-label",
+    "overflowContainer": "pf-m-overflow-container",
     "iconButtonGroup": "pf-m-icon-button-group",
     "filterGroup": "pf-m-filter-group",
-    "overflowContainer": "pf-m-overflow-container",
     "alignStart": "pf-m-align-start",
     "alignCenter": "pf-m-align-center",
     "alignEnd": "pf-m-align-end",

package/css/components/Toolbar/toolbar.mjs

@@ -23,9 +23,9 @@ export default {
     "expandAll": "pf-m-expand-all",
     "expanded": "pf-m-expanded",
     "label": "pf-m-label",
+    "overflowContainer": "pf-m-overflow-container",
     "iconButtonGroup": "pf-m-icon-button-group",
     "filterGroup": "pf-m-filter-group",
-    "overflowContainer": "pf-m-overflow-container",
     "alignStart": "pf-m-align-start",
     "alignCenter": "pf-m-align-center",
     "alignEnd": "pf-m-align-end",

package/css/docs/components/Brand/examples/Brand.css

@@ -1,12 +1,12 @@
 .show-dark,
-:where(.pf-v5-theme-dark) .show-light {
+:where(.pf-v6-theme-dark) .show-light {
   display: none;
 }
 
-:where(.pf-v5-theme-dark) .show-dark {
+:where(.pf-v6-theme-dark) .show-dark {
   display: revert;
 }
 
-:where(.pf-v5-theme-dark) .show-dark .pf-m-picture {
+:where(.pf-v6-theme-dark) .show-dark .pf-m-picture {
   display: inline-flex;
 }

package/css/docs/components/Brand/examples/Brand.d.ts

@@ -5,6 +5,6 @@ declare const _default: {
   },
   "showDark": "show-dark",
   "showLight": "show-light",
-  "v5ThemeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v6-theme-dark"
 };
 export default _default;

package/css/docs/components/Brand/examples/Brand.js

@@ -7,5 +7,5 @@ exports.default = {
   },
   "showDark": "show-dark",
   "showLight": "show-light",
-  "v5ThemeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v6-theme-dark"
 };

package/css/docs/components/Brand/examples/Brand.mjs

@@ -5,5 +5,5 @@ export default {
   },
   "showDark": "show-dark",
   "showLight": "show-light",
-  "v5ThemeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v6-theme-dark"
 };

package/css/docs/components/Button/examples/Button.css

@@ -1,8 +1,8 @@
-.ws-core-c-button .pf-v5-c-button {
+.ws-core-c-button .pf-v6-c-button {
   margin-inline-end: 6px;
   margin-block-end: 6px;
 }
 
-#ws-core-c-button-plain-with-no-padding .pf-v5-c-button {
+#ws-core-c-button-plain-with-no-padding .pf-v6-c-button {
   margin: 0;
 }

package/css/docs/components/Button/examples/Button.d.ts

@@ -1,6 +1,6 @@
 import './Button.css';
 declare const _default: {
-  "v5CButton": "pf-v5-c-button",
+  "button": "pf-v6-c-button",
   "wsCoreCButton": "ws-core-c-button"
 };
 export default _default;

package/css/docs/components/Button/examples/Button.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./Button.css');
 exports.default = {
-  "v5CButton": "pf-v5-c-button",
+  "button": "pf-v6-c-button",
   "wsCoreCButton": "ws-core-c-button"
 };

package/css/docs/components/Button/examples/Button.mjs

@@ -1,5 +1,5 @@
 import './Button.css';
 export default {
-  "v5CButton": "pf-v5-c-button",
+  "button": "pf-v6-c-button",
   "wsCoreCButton": "ws-core-c-button"
 };

package/css/docs/components/DragDrop/examples/DragDrop.css

@@ -1,9 +1,9 @@
-.pf-v5-c-draggable {
+.pf-v6-c-draggable {
   padding: .25em;
 }
 
-.pf-v5-c-draggable.pf-m-dragging {
-  --pf-v5-c-draggable--m-dragging--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+.pf-v6-c-draggable.pf-m-dragging {
+  --pf-v6-c-draggable--m-dragging--BackgroundColor: var(--pf-t--global--background--color--primary--default);
 
   position: absolute;
   inset-block-start: 23%;

package/css/docs/components/DragDrop/examples/DragDrop.d.ts

@@ -1,8 +1,8 @@
 import './DragDrop.css';
 declare const _default: {
+  "draggable": "pf-v6-c-draggable",
   "modifiers": {
     "dragging": "pf-m-dragging"
-  },
-  "v5CDraggable": "pf-v5-c-draggable"
+  }
 };
 export default _default;

package/css/docs/components/DragDrop/examples/DragDrop.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./DragDrop.css');
 exports.default = {
+  "draggable": "pf-v6-c-draggable",
   "modifiers": {
     "dragging": "pf-m-dragging"
-  },
-  "v5CDraggable": "pf-v5-c-draggable"
+  }
 };

package/css/docs/components/DragDrop/examples/DragDrop.mjs

@@ -1,7 +1,7 @@
 import './DragDrop.css';
 export default {
+  "draggable": "pf-v6-c-draggable",
   "modifiers": {
     "dragging": "pf-m-dragging"
-  },
-  "v5CDraggable": "pf-v5-c-draggable"
+  }
 };

package/css/docs/components/Dropdown/deprecated/Dropdown.css

@@ -51,7 +51,7 @@
   min-height: 210px;
 }
 
-[id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v5-c-dropdown:not(:last-child) {
+[id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v6-c-dropdown:not(:last-child) {
   margin-inline-end: 4px;
 }
 

package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import './Dropdown.css';
 declare const _default: {
-  "v5CDropdown": "pf-v5-c-dropdown",
+  "dropdown": "pf-v6-c-dropdown",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

package/css/docs/components/Dropdown/deprecated/Dropdown.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./Dropdown.css');
 exports.default = {
-  "v5CDropdown": "pf-v5-c-dropdown",
+  "dropdown": "pf-v6-c-dropdown",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Dropdown/deprecated/Dropdown.mjs

@@ -1,5 +1,5 @@
 import './Dropdown.css';
 export default {
-  "v5CDropdown": "pf-v5-c-dropdown",
+  "dropdown": "pf-v6-c-dropdown",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Label/examples/Label.css

@@ -5,9 +5,9 @@
   margin: -4px;
 }
 
-#ws-core-c-label-filled .pf-v5-c-label,
-#ws-core-c-label-outline .pf-v5-c-label,
-#ws-core-c-label-compact .pf-v5-c-label,
-#ws-core-c-label-overflow .pf-v5-c-label {
+#ws-core-c-label-filled .pf-v6-c-label,
+#ws-core-c-label-outline .pf-v6-c-label,
+#ws-core-c-label-compact .pf-v6-c-label,
+#ws-core-c-label-overflow .pf-v6-c-label {
   margin: 4px;
 }

package/css/docs/components/Label/examples/Label.d.ts

@@ -1,6 +1,6 @@
 import './Label.css';
 declare const _default: {
-  "v5CLabel": "pf-v5-c-label",
+  "label": "pf-v6-c-label",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

package/css/docs/components/Label/examples/Label.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./Label.css');
 exports.default = {
-  "v5CLabel": "pf-v5-c-label",
+  "label": "pf-v6-c-label",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Label/examples/Label.mjs

@@ -1,5 +1,5 @@
 import './Label.css';
 export default {
-  "v5CLabel": "pf-v5-c-label",
+  "label": "pf-v6-c-label",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/LogViewer/examples/LogViewer.css

@@ -2,7 +2,7 @@
   position: relative;
 }
 
-#ws-core-e-log-viewer-with-popover-open .pf-v5-c-popover {
+#ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
   display: none;
   position: absolute;
   z-index: 9999;
@@ -11,7 +11,7 @@
 }
 
 @media screen and (min-width: 992px) {
-  #ws-core-e-log-viewer-with-popover-open .pf-v5-c-popover {
+  #ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
     display: block;
   }
 }

package/css/docs/components/LogViewer/examples/LogViewer.d.ts

@@ -1,6 +1,6 @@
 import './LogViewer.css';
 declare const _default: {
-  "v5CPopover": "pf-v5-c-popover",
+  "popover": "pf-v6-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

package/css/docs/components/LogViewer/examples/LogViewer.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./LogViewer.css');
 exports.default = {
-  "v5CPopover": "pf-v5-c-popover",
+  "popover": "pf-v6-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/LogViewer/examples/LogViewer.mjs

@@ -1,5 +1,5 @@
 import './LogViewer.css';
 export default {
-  "v5CPopover": "pf-v5-c-popover",
+  "popover": "pf-v6-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Menu/examples/Menu.css

@@ -13,10 +13,10 @@
   position: relative;
 }
 
-:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-v5-c-breadcrumb__dropdown .pf-v5-c-menu {
+:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu {
   position: absolute;
 }
 
-.pf-v5-c-menu__breadcrumb .pf-v5-c-menu {
+.pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
   z-index: 1;
 }