@patternfly/react-styles 4.75.5 → 4.75.8

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.75.8 (2022-07-21)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.75.7 (2022-07-20)
+
+
+### Bug Fixes
+
+* **Switch:** aria labelledby to update with change ([#7557](https://github.com/patternfly/patternfly-react/issues/7557)) ([9647a0c](https://github.com/patternfly/patternfly-react/commit/9647a0c7f7eb2174f006774b4406408bd065fddc))
+
+
+
+
+
+## 4.75.6 (2022-07-20)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.75.5 (2022-07-19)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Drawer/drawer.css

@@ -303,7 +303,7 @@
 }
 
 .pf-c-drawer__body > .pf-c-page__main {
-  min-height: 100%;
+  height: 100%;
 }
 
 .pf-c-drawer__splitter {

package/css/components/Menu/menu.css

@@ -305,6 +305,7 @@
   background-color: transparent;
 }
 .pf-c-menu.pf-m-drilldown .pf-c-menu__list-item:not(.pf-m-current-path) .pf-c-menu {
+  display: none;
   visibility: hidden;
 }
 .pf-c-menu.pf-m-drilldown .pf-c-menu__item {

package/css/components/NumberInput/number-input.css

@@ -10,11 +10,21 @@
   --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
   --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
+  --pf-c-number-input--c-form-control--width-icon: 0px;
+  --pf-c-number-input--m-status--c-form-control--width-icon: var(--pf-global--spacer--xl);
   --pf-c-number-input--c-form-control--width-chars: 4;
-  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
+  --pf-c-number-input--c-form-control--Width:
+    calc(
+      calc(
+        var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch
+      ) + var(--pf-c-number-input--c-form-control--width-icon)
+    );
   display: inline-flex;
   align-items: center;
 }
+.pf-c-number-input.pf-m-status {
+  --pf-c-number-input--c-form-control--width-icon: var(--pf-c-number-input--m-status--c-form-control--width-icon);
+}
 .pf-c-number-input .pf-c-form-control {
   display: inline-flex;
   width: var(--pf-c-number-input--c-form-control--Width);

package/css/components/NumberInput/number-input.d.ts

@@ -2,6 +2,9 @@ import './number-input.css';
 declare const _default: {
   "formControl": "pf-c-form-control",
   "inputGroup": "pf-c-input-group",
+  "modifiers": {
+    "status": "pf-m-status"
+  },
   "numberInput": "pf-c-number-input",
   "numberInputIcon": "pf-c-number-input__icon",
   "numberInputUnit": "pf-c-number-input__unit"

package/css/components/NumberInput/number-input.js

@@ -4,6 +4,9 @@ require('./number-input.css');
 exports.default = {
   "formControl": "pf-c-form-control",
   "inputGroup": "pf-c-input-group",
+  "modifiers": {
+    "status": "pf-m-status"
+  },
   "numberInput": "pf-c-number-input",
   "numberInputIcon": "pf-c-number-input__icon",
   "numberInputUnit": "pf-c-number-input__unit"

package/css/components/NumberInput/number-input.mjs

@@ -2,6 +2,9 @@ import('./number-input.css');
 export default {
   "formControl": "pf-c-form-control",
   "inputGroup": "pf-c-input-group",
+  "modifiers": {
+    "status": "pf-m-status"
+  },
   "numberInput": "pf-c-number-input",
   "numberInputIcon": "pf-c-number-input__icon",
   "numberInputUnit": "pf-c-number-input__unit"

package/css/components/Page/page.css

@@ -143,6 +143,8 @@
   --pf-c-page__sidebar--Width: 18.125rem;
   --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
   --pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
+  --pf-c-page__sidebar--m-light--BorderRightWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-page__sidebar--m-light--BorderRightColor: var(--pf-global--BorderColor--100);
   --pf-c-page__sidebar--BoxShadow: var(--pf-global--BoxShadow--lg-right);
   --pf-c-page__sidebar--Transition: var(--pf-global--Transition);
   --pf-c-page__sidebar--TranslateX: -100%;
@@ -415,15 +417,15 @@
   transition: var(--pf-c-page__sidebar--Transition);
   transform: translateX(var(--pf-c-page__sidebar--TranslateX)) translateZ(var(--pf-c-page__sidebar--TranslateZ));
 }
-@media screen and (min-width: 1200px) {
-  .pf-c-page__sidebar {
-    box-shadow: var(--pf-c-page__sidebar--BoxShadow);
-  }
-}
 .pf-c-page__sidebar.pf-m-expanded {
   --pf-c-page__sidebar--TranslateX: var(--pf-c-page__sidebar--m-expanded--TranslateX);
   box-shadow: var(--pf-c-page__sidebar--BoxShadow);
 }
+@media screen and (min-width: 1200px) {
+  .pf-c-page__sidebar.pf-m-expanded {
+    --pf-c-page__sidebar--BoxShadow: none;
+  }
+}
 .pf-c-page__sidebar.pf-m-collapsed {
   max-width: 0;
   overflow: hidden;
@@ -431,6 +433,7 @@
 .pf-c-page__sidebar.pf-m-light {
   color: var(--pf-global--Color--100);
   --pf-c-page__sidebar--BackgroundColor: var(--pf-c-page__sidebar--m-light--BackgroundColor);
+  border-right: var(--pf-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-c-page__sidebar--m-light--BorderRightColor);
 }
 
 .pf-c-page__sidebar-body {
@@ -954,6 +957,9 @@
 :where(.pf-theme-dark) .pf-c-page__header-tools-item.pf-m-selected .pf-c-button .pf-c-notification-badge:hover::before {
   background-color: var(--pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor);
 }
+:where(.pf-theme-dark) .pf-c-page__sidebar {
+  border-right: var(--pf-global--BorderWidth--sm) solid var(--pf-global--BorderColor--100);
+}
 :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-top, :where(.pf-theme-dark) .pf-c-page__main-nav.pf-m-sticky-bottom {
   --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--300);
 }

package/css/utilities/Text/text.css

@@ -953,9 +953,6 @@
 :where(.pf-theme-dark) .pf-u-color-light-200 {
   color: var(--pf-global--Color-200) !important;
 }
-:where(.pf-theme-dark) .pf-u-link-color-visited {
-  color: var(--pf-global--palette--purple-200) !important;
-}
 :where(.pf-theme-dark) .pf-u-default-color-300 {
   color: var(--pf-global--default-color--100) !important;
 }
@@ -981,9 +978,6 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-sm {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-link-color-visited-on-sm {
-    color: var(--pf-global--palette--purple-200) !important;
-  }
   :where(.pf-theme-dark) .pf-u-default-color-300-on-sm {
     color: var(--pf-global--default-color--100) !important;
   }
@@ -1010,9 +1004,6 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-md {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-link-color-visited-on-md {
-    color: var(--pf-global--palette--purple-200) !important;
-  }
   :where(.pf-theme-dark) .pf-u-default-color-300-on-md {
     color: var(--pf-global--default-color--100) !important;
   }
@@ -1039,9 +1030,6 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-lg {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-link-color-visited-on-lg {
-    color: var(--pf-global--palette--purple-200) !important;
-  }
   :where(.pf-theme-dark) .pf-u-default-color-300-on-lg {
     color: var(--pf-global--default-color--100) !important;
   }
@@ -1068,9 +1056,6 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-xl {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-link-color-visited-on-xl {
-    color: var(--pf-global--palette--purple-200) !important;
-  }
   :where(.pf-theme-dark) .pf-u-default-color-300-on-xl {
     color: var(--pf-global--default-color--100) !important;
   }
@@ -1097,9 +1082,6 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-link-color-visited-on-2xl {
-    color: var(--pf-global--palette--purple-200) !important;
-  }
   :where(.pf-theme-dark) .pf-u-default-color-300-on-2xl {
     color: var(--pf-global--default-color--100) !important;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.75.5",
+  "version": "4.75.8",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.203.2",
+    "@patternfly/patternfly": "4.204.1",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "0e9a76133e3b0be7462d4eb0dbb34c28bbf21f3c"
+  "gitHead": "ff8f9ebc9ddd58da42246f9b87ea392ef2245285"
 }