@patternfly/react-styles 6.0.0-alpha.3 → 6.0.0-alpha.31

package/css/components/Icon/icon.css

@@ -1,120 +1,255 @@
-.pf-v5-c-icon {
-  --pf-v5-c-icon--Width: 1em;
-  --pf-v5-c-icon--Height: 1em;
-  --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-icon--m-inline--Width: 1em;
-  --pf-v5-c-icon--m-inline--Height: 1em;
-  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
-  --pf-v5-c-icon__content--Color: initial;
-  --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
-  --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
-  --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
-  --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
-  --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
-  --pf-v5-c-icon--m-inline__content--Color: initial;
-  --pf-v5-c-icon__content--FontSize: 1em;
-  --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
-  --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
-  --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
-  --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
-  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
+:where(:root, .pf-v6-c-icon) {
+  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
+  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
+  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
+  --pf-v6-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
+  --pf-v6-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
+  --pf-v6-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
+  --pf-v6-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
+  --pf-v6-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
+  --pf-v6-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
+  --pf-v6-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
+  --pf-v6-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
+  --pf-v6-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
+  --pf-v6-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v6-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v6-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v6-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v6-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v6-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v6-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v6-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v6-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v6-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v6-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v6-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v6-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v6-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v6-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
+  --pf-v6-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
+  --pf-v6-c-icon--m-inline--Width: 1em;
+  --pf-v6-c-icon--m-inline--Height: 1em;
+  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
+  --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
+  --pf-v6-c-icon--m-inline__content--Color: initial;
+  --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
+  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
+  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
+  --pf-v6-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
+  --pf-v6-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
+  --pf-v6-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
+  --pf-v6-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v6-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v6-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v6-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v6-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v6-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v6-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v6-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v6-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
+  --pf-v6-c-icon--m-inline__content--FontSize: 1em;
+}
+
+.pf-v6-c-icon {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: var(--pf-v5-c-icon--Width);
-  height: var(--pf-v5-c-icon--Height);
-}
-.pf-v5-c-icon.pf-m-inline {
-  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-inline--Width);
-  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-inline--Height);
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-inline__content--FontSize);
-  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon--m-inline__content--Color);
+  width: var(--pf-v6-c-icon--Width);
+  height: var(--pf-v6-c-icon--Height);
+}
+.pf-v6-c-icon.pf-m-inline {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-inline--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-inline--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-inline__content--FontSize);
+  --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon--m-inline__content--Color);
   line-height: 1;
 }
