@patternfly/react-styles 6.0.0-alpha.10 → 6.0.0-alpha.12

package/css/components/DualListSelector/dual-list-selector.js

@@ -39,6 +39,5 @@ exports.default = {
     "check": "pf-m-check",
     "ghostRow": "pf-m-ghost-row",
     "read": "pf-m-read"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/DualListSelector/dual-list-selector.mjs

@@ -37,6 +37,5 @@ export default {
     "check": "pf-m-check",
     "ghostRow": "pf-m-ghost-row",
     "read": "pf-m-read"
-  },
-  "themeDark": "pf-v5-theme-dark"
+  }
 };

package/css/components/FormControl/form-control.css

@@ -22,9 +22,9 @@
   --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
   --pf-v5-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
   --pf-v5-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
-  --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
+  --pf-v5-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
   --pf-v5-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--active);
-  --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--active);
+  --pf-v5-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
   --pf-v5-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
   --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
@@ -34,7 +34,7 @@
   --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
   --pf-v5-c-form-control--m-readonly--BorderColor: transparent;
   --pf-v5-c-form-control--m-readonly--hover--after--BorderColor: revert;
-  --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--active);
+  --pf-v5-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
   --pf-v5-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--active);
   --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
   --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;

package/css/components/Icon/icon.css

@@ -14,24 +14,24 @@
   --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
   --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
   --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
-  --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
-  --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
-  --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
-  --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
-  --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
-  --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
-  --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
-  --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
-  --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
-  --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
-  --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
-  --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
-  --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
-  --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
-  --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
-  --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
-  --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
-  --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
+  --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--font--heading--h1);
+  --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--font--heading--h1);
   --pf-v5-c-icon--m-inline--Width: 1em;
   --pf-v5-c-icon--m-inline--Height: 1em;
   --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
@@ -49,15 +49,15 @@
   --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
   --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
   --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
-  --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
-  --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
-  --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
-  --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
-  --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
-  --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
-  --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
-  --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
-  --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
+  --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--font--body--sm);
+  --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
+  --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--font--body--lg);
+  --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--font--heading--h6);
+  --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--font--heading--h5);
+  --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--font--heading--h4);
+  --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h3);
+  --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h2);
+  --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--font--heading--h1);
   --pf-v5-c-icon--m-inline__content--FontSize: 1em;
 }
 

package/css/components/Label/label-group.css

@@ -21,7 +21,7 @@
   --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-label-group__label--MaxWidth: 18ch;
-  --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
   --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
   --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);

package/css/components/Label/label.css

@@ -9,80 +9,132 @@
   --pf-v5-c-label--BorderColor: transparent;
   --pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
   --pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
-  --pf-v5-c-label--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--default);
+  --pf-v5-c-label--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
   --pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
   --pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
-  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
+  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--hover);
   --pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
   --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
-  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--default);
+  --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
   --pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
   --pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
-  --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
+  --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--hover);
   --pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
   --pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
   --pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
   --pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
-  --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--default);
+  --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
   --pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
   --pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
-  --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--hover);
+  --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--red--hover);
   --pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
   --pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
   --pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
   --pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
-  --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--default);
+  --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
   --pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
   --pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
-  --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
+  --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--hover);
   --pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
   --pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
   --pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
   --pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
-  --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
+  --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
   --pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
   --pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
-  --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
+  --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--hover);
   --pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
   --pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
   --pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
   --pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
-  --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--default);
+  --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
   --pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
   --pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
-  --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
+  --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
   --pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
   --pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
   --pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
   --pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
-  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--default);
+  --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
   --pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
   --pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
-  --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--hover);
+  --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--green--hover);
   --pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
   --pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
   --pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
   --pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
-  --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
+  --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
   --pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
   --pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
-  --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
+  --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
   --pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
   --pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
   --pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
   --pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
-  --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--default);
+  --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
   --pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
   --pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
-  --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
+  --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--hover);
   --pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
   --pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
   --pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
   --pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
