@patternfly/react-styles 4.92.7 → 5.0.0-alpha.10

package/css/components/ExpandableSection/expandable-section.d.ts

@@ -1,10 +1,10 @@
 import './expandable-section.css';
 declare const _default: {
-  "expandableSection": "pf-c-expandable-section",
-  "expandableSectionContent": "pf-c-expandable-section__content",
-  "expandableSectionToggle": "pf-c-expandable-section__toggle",
-  "expandableSectionToggleIcon": "pf-c-expandable-section__toggle-icon",
-  "expandableSectionToggleText": "pf-c-expandable-section__toggle-text",
+  "expandableSection": "pf-v5-c-expandable-section",
+  "expandableSectionContent": "pf-v5-c-expandable-section__content",
+  "expandableSectionToggle": "pf-v5-c-expandable-section__toggle",
+  "expandableSectionToggleIcon": "pf-v5-c-expandable-section__toggle-icon",
+  "expandableSectionToggleText": "pf-v5-c-expandable-section__toggle-text",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "detached": "pf-m-detached",
@@ -13,8 +13,7 @@ declare const _default: {
     "displayLg": "pf-m-display-lg",
     "indented": "pf-m-indented",
     "active": "pf-m-active",
-    "expandTop": "pf-m-expand-top",
-    "overpassFont": "pf-m-overpass-font"
+    "expandTop": "pf-m-expand-top"
   }
 };
 export default _default;

package/css/components/ExpandableSection/expandable-section.js

@@ -2,11 +2,11 @@
 exports.__esModule = true;
 require('./expandable-section.css');
 exports.default = {
-  "expandableSection": "pf-c-expandable-section",
-  "expandableSectionContent": "pf-c-expandable-section__content",
-  "expandableSectionToggle": "pf-c-expandable-section__toggle",
-  "expandableSectionToggleIcon": "pf-c-expandable-section__toggle-icon",
-  "expandableSectionToggleText": "pf-c-expandable-section__toggle-text",
+  "expandableSection": "pf-v5-c-expandable-section",
+  "expandableSectionContent": "pf-v5-c-expandable-section__content",
+  "expandableSectionToggle": "pf-v5-c-expandable-section__toggle",
+  "expandableSectionToggleIcon": "pf-v5-c-expandable-section__toggle-icon",
+  "expandableSectionToggleText": "pf-v5-c-expandable-section__toggle-text",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "detached": "pf-m-detached",
@@ -15,7 +15,6 @@ exports.default = {
     "displayLg": "pf-m-display-lg",
     "indented": "pf-m-indented",
     "active": "pf-m-active",
-    "expandTop": "pf-m-expand-top",
-    "overpassFont": "pf-m-overpass-font"
+    "expandTop": "pf-m-expand-top"
   }
 };

package/css/components/ExpandableSection/expandable-section.mjs

@@ -1,10 +1,10 @@
 import './expandable-section.css';
 export default {
-  "expandableSection": "pf-c-expandable-section",
-  "expandableSectionContent": "pf-c-expandable-section__content",
-  "expandableSectionToggle": "pf-c-expandable-section__toggle",
-  "expandableSectionToggleIcon": "pf-c-expandable-section__toggle-icon",
-  "expandableSectionToggleText": "pf-c-expandable-section__toggle-text",
+  "expandableSection": "pf-v5-c-expandable-section",
+  "expandableSectionContent": "pf-v5-c-expandable-section__content",
+  "expandableSectionToggle": "pf-v5-c-expandable-section__toggle",
+  "expandableSectionToggleIcon": "pf-v5-c-expandable-section__toggle-icon",
+  "expandableSectionToggleText": "pf-v5-c-expandable-section__toggle-text",
   "modifiers": {
     "expanded": "pf-m-expanded",
     "detached": "pf-m-detached",
@@ -13,7 +13,6 @@ export default {
     "displayLg": "pf-m-display-lg",
     "indented": "pf-m-indented",
     "active": "pf-m-active",
-    "expandTop": "pf-m-expand-top",
-    "overpassFont": "pf-m-overpass-font"
+    "expandTop": "pf-m-expand-top"
   }
 };

package/css/components/FileUpload/file-upload.css

@@ -1,67 +1,67 @@
-.pf-c-file-upload {
-  --pf-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-file-upload--m-loading__file-details--before--Left: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-loading__file-details--before--Right: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-global--primary-color--100);
-  --pf-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-global--primary-color--100);
-  --pf-c-file-upload--m-drag-hover--after--Opacity: .1;
-  --pf-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-global--spacer--3xl) * 2);
-  --pf-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-global--spacer--xs));
+.pf-v5-c-file-upload {
+  --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+  --pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
+  --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
+  --pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
+  --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
+  --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
   position: relative;
   display: flex;
   flex-direction: column;
 }