-.pf-v5-c-icon.pf-m-inline .pf-v5-c-spinner {
-  --pf-v5-c-spinner--diameter: 1em;
+.pf-v6-c-icon.pf-m-inline .pf-v6-c-spinner {
+  --pf-v6-c-spinner--diameter: 1em;
+}
+.pf-v6-c-icon.pf-m-sm {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-sm--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-sm--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-sm__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-md {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-md--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-md--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-lg {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-lg--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-lg--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-xl {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-xl--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-xl--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-xl__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-2xl {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-2xl--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-2xl--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-2xl__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-3xl {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-3xl--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-3xl--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-3xl__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-body-sm {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-body-sm--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-body-sm--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-body-sm__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-body-default {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-body-default--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-body-default--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-body-default__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-body-lg {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-body-lg--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-body-lg--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-heading-sm {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-sm--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-sm--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-heading-md {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-md--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-md--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-heading-lg {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-lg--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-lg--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-heading-xl {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-xl--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-xl--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-heading-2xl {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-2xl--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-2xl--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-heading-3xl {
+  --pf-v6-c-icon--Width: var(--pf-v6-c-icon--m-heading-3xl--Width);
+  --pf-v6-c-icon--Height: var(--pf-v6-c-icon--m-heading-3xl--Height);
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
+}
+.pf-v6-c-icon.pf-m-in-progress {
+  --pf-v6-c-icon__content--Opacity: 0;
+  --pf-v6-c-icon__progress--Opacity: 1;
 }
-.pf-v5-c-icon.pf-m-sm {
-  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-sm--Width);
-  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-sm--Height);
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
+
+.pf-v6-c-icon__content,
+.pf-v6-c-icon__progress {
+  font-size: var(--pf-v6-c-icon__content--FontSize);
 }
-.pf-v5-c-icon.pf-m-md {
-  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-md--Width);
-  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-md--Height);
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
+.pf-v6-c-icon__content svg,
+.pf-v6-c-icon__progress svg {
+  vertical-align: var(--pf-v6-c-icon__content--svg--VerticalAlign);
 }
-.pf-v5-c-icon.pf-m-lg {
-  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-lg--Width);
-  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-lg--Height);
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
+.pf-v6-c-icon__content.pf-m-sm,
+.pf-v6-c-icon__progress.pf-m-sm {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-sm__content--FontSize);
 }
-.pf-v5-c-icon.pf-m-xl {
-  --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-xl--Width);
-  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
+.pf-v6-c-icon__content.pf-m-md,
+.pf-v6-c-icon__progress.pf-m-md {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
 }
-.pf-v5-c-icon.pf-m-in-progress {
-  --pf-v5-c-icon__content--Opacity: 0;
-  --pf-v5-c-icon__progress--Opacity: 1;
+.pf-v6-c-icon__content.pf-m-lg,
+.pf-v6-c-icon__progress.pf-m-lg {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
 }
-
-.pf-v5-c-icon__content,
-.pf-v5-c-icon__progress {
-  font-size: var(--pf-v5-c-icon__content--FontSize);
+.pf-v6-c-icon__content.pf-m-xl,
+.pf-v6-c-icon__progress.pf-m-xl {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-xl__content--FontSize);
+}
+.pf-v6-c-icon__content.pf-m-2xl,
+.pf-v6-c-icon__progress.pf-m-2xl {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-2xl__content--FontSize);
+}
+.pf-v6-c-icon__content.pf-m-3xl,
+.pf-v6-c-icon__progress.pf-m-3xl {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-3xl__content--FontSize);
+}
+.pf-v6-c-icon__content.pf-m-body-sm,
+.pf-v6-c-icon__progress.pf-m-body-sm {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-body-sm__content--FontSize);
+}
+.pf-v6-c-icon__content.pf-m-body-default,
+.pf-v6-c-icon__progress.pf-m-body-default {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-md__content--FontSize);
+}
+.pf-v6-c-icon__content.pf-m-body-lg,
+.pf-v6-c-icon__progress.pf-m-body-lg {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-lg__content--FontSize);
+}
+.pf-v6-c-icon__content.pf-m-heading-sm,
+.pf-v6-c-icon__progress.pf-m-heading-sm {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-sm__content--FontSize);
 }
-.pf-v5-c-icon__content svg,
-.pf-v5-c-icon__progress svg {
-  vertical-align: var(--pf-v5-c-icon__content--svg--VerticalAlign);
+.pf-v6-c-icon__content.pf-m-heading-md,
+.pf-v6-c-icon__progress.pf-m-heading-md {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-md__content--FontSize);
 }
-.pf-v5-c-icon__content.pf-m-sm,
-.pf-v5-c-icon__progress.pf-m-sm {
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-sm__content--FontSize);
+.pf-v6-c-icon__content.pf-m-heading-lg,
+.pf-v6-c-icon__progress.pf-m-heading-lg {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-lg__content--FontSize);
 }
-.pf-v5-c-icon__content.pf-m-md,
-.pf-v5-c-icon__progress.pf-m-md {
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
+.pf-v6-c-icon__content.pf-m-heading-xl,
+.pf-v6-c-icon__progress.pf-m-heading-xl {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-xl__content--FontSize);
 }
-.pf-v5-c-icon__content.pf-m-lg,
-.pf-v5-c-icon__progress.pf-m-lg {
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
+.pf-v6-c-icon__content.pf-m-heading-2xl,
+.pf-v6-c-icon__progress.pf-m-heading-2xl {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-2xl__content--FontSize);
 }
-.pf-v5-c-icon__content.pf-m-xl,
-.pf-v5-c-icon__progress.pf-m-xl {
-  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
+.pf-v6-c-icon__content.pf-m-heading-3xl,
+.pf-v6-c-icon__progress.pf-m-heading-3xl {
+  --pf-v6-c-icon__content--FontSize: var(--pf-v6-c-icon--m-heading-3xl__content--FontSize);
 }
 
-.pf-v5-c-icon__content {
-  color: var(--pf-v5-c-icon__content--Color, inherit);
-  opacity: var(--pf-v5-c-icon__content--Opacity, 1);
+.pf-v6-c-icon__content {
+  color: var(--pf-v6-c-icon__content--Color, inherit);
+  opacity: var(--pf-v6-c-icon__content--Opacity, 1);
 }
-.pf-v5-c-icon__content.pf-m-danger {
-  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-danger--Color);
+.pf-v6-c-icon__content.pf-m-danger {
+  --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-danger--Color);
 }
-.pf-v5-c-icon__content.pf-m-warning {
-  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-warning--Color);
+.pf-v6-c-icon__content.pf-m-warning {
+  --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-warning--Color);
 }
-.pf-v5-c-icon__content.pf-m-success {
-  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-success--Color);
+.pf-v6-c-icon__content.pf-m-success {
+  --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-success--Color);
 }
-.pf-v5-c-icon__content.pf-m-info {
-  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-info--Color);
+.pf-v6-c-icon__content.pf-m-info {
+  --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-info--Color);
 }
-.pf-v5-c-icon__content.pf-m-custom {
-  --pf-v5-c-icon__content--Color: var(--pf-v5-c-icon__content--m-custom--Color);
+.pf-v6-c-icon__content.pf-m-custom {
+  --pf-v6-c-icon__content--Color: var(--pf-v6-c-icon__content--m-custom--Color);
 }
 
-.pf-v5-c-icon__progress {
+.pf-v6-c-icon__progress {
   position: absolute;
-  inset-block-start: calc(50% + 0.5 * var(--pf-v5-c-icon__content--svg--VerticalAlign));
-  opacity: var(--pf-v5-c-icon__progress--Opacity, 0);
-  transform: translateY(calc(-50% - 0.5 * var(--pf-v5-c-icon__content--svg--VerticalAlign)));
+  inset-block-start: calc(50% + 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign));
+  opacity: var(--pf-v6-c-icon__progress--Opacity, 0);
+  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
 }

package/css/components/Icon/icon.d.ts

@@ -1,14 +1,25 @@
 import './icon.css';
 declare const _default: {
-  "icon": "pf-v5-c-icon",
-  "iconContent": "pf-v5-c-icon__content",
-  "iconProgress": "pf-v5-c-icon__progress",
+  "icon": "pf-v6-c-icon",
+  "iconContent": "pf-v6-c-icon__content",
+  "iconProgress": "pf-v6-c-icon__progress",
   "modifiers": {
     "inline": "pf-m-inline",
     "sm": "pf-m-sm",
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
+    "2xl": "pf-m-2xl",
+    "3xl": "pf-m-3xl",
+    "bodySm": "pf-m-body-sm",
+    "bodyDefault": "pf-m-body-default",
+    "bodyLg": "pf-m-body-lg",
+    "headingSm": "pf-m-heading-sm",
+    "headingMd": "pf-m-heading-md",
+    "headingLg": "pf-m-heading-lg",
+    "headingXl": "pf-m-heading-xl",
+    "heading_2xl": "pf-m-heading-2xl",
+    "heading_3xl": "pf-m-heading-3xl",
     "inProgress": "pf-m-in-progress",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
@@ -16,6 +27,6 @@ declare const _default: {
     "info": "pf-m-info",
     "custom": "pf-m-custom"
   },
-  "spinner": "pf-v5-c-spinner"
+  "spinner": "pf-v6-c-spinner"
 };
 export default _default;

package/css/components/Icon/icon.js

@@ -2,15 +2,26 @@
 exports.__esModule = true;
 require('./icon.css');
 exports.default = {
-  "icon": "pf-v5-c-icon",
-  "iconContent": "pf-v5-c-icon__content",
-  "iconProgress": "pf-v5-c-icon__progress",
+  "icon": "pf-v6-c-icon",
+  "iconContent": "pf-v6-c-icon__content",
+  "iconProgress": "pf-v6-c-icon__progress",
   "modifiers": {
     "inline": "pf-m-inline",
     "sm": "pf-m-sm",
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
+    "2xl": "pf-m-2xl",
+    "3xl": "pf-m-3xl",
+    "bodySm": "pf-m-body-sm",
+    "bodyDefault": "pf-m-body-default",
+    "bodyLg": "pf-m-body-lg",
+    "headingSm": "pf-m-heading-sm",
+    "headingMd": "pf-m-heading-md",
+    "headingLg": "pf-m-heading-lg",
+    "headingXl": "pf-m-heading-xl",
+    "heading_2xl": "pf-m-heading-2xl",
+    "heading_3xl": "pf-m-heading-3xl",
     "inProgress": "pf-m-in-progress",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
@@ -18,5 +29,5 @@ exports.default = {
     "info": "pf-m-info",
     "custom": "pf-m-custom"
   },
-  "spinner": "pf-v5-c-spinner"
+  "spinner": "pf-v6-c-spinner"
 };

package/css/components/Icon/icon.mjs

@@ -1,14 +1,25 @@
 import './icon.css';
 export default {
-  "icon": "pf-v5-c-icon",
-  "iconContent": "pf-v5-c-icon__content",
-  "iconProgress": "pf-v5-c-icon__progress",
+  "icon": "pf-v6-c-icon",
+  "iconContent": "pf-v6-c-icon__content",
+  "iconProgress": "pf-v6-c-icon__progress",
   "modifiers": {
     "inline": "pf-m-inline",
     "sm": "pf-m-sm",
     "md": "pf-m-md",
     "lg": "pf-m-lg",
     "xl": "pf-m-xl",
+    "2xl": "pf-m-2xl",
+    "3xl": "pf-m-3xl",
+    "bodySm": "pf-m-body-sm",
+    "bodyDefault": "pf-m-body-default",
+    "bodyLg": "pf-m-body-lg",
+    "headingSm": "pf-m-heading-sm",
+    "headingMd": "pf-m-heading-md",
+    "headingLg": "pf-m-heading-lg",
+    "headingXl": "pf-m-heading-xl",
+    "heading_2xl": "pf-m-heading-2xl",
+    "heading_3xl": "pf-m-heading-3xl",
     "inProgress": "pf-m-in-progress",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
@@ -16,5 +27,5 @@ export default {
     "info": "pf-m-info",
     "custom": "pf-m-custom"
   },
-  "spinner": "pf-v5-c-spinner"
+  "spinner": "pf-v6-c-spinner"
 };

package/css/components/InlineEdit/inline-edit.css

@@ -1,82 +1,82 @@
-.pf-v5-c-inline-edit {
-  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-v5-global--spacer--sm);
-  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-v5-global--link--Color);
-  --pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-v5-global--link--Color--hover);
-  --pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight: 0;
-  --pf-v5-c-inline-edit__group--m-footer--MarginTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-inline-edit__label--m-bold--FontWeight: var(--pf-v5-global--FontWeight--bold);
+:where(:root, .pf-v6-c-inline-edit) {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
+  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
+  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
+  --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
+  --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
+  --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
 }
 
-.pf-v5-c-inline-edit__group {
+.pf-v6-c-inline-edit__group {
   display: flex;
   align-items: baseline;
 }
-.pf-v5-c-inline-edit__group > * {
-  margin-inline-end: var(--pf-v5-c-inline-edit__group--item--MarginRight);
+.pf-v6-c-inline-edit__group > * {
+  margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
 }
-.pf-v5-c-inline-edit__group.pf-m-icon-group {
-  --pf-v5-c-inline-edit__group--item--MarginRight: var(--pf-v5-c-inline-edit__action--m-icon-group--item--MarginRight);
+.pf-v6-c-inline-edit__group.pf-m-icon-group {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
 }
-.pf-v5-c-inline-edit__group.pf-m-footer {
-  margin-block-start: var(--pf-v5-c-inline-edit__group--m-footer--MarginTop);
+.pf-v6-c-inline-edit__group.pf-m-footer {
+  margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
 }
-.pf-v5-c-inline-edit__group.pf-m-column {
-  --pf-v5-c-inline-edit__group--item--MarginRight: 0;
+.pf-v6-c-inline-edit__group.pf-m-column {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
   flex-direction: column;
 }
-.pf-v5-c-inline-edit__group > :last-child {
-  --pf-v5-c-inline-edit__group--item--MarginRight: 0;
+.pf-v6-c-inline-edit__group > :last-child {
+  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
 }
 
-.pf-v5-c-inline-edit__input {
+.pf-v6-c-inline-edit__input {
   flex: 1;
 }
 
-.pf-v5-c-inline-edit__action.pf-m-valid .pf-v5-c-button.pf-m-plain {
-  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--Color);
+.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
+  --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
 }
-.pf-v5-c-inline-edit__action.pf-m-valid .pf-v5-c-button.pf-m-plain:hover {
-  --pf-v5-c-button--m-plain--Color: var(--pf-v5-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
+.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
+  --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
 }
 
-.pf-v5-c-inline-edit__input,
-.pf-v5-c-inline-edit__action,
-.pf-v5-c-inline-edit__group.pf-m-action-group {
+.pf-v6-c-inline-edit__input,
+.pf-v6-c-inline-edit__action,
+.pf-v6-c-inline-edit__group.pf-m-action-group {
   display: none;
 }
 
-.pf-v5-c-inline-edit__action.pf-m-enable-editable {
+.pf-v6-c-inline-edit__action.pf-m-enable-editable {
   display: inline-block;
 }
 
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__input,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__input {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
   display: block;
 }
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__action,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__action {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
   display: inline-block;
 }
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__group.pf-m-action-group,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__group.pf-m-action-group {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
   display: inline-flex;
 }
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__value,
-.pf-v5-c-inline-edit.pf-m-inline-editable .pf-v5-c-inline-edit__action.pf-m-enable-editable,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__value,
-.pf-v5-c-inline-edit .pf-m-inline-editable .pf-v5-c-inline-edit__action.pf-m-enable-editable {
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
+.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
+.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
   display: none;
 }
 
-.pf-v5-c-inline-edit__label + .pf-v5-c-inline-edit__action.pf-m-enable > .pf-v5-c-button {
-  margin-block-start: calc(var(--pf-v5-c-button--PaddingTop) * -1);
-  margin-block-end: calc(var(--pf-v5-c-button--PaddingBottom) * -1);
+.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
+  margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
+  margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
 }
 
-.pf-v5-c-inline-edit__label.pf-m-bold {
-  font-weight: var(--pf-v5-c-inline-edit__label--m-bold--FontWeight);
+.pf-v6-c-inline-edit__label.pf-m-bold {
+  font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
 }
 
-.pf-v5-c-inline-edit__editable-text br {
+.pf-v6-c-inline-edit__editable-text br {
   display: none;
 }

package/css/components/InlineEdit/inline-edit.d.ts

@@ -1,13 +1,13 @@
 import './inline-edit.css';
 declare const _default: {
-  "button": "pf-v5-c-button",
-  "inlineEdit": "pf-v5-c-inline-edit",
-  "inlineEditAction": "pf-v5-c-inline-edit__action",
-  "inlineEditEditableText": "pf-v5-c-inline-edit__editable-text",
-  "inlineEditGroup": "pf-v5-c-inline-edit__group",
-  "inlineEditInput": "pf-v5-c-inline-edit__input",
-  "inlineEditLabel": "pf-v5-c-inline-edit__label",
-  "inlineEditValue": "pf-v5-c-inline-edit__value",
+  "button": "pf-v6-c-button",
+  "inlineEdit": "pf-v6-c-inline-edit",
+  "inlineEditAction": "pf-v6-c-inline-edit__action",
+  "inlineEditEditableText": "pf-v6-c-inline-edit__editable-text",
+  "inlineEditGroup": "pf-v6-c-inline-edit__group",
+  "inlineEditInput": "pf-v6-c-inline-edit__input",
+  "inlineEditLabel": "pf-v6-c-inline-edit__label",
+  "inlineEditValue": "pf-v6-c-inline-edit__value",
   "modifiers": {
     "iconGroup": "pf-m-icon-group",
     "footer": "pf-m-footer",

package/css/components/InlineEdit/inline-edit.js

@@ -2,14 +2,14 @@
 exports.__esModule = true;
 require('./inline-edit.css');
 exports.default = {
-  "button": "pf-v5-c-button",
-  "inlineEdit": "pf-v5-c-inline-edit",
-  "inlineEditAction": "pf-v5-c-inline-edit__action",
-  "inlineEditEditableText": "pf-v5-c-inline-edit__editable-text",
-  "inlineEditGroup": "pf-v5-c-inline-edit__group",
-  "inlineEditInput": "pf-v5-c-inline-edit__input",
-  "inlineEditLabel": "pf-v5-c-inline-edit__label",
-  "inlineEditValue": "pf-v5-c-inline-edit__value",
+  "button": "pf-v6-c-button",
+  "inlineEdit": "pf-v6-c-inline-edit",
+  "inlineEditAction": "pf-v6-c-inline-edit__action",
+  "inlineEditEditableText": "pf-v6-c-inline-edit__editable-text",
+  "inlineEditGroup": "pf-v6-c-inline-edit__group",
+  "inlineEditInput": "pf-v6-c-inline-edit__input",
+  "inlineEditLabel": "pf-v6-c-inline-edit__label",
+  "inlineEditValue": "pf-v6-c-inline-edit__value",
   "modifiers": {
     "iconGroup": "pf-m-icon-group",
     "footer": "pf-m-footer",