@patternfly/react-styles 5.0.0-alpha.1 → 5.0.0-alpha.11

package/css/components/DragDrop/drag-drop.css

@@ -1,43 +1,43 @@
-.pf-c-draggable {
-  --pf-c-draggable--Cursor: auto;
-  --pf-c-draggable--m-dragging--Cursor: grabbing;
-  --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
-  --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
-  --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
-  cursor: var(--pf-c-draggable--Cursor);
-}
-.pf-c-draggable.pf-m-dragging {
-  --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
+.pf-v5-c-draggable {
+  --pf-v5-c-draggable--Cursor: auto;
+  --pf-v5-c-draggable--m-dragging--Cursor: grabbing;
+  --pf-v5-c-draggable--m-dragging--BoxShadow: var(--pf-v5-global--BoxShadow--md);
+  --pf-v5-c-draggable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
+  --pf-v5-c-draggable--m-drag-outside--Cursor: not-allowed;
+  --pf-v5-c-draggable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
+  cursor: var(--pf-v5-c-draggable--Cursor);
+}
+.pf-v5-c-draggable.pf-m-dragging {
+  --pf-v5-c-draggable--Cursor: var(--pf-v5-c-draggable--m-dragging--Cursor);
   position: relative;
-  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
-  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
+  background-color: var(--pf-v5-c-draggable--m-dragging--BackgroundColor);
+  box-shadow: var(--pf-v5-c-draggable--m-dragging--BoxShadow);
 }
-.pf-c-draggable.pf-m-dragging::after {
+.pf-v5-c-draggable.pf-m-dragging::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: "";
-  border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
+  border: var(--pf-v5-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-draggable--m-dragging--after--BorderColor);
 }
-.pf-c-draggable.pf-m-drag-outside {
-  --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
-  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
+.pf-v5-c-draggable.pf-m-drag-outside {
+  --pf-v5-c-draggable--m-dragging--Cursor: var(--pf-v5-c-draggable--m-drag-outside--Cursor);
+  --pf-v5-c-draggable--m-dragging--after--BorderColor: var(--pf-v5-c-draggable--m-drag-outside--after--BorderColor);
 }
 
-.pf-c-droppable {
-  --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
-  --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
-  --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
+.pf-v5-c-droppable {
+  --pf-v5-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
+  --pf-v5-c-droppable--m-dragging--after--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
+  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-global--active-color--100);
+  --pf-v5-c-droppable--m-drag-outside--after--BorderColor: var(--pf-v5-global--danger-color--100);
 }
-.pf-c-droppable.pf-m-dragging {
+.pf-v5-c-droppable.pf-m-dragging {
   position: relative;
 }
-.pf-c-droppable.pf-m-dragging::after {
+.pf-v5-c-droppable.pf-m-dragging::after {
   position: absolute;
   top: 0;
   right: 0;
@@ -46,10 +46,10 @@
   pointer-events: none;
   content: "";
 }
-.pf-c-droppable::after {
-  background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
-  border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
+.pf-v5-c-droppable::after {
+  background-color: var(--pf-v5-c-droppable--m-dragging--after--BackgroundColor);
+  border: var(--pf-v5-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-v5-c-droppable--m-dragging--after--BorderColor);
 }
-.pf-c-droppable.pf-m-drag-outside {
-  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
+.pf-v5-c-droppable.pf-m-drag-outside {
+  --pf-v5-c-droppable--m-dragging--after--BorderColor: var(--pf-v5-c-droppable--m-drag-outside--after--BorderColor);
 }

package/css/components/DragDrop/drag-drop.d.ts

@@ -1,7 +1,7 @@
 import './drag-drop.css';
 declare const _default: {
-  "draggable": "pf-c-draggable",
-  "droppable": "pf-c-droppable",
+  "draggable": "pf-v5-c-draggable",
+  "droppable": "pf-v5-c-droppable",
   "modifiers": {
     "dragging": "pf-m-dragging",
     "dragOutside": "pf-m-drag-outside"

package/css/components/DragDrop/drag-drop.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./drag-drop.css');
 exports.default = {
-  "draggable": "pf-c-draggable",
-  "droppable": "pf-c-droppable",
+  "draggable": "pf-v5-c-draggable",
+  "droppable": "pf-v5-c-droppable",
   "modifiers": {
     "dragging": "pf-m-dragging",
     "dragOutside": "pf-m-drag-outside"

package/css/components/DragDrop/drag-drop.mjs

@@ -1,7 +1,7 @@
 import './drag-drop.css';
 export default {
-  "draggable": "pf-c-draggable",
-  "droppable": "pf-c-droppable",
+  "draggable": "pf-v5-c-draggable",
+  "droppable": "pf-v5-c-droppable",
   "modifiers": {
     "dragging": "pf-m-dragging",
     "dragOutside": "pf-m-drag-outside"