@patternfly/react-core 4.237.3 → 4.237.4

package/dist/umd/react-core.min.css

@@ -10626,6 +10626,92 @@ button.pf-c-label__content:focus {
   --pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-global--palette--cyan-100);
 }
 
+.pf-c-list {
+  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
+  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
+  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
+  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
+  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list__item-icon--MarginTop: 0.375rem;
+  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
+  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
+  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
+  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
+  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
+  padding-left: var(--pf-c-list--PaddingLeft);
+}
+
+.pf-c-list ol,
+.pf-c-list ul {
+  margin-top: var(--pf-c-list--nested--MarginTop);
+  margin-left: var(--pf-c-list--nested--MarginLeft);
+}
+
+.pf-c-list li + li {
+  margin-top: var(--pf-c-list--li--MarginTop);
+}
+
+ul.pf-c-list {
+  list-style: var(--pf-c-list--ul--ListStyle);
+}
+
+.pf-c-list .pf-c-list__item {
+  display: flex;
+}
+
+.pf-c-list .pf-c-list__item-icon {
+  flex-shrink: 0;
+  min-width: var(--pf-c-list__item-icon--MinWidth);
+  margin-top: var(--pf-c-list__item-icon--MarginTop);
+  margin-right: var(--pf-c-list__item-icon--MarginRight);
+  font-size: var(--pf-c-list__item-icon--FontSize);
+  line-height: 1;
+  color: var(--pf-c-list__item-icon--Color);
+}
+
+.pf-c-list.pf-m-icon-lg {
+  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
+  --pf-c-list__item-icon--MarginTop: 0;
+  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
+  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
+}
+
+.pf-c-list.pf-m-plain {
+  --pf-c-list--PaddingLeft: 0;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline {
+  --pf-c-list--PaddingLeft: 0;
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+}
+
+.pf-c-list.pf-m-inline li {
+  --pf-c-list--li--MarginTop: 0;
+}
+
+.pf-c-list.pf-m-inline li:not(:last-child) {
+  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
+}
+
+.pf-c-list.pf-m-bordered > * {
+  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
+  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
+}
+
+.pf-c-list.pf-m-bordered > :last-child {
+  --pf-c-list--m-bordered--li--PaddingBottom: 0;
+  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
+}
+
 .pf-c-label-group {
   --pf-c-label-group__list--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);
   --pf-c-label-group__list--MarginRight: calc(var(--pf-global--spacer--xs) * -1);
@@ -10770,92 +10856,6 @@ button.pf-c-label__content:focus {
   display: none;
 }
 
-.pf-c-list {
-  --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--nested--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-list--ul--ListStyle: var(--pf-global--ListStyle);
-  --pf-c-list--li--MarginTop: var(--pf-global--spacer--sm);
-  --pf-c-list--m-inline--li--MarginRight: var(--pf-global--spacer--lg);
-  --pf-c-list--m-bordered--li--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-list--m-bordered--li--BorderBottomColor: var(--pf-global--BorderColor--100);
-  --pf-c-list--m-bordered--li--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-list__item-icon--MinWidth: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list__item-icon--MarginTop: 0.375rem;
-  --pf-c-list__item-icon--MarginRight: var(--pf-global--spacer--sm);
-  --pf-c-list__item-icon--Color: var(--pf-global--icon--Color--light);
-  --pf-c-list__item-icon--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-list--m-icon-lg__item-icon--MinWidth: var(--pf-global--icon--FontSize--lg);
-  --pf-c-list--m-icon-lg__item-icon--MarginRight: var(--pf-global--spacer--md);
-  --pf-c-list--m-icon-lg__item-icon--FontSize: var(--pf-global--icon--FontSize--lg);
-  padding-left: var(--pf-c-list--PaddingLeft);
-}
-
-.pf-c-list ol,
-.pf-c-list ul {
-  margin-top: var(--pf-c-list--nested--MarginTop);
-  margin-left: var(--pf-c-list--nested--MarginLeft);
-}
-
-.pf-c-list li + li {
-  margin-top: var(--pf-c-list--li--MarginTop);
-}
-
-ul.pf-c-list {
-  list-style: var(--pf-c-list--ul--ListStyle);
-}
-
-.pf-c-list .pf-c-list__item {
-  display: flex;
-}
-
-.pf-c-list .pf-c-list__item-icon {
-  flex-shrink: 0;
-  min-width: var(--pf-c-list__item-icon--MinWidth);
-  margin-top: var(--pf-c-list__item-icon--MarginTop);
-  margin-right: var(--pf-c-list__item-icon--MarginRight);
-  font-size: var(--pf-c-list__item-icon--FontSize);
-  line-height: 1;
-  color: var(--pf-c-list__item-icon--Color);
-}
-
-.pf-c-list.pf-m-icon-lg {
-  --pf-c-list__item-icon--MinWidth: var(--pf-c-list--m-icon-lg__item-icon--MinWidth);
-  --pf-c-list__item-icon--MarginTop: 0;
-  --pf-c-list__item-icon--MarginRight: var(--pf-c-list--m-icon-lg__item-icon--MarginRight);
-  --pf-c-list__item-icon--FontSize: var(--pf-c-list--m-icon-lg__item-icon--FontSize);
-}
-
-.pf-c-list.pf-m-plain {
-  --pf-c-list--PaddingLeft: 0;
-  list-style: none;
-}
-
-.pf-c-list.pf-m-inline {
-  --pf-c-list--PaddingLeft: 0;
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-}
-
-.pf-c-list.pf-m-inline li {
-  --pf-c-list--li--MarginTop: 0;
-}
-
-.pf-c-list.pf-m-inline li:not(:last-child) {
-  margin-right: var(--pf-c-list--m-inline--li--MarginRight);
-}
-
-.pf-c-list.pf-m-bordered > * {
-  padding-bottom: var(--pf-c-list--m-bordered--li--PaddingBottom);
-  border-bottom: var(--pf-c-list--m-bordered--li--BorderBottomWidth) solid var(--pf-c-list--m-bordered--li--BorderBottomColor);
-}
-
-.pf-c-list.pf-m-bordered > :last-child {
-  --pf-c-list--m-bordered--li--PaddingBottom: 0;
-  --pf-c-list--m-bordered--li--BorderBottomWidth: 0;
-}
-
 .pf-c-login__footer, .pf-c-login__header {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);
@@ -18651,20 +18651,6 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--400);
 }
 