+  --pf-v5-c-label--m-success--BackgroundColor: var(--pf-t--global--color--status--success--default);
+  --pf-v5-c-label--m-success--Color: var(--pf-t--global--text--color--status--on-success--default);
+  --pf-v5-c-label--m-success__icon--Color: var(--pf-t--global--icon--color--status--on-success--default);
+  --pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--success--hover);
+  --pf-v5-c-label--m-success--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-success--hover);
+  --pf-v5-c-label--m-success--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-success--hover);
+  --pf-v5-c-label--m-success--m-outline__icon--Color: var(--pf-t--global--icon--color--status--success--default);
+  --pf-v5-c-label--m-success--m-outline--BorderColor: var(--pf-t--global--border--color--status--success--default);
+  --pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--success--hover);
+  --pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--success--hover);
+  --pf-v5-c-label--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
+  --pf-v5-c-label--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
+  --pf-v5-c-label--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
+  --pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
+  --pf-v5-c-label--m-warning--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
+  --pf-v5-c-label--m-warning--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
+  --pf-v5-c-label--m-warning--m-outline__icon--Color: var(--pf-t--global--icon--color--status--warning--default);
+  --pf-v5-c-label--m-warning--m-outline--BorderColor: var(--pf-t--global--border--color--status--warning--default);
+  --pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
+  --pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--warning--hover);
+  --pf-v5-c-label--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
+  --pf-v5-c-label--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
+  --pf-v5-c-label--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
+  --pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
+  --pf-v5-c-label--m-danger--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
+  --pf-v5-c-label--m-danger--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
+  --pf-v5-c-label--m-danger--m-outline__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v5-c-label--m-danger--m-outline--BorderColor: var(--pf-t--global--border--color--status--danger--default);
+  --pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
+  --pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
+  --pf-v5-c-label--m-info--BackgroundColor: var(--pf-t--global--color--status--info--default);
+  --pf-v5-c-label--m-info--Color: var(--pf-t--global--text--color--status--on-info--default);
+  --pf-v5-c-label--m-info__icon--Color: var(--pf-t--global--icon--color--status--on-info--default);
+  --pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--info--hover);
+  --pf-v5-c-label--m-info--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-info--hover);
+  --pf-v5-c-label--m-info--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-info--hover);
+  --pf-v5-c-label--m-info--m-outline__icon--Color: var(--pf-t--global--icon--color--status--info--default);
+  --pf-v5-c-label--m-info--m-outline--BorderColor: var(--pf-t--global--border--color--status--info--default);
+  --pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--info--hover);
+  --pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--info--hover);
+  --pf-v5-c-label--m-custom--BackgroundColor: var(--pf-t--global--color--status--custom--default);
+  --pf-v5-c-label--m-custom--Color: var(--pf-t--global--text--color--status--on-custom--default);
+  --pf-v5-c-label--m-custom__icon--Color: var(--pf-t--global--icon--color--status--on-custom--default);
+  --pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--status--custom--hover);
+  --pf-v5-c-label--m-custom--m-clickable--hover--Color: var(--pf-t--global--text--color--status--on-custom--hover);
+  --pf-v5-c-label--m-custom--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--on-custom--hover);
+  --pf-v5-c-label--m-custom--m-outline__icon--Color: var(--pf-t--global--icon--color--status--custom--default);
+  --pf-v5-c-label--m-custom--m-outline--BorderColor: var(--pf-t--global--border--color--status--custom--default);
+  --pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--status--custom--hover);
+  --pf-v5-c-label--m-custom--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--status--custom--hover);
   --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
   --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
+  --pf-v5-c-label--m-clickable__content--Cursor: pointer;
+  --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
   --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
   --pf-v5-c-label--m-outline--BackgroundColor: transparent;
   --pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
@@ -90,6 +142,7 @@
   --pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
   --pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
@@ -111,11 +164,11 @@
   --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
   --pf-v5-c-label__content--MaxWidth: 100%;
   --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
-  --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
+  --pf-v5-c-label__content--Cursor: initial;
+  --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--font--body--sm);
   --pf-v5-c-label__text--MaxWidth: 100%;
   --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
-  --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
-  --pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
+  --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
   --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
   --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
   --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
@@ -129,9 +182,11 @@
   --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
   --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
   --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
+  --pf-v5-c-label--m-editable__content--Cursor: pointer;
   --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
   --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
+  --pf-v5-c-label--m-editable--m-editable-active__content--Cursor: initial;
 }
 
 .pf-v5-c-label {
@@ -143,6 +198,7 @@
   padding-inline-end: var(--pf-v5-c-label--PaddingRight);
   font-size: var(--pf-v5-c-label--FontSize);
   white-space: nowrap;
+  background: transparent;
   isolation: isolate;
   border: 0;
   border-radius: var(--pf-v5-c-label--BorderRadius);
@@ -227,6 +283,66 @@
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
   --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
 }
+.pf-v5-c-label.pf-m-success {
+  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-success--BackgroundColor);
+  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-success--Color);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-success__icon--Color);
+  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-success--m-clickable--hover--BackgroundColor);
+  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-success--m-clickable--hover--Color);
+  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-clickable--hover__icon--Color);
+  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-success--m-outline__icon--Color);
+  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-success--m-outline--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
+}
+.pf-v5-c-label.pf-m-warning {
+  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-warning--BackgroundColor);
+  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-warning--Color);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-warning__icon--Color);
+  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-warning--m-clickable--hover--BackgroundColor);
+  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover--Color);
+  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-clickable--hover__icon--Color);
+  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-warning--m-outline__icon--Color);
+  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-warning--m-outline--m-clickable--hover__icon--Color) ;
+}
+.pf-v5-c-label.pf-m-danger {
+  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-danger--BackgroundColor);
+  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-danger--Color);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-danger__icon--Color);
+  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-danger--m-clickable--hover--BackgroundColor);
+  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover--Color);
+  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-clickable--hover__icon--Color);
+  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-danger--m-outline__icon--Color);
+  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-danger--m-outline--m-clickable--hover__icon--Color) ;
+}
+.pf-v5-c-label.pf-m-info {
+  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-info--BackgroundColor);
+  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-info--Color);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-info__icon--Color);
+  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-info--m-clickable--hover--BackgroundColor);
+  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-info--m-clickable--hover--Color);
+  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-clickable--hover__icon--Color);
+  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-info--m-outline__icon--Color);
+  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-info--m-outline--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-info--m-outline--m-clickable--hover__icon--Color) ;
+}
+.pf-v5-c-label.pf-m-custom {
+  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-custom--BackgroundColor);
+  --pf-v5-c-label--Color: var(--pf-v5-c-label--m-custom--Color);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-custom__icon--Color);
+  --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-custom--m-clickable--hover--BackgroundColor);
+  --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover--Color);
+  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-custom--m-clickable--hover__icon--Color);
+  --pf-v5-c-label--m-outline__icon--Color: var(--pf-v5-c-label--m-custom--m-outline__icon--Color);
+  --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-custom--m-outline--m-clickable--hover--BorderColor);
+  --pf-v5-c-label--m-outline--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-success--m-outline--m-clickable--hover__icon--Color) ;
+}
 .pf-v5-c-label.pf-m-compact {
   --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
   --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
@@ -235,19 +351,24 @@
   --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
   --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
 }
+.pf-v5-c-label.pf-m-filled .pf-v5-c-label__actions .pf-v5-c-button {
+  --pf-v5-c-button--Color: var(--pf-v5-c-label--m-filled__actions--c-button--Color);
+}
 .pf-v5-c-label.pf-m-outline {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
   --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
   --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
   --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
   --pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
   --pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
   --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
-  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
+  --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover__icon--Color);
 }
 .pf-v5-c-label.pf-m-editable {
   --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
   text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
@@ -260,9 +381,7 @@
   --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
-}
-.pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
-  background: transparent;
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active__content--Cursor);
 }
 .pf-v5-c-label.pf-m-overflow {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
@@ -285,23 +404,24 @@
   --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
   --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
 }
-.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
-  padding: 0;
-  cursor: pointer;
-  background-color: transparent;
-  border: none;
+.pf-v5-c-label.pf-m-clickable {
+  --pf-v5-c-label__content--Cursor: var(--pf-v5-c-label--m-clickable__content--Cursor);
 }
 .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
   text-decoration: none;
 }
 .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
   --pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
   --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
   --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
   --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
   --pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
   --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
 }
+.pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) ~ .pf-v5-c-label__actions .pf-v5-c-button {
+  --pf-v5-c-label--m-filled__actions--c-button--Color: var(--pf-v5-c-label--m-clickable--hover__icon--Color);
+}
 
 .pf-v5-c-label,
 .pf-v5-c-label__content {
@@ -319,8 +439,11 @@
 .pf-v5-c-label__content {
   gap: var(--pf-v5-c-label__content--Gap);
   max-width: var(--pf-v5-c-label__content--MaxWidth);
+  padding: 0;
   overflow: hidden;
   color: var(--pf-v5-c-label--Color);
+  cursor: var(--pf-v5-c-label__content--Cursor, revert);
+  background: transparent;
   border-width: 0;
 }
 .pf-v5-c-label__content::before {
@@ -347,7 +470,6 @@ input.pf-v5-c-label__content {
   margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
 }
 .pf-v5-c-label__actions .pf-v5-c-button {
-  --pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
   --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
   --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
   --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);

package/css/components/Label/label.d.ts

@@ -15,12 +15,18 @@ declare const _default: {
     "green": "pf-m-green",
     "cyan": "pf-m-cyan",
     "purple": "pf-m-purple",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
+    "info": "pf-m-info",
+    "custom": "pf-m-custom",
     "compact": "pf-m-compact",
+    "filled": "pf-m-filled",
     "outline": "pf-m-outline",
     "editable": "pf-m-editable",
     "editableActive": "pf-m-editable-active",
-    "add": "pf-m-add",
     "overflow": "pf-m-overflow",
+    "add": "pf-m-add",
     "clickable": "pf-m-clickable"
   }
 };

package/css/components/Label/label.js

@@ -17,12 +17,18 @@ exports.default = {
     "green": "pf-m-green",
     "cyan": "pf-m-cyan",
     "purple": "pf-m-purple",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
+    "info": "pf-m-info",
+    "custom": "pf-m-custom",
     "compact": "pf-m-compact",
+    "filled": "pf-m-filled",
     "outline": "pf-m-outline",
     "editable": "pf-m-editable",
     "editableActive": "pf-m-editable-active",
-    "add": "pf-m-add",
     "overflow": "pf-m-overflow",
+    "add": "pf-m-add",
     "clickable": "pf-m-clickable"
   }
 };

package/css/components/Label/label.mjs

@@ -15,12 +15,18 @@ export default {
     "green": "pf-m-green",
     "cyan": "pf-m-cyan",
     "purple": "pf-m-purple",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger",
+    "info": "pf-m-info",
+    "custom": "pf-m-custom",
     "compact": "pf-m-compact",
+    "filled": "pf-m-filled",
     "outline": "pf-m-outline",
     "editable": "pf-m-editable",
     "editableActive": "pf-m-editable-active",
-    "add": "pf-m-add",
     "overflow": "pf-m-overflow",
+    "add": "pf-m-add",
     "clickable": "pf-m-clickable"
   }
 };