-.pf-c-file-upload.pf-m-drag-hover::before {
+.pf-v5-c-file-upload.pf-m-drag-hover::before {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: var(--pf-c-file-upload--m-drag-hover--before--ZIndex);
+  z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
   content: "";
-  border: var(--pf-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-c-file-upload--m-drag-hover--before--BorderColor);
+  border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
 }
-.pf-c-file-upload.pf-m-drag-hover::after {
+.pf-v5-c-file-upload.pf-m-drag-hover::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: "";
-  background-color: var(--pf-c-file-upload--m-drag-hover--after--BackgroundColor);
-  opacity: var(--pf-c-file-upload--m-drag-hover--after--Opacity);
+  background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
+  opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
 }
-.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details {
+.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
   position: relative;
 }
-.pf-c-file-upload.pf-m-loading .pf-c-file-upload__file-details::before {
+.pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
   position: absolute;
   top: 0;
-  right: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  bottom: var(--pf-c-file-upload--m-loading__file-details--before--Left);
-  left: var(--pf-c-file-upload--m-loading__file-details--before--Left);
+  right: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
+  bottom: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
+  left: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
   content: "";
-  background-color: var(--pf-c-file-upload--m-loading__file-details--before--BackgroundColor);
+  background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
 }
 
-.pf-c-file-upload__file-select .pf-c-button.pf-m-control {
-  outline-offset: var(--pf-c-file-upload__file-select__c-button--m-control--OutlineOffset);
+.pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
+  outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
 }
 
-.pf-c-file-upload__file-details {
+.pf-v5-c-file-upload__file-details {
   position: relative;
   display: flex;
 }
-.pf-c-file-upload__file-details .pf-c-form-control {
+.pf-v5-c-file-upload__file-details .pf-v5-c-form-control {
   flex: 1 1 auto;
-  min-height: var(--pf-c-file-upload__file-details__c-form-control--MinHeight);
+  min-height: var(--pf-v5-c-file-upload__file-details__c-form-control--MinHeight);
   border-top: 0;
 }
 
-.pf-c-file-upload__file-details-spinner {
+.pf-v5-c-file-upload__file-details-spinner {
   position: absolute;
   top: 50%;
   left: 50%;

package/css/components/FileUpload/file-upload.d.ts

@@ -1,11 +1,11 @@
 import './file-upload.css';
 declare const _default: {
-  "button": "pf-c-button",
-  "fileUpload": "pf-c-file-upload",
-  "fileUploadFileDetails": "pf-c-file-upload__file-details",
-  "fileUploadFileDetailsSpinner": "pf-c-file-upload__file-details-spinner",
-  "fileUploadFileSelect": "pf-c-file-upload__file-select",
-  "formControl": "pf-c-form-control",
+  "button": "pf-v5-c-button",
+  "fileUpload": "pf-v5-c-file-upload",
+  "fileUploadFileDetails": "pf-v5-c-file-upload__file-details",
+  "fileUploadFileDetailsSpinner": "pf-v5-c-file-upload__file-details-spinner",
+  "fileUploadFileSelect": "pf-v5-c-file-upload__file-select",
+  "formControl": "pf-v5-c-form-control",
   "modifiers": {
     "dragHover": "pf-m-drag-hover",
     "loading": "pf-m-loading",

package/css/components/FileUpload/file-upload.js

@@ -2,12 +2,12 @@
 exports.__esModule = true;
 require('./file-upload.css');
 exports.default = {
-  "button": "pf-c-button",
-  "fileUpload": "pf-c-file-upload",
-  "fileUploadFileDetails": "pf-c-file-upload__file-details",
-  "fileUploadFileDetailsSpinner": "pf-c-file-upload__file-details-spinner",
-  "fileUploadFileSelect": "pf-c-file-upload__file-select",
-  "formControl": "pf-c-form-control",
+  "button": "pf-v5-c-button",
+  "fileUpload": "pf-v5-c-file-upload",
+  "fileUploadFileDetails": "pf-v5-c-file-upload__file-details",
+  "fileUploadFileDetailsSpinner": "pf-v5-c-file-upload__file-details-spinner",
+  "fileUploadFileSelect": "pf-v5-c-file-upload__file-select",
+  "formControl": "pf-v5-c-form-control",
   "modifiers": {
     "dragHover": "pf-m-drag-hover",
     "loading": "pf-m-loading",

package/css/components/FileUpload/file-upload.mjs

@@ -1,11 +1,11 @@
 import './file-upload.css';
 export default {
-  "button": "pf-c-button",
-  "fileUpload": "pf-c-file-upload",
-  "fileUploadFileDetails": "pf-c-file-upload__file-details",
-  "fileUploadFileDetailsSpinner": "pf-c-file-upload__file-details-spinner",
-  "fileUploadFileSelect": "pf-c-file-upload__file-select",
-  "formControl": "pf-c-form-control",
+  "button": "pf-v5-c-button",
+  "fileUpload": "pf-v5-c-file-upload",
+  "fileUploadFileDetails": "pf-v5-c-file-upload__file-details",
+  "fileUploadFileDetailsSpinner": "pf-v5-c-file-upload__file-details-spinner",
+  "fileUploadFileSelect": "pf-v5-c-file-upload__file-select",
+  "formControl": "pf-v5-c-form-control",
   "modifiers": {
     "dragHover": "pf-m-drag-hover",
     "loading": "pf-m-loading",