-.pf-c-skip-to-content {
-  --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
-  --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
-  --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
-  position: absolute;
-  top: var(--pf-c-skip-to-content--Top);
-  left: -300%;
-  z-index: var(--pf-c-skip-to-content--ZIndex);
-}
-
-.pf-c-skip-to-content:focus {
-  left: var(--pf-c-skip-to-content--focus--Left);
-}
-
 .pf-c-skeleton {
   --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-skeleton--Width: auto;
@@ -18861,6 +18847,20 @@ label.pf-c-radio, .pf-c-radio__label,
   --pf-c-skeleton--after--LinearGradientColorStop3: var(--pf-global--palette--black-600);
 }
 
+.pf-c-skip-to-content {
+  --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
+  --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
+  --pf-c-skip-to-content--focus--Left: var(--pf-global--spacer--md);
+  position: absolute;
+  top: var(--pf-c-skip-to-content--Top);
+  left: -300%;
+  z-index: var(--pf-c-skip-to-content--ZIndex);
+}
+
+.pf-c-skip-to-content:focus {
+  left: var(--pf-c-skip-to-content--focus--Left);
+}
+
 .pf-c-slider {
   --pf-c-slider--value: 0;
   --pf-c-slider__rail--PaddingTop: var(--pf-global--spacer--md);
@@ -19469,45 +19469,6 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-switch__toggle--before--BoxShadow: none;
 }
 
