@patternfly/react-styles 5.0.0-alpha.9 → 5.0.0-prerelease.1

package/css/components/DataList/data-list.d.ts

@@ -1,21 +1,21 @@
 import './data-list.css';
 declare const _default: {
-  "dataList": "pf-c-data-list",
-  "dataListAction": "pf-c-data-list__action",
-  "dataListCell": "pf-c-data-list__cell",
-  "dataListCheck": "pf-c-data-list__check",
-  "dataListExpandableContent": "pf-c-data-list__expandable-content",
-  "dataListExpandableContentBody": "pf-c-data-list__expandable-content-body",
-  "dataListItem": "pf-c-data-list__item",
-  "dataListItemAction": "pf-c-data-list__item-action",
-  "dataListItemContent": "pf-c-data-list__item-content",
-  "dataListItemControl": "pf-c-data-list__item-control",
-  "dataListItemDraggableButton": "pf-c-data-list__item-draggable-button",
-  "dataListItemDraggableIcon": "pf-c-data-list__item-draggable-icon",
-  "dataListItemRow": "pf-c-data-list__item-row",
-  "dataListText": "pf-c-data-list__text",
-  "dataListToggle": "pf-c-data-list__toggle",
-  "dataListToggleIcon": "pf-c-data-list__toggle-icon",
+  "dataList": "pf-v5-c-data-list",
+  "dataListAction": "pf-v5-c-data-list__action",
+  "dataListCell": "pf-v5-c-data-list__cell",
+  "dataListCheck": "pf-v5-c-data-list__check",
+  "dataListExpandableContent": "pf-v5-c-data-list__expandable-content",
+  "dataListExpandableContentBody": "pf-v5-c-data-list__expandable-content-body",
+  "dataListItem": "pf-v5-c-data-list__item",
+  "dataListItemAction": "pf-v5-c-data-list__item-action",
+  "dataListItemContent": "pf-v5-c-data-list__item-content",
+  "dataListItemControl": "pf-v5-c-data-list__item-control",
+  "dataListItemDraggableButton": "pf-v5-c-data-list__item-draggable-button",
+  "dataListItemDraggableIcon": "pf-v5-c-data-list__item-draggable-icon",
+  "dataListItemRow": "pf-v5-c-data-list__item-row",
+  "dataListText": "pf-v5-c-data-list__text",
+  "dataListToggle": "pf-v5-c-data-list__toggle",
+  "dataListToggleIcon": "pf-v5-c-data-list__toggle-icon",
   "modifiers": {
     "hidden": "pf-m-hidden",
     "hiddenOnSm": "pf-m-hidden-on-sm",
@@ -53,6 +53,6 @@ declare const _default: {
     "disabled": "pf-m-disabled",
     "noPadding": "pf-m-no-padding"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/DataList/data-list.js

@@ -2,22 +2,22 @@
 exports.__esModule = true;
 require('./data-list.css');
 exports.default = {
-  "dataList": "pf-c-data-list",
-  "dataListAction": "pf-c-data-list__action",
-  "dataListCell": "pf-c-data-list__cell",
-  "dataListCheck": "pf-c-data-list__check",
-  "dataListExpandableContent": "pf-c-data-list__expandable-content",
-  "dataListExpandableContentBody": "pf-c-data-list__expandable-content-body",
-  "dataListItem": "pf-c-data-list__item",
-  "dataListItemAction": "pf-c-data-list__item-action",
-  "dataListItemContent": "pf-c-data-list__item-content",
-  "dataListItemControl": "pf-c-data-list__item-control",
-  "dataListItemDraggableButton": "pf-c-data-list__item-draggable-button",
-  "dataListItemDraggableIcon": "pf-c-data-list__item-draggable-icon",
-  "dataListItemRow": "pf-c-data-list__item-row",
-  "dataListText": "pf-c-data-list__text",
-  "dataListToggle": "pf-c-data-list__toggle",
-  "dataListToggleIcon": "pf-c-data-list__toggle-icon",
+  "dataList": "pf-v5-c-data-list",
+  "dataListAction": "pf-v5-c-data-list__action",
+  "dataListCell": "pf-v5-c-data-list__cell",
+  "dataListCheck": "pf-v5-c-data-list__check",
+  "dataListExpandableContent": "pf-v5-c-data-list__expandable-content",
+  "dataListExpandableContentBody": "pf-v5-c-data-list__expandable-content-body",
+  "dataListItem": "pf-v5-c-data-list__item",
+  "dataListItemAction": "pf-v5-c-data-list__item-action",
+  "dataListItemContent": "pf-v5-c-data-list__item-content",
+  "dataListItemControl": "pf-v5-c-data-list__item-control",
+  "dataListItemDraggableButton": "pf-v5-c-data-list__item-draggable-button",
+  "dataListItemDraggableIcon": "pf-v5-c-data-list__item-draggable-icon",
+  "dataListItemRow": "pf-v5-c-data-list__item-row",
+  "dataListText": "pf-v5-c-data-list__text",
+  "dataListToggle": "pf-v5-c-data-list__toggle",
+  "dataListToggleIcon": "pf-v5-c-data-list__toggle-icon",
   "modifiers": {
     "hidden": "pf-m-hidden",
     "hiddenOnSm": "pf-m-hidden-on-sm",
@@ -55,5 +55,5 @@ exports.default = {
     "disabled": "pf-m-disabled",
     "noPadding": "pf-m-no-padding"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/DataList/data-list.mjs

@@ -1,21 +1,21 @@
 import './data-list.css';
 export default {
-  "dataList": "pf-c-data-list",
-  "dataListAction": "pf-c-data-list__action",
-  "dataListCell": "pf-c-data-list__cell",
-  "dataListCheck": "pf-c-data-list__check",
-  "dataListExpandableContent": "pf-c-data-list__expandable-content",
-  "dataListExpandableContentBody": "pf-c-data-list__expandable-content-body",
-  "dataListItem": "pf-c-data-list__item",
-  "dataListItemAction": "pf-c-data-list__item-action",
-  "dataListItemContent": "pf-c-data-list__item-content",
-  "dataListItemControl": "pf-c-data-list__item-control",
-  "dataListItemDraggableButton": "pf-c-data-list__item-draggable-button",
-  "dataListItemDraggableIcon": "pf-c-data-list__item-draggable-icon",
-  "dataListItemRow": "pf-c-data-list__item-row",
-  "dataListText": "pf-c-data-list__text",
-  "dataListToggle": "pf-c-data-list__toggle",
-  "dataListToggleIcon": "pf-c-data-list__toggle-icon",
+  "dataList": "pf-v5-c-data-list",
+  "dataListAction": "pf-v5-c-data-list__action",
+  "dataListCell": "pf-v5-c-data-list__cell",
+  "dataListCheck": "pf-v5-c-data-list__check",
+  "dataListExpandableContent": "pf-v5-c-data-list__expandable-content",
+  "dataListExpandableContentBody": "pf-v5-c-data-list__expandable-content-body",
+  "dataListItem": "pf-v5-c-data-list__item",
+  "dataListItemAction": "pf-v5-c-data-list__item-action",
+  "dataListItemContent": "pf-v5-c-data-list__item-content",
+  "dataListItemControl": "pf-v5-c-data-list__item-control",
+  "dataListItemDraggableButton": "pf-v5-c-data-list__item-draggable-button",
+  "dataListItemDraggableIcon": "pf-v5-c-data-list__item-draggable-icon",
+  "dataListItemRow": "pf-v5-c-data-list__item-row",
+  "dataListText": "pf-v5-c-data-list__text",
+  "dataListToggle": "pf-v5-c-data-list__toggle",
+  "dataListToggleIcon": "pf-v5-c-data-list__toggle-icon",
   "modifiers": {
     "hidden": "pf-m-hidden",
     "hiddenOnSm": "pf-m-hidden-on-sm",
@@ -53,5 +53,5 @@ export default {
     "disabled": "pf-m-disabled",
     "noPadding": "pf-m-no-padding"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/DatePicker/date-picker.css

@@ -1,49 +1,49 @@
-.pf-c-date-picker {
-  --pf-c-date-picker--m-top__calendar--Top: 0;
-  --pf-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-global--spacer--xs));
-  --pf-c-date-picker__helper-text--MarginTop: var(--pf-global--spacer--xs);
-  --pf-c-date-picker__input--c-form-control--Width: calc(var(--pf-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-c-date-picker__input--c-form-control--width-base));
-  --pf-c-date-picker__input--c-form-control--width-base: calc(var(--pf-global--spacer--xl) + var(--pf-global--spacer--sm));
-  --pf-c-date-picker__input--c-form-control--width-chars: 10;
-  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-date-picker__calendar--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-date-picker__calendar--ZIndex: var(--pf-global--ZIndex--sm);
-  --pf-c-date-picker__calendar--Top: calc(100% + var(--pf-global--spacer--xs));
-  --pf-c-date-picker__calendar--Right: auto;
-  --pf-c-date-picker__calendar--Left: 0;
-  --pf-c-date-picker__calendar--m-align-right--Right: 0;
-  --pf-c-date-picker__calendar--m-align-right--Left: auto;
+.pf-v5-c-date-picker {
+  --pf-v5-c-date-picker--m-top__calendar--Top: 0;
+  --pf-v5-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-v5-global--spacer--xs));
+  --pf-v5-c-date-picker__helper-text--MarginTop: var(--pf-v5-global--spacer--xs);
+  --pf-v5-c-date-picker__input--c-form-control--Width: calc(var(--pf-v5-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v5-c-date-picker__input--c-form-control--width-base));
+  --pf-v5-c-date-picker__input--c-form-control--width-base: calc(var(--pf-v5-global--spacer--xl) + var(--pf-v5-global--spacer--sm));
+  --pf-v5-c-date-picker__input--c-form-control--width-chars: 10;
+  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-100);
+  --pf-v5-c-date-picker__calendar--BoxShadow: var(--pf-v5-global--BoxShadow--md);
+  --pf-v5-c-date-picker__calendar--ZIndex: var(--pf-v5-global--ZIndex--sm);
+  --pf-v5-c-date-picker__calendar--Top: calc(100% + var(--pf-v5-global--spacer--xs));
+  --pf-v5-c-date-picker__calendar--Right: auto;
+  --pf-v5-c-date-picker__calendar--Left: 0;
+  --pf-v5-c-date-picker__calendar--m-align-right--Right: 0;
+  --pf-v5-c-date-picker__calendar--m-align-right--Left: auto;
   position: relative;
   display: inline-block;
 }
 
-.pf-c-date-picker__helper-text {
-  margin-top: var(--pf-c-date-picker__helper-text--MarginTop);
+.pf-v5-c-date-picker__helper-text {
+  margin-top: var(--pf-v5-c-date-picker__helper-text--MarginTop);
 }
 
-.pf-c-date-picker__input .pf-c-form-control {
-  width: var(--pf-c-date-picker__input--c-form-control--Width);
+.pf-v5-c-date-picker__input .pf-v5-c-form-control {
+  width: var(--pf-v5-c-date-picker__input--c-form-control--Width);
 }
 
-.pf-c-date-picker__calendar {
+.pf-v5-c-date-picker__calendar {
   position: absolute;
-  top: var(--pf-c-date-picker__calendar--Top);
-  right: var(--pf-c-date-picker__calendar--Right);
-  left: var(--pf-c-date-picker__calendar--Left);
-  z-index: var(--pf-c-date-picker__calendar--ZIndex);
-  background-color: var(--pf-c-date-picker__calendar--BackgroundColor);
-  box-shadow: var(--pf-c-date-picker__calendar--BoxShadow);
+  top: var(--pf-v5-c-date-picker__calendar--Top);
+  right: var(--pf-v5-c-date-picker__calendar--Right);
+  left: var(--pf-v5-c-date-picker__calendar--Left);
+  z-index: var(--pf-v5-c-date-picker__calendar--ZIndex);
+  background-color: var(--pf-v5-c-date-picker__calendar--BackgroundColor);
+  box-shadow: var(--pf-v5-c-date-picker__calendar--BoxShadow);
 }
-.pf-c-date-picker__calendar.pf-m-align-right {
-  --pf-c-date-picker__calendar--Right: var(--pf-c-date-picker__calendar--m-align-right--Right);
-  --pf-c-date-picker__calendar--Left: var(--pf-c-date-picker__calendar--m-align-right--Left);
+.pf-v5-c-date-picker__calendar.pf-m-align-right {
+  --pf-v5-c-date-picker__calendar--Right: var(--pf-v5-c-date-picker__calendar--m-align-right--Right);
+  --pf-v5-c-date-picker__calendar--Left: var(--pf-v5-c-date-picker__calendar--m-align-right--Left);
 }
-.pf-c-date-picker.pf-m-top .pf-c-date-picker__calendar {
-  --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
-  transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
+.pf-v5-c-date-picker.pf-m-top .pf-v5-c-date-picker__calendar {
+  --pf-v5-c-date-picker__calendar--Top: var(--pf-v5-c-date-picker--m-top__calendar--Top);
+  transform: translateY(var(--pf-v5-c-date-picker--m-top__calendar--TranslateY));
 }
-.pf-c-date-picker__calendar.pf-m-static {
-  --pf-c-date-picker--m-top__calendar--TranslateY: 0;
+.pf-v5-c-date-picker__calendar.pf-m-static {
+  --pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
   position: static;
   top: auto;
   right: auto;
@@ -53,7 +53,7 @@
   min-width: min-content;
 }
 
-:where(.pf-theme-dark) .pf-c-date-picker {
-  --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);
-  --pf-c-date-picker__calendar--Top: 100%;
+:where(.pf-v5-theme-dark) .pf-v5-c-date-picker {
+  --pf-v5-c-date-picker__calendar--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
+  --pf-v5-c-date-picker__calendar--Top: 100%;
 }

package/css/components/DatePicker/date-picker.d.ts

@@ -1,15 +1,15 @@
 import './date-picker.css';
 declare const _default: {
-  "datePicker": "pf-c-date-picker",
-  "datePickerCalendar": "pf-c-date-picker__calendar",
-  "datePickerHelperText": "pf-c-date-picker__helper-text",
-  "datePickerInput": "pf-c-date-picker__input",
-  "formControl": "pf-c-form-control",
+  "datePicker": "pf-v5-c-date-picker",
+  "datePickerCalendar": "pf-v5-c-date-picker__calendar",
+  "datePickerHelperText": "pf-v5-c-date-picker__helper-text",
+  "datePickerInput": "pf-v5-c-date-picker__input",
+  "formControl": "pf-v5-c-form-control",
   "modifiers": {
     "alignRight": "pf-m-align-right",
     "top": "pf-m-top",
     "static": "pf-m-static"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/DatePicker/date-picker.js

@@ -2,15 +2,15 @@
 exports.__esModule = true;
 require('./date-picker.css');
 exports.default = {
-  "datePicker": "pf-c-date-picker",
-  "datePickerCalendar": "pf-c-date-picker__calendar",
-  "datePickerHelperText": "pf-c-date-picker__helper-text",
-  "datePickerInput": "pf-c-date-picker__input",
-  "formControl": "pf-c-form-control",
+  "datePicker": "pf-v5-c-date-picker",
+  "datePickerCalendar": "pf-v5-c-date-picker__calendar",
+  "datePickerHelperText": "pf-v5-c-date-picker__helper-text",
+  "datePickerInput": "pf-v5-c-date-picker__input",
+  "formControl": "pf-v5-c-form-control",
   "modifiers": {
     "alignRight": "pf-m-align-right",
     "top": "pf-m-top",
     "static": "pf-m-static"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/DatePicker/date-picker.mjs

@@ -1,14 +1,14 @@
 import './date-picker.css';
 export default {
-  "datePicker": "pf-c-date-picker",
-  "datePickerCalendar": "pf-c-date-picker__calendar",
-  "datePickerHelperText": "pf-c-date-picker__helper-text",
-  "datePickerInput": "pf-c-date-picker__input",
-  "formControl": "pf-c-form-control",
+  "datePicker": "pf-v5-c-date-picker",
+  "datePickerCalendar": "pf-v5-c-date-picker__calendar",
+  "datePickerHelperText": "pf-v5-c-date-picker__helper-text",
+  "datePickerInput": "pf-v5-c-date-picker__input",
+  "formControl": "pf-v5-c-form-control",
   "modifiers": {
     "alignRight": "pf-m-align-right",
     "top": "pf-m-top",
     "static": "pf-m-static"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };