@patternfly/react-core 4.232.8 → 4.232.11

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

@@ -9396,6 +9396,112 @@ label.pf-c-check, .pf-c-check__label,
   --pf-c-hint--BorderColor: var(--pf-global--BorderColor--300);
 }
 
+.pf-c-input-group {
+  --pf-global--Color--100: var(--pf-global--Color--dark-100);
+  --pf-global--Color--200: var(--pf-global--Color--dark-200);
+  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
+  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
+  --pf-global--link--Color: var(--pf-global--link--Color--dark);
+  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
+  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
+}
+
+.pf-c-input-group {
+  --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
+  --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
+  --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
+  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
+  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
+  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
+  --pf-c-input-group--c-form-control--MarginRight: 0;
+  color: var(--pf-global--Color--100);
+  display: flex;
+  width: 100%;
+  background-color: var(--pf-c-input-group--BackgroundColor);
+}
+
+.pf-c-input-group.pf-m-plain {
+  --pf-c-input-group--BackgroundColor: transparent;
+}
+
+.pf-c-input-group > * + * {
+  margin-left: -1px;
+}
+
+.pf-c-input-group > :focus,
+.pf-c-input-group > :focus-within {
+  z-index: var(--pf-c-input-group--child--ZIndex);
+}
+
+.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
+  margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
+}
+
+.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
+.pf-c-input-group textarea {
+  flex: 2;
+  min-width: 0;
+}
+
+.pf-c-input-group textarea {
+  min-height: var(--pf-c-input-group__textarea--MinHeight);
+}
+
+.pf-c-input-group__text {
+  display: flex;
+  align-items: center;
+  padding-right: var(--pf-c-input-group__text--PaddingRight);
+  padding-left: var(--pf-c-input-group__text--PaddingLeft);
+  font-size: var(--pf-c-input-group__text--FontSize);
+  color: var(--pf-c-input-group__text--Color);
+  text-align: center;
+  background-color: var(--pf-c-input-group__text--BackgroundColor);
+  border: var(--pf-c-input-group__text--BorderWidth) solid;
+  border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
+}
+
+label.pf-c-input-group__text {
+  cursor: pointer;
+}
+
+.pf-c-input-group__text.pf-m-plain {
+  --pf-c-input-group__text--BorderWidth: 0;
+  margin-left: 0;
+}
+
+:where(.pf-theme-dark) .pf-c-input-group {
+  --pf-c-input-group--BackgroundColor: transparent;
+  --pf-c-input-group__text--BorderTopColor: transparent;
+  --pf-c-input-group__text--BorderRightColor: transparent;
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
+  --pf-c-input-group__text--BorderLeftColor: transparent;
+  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
+}
+
+:where(.pf-theme-dark) .pf-c-input-group > * + * {
+  margin-left: 0;
+  border-left: 1px solid var(--pf-global--palette--black-700);
+}
+
+:where(.pf-theme-dark) .pf-c-input-group__text {
+  --pf-c-input-group__text--BorderTopColor: transparent;
+  --pf-c-input-group__text--BorderRightColor: transparent;
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
+  --pf-c-input-group__text--BorderLeftColor: transparent;
+}
+
+:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
+  --pf-c-input-group__text--BackgroundColor: transparent;
+}
+
 .pf-c-jump-links {
   --pf-c-jump-links__list--Display: flex;
   --pf-c-jump-links__list--Visibility: visible;
@@ -10040,112 +10146,6 @@ label.pf-c-check, .pf-c-check__label,
     --pf-c-sidebar__panel--FlexBasis: 100%;
   }
 }
-.pf-c-input-group {
-  --pf-global--Color--100: var(--pf-global--Color--dark-100);
-  --pf-global--Color--200: var(--pf-global--Color--dark-200);
-  --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
-  --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
-  --pf-global--link--Color: var(--pf-global--link--Color--dark);
-  --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
-  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
-}
-
-.pf-c-input-group {
-  --pf-c-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-input-group--child--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-input-group__text--FontSize: var(--pf-global--FontSize--md);
-  --pf-c-input-group__text--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-input-group__text--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-input-group__text--Color: var(--pf-global--Color--dark-200);
-  --pf-c-input-group__text--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-input-group__text--BorderTopColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BorderRightColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--200);
-  --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
-  --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
-  --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-input-group--c-form-control--MarginRight: 0;
-  color: var(--pf-global--Color--100);
-  display: flex;
-  width: 100%;
-  background-color: var(--pf-c-input-group--BackgroundColor);
-}
-
-.pf-c-input-group.pf-m-plain {
-  --pf-c-input-group--BackgroundColor: transparent;
-}
-
-.pf-c-input-group > * + * {
-  margin-left: -1px;
-}
-
-.pf-c-input-group > :focus,
-.pf-c-input-group > :focus-within {
-  z-index: var(--pf-c-input-group--child--ZIndex);
-}
-
-.pf-c-input-group .pf-c-form-control[aria-invalid=true]:not(:last-child) {
-  margin-right: var(--pf-c-input-group--c-form-control--MarginRight);
-}
-
-.pf-c-input-group input:not([type=checkbox]):not([type=radio]),
-.pf-c-input-group textarea {
-  flex: 2;
-  min-width: 0;
-}
-
-.pf-c-input-group textarea {
-  min-height: var(--pf-c-input-group__textarea--MinHeight);
-}
-
-.pf-c-input-group__text {
-  display: flex;
-  align-items: center;
-  padding-right: var(--pf-c-input-group__text--PaddingRight);
-  padding-left: var(--pf-c-input-group__text--PaddingLeft);
-  font-size: var(--pf-c-input-group__text--FontSize);
-  color: var(--pf-c-input-group__text--Color);
-  text-align: center;
-  background-color: var(--pf-c-input-group__text--BackgroundColor);
-  border: var(--pf-c-input-group__text--BorderWidth) solid;
-  border-color: var(--pf-c-input-group__text--BorderTopColor) var(--pf-c-input-group__text--BorderRightColor) var(--pf-c-input-group__text--BorderBottomColor) var(--pf-c-input-group__text--BorderLeftColor);
-}
-
-label.pf-c-input-group__text {
-  cursor: pointer;
-}
-
-.pf-c-input-group__text.pf-m-plain {
-  --pf-c-input-group__text--BorderWidth: 0;
-  margin-left: 0;
-}
-
-:where(.pf-theme-dark) .pf-c-input-group {
-  --pf-c-input-group--BackgroundColor: transparent;
-  --pf-c-input-group__text--BorderTopColor: transparent;
-  --pf-c-input-group__text--BorderRightColor: transparent;
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
-  --pf-c-input-group__text--BorderLeftColor: transparent;
-  --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
-}
-
-:where(.pf-theme-dark) .pf-c-input-group > * + * {
-  margin-left: 0;
-  border-left: 1px solid var(--pf-global--palette--black-700);
-}
-
-:where(.pf-theme-dark) .pf-c-input-group__text {
-  --pf-c-input-group__text--BorderTopColor: transparent;
-  --pf-c-input-group__text--BorderRightColor: transparent;
-  --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
-  --pf-c-input-group__text--BorderLeftColor: transparent;
-}
-
-:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
-  --pf-c-input-group__text--BackgroundColor: transparent;
-}
-
 .pf-c-label {
   --pf-c-label--PaddingTop: var(--pf-global--spacer--xs);
   --pf-c-label--PaddingRight: var(--pf-global--spacer--sm);