-.pf-c-tab-content {
-  --pf-c-tab-content__body--PaddingTop: 0;
-  --pf-c-tab-content__body--PaddingRight: 0;
-  --pf-c-tab-content__body--PaddingBottom: 0;
-  --pf-c-tab-content__body--PaddingLeft: 0;
-  --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
-  --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
-  --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
-  --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
-  --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
-}
-
-@media screen and (min-width: 1200px) {
-  .pf-c-tab-content {
-    --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
-    --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
-    --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
-    --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
-  }
-}
-.pf-c-tab-content.pf-m-light-300 {
-  background-color: var(--pf-c-tab-content--m-light-300);
-}
-
-.pf-c-tab-content__body {
-  padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
-}
-
-.pf-c-tab-content__body.pf-m-padding {
-  --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
-  --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
-  --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
-  --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
-}
-
 .pf-c-tabs {
   --pf-c-tabs--inset: 0;
   --pf-c-tabs--Width: auto;
@@ -20478,6 +20439,45 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
 }
 
+.pf-c-tab-content {
+  --pf-c-tab-content__body--PaddingTop: 0;
+  --pf-c-tab-content__body--PaddingRight: 0;
+  --pf-c-tab-content__body--PaddingBottom: 0;
+  --pf-c-tab-content__body--PaddingLeft: 0;
+  --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-tab-content__body--m-padding--xl--PaddingTop: var(--pf-global--spacer--lg);
+  --pf-c-tab-content__body--m-padding--xl--PaddingRight: var(--pf-global--spacer--lg);
+  --pf-c-tab-content__body--m-padding--xl--PaddingBottom: var(--pf-global--spacer--lg);
+  --pf-c-tab-content__body--m-padding--xl--PaddingLeft: var(--pf-global--spacer--lg);
+  --pf-c-tab-content--m-light-300: var(--pf-global--BackgroundColor--light-300);
+}
+
+@media screen and (min-width: 1200px) {
+  .pf-c-tab-content {
+    --pf-c-tab-content__body--m-padding--PaddingTop: var(--pf-c-tab-content__body--m-padding--xl--PaddingTop);
+    --pf-c-tab-content__body--m-padding--PaddingRight: var(--pf-c-tab-content__body--m-padding--xl--PaddingRight);
+    --pf-c-tab-content__body--m-padding--PaddingBottom: var(--pf-c-tab-content__body--m-padding--xl--PaddingBottom);
+    --pf-c-tab-content__body--m-padding--PaddingLeft: var(--pf-c-tab-content__body--m-padding--xl--PaddingLeft);
+  }
+}
+.pf-c-tab-content.pf-m-light-300 {
+  background-color: var(--pf-c-tab-content--m-light-300);
+}
+
+.pf-c-tab-content__body {
+  padding: var(--pf-c-tab-content__body--PaddingTop) var(--pf-c-tab-content__body--PaddingRight) var(--pf-c-tab-content__body--PaddingBottom) var(--pf-c-tab-content__body--PaddingLeft);
+}
+
+.pf-c-tab-content__body.pf-m-padding {
+  --pf-c-tab-content__body--PaddingTop: var(--pf-c-tab-content__body--m-padding--PaddingTop);
+  --pf-c-tab-content__body--PaddingRight: var(--pf-c-tab-content__body--m-padding--PaddingRight);
+  --pf-c-tab-content__body--PaddingBottom: var(--pf-c-tab-content__body--m-padding--PaddingBottom);
+  --pf-c-tab-content__body--PaddingLeft: var(--pf-c-tab-content__body--m-padding--PaddingLeft);
+}
+
 .pf-c-content {
   --pf-c-content--MarginBottom: var(--pf-global--spacer--md);
   --pf-c-content--LineHeight: var(--pf-global--LineHeight--md);
@@ -20920,6 +20920,44 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tile--m-disabled__body--Color: var(--pf-global--disabled-color--300);
 }
 
