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

package/css/components/Brand/brand.css

@@ -1,62 +1,65 @@
-.pf-v5-c-brand {
-  --pf-v5-c-brand--Width: auto;
-  --pf-v5-c-brand--Height: auto;
-  width: var(--pf-v5-c-brand--Width--base);
-  height: var(--pf-v5-c-brand--Height--base);
-  --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width);
-  --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height);
+:where(:root, .pf-v6-c-brand) {
+  --pf-v6-c-brand--Width: auto;
+  --pf-v6-c-brand--Height: auto;
 }
-@media (min-width: 576px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width));
+
+.pf-v6-c-brand {
+  width: var(--pf-v6-c-brand--Width--base);
+  height: var(--pf-v6-c-brand--Height--base);
+  --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
+  --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
+}
+@media (min-width: 36rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
   }
 }
-@media (min-width: 768px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)));
+@media (min-width: 48rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
   }
 }
-@media (min-width: 992px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))));
+@media (min-width: 62rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
   }
 }
-@media (min-width: 1200px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width)))));
+@media (min-width: 75rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
   }
 }
-@media (min-width: 1450px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Width--base: var(--pf-v5-c-brand--Width-on-2xl, var(--pf-v5-c-brand--Width-on-xl, var(--pf-v5-c-brand--Width-on-lg, var(--pf-v5-c-brand--Width-on-md, var(--pf-v5-c-brand--Width-on-sm, var(--pf-v5-c-brand--Width))))));
+@media (min-width: 90.625rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
   }
 }
-@media (min-width: 576px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height));
+@media (min-width: 36rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
   }
 }
-@media (min-width: 768px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)));
+@media (min-width: 48rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
   }
 }
-@media (min-width: 992px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))));
+@media (min-width: 62rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
   }
 }
-@media (min-width: 1200px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height)))));
+@media (min-width: 75rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
   }
 }
