@patternfly/react-core 4.255.2 → 4.256.0

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

@@ -9425,143 +9425,6 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-hint--BorderColor: var(--pf-global--BorderColor--300);
 }
 
-.pf-c-icon {
-  --pf-c-icon--Width: var(--pf-global--icon--FontSize--md);
-  --pf-c-icon--Height: var(--pf-global--icon--FontSize--md);
-  --pf-c-icon--m-inline--Width: 1em;
-  --pf-c-icon--m-inline--Height: 1em;
-  --pf-c-icon--m-sm--Width: var(--pf-global--icon--FontSize--sm);
-  --pf-c-icon--m-md--Width: var(--pf-global--icon--FontSize--md);
-  --pf-c-icon--m-lg--Width: var(--pf-global--icon--FontSize--lg);
-  --pf-c-icon--m-xl--Width: var(--pf-global--icon--FontSize--xl);
-  --pf-c-icon--m-sm--Height: var(--pf-global--icon--FontSize--sm);
-  --pf-c-icon--m-md--Height: var(--pf-global--icon--FontSize--md);
-  --pf-c-icon--m-lg--Height: var(--pf-global--icon--FontSize--lg);
-  --pf-c-icon--m-xl--Height: var(--pf-global--icon--FontSize--xl);
-  --pf-c-icon__content--Color: var(--pf-global--icon--Color--dark);
-  --pf-c-icon__content--m-danger--Color: var(--pf-global--danger-color--100);
-  --pf-c-icon__content--m-warning--Color: var(--pf-global--warning-color--100);
-  --pf-c-icon__content--m-success--Color: var(--pf-global--success-color--100);
-  --pf-c-icon__content--m-info--Color: var(--pf-global--info-color--100);
-  --pf-c-icon__content--m-default--Color: var(--pf-global--default-color--100);
-  --pf-c-icon__content--FontSize: var(--pf-global--icon--FontSize--md);
-  --pf-c-icon--m-inline__content--FontSize: 1em;
-  --pf-c-icon__content--svg--VerticalAlign: -.125em;
-  --pf-c-icon--m-sm--content--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-icon--m-md--content--FontSize: var(--pf-global--icon--FontSize--md);
-  --pf-c-icon--m-lg--content--FontSize: var(--pf-global--icon--FontSize--lg);
-  --pf-c-icon--m-xl--content--FontSize: var(--pf-global--icon--FontSize--xl);
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--pf-c-icon--Width);
-  height: var(--pf-c-icon--Height);
-}
-
-.pf-c-icon.pf-m-inline {
-  --pf-c-icon--Width: var(--pf-c-icon--m-inline--Width);
-  --pf-c-icon--Height: var(--pf-c-icon--m-inline--Height);
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-inline__content--FontSize);
-  --pf-c-icon__content--Color: currentcolor;
-  line-height: 1;
-}
-
-.pf-c-icon.pf-m-inline .pf-c-spinner {
-  --pf-c-spinner--diameter: 1em;
-}
-
-.pf-c-icon.pf-m-sm {
-  --pf-c-icon--Width: var(--pf-c-icon--m-sm--Width);
-  --pf-c-icon--Height: var(--pf-c-icon--m-sm--Height);
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
-}
-
-.pf-c-icon.pf-m-md {
-  --pf-c-icon--Width: var(--pf-c-icon--m-md--Width);
-  --pf-c-icon--Height: var(--pf-c-icon--m-md--Height);
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
-}
-
-.pf-c-icon.pf-m-lg {
-  --pf-c-icon--Width: var(--pf-c-icon--m-lg--Width);
-  --pf-c-icon--Height: var(--pf-c-icon--m-lg--Height);
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
-}
-
-.pf-c-icon.pf-m-xl {
-  --pf-c-icon--Width: var(--pf-c-icon--m-xl--Width);
-  --pf-c-icon--Height: var(--pf-c-icon--m-xl--Height);
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
-}
-
-.pf-c-icon.pf-m-in-progress {
-  --pf-c-icon__content--Opacity: 0;
-  --pf-c-icon__progress--Opacity: 1;
-}
-
-.pf-c-icon__content,
-.pf-c-icon__progress {
-  font-size: var(--pf-c-icon__content--FontSize);
-}
-
-.pf-c-icon__content svg,
-.pf-c-icon__progress svg {
-  vertical-align: var(--pf-c-icon__content--svg--VerticalAlign);
-}
-
-.pf-c-icon__content.pf-m-sm,
-.pf-c-icon__progress.pf-m-sm {
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
-}
-
-.pf-c-icon__content.pf-m-md,
-.pf-c-icon__progress.pf-m-md {
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
-}
-
-.pf-c-icon__content.pf-m-lg,
-.pf-c-icon__progress.pf-m-lg {
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
-}
-
-.pf-c-icon__content.pf-m-xl,
-.pf-c-icon__progress.pf-m-xl {
-  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
-}
-
-.pf-c-icon__content {
-  color: var(--pf-c-icon__content--Color);
-  opacity: var(--pf-c-icon__content--Opacity, 1);
-}
-
-.pf-c-icon__content.pf-m-danger {
-  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-danger--Color);
-}
-
-.pf-c-icon__content.pf-m-warning {
-  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-warning--Color);
-}
-
-.pf-c-icon__content.pf-m-success {
-  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-success--Color);
-}
-
-.pf-c-icon__content.pf-m-info {
-  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-info--Color);
-}
-
-.pf-c-icon__content.pf-m-default {
-  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-default--Color);
-}
-
-.pf-c-icon__progress {
-  position: absolute;
-  top: calc(50% + 0.5 * var(--pf-c-icon__content--svg--VerticalAlign));
-  opacity: var(--pf-c-icon__progress--Opacity, 0);
-  transform: translateY(calc(-50% - 0.5 * var(--pf-c-icon__content--svg--VerticalAlign)));
-}
-
 .pf-c-input-group {
   --pf-global--Color--100: var(--pf-global--Color--dark-100);
   --pf-global--Color--200: var(--pf-global--Color--dark-200);
@@ -10919,6 +10782,143 @@ button.pf-c-label__content:focus {
   display: none;
 }
 
+.pf-c-icon {
+  --pf-c-icon--Width: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--Height: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-inline--Width: 1em;
+  --pf-c-icon--m-inline--Height: 1em;
+  --pf-c-icon--m-sm--Width: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--Width: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--Width: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--Width: var(--pf-global--icon--FontSize--xl);
+  --pf-c-icon--m-sm--Height: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--Height: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--Height: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--Height: var(--pf-global--icon--FontSize--xl);
+  --pf-c-icon__content--Color: var(--pf-global--icon--Color--dark);
+  --pf-c-icon__content--m-danger--Color: var(--pf-global--danger-color--100);
+  --pf-c-icon__content--m-warning--Color: var(--pf-global--warning-color--100);
+  --pf-c-icon__content--m-success--Color: var(--pf-global--success-color--100);
+  --pf-c-icon__content--m-info--Color: var(--pf-global--info-color--100);
+  --pf-c-icon__content--m-default--Color: var(--pf-global--default-color--100);
+  --pf-c-icon__content--FontSize: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-inline__content--FontSize: 1em;
+  --pf-c-icon__content--svg--VerticalAlign: -.125em;
+  --pf-c-icon--m-sm--content--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-icon--m-md--content--FontSize: var(--pf-global--icon--FontSize--md);
+  --pf-c-icon--m-lg--content--FontSize: var(--pf-global--icon--FontSize--lg);
+  --pf-c-icon--m-xl--content--FontSize: var(--pf-global--icon--FontSize--xl);
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--pf-c-icon--Width);
+  height: var(--pf-c-icon--Height);
+}
+
+.pf-c-icon.pf-m-inline {
+  --pf-c-icon--Width: var(--pf-c-icon--m-inline--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-inline--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-inline__content--FontSize);
+  --pf-c-icon__content--Color: currentcolor;
+  line-height: 1;
+}
+
+.pf-c-icon.pf-m-inline .pf-c-spinner {
+  --pf-c-spinner--diameter: 1em;
+}
+
+.pf-c-icon.pf-m-sm {
+  --pf-c-icon--Width: var(--pf-c-icon--m-sm--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-sm--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
+}
+
+.pf-c-icon.pf-m-md {
+  --pf-c-icon--Width: var(--pf-c-icon--m-md--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-md--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
+}
+
+.pf-c-icon.pf-m-lg {
+  --pf-c-icon--Width: var(--pf-c-icon--m-lg--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-lg--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
+}
+
+.pf-c-icon.pf-m-xl {
+  --pf-c-icon--Width: var(--pf-c-icon--m-xl--Width);
+  --pf-c-icon--Height: var(--pf-c-icon--m-xl--Height);
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
+}
+
+.pf-c-icon.pf-m-in-progress {
+  --pf-c-icon__content--Opacity: 0;
+  --pf-c-icon__progress--Opacity: 1;
+}
+
+.pf-c-icon__content,
+.pf-c-icon__progress {
+  font-size: var(--pf-c-icon__content--FontSize);
+}
+
+.pf-c-icon__content svg,
+.pf-c-icon__progress svg {
+  vertical-align: var(--pf-c-icon__content--svg--VerticalAlign);
+}
+
+.pf-c-icon__content.pf-m-sm,
+.pf-c-icon__progress.pf-m-sm {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-sm--content--FontSize);
+}
+
+.pf-c-icon__content.pf-m-md,
+.pf-c-icon__progress.pf-m-md {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-md--content--FontSize);
+}
+
+.pf-c-icon__content.pf-m-lg,
+.pf-c-icon__progress.pf-m-lg {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-lg--content--FontSize);
+}
+
+.pf-c-icon__content.pf-m-xl,
+.pf-c-icon__progress.pf-m-xl {
+  --pf-c-icon__content--FontSize: var(--pf-c-icon--m-xl--content--FontSize);
+}
+
+.pf-c-icon__content {
+  color: var(--pf-c-icon__content--Color);
+  opacity: var(--pf-c-icon__content--Opacity, 1);
+}
+
+.pf-c-icon__content.pf-m-danger {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-danger--Color);
+}
+
+.pf-c-icon__content.pf-m-warning {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-warning--Color);
+}
+
+.pf-c-icon__content.pf-m-success {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-success--Color);
+}
+
+.pf-c-icon__content.pf-m-info {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-info--Color);
+}
+
+.pf-c-icon__content.pf-m-default {
+  --pf-c-icon__content--Color: var(--pf-c-icon__content--m-default--Color);
+}
+
+.pf-c-icon__progress {
+  position: absolute;
+  top: calc(50% + 0.5 * var(--pf-c-icon__content--svg--VerticalAlign));
+  opacity: var(--pf-c-icon__progress--Opacity, 0);
+  transform: translateY(calc(-50% - 0.5 * var(--pf-c-icon__content--svg--VerticalAlign)));
+}
+
 .pf-c-list {
   --pf-c-list--PaddingLeft: var(--pf-global--spacer--lg);
   --pf-c-list--nested--MarginTop: var(--pf-global--spacer--sm);