+.pf-c-timestamp {
+  --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-timestamp--Color: var(--pf-global--Color--200);
+  --pf-c-timestamp--OutlineOffset: 0.1875rem;
+  --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
+  --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
+  --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
+  --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
+  --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
+  --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
+  display: inline-block;
+  font-size: var(--pf-c-timestamp--FontSize);
+  color: var(--pf-c-timestamp--Color);
+  outline-offset: var(--pf-c-timestamp--OutlineOffset);
+}
+
+.pf-c-timestamp.pf-m-help-text {
+  cursor: pointer;
+  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
+  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
+  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
+  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
+  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
+}
+
+.pf-c-timestamp.pf-m-help-text:hover {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
+}
+
+.pf-c-timestamp.pf-m-help-text:focus {
+  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
+  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
+}
+
 .pf-c-title {
   --pf-c-title--FontFamily: var(--pf-global--FontFamily--heading--sans-serif);
   --pf-c-title--m-4xl--LineHeight: var(--pf-global--LineHeight--sm);
@@ -20985,44 +21023,6 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-title--m-lg--FontWeight: var(--pf-global--FontWeight--semi-bold);
 }
 
-.pf-c-timestamp {
-  --pf-c-timestamp--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-timestamp--Color: var(--pf-global--Color--200);
-  --pf-c-timestamp--OutlineOffset: 0.1875rem;
-  --pf-c-timestamp--m-help-text--TextDecorationLine: underline;
-  --pf-c-timestamp--m-help-text--TextDecorationStyle: dashed;
-  --pf-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-global--BorderWidth--sm);
-  --pf-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
-  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-global--BorderColor--200);
-  --pf-c-timestamp--m-help-text--hover--Color: var(--pf-global--Color--100);
-  --pf-c-timestamp--m-help-text--focus--Color: var(--pf-global--Color--100);
-  --pf-c-timestamp--m-help-text--hover--TextDecorationColor: var(--pf-global--Color--100);
-  --pf-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-global--Color--100);
-  display: inline-block;
-  font-size: var(--pf-c-timestamp--FontSize);
-  color: var(--pf-c-timestamp--Color);
-  outline-offset: var(--pf-c-timestamp--OutlineOffset);
-}
-
-.pf-c-timestamp.pf-m-help-text {
-  cursor: pointer;
-  text-decoration-line: var(--pf-c-timestamp--m-help-text--TextDecorationLine);
-  text-decoration-style: var(--pf-c-timestamp--m-help-text--TextDecorationStyle);
-  text-decoration-thickness: var(--pf-c-timestamp--m-help-text--TextDecorationThickness);
-  text-underline-offset: var(--pf-c-timestamp--m-help-text--TextUnderlineOffset);
-  text-decoration-color: var(--pf-c-timestamp--m-help-text--TextDecorationColor);
-}
-
-.pf-c-timestamp.pf-m-help-text:hover {
-  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--hover--Color);
-  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--hover--TextDecorationColor);
-}
-
-.pf-c-timestamp.pf-m-help-text:focus {
-  --pf-c-timestamp--Color: var(--pf-c-timestamp--m-help-text--focus--Color);
-  --pf-c-timestamp--m-help-text--TextDecorationColor: var(--pf-c-timestamp--m-help-text--focus--TextDecorationColor);
-}
-
 .pf-c-toggle-group {
   --pf-c-toggle-group__button--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-toggle-group__button--PaddingRight: var(--pf-global--spacer--md);
@@ -23761,6 +23761,69 @@ label.pf-c-tree-view__node-text {
   color: var(--pf-global--Color--100);
 }
 
+.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);
+  position: relative;
+  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
+  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
+}
+
+.pf-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);
+}
+
+.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-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-c-droppable.pf-m-dragging {
+  position: relative;
+}
+
+.pf-c-droppable.pf-m-dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  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-c-droppable.pf-m-drag-outside {
+  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
+}
+
 .pf-c-text-input-group {
   --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -23933,69 +23996,6 @@ label.pf-c-tree-view__node-text {
   display: flex;
 }
 
-.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);
-  position: relative;
-  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
-  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
-}
-
-.pf-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);
-}
-
-.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-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-c-droppable.pf-m-dragging {
-  position: relative;
-}
-
-.pf-c-droppable.pf-m-dragging::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  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-c-droppable.pf-m-drag-outside {
-  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
-}
-
 .pf-c-panel {
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;