@patternfly/react-styles 6.0.0-alpha.13 → 6.0.0-alpha.14

package/css/components/Breadcrumb/breadcrumb.css

@@ -1,109 +1,109 @@
 :where(:root),
-:where(.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--PaddingInlineStart: var(--pf-t--global--spacer--sm);
-  --pf-v5-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--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(.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--MarginRight: 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--MarginRight: 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--TextDecoration: var(--pf-t--global--link--text-decoration);
+  --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
+  --pf-v6-c-breadcrumb__link--hover--TextDecoration: var(--pf-t--global--link--text-decoration--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__dropdown--MarginTop: calc(var(--pf-t--global--spacer--sm) * -1);
+  --pf-v6-c-breadcrumb__dropdown--MarginRight: calc(var(--pf-v6-c-breadcrumb__item--MarginRight) * -1);
+  --pf-v6-c-breadcrumb__dropdown--MarginBottom: calc(var(--pf-t--global--spacer--sm) * -1);
+  --pf-v6-c-breadcrumb__dropdown--MarginLeft: calc(var(--pf-v6-c-breadcrumb__item-divider--MarginRight) * -1);
+  --pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight: var(--pf-t--global--font--line-height--body);
 }
 
-.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:first-child:has(.pf-v5-c-breadcrumb__link) {
-  --pf-v5-c-breadcrumb__link--PaddingInlineStart: 0;
+.pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
+  --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
 }
-.pf-v5-c-breadcrumb__item:not(:last-child) {
-  margin-inline-end: var(--pf-v5-c-breadcrumb__item--MarginRight);
+.pf-v6-c-breadcrumb__item:not(:last-child) {
+  margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginRight);
 }
 
-.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--MarginRight);
+  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 {
-  padding-inline-start: var(--pf-v5-c-breadcrumb__link--PaddingInlineStart);
-  padding-inline-end: var(--pf-v5-c-breadcrumb__link--PaddingInlineEnd);
+.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--TextDecoration);
   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:hover {
+  --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
+  --pf-v6-c-breadcrumb__link--TextDecoration: var(--pf-v6-c-breadcrumb__link--hover--TextDecoration);
 }
-.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:hover {
+  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-v6-c-breadcrumb__dropdown {
+  margin-block-start: var(--pf-v6-c-breadcrumb__dropdown--MarginTop);
+  margin-block-end: var(--pf-v6-c-breadcrumb__dropdown--MarginBottom);
+  margin-inline-start: var(--pf-v6-c-breadcrumb__dropdown--MarginLeft);
+  margin-inline-end: var(--pf-v6-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 .pf-v6-c-dropdown__toggle {
+  line-height: var(--pf-v6-c-breadcrumb__dropdown--c-dropdown__toggle--LineHeight);
 }
 
-.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,14 @@
 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",
+  "dropdownToggle": "pf-v6-c-dropdown__toggle",
   "modifiers": {
     "current": "pf-m-current"
   }

package/css/components/Breadcrumb/breadcrumb.js

@@ -2,15 +2,15 @@
 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",
+  "dropdownToggle": "pf-v6-c-dropdown__toggle",
   "modifiers": {
     "current": "pf-m-current"
   }

package/css/components/Breadcrumb/breadcrumb.mjs

@@ -1,14 +1,14 @@
 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",
+  "dropdownToggle": "pf-v6-c-dropdown__toggle",
   "modifiers": {
     "current": "pf-m-current"
   }