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

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",
@@ -46,13 +46,13 @@ declare const _default: {
     "truncate": "pf-m-truncate",
     "breakWord": "pf-m-break-word",
     "nowrap": "pf-m-nowrap",
-    "selectable": "pf-m-selectable",
+    "clickable": "pf-m-clickable",
     "selected": "pf-m-selected",
     "ghostRow": "pf-m-ghost-row",
     "expanded": "pf-m-expanded",
     "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",
@@ -48,12 +48,12 @@ exports.default = {
     "truncate": "pf-m-truncate",
     "breakWord": "pf-m-break-word",
     "nowrap": "pf-m-nowrap",
-    "selectable": "pf-m-selectable",
+    "clickable": "pf-m-clickable",
     "selected": "pf-m-selected",
     "ghostRow": "pf-m-ghost-row",
     "expanded": "pf-m-expanded",
     "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",
@@ -46,12 +46,12 @@ export default {
     "truncate": "pf-m-truncate",
     "breakWord": "pf-m-break-word",
     "nowrap": "pf-m-nowrap",
-    "selectable": "pf-m-selectable",
+    "clickable": "pf-m-clickable",
     "selected": "pf-m-selected",
     "ghostRow": "pf-m-ghost-row",
     "expanded": "pf-m-expanded",
     "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,57 +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__helper-text--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-date-picker__helper-text--Color: var(--pf-global--Color--100);
-  --pf-c-date-picker__helper-text--m-error--Color: var(--pf-global--danger-color--100);
-  --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);
-  font-size: var(--pf-c-date-picker__helper-text--FontSize);
-  color: var(--pf-c-date-picker__helper-text--Color);
-}
-.pf-c-date-picker__helper-text.pf-m-error {
-  --pf-c-date-picker__helper-text--Color: var(--pf-c-date-picker__helper-text--m-error--Color);
+.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);
-}
-.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-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-c-date-picker__calendar.pf-m-static {
-  --pf-c-date-picker--m-top__calendar--TranslateY: 0;
+  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-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-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-v5-c-date-picker__calendar.pf-m-static {
+  --pf-v5-c-date-picker--m-top__calendar--TranslateY: 0;
   position: static;
   top: auto;
   right: auto;
@@ -61,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,16 +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": {
-    "error": "pf-m-error",
     "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,16 +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": {
-    "error": "pf-m-error",
     "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,15 +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": {
-    "error": "pf-m-error",
     "alignRight": "pf-m-align-right",
     "top": "pf-m-top",
     "static": "pf-m-static"
   },
-  "themeDark": "pf-theme-dark"
+  "themeDark": "pf-v5-theme-dark"
 };