@patternfly/react-styles 5.0.0-alpha.5 → 5.0.0-alpha.7

package/css/components/Page/page.js

@@ -5,7 +5,6 @@ exports.default = {
   "avatar": "pf-c-avatar",
   "brand": "pf-c-brand",
   "button": "pf-c-button",
-  "card": "pf-c-card",
   "contextSelector": "pf-c-context-selector",
   "drawer": "pf-c-drawer",
   "masthead": "pf-c-masthead",
@@ -30,6 +29,10 @@ exports.default = {
     "attention": "pf-m-attention",
     "expanded": "pf-m-expanded",
     "collapsed": "pf-m-collapsed",
+    "pageInsets": "pf-m-page-insets",
+    "insetNone": "pf-m-inset-none",
+    "fill": "pf-m-fill",
+    "noFill": "pf-m-no-fill",
     "limitWidth": "pf-m-limit-width",
     "alignCenter": "pf-m-align-center",
     "overflowScroll": "pf-m-overflow-scroll",
@@ -47,8 +50,6 @@ exports.default = {
     "stickyBottomOnXlHeight": "pf-m-sticky-bottom-on-xl-height",
     "stickyTopOn_2xlHeight": "pf-m-sticky-top-on-2xl-height",
     "stickyBottomOn_2xlHeight": "pf-m-sticky-bottom-on-2xl-height",
-    "fill": "pf-m-fill",
-    "noFill": "pf-m-no-fill",
     "light_100": "pf-m-light-100",
     "dark_100": "pf-m-dark-100",
     "dark_200": "pf-m-dark-200",

package/css/components/Page/page.mjs

@@ -3,7 +3,6 @@ export default {
   "avatar": "pf-c-avatar",
   "brand": "pf-c-brand",
   "button": "pf-c-button",
-  "card": "pf-c-card",
   "contextSelector": "pf-c-context-selector",
   "drawer": "pf-c-drawer",
   "masthead": "pf-c-masthead",
@@ -28,6 +27,10 @@ export default {
     "attention": "pf-m-attention",
     "expanded": "pf-m-expanded",
     "collapsed": "pf-m-collapsed",
+    "pageInsets": "pf-m-page-insets",
+    "insetNone": "pf-m-inset-none",
+    "fill": "pf-m-fill",
+    "noFill": "pf-m-no-fill",
     "limitWidth": "pf-m-limit-width",
     "alignCenter": "pf-m-align-center",
     "overflowScroll": "pf-m-overflow-scroll",
@@ -45,8 +48,6 @@ export default {
     "stickyBottomOnXlHeight": "pf-m-sticky-bottom-on-xl-height",
     "stickyTopOn_2xlHeight": "pf-m-sticky-top-on-2xl-height",
     "stickyBottomOn_2xlHeight": "pf-m-sticky-bottom-on-2xl-height",
-    "fill": "pf-m-fill",
-    "noFill": "pf-m-no-fill",
     "light_100": "pf-m-light-100",
     "dark_100": "pf-m-dark-100",
     "dark_200": "pf-m-dark-200",

package/css/components/Popover/popover.css

@@ -7,12 +7,12 @@
   --pf-c-popover--m-warning__title-icon--Color: var(--pf-global--warning-color--100);
   --pf-c-popover--m-success__title-icon--Color: var(--pf-global--success-color--100);
   --pf-c-popover--m-info__title-icon--Color: var(--pf-global--info-color--100);
-  --pf-c-popover--m-default__title-icon--Color: var(--pf-global--default-color--200);
+  --pf-c-popover--m-custom__title-icon--Color: var(--pf-global--custom-color--200);
   --pf-c-popover--m-danger__title-text--Color: var(--pf-global--danger-color--200);
   --pf-c-popover--m-warning__title-text--Color: var(--pf-global--warning-color--200);
   --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--200);
   --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--200);
-  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--300);
+  --pf-c-popover--m-custom__title-text--Color: var(--pf-global--custom-color--300);
   --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-popover__content--PaddingTop: var(--pf-global--spacer--md);
   --pf-c-popover__content--PaddingRight: var(--pf-global--spacer--md);
@@ -107,9 +107,9 @@
   --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-success__title-icon--Color);
   --pf-c-popover__title-text--Color: var(--pf-c-popover--m-success__title-text--Color);
 }
-.pf-c-popover.pf-m-default {
-  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-default__title-icon--Color);
-  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-default__title-text--Color);
+.pf-c-popover.pf-m-custom {
+  --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-custom__title-icon--Color);
+  --pf-c-popover__title-text--Color: var(--pf-c-popover--m-custom__title-text--Color);
 }
 .pf-c-popover.pf-m-info {
   --pf-c-popover__title-icon--Color: var(--pf-c-popover--m-info__title-icon--Color);
@@ -173,7 +173,7 @@
 :where(.pf-theme-dark) .pf-c-popover {
   --pf-c-popover__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
   --pf-c-popover__arrow--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-popover--m-default__title-text--Color: var(--pf-global--default-color--200);
+  --pf-c-popover--m-default__title-text--Color: var(--pf-global--custom-color--200);
   --pf-c-popover--m-info__title-text--Color: var(--pf-global--info-color--100);
   --pf-c-popover--m-success__title-text--Color: var(--pf-global--success-color--100);
 }

package/css/components/Popover/popover.d.ts

@@ -18,7 +18,7 @@ declare const _default: {
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",
-    "default": "pf-m-default",
+    "custom": "pf-m-custom",
     "info": "pf-m-info"
   },
   "popover": "pf-c-popover",

package/css/components/Popover/popover.js

@@ -20,7 +20,7 @@ exports.default = {
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",
-    "default": "pf-m-default",
+    "custom": "pf-m-custom",
     "info": "pf-m-info"
   },
   "popover": "pf-c-popover",

package/css/components/Popover/popover.mjs

@@ -18,7 +18,7 @@ export default {
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",
-    "default": "pf-m-default",
+    "custom": "pf-m-custom",
     "info": "pf-m-info"
   },
   "popover": "pf-c-popover",

package/css/components/Wizard/wizard.css

@@ -7,27 +7,6 @@
   --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
 }
-.pf-c-wizard__header .pf-c-card {
-  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
-}
-.pf-c-wizard__header .pf-c-button {
-  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
-}
 
 .pf-c-wizard {
   --pf-c-wizard--Height: 100%;
@@ -527,23 +506,6 @@
   --pf-global--link--Color--hover: #73bcf7;
   --pf-global--BackgroundColor--100: #1b1d21;
 }
-:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-card {
-  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100);
-}
-:where(.pf-theme-dark) .pf-c-wizard__header .pf-c-button {
-  --pf-c-button--m-primary--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--hover--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--focus--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--active--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--primary-color--300);
-  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
-  --pf-c-button--m-secondary--Color: var(--pf-global--primary-color--100);
-  --pf-c-button--m-secondary--hover--Color: var(--pf-global--primary-color--100);
-  --pf-c-button--m-secondary--focus--Color: var(--pf-global--primary-color--100);
-  --pf-c-button--m-secondary--active--Color: var(--pf-global--primary-color--100);
-}
 
 :where(.pf-theme-dark) .pf-c-wizard {
   --pf-c-wizard__header--BackgroundColor: var(--pf-global--palette--black-1000);

package/css/components/Wizard/wizard.d.ts

@@ -1,7 +1,5 @@
 import './wizard.css';
 declare const _default: {
-  "button": "pf-c-button",
-  "card": "pf-c-card",
   "drawer": "pf-c-drawer",
   "modalBox": "pf-c-modal-box",
   "modifiers": {

package/css/components/Wizard/wizard.js

@@ -2,8 +2,6 @@
 exports.__esModule = true;
 require('./wizard.css');
 exports.default = {
-  "button": "pf-c-button",
-  "card": "pf-c-card",
   "drawer": "pf-c-drawer",
   "modalBox": "pf-c-modal-box",
   "modifiers": {

package/css/components/Wizard/wizard.mjs

@@ -1,7 +1,5 @@
 import './wizard.css';
 export default {
-  "button": "pf-c-button",
-  "card": "pf-c-card",
   "drawer": "pf-c-drawer",
   "modalBox": "pf-c-modal-box",
   "modifiers": {

package/css/docs/components/Page/examples/Page.css

@@ -6,6 +6,12 @@
   color: var(--pf-global--Color--dark-100);
 }
 
-#ws-core-c-page-with-or-without-fill .ws-preview-html {
+#ws-core-c-page-with-or-without-fill .ws-preview-html,
+#ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
   height: 500px;
 }
+
+#ws-core-c-page-multiple-sidebar-body-elements .ws-preview-html,
+#ws-core-c-page-using-flex-layout .ws-preview-html {
+  height: 100%;
+}

package/css/utilities/Text/text.css

@@ -315,16 +315,16 @@
   color: var(--pf-global--link--Color--visited) !important;
 }
 
-.pf-u-default-color-100 {
-  color: var(--pf-global--default-color--100) !important;
+.pf-u-custom-color-100 {
+  color: var(--pf-global--custom-color--100) !important;
 }
 
-.pf-u-default-color-200 {
-  color: var(--pf-global--default-color--200) !important;
+.pf-u-custom-color-200 {
+  color: var(--pf-global--custom-color--200) !important;
 }
 
-.pf-u-default-color-300 {
-  color: var(--pf-global--default-color--300) !important;
+.pf-u-custom-color-300 {
+  color: var(--pf-global--custom-color--300) !important;
 }
 
 .pf-u-success-color-100 {
@@ -428,14 +428,14 @@
   .pf-u-link-color-visited-on-sm {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-sm {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-sm {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-sm {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-sm {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-sm {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-sm {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-sm {
     color: var(--pf-global--success-color--100) !important;
@@ -526,14 +526,14 @@
   .pf-u-link-color-visited-on-md {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-md {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-md {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-md {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-md {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-md {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-md {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-md {
     color: var(--pf-global--success-color--100) !important;
@@ -624,14 +624,14 @@
   .pf-u-link-color-visited-on-lg {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-lg {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-lg {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-lg {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-lg {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-lg {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-lg {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-lg {
     color: var(--pf-global--success-color--100) !important;
@@ -722,14 +722,14 @@
   .pf-u-link-color-visited-on-xl {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-xl {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-xl {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-xl {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-xl {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-xl {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-xl {
     color: var(--pf-global--success-color--100) !important;
@@ -820,14 +820,14 @@
   .pf-u-link-color-visited-on-2xl {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-2xl {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-2xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-2xl {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-2xl {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-2xl {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-2xl {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-2xl {
     color: var(--pf-global--success-color--100) !important;
@@ -953,8 +953,8 @@
 :where(.pf-theme-dark) .pf-u-color-light-200 {
   color: var(--pf-global--Color-200) !important;
 }
-:where(.pf-theme-dark) .pf-u-default-color-300 {
-  color: var(--pf-global--default-color--100) !important;
+:where(.pf-theme-dark) .pf-u-custom-color-300 {
+  color: var(--pf-global--custom-color--100) !important;
 }
 :where(.pf-theme-dark) .pf-u-success-color-200 {
   color: var(--pf-global--success-color--100) !important;
@@ -978,8 +978,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-sm {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-sm {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-sm {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-sm {
     color: var(--pf-global--success-color--100) !important;
@@ -1004,8 +1004,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-md {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-md {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-md {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-md {
     color: var(--pf-global--success-color--100) !important;
@@ -1030,8 +1030,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-lg {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-lg {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-lg {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-lg {
     color: var(--pf-global--success-color--100) !important;
@@ -1056,8 +1056,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-xl {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-xl {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-xl {
     color: var(--pf-global--success-color--100) !important;
@@ -1082,8 +1082,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-2xl {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-2xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-2xl {
     color: var(--pf-global--success-color--100) !important;

package/css/utilities/Text/text.d.ts

@@ -48,6 +48,24 @@ declare const _default: {
   "color_400OnSm": "pf-u-color-400-on-sm",
   "color_400OnXl": "pf-u-color-400-on-xl",
   "color_400On_2xl": "pf-u-color-400-on-2xl",
+  "customColor_100": "pf-u-custom-color-100",
+  "customColor_100OnLg": "pf-u-custom-color-100-on-lg",
+  "customColor_100OnMd": "pf-u-custom-color-100-on-md",
+  "customColor_100OnSm": "pf-u-custom-color-100-on-sm",
+  "customColor_100OnXl": "pf-u-custom-color-100-on-xl",
+  "customColor_100On_2xl": "pf-u-custom-color-100-on-2xl",
+  "customColor_200": "pf-u-custom-color-200",
+  "customColor_200OnLg": "pf-u-custom-color-200-on-lg",
+  "customColor_200OnMd": "pf-u-custom-color-200-on-md",
+  "customColor_200OnSm": "pf-u-custom-color-200-on-sm",
+  "customColor_200OnXl": "pf-u-custom-color-200-on-xl",
+  "customColor_200On_2xl": "pf-u-custom-color-200-on-2xl",
+  "customColor_300": "pf-u-custom-color-300",
+  "customColor_300OnLg": "pf-u-custom-color-300-on-lg",
+  "customColor_300OnMd": "pf-u-custom-color-300-on-md",
+  "customColor_300OnSm": "pf-u-custom-color-300-on-sm",
+  "customColor_300OnXl": "pf-u-custom-color-300-on-xl",
+  "customColor_300On_2xl": "pf-u-custom-color-300-on-2xl",
   "dangerColor_100": "pf-u-danger-color-100",
   "dangerColor_100OnLg": "pf-u-danger-color-100-on-lg",
   "dangerColor_100OnMd": "pf-u-danger-color-100-on-md",
@@ -66,24 +84,6 @@ declare const _default: {
   "dangerColor_300OnSm": "pf-u-danger-color-300-on-sm",
   "dangerColor_300OnXl": "pf-u-danger-color-300-on-xl",
   "dangerColor_300On_2xl": "pf-u-danger-color-300-on-2xl",
-  "defaultColor_100": "pf-u-default-color-100",
-  "defaultColor_100OnLg": "pf-u-default-color-100-on-lg",
-  "defaultColor_100OnMd": "pf-u-default-color-100-on-md",
-  "defaultColor_100OnSm": "pf-u-default-color-100-on-sm",
-  "defaultColor_100OnXl": "pf-u-default-color-100-on-xl",
-  "defaultColor_100On_2xl": "pf-u-default-color-100-on-2xl",
-  "defaultColor_200": "pf-u-default-color-200",
-  "defaultColor_200OnLg": "pf-u-default-color-200-on-lg",
-  "defaultColor_200OnMd": "pf-u-default-color-200-on-md",
-  "defaultColor_200OnSm": "pf-u-default-color-200-on-sm",
-  "defaultColor_200OnXl": "pf-u-default-color-200-on-xl",
-  "defaultColor_200On_2xl": "pf-u-default-color-200-on-2xl",
-  "defaultColor_300": "pf-u-default-color-300",
-  "defaultColor_300OnLg": "pf-u-default-color-300-on-lg",
-  "defaultColor_300OnMd": "pf-u-default-color-300-on-md",
-  "defaultColor_300OnSm": "pf-u-default-color-300-on-sm",
-  "defaultColor_300OnXl": "pf-u-default-color-300-on-xl",
-  "defaultColor_300On_2xl": "pf-u-default-color-300-on-2xl",
   "disabledColor_100": "pf-u-disabled-color-100",
   "disabledColor_100OnLg": "pf-u-disabled-color-100-on-lg",
   "disabledColor_100OnMd": "pf-u-disabled-color-100-on-md",

package/css/utilities/Text/text.js

@@ -50,6 +50,24 @@ exports.default = {
   "color_400OnSm": "pf-u-color-400-on-sm",
   "color_400OnXl": "pf-u-color-400-on-xl",
   "color_400On_2xl": "pf-u-color-400-on-2xl",
+  "customColor_100": "pf-u-custom-color-100",
+  "customColor_100OnLg": "pf-u-custom-color-100-on-lg",
+  "customColor_100OnMd": "pf-u-custom-color-100-on-md",
+  "customColor_100OnSm": "pf-u-custom-color-100-on-sm",
+  "customColor_100OnXl": "pf-u-custom-color-100-on-xl",
+  "customColor_100On_2xl": "pf-u-custom-color-100-on-2xl",
+  "customColor_200": "pf-u-custom-color-200",
+  "customColor_200OnLg": "pf-u-custom-color-200-on-lg",
+  "customColor_200OnMd": "pf-u-custom-color-200-on-md",
+  "customColor_200OnSm": "pf-u-custom-color-200-on-sm",
+  "customColor_200OnXl": "pf-u-custom-color-200-on-xl",
+  "customColor_200On_2xl": "pf-u-custom-color-200-on-2xl",
+  "customColor_300": "pf-u-custom-color-300",
+  "customColor_300OnLg": "pf-u-custom-color-300-on-lg",
+  "customColor_300OnMd": "pf-u-custom-color-300-on-md",
+  "customColor_300OnSm": "pf-u-custom-color-300-on-sm",
+  "customColor_300OnXl": "pf-u-custom-color-300-on-xl",
+  "customColor_300On_2xl": "pf-u-custom-color-300-on-2xl",
   "dangerColor_100": "pf-u-danger-color-100",
   "dangerColor_100OnLg": "pf-u-danger-color-100-on-lg",
   "dangerColor_100OnMd": "pf-u-danger-color-100-on-md",
@@ -68,24 +86,6 @@ exports.default = {
   "dangerColor_300OnSm": "pf-u-danger-color-300-on-sm",
   "dangerColor_300OnXl": "pf-u-danger-color-300-on-xl",
   "dangerColor_300On_2xl": "pf-u-danger-color-300-on-2xl",
-  "defaultColor_100": "pf-u-default-color-100",
-  "defaultColor_100OnLg": "pf-u-default-color-100-on-lg",
-  "defaultColor_100OnMd": "pf-u-default-color-100-on-md",
-  "defaultColor_100OnSm": "pf-u-default-color-100-on-sm",
-  "defaultColor_100OnXl": "pf-u-default-color-100-on-xl",
-  "defaultColor_100On_2xl": "pf-u-default-color-100-on-2xl",
-  "defaultColor_200": "pf-u-default-color-200",
-  "defaultColor_200OnLg": "pf-u-default-color-200-on-lg",
-  "defaultColor_200OnMd": "pf-u-default-color-200-on-md",
-  "defaultColor_200OnSm": "pf-u-default-color-200-on-sm",
-  "defaultColor_200OnXl": "pf-u-default-color-200-on-xl",
-  "defaultColor_200On_2xl": "pf-u-default-color-200-on-2xl",
-  "defaultColor_300": "pf-u-default-color-300",
-  "defaultColor_300OnLg": "pf-u-default-color-300-on-lg",
-  "defaultColor_300OnMd": "pf-u-default-color-300-on-md",
-  "defaultColor_300OnSm": "pf-u-default-color-300-on-sm",
-  "defaultColor_300OnXl": "pf-u-default-color-300-on-xl",
-  "defaultColor_300On_2xl": "pf-u-default-color-300-on-2xl",
   "disabledColor_100": "pf-u-disabled-color-100",
   "disabledColor_100OnLg": "pf-u-disabled-color-100-on-lg",
   "disabledColor_100OnMd": "pf-u-disabled-color-100-on-md",

package/css/utilities/Text/text.mjs

@@ -48,6 +48,24 @@ export default {
   "color_400OnSm": "pf-u-color-400-on-sm",
   "color_400OnXl": "pf-u-color-400-on-xl",
   "color_400On_2xl": "pf-u-color-400-on-2xl",
+  "customColor_100": "pf-u-custom-color-100",
+  "customColor_100OnLg": "pf-u-custom-color-100-on-lg",
+  "customColor_100OnMd": "pf-u-custom-color-100-on-md",
+  "customColor_100OnSm": "pf-u-custom-color-100-on-sm",
+  "customColor_100OnXl": "pf-u-custom-color-100-on-xl",
+  "customColor_100On_2xl": "pf-u-custom-color-100-on-2xl",
+  "customColor_200": "pf-u-custom-color-200",
+  "customColor_200OnLg": "pf-u-custom-color-200-on-lg",
+  "customColor_200OnMd": "pf-u-custom-color-200-on-md",
+  "customColor_200OnSm": "pf-u-custom-color-200-on-sm",
+  "customColor_200OnXl": "pf-u-custom-color-200-on-xl",
+  "customColor_200On_2xl": "pf-u-custom-color-200-on-2xl",
+  "customColor_300": "pf-u-custom-color-300",
+  "customColor_300OnLg": "pf-u-custom-color-300-on-lg",
+  "customColor_300OnMd": "pf-u-custom-color-300-on-md",
+  "customColor_300OnSm": "pf-u-custom-color-300-on-sm",
+  "customColor_300OnXl": "pf-u-custom-color-300-on-xl",
+  "customColor_300On_2xl": "pf-u-custom-color-300-on-2xl",
   "dangerColor_100": "pf-u-danger-color-100",
   "dangerColor_100OnLg": "pf-u-danger-color-100-on-lg",
   "dangerColor_100OnMd": "pf-u-danger-color-100-on-md",
@@ -66,24 +84,6 @@ export default {
   "dangerColor_300OnSm": "pf-u-danger-color-300-on-sm",
   "dangerColor_300OnXl": "pf-u-danger-color-300-on-xl",
   "dangerColor_300On_2xl": "pf-u-danger-color-300-on-2xl",
-  "defaultColor_100": "pf-u-default-color-100",
-  "defaultColor_100OnLg": "pf-u-default-color-100-on-lg",
-  "defaultColor_100OnMd": "pf-u-default-color-100-on-md",
-  "defaultColor_100OnSm": "pf-u-default-color-100-on-sm",
-  "defaultColor_100OnXl": "pf-u-default-color-100-on-xl",
-  "defaultColor_100On_2xl": "pf-u-default-color-100-on-2xl",
-  "defaultColor_200": "pf-u-default-color-200",
-  "defaultColor_200OnLg": "pf-u-default-color-200-on-lg",
-  "defaultColor_200OnMd": "pf-u-default-color-200-on-md",
-  "defaultColor_200OnSm": "pf-u-default-color-200-on-sm",
-  "defaultColor_200OnXl": "pf-u-default-color-200-on-xl",
-  "defaultColor_200On_2xl": "pf-u-default-color-200-on-2xl",
-  "defaultColor_300": "pf-u-default-color-300",
-  "defaultColor_300OnLg": "pf-u-default-color-300-on-lg",
-  "defaultColor_300OnMd": "pf-u-default-color-300-on-md",
-  "defaultColor_300OnSm": "pf-u-default-color-300-on-sm",
-  "defaultColor_300OnXl": "pf-u-default-color-300-on-xl",
-  "defaultColor_300On_2xl": "pf-u-default-color-300-on-2xl",
   "disabledColor_100": "pf-u-disabled-color-100",
   "disabledColor_100OnLg": "pf-u-disabled-color-100-on-lg",
   "disabledColor_100OnMd": "pf-u-disabled-color-100-on-md",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.0.0-alpha.5",
+  "version": "5.0.0-alpha.7",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.0.0-alpha.33",
+    "@patternfly/patternfly": "5.0.0-alpha.37",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "d783cc19e80a771ef14a16b9f2a3a71ce11e6225"
+  "gitHead": "dcfd911a774d1d3283d9bb857c7279e96dd8e043"
 }