-@media (min-width: 1450px) {
-  .pf-v5-c-brand {
-    --pf-v5-c-brand--Height--base: var(--pf-v5-c-brand--Height-on-2xl, var(--pf-v5-c-brand--Height-on-xl, var(--pf-v5-c-brand--Height-on-lg, var(--pf-v5-c-brand--Height-on-md, var(--pf-v5-c-brand--Height-on-sm, var(--pf-v5-c-brand--Height))))));
+@media (min-width: 90.625rem) {
+  .pf-v6-c-brand {
+    --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
   }
 }
-.pf-v5-c-brand.pf-m-picture {
+.pf-v6-c-brand.pf-m-picture {
   display: inline-flex;
   max-width: 100%;
 }

package/css/components/Brand/brand.d.ts

@@ -1,6 +1,6 @@
 import './brand.css';
 declare const _default: {
-  "brand": "pf-v5-c-brand",
+  "brand": "pf-v6-c-brand",
   "modifiers": {
     "picture": "pf-m-picture"
   }

package/css/components/Brand/brand.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./brand.css');
 exports.default = {
-  "brand": "pf-v5-c-brand",
+  "brand": "pf-v6-c-brand",
   "modifiers": {
     "picture": "pf-m-picture"
   }

package/css/components/Brand/brand.mjs

@@ -1,6 +1,6 @@
 import './brand.css';
 export default {
-  "brand": "pf-v5-c-brand",
+  "brand": "pf-v6-c-brand",
   "modifiers": {
     "picture": "pf-m-picture"
   }

package/css/components/Breadcrumb/breadcrumb.css

@@ -1,101 +1,107 @@
-:root, .pf-v5-c-breadcrumb {
-  --pf-v5-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v5-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
-  --pf-v5-c-breadcrumb__item--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v5-c-breadcrumb__item-divider--MarginRight: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
-  --pf-v5-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
-  --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-t--global--link--text-decoration);
-  --pf-v5-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
-  --pf-v5-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--hover);
-  --pf-v5-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
-  --pf-v5-c-breadcrumb__link--BackgroundColor: transparent;
-  --pf-v5-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
-  --pf-v5-c-breadcrumb__dropdown--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
-  --pf-v5-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-v5-c-breadcrumb__item--MarginRight) * -1);
-  --pf-v5-c-breadcrumb__dropdown--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
-  --pf-v5-c-breadcrumb__dropdown--MarginLeft: calc(var(--pf-v5-c-breadcrumb__item-divider--MarginRight) * -1);
-  --pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
+:where(:root, .pf-v6-c-breadcrumb) {
+  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
+  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
+  --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
+  --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
+  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
+  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
+  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
+  --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
+  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
+  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
+  --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
+  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
 }
 
-.pf-v5-c-breadcrumb {
+.pf-v6-c-breadcrumb {
   display: inline-flex;
 }
 
-.pf-v5-c-breadcrumb__list {
+.pf-v6-c-breadcrumb__list {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 
-.pf-v5-c-breadcrumb__item {
+.pf-v6-c-breadcrumb__item {
   display: flex;
   align-items: baseline;
-  font-size: var(--pf-v5-c-breadcrumb__item--FontSize);
-  font-weight: var(--pf-v5-c-breadcrumb__item--FontWeight);
-  line-height: var(--pf-v5-c-breadcrumb__item--LineHeight);
+  font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
+  font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
+  line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
   white-space: nowrap;
   list-style: none;
 }
-.pf-v5-c-breadcrumb__item:not(:last-child) {
-  margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
+.pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
+  --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
+}
+.pf-v6-c-breadcrumb__item:not(:last-child) {
+  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
 }
 
-.pf-v5-c-breadcrumb__item-divider {
-  margin-inline-end: var(--pf-v5-c-breadcrumb__item-divider--MarginRight);
-  font-size: var(--pf-v5-c-breadcrumb__item-divider--FontSize);
+.pf-v6-c-breadcrumb__item-divider {
+  margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
+  font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
   line-height: 1;
-  color: var(--pf-v5-c-breadcrumb__item-divider--Color);
+  color: var(--pf-v6-c-breadcrumb__item-divider--Color);
 }
-:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-breadcrumb__item-divider {
+:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
   scale: -1 1;
 }
 
-.pf-v5-c-breadcrumb__link {
+.pf-v6-c-breadcrumb__link {
+  padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
   font-size: inherit;
-  font-weight: var(--pf-v5-c-breadcrumb__link--FontWeight);
+  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
   line-height: inherit;
-  color: var(--pf-v5-c-breadcrumb__link--Color);
-  text-decoration: var(--pf-v5-c-breadcrumb__link--TextDecoration);
+  color: var(--pf-v6-c-breadcrumb__link--Color);
+  text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
   word-break: break-word;
-  background-color: var(--pf-v5-c-breadcrumb__link--BackgroundColor);
+  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
 }
-.pf-v5-c-breadcrumb__link:hover {
-  --pf-v5-c-breadcrumb__link--Color: var(--pf-v5-c-breadcrumb__link--hover--Color);
-  --pf-v5-c-breadcrumb__link--TextDecoration: var(--pf-v5-c-breadcrumb__link--hover--TextDecoration);
+.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
+  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
+  --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
+  --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
 }
-.pf-v5-c-breadcrumb__link.pf-m-current {
+.pf-v6-c-breadcrumb__link.pf-m-current {
   cursor: default;
 }
-.pf-v5-c-breadcrumb__link.pf-m-current, .pf-v5-c-breadcrumb__link.pf-m-current:hover {
-  color: var(--pf-v5-c-breadcrumb__link--m-current--Color);
+.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
+  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
   text-decoration: none;
 }
-button.pf-v5-c-breadcrumb__link {
+button.pf-v6-c-breadcrumb__link {
   border: none;
 }
 
-.pf-v5-c-breadcrumb__dropdown {
-  margin-block-start: var(--pf-v5-c-breadcrumb__dropdown--MarginTop);
-  margin-block-end: var(--pf-v5-c-breadcrumb__dropdown--MarginBottom);
-  margin-inline-start: var(--pf-v5-c-breadcrumb__dropdown--MarginLeft);
-  margin-inline-end: var(--pf-v5-c-breadcrumb__dropdown--MarginRight);
-}
-.pf-v5-c-breadcrumb__dropdown .pf-v5-c-dropdown__toggle {
-  line-height: var(--pf-v5-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
+.pf-v6-c-breadcrumb__dropdown {
+  margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
+  margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
+  margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
 }
 
-.pf-v5-c-breadcrumb__heading {
+.pf-v6-c-breadcrumb__heading {
   display: inline;
-  font-size: var(--pf-v5-c-breadcrumb__heading--FontSize);
+  font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
 }
 
-.pf-v5-c-breadcrumb__link,
-.pf-v5-c-breadcrumb__heading {
+.pf-v6-c-breadcrumb__link,
+.pf-v6-c-breadcrumb__heading {
   white-space: normal;
 }
 
-.pf-v5-c-breadcrumb__list > :first-child .pf-v5-c-breadcrumb__item-divider {
+.pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
   display: none;
 }

package/css/components/Breadcrumb/breadcrumb.d.ts

@@ -1,14 +1,13 @@
 import './breadcrumb.css';
 declare const _default: {
-  "breadcrumb": "pf-v5-c-breadcrumb",
-  "breadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
-  "breadcrumbHeading": "pf-v5-c-breadcrumb__heading",
-  "breadcrumbItem": "pf-v5-c-breadcrumb__item",
-  "breadcrumbItemDivider": "pf-v5-c-breadcrumb__item-divider",
-  "breadcrumbLink": "pf-v5-c-breadcrumb__link",
-  "breadcrumbList": "pf-v5-c-breadcrumb__list",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "dropdownToggle": "pf-v5-c-dropdown__toggle",
+  "breadcrumb": "pf-v6-c-breadcrumb",
+  "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
+  "breadcrumbHeading": "pf-v6-c-breadcrumb__heading",
+  "breadcrumbItem": "pf-v6-c-breadcrumb__item",
+  "breadcrumbItemDivider": "pf-v6-c-breadcrumb__item-divider",
+  "breadcrumbLink": "pf-v6-c-breadcrumb__link",
+  "breadcrumbList": "pf-v6-c-breadcrumb__list",
+  "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
     "current": "pf-m-current"
   }

package/css/components/Breadcrumb/breadcrumb.js

@@ -2,15 +2,14 @@
 exports.__esModule = true;
 require('./breadcrumb.css');
 exports.default = {
-  "breadcrumb": "pf-v5-c-breadcrumb",
-  "breadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
-  "breadcrumbHeading": "pf-v5-c-breadcrumb__heading",
-  "breadcrumbItem": "pf-v5-c-breadcrumb__item",
-  "breadcrumbItemDivider": "pf-v5-c-breadcrumb__item-divider",
-  "breadcrumbLink": "pf-v5-c-breadcrumb__link",
-  "breadcrumbList": "pf-v5-c-breadcrumb__list",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "dropdownToggle": "pf-v5-c-dropdown__toggle",
+  "breadcrumb": "pf-v6-c-breadcrumb",
+  "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
+  "breadcrumbHeading": "pf-v6-c-breadcrumb__heading",
+  "breadcrumbItem": "pf-v6-c-breadcrumb__item",
+  "breadcrumbItemDivider": "pf-v6-c-breadcrumb__item-divider",
+  "breadcrumbLink": "pf-v6-c-breadcrumb__link",
+  "breadcrumbList": "pf-v6-c-breadcrumb__list",
+  "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
     "current": "pf-m-current"
   }

package/css/components/Breadcrumb/breadcrumb.mjs

@@ -1,14 +1,13 @@
 import './breadcrumb.css';
 export default {
-  "breadcrumb": "pf-v5-c-breadcrumb",
-  "breadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
-  "breadcrumbHeading": "pf-v5-c-breadcrumb__heading",
-  "breadcrumbItem": "pf-v5-c-breadcrumb__item",
-  "breadcrumbItemDivider": "pf-v5-c-breadcrumb__item-divider",
-  "breadcrumbLink": "pf-v5-c-breadcrumb__link",
-  "breadcrumbList": "pf-v5-c-breadcrumb__list",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "dropdownToggle": "pf-v5-c-dropdown__toggle",
+  "breadcrumb": "pf-v6-c-breadcrumb",
+  "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
+  "breadcrumbHeading": "pf-v6-c-breadcrumb__heading",
+  "breadcrumbItem": "pf-v6-c-breadcrumb__item",
+  "breadcrumbItemDivider": "pf-v6-c-breadcrumb__item-divider",
+  "breadcrumbLink": "pf-v6-c-breadcrumb__link",
+  "breadcrumbList": "pf-v6-c-breadcrumb__list",
+  "dirRtl": "pf-v6-m-dir-rtl",
   "modifiers": {
     "current": "pf-m-current"
   }