@patternfly/react-styles 4.91.7 → 4.91.9

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.91.9 (2022-10-26)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## [4.91.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@4.91.7...@patternfly/react-styles@4.91.8) (2022-10-17)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.91.7 (2022-10-14)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/AppLauncher/app-launcher.css

@@ -113,6 +113,16 @@
   --pf-c-app-launcher__menu--Top: var(--pf-c-app-launcher--m-top__menu--Top);
   transform: translateY(var(--pf-c-app-launcher--m-top__menu--TranslateY));
 }
+.pf-c-app-launcher__menu.pf-m-static {
+  --pf-c-app-launcher--m-top__menu--TranslateY: 0;
+  position: static;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  z-index: auto;
+  min-width: min-content;
+}
 
 .pf-c-app-launcher__menu-search {
   padding: var(--pf-c-app-launcher__menu-search--PaddingTop) var(--pf-c-app-launcher__menu-search--PaddingRight) var(--pf-c-app-launcher__menu-search--PaddingBottom) var(--pf-c-app-launcher__menu-search--PaddingLeft);

package/css/components/AppLauncher/app-launcher.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     "active": "pf-m-active",
     "alignRight": "pf-m-align-right",
     "top": "pf-m-top",
+    "static": "pf-m-static",
     "favorite": "pf-m-favorite",
     "focus": "pf-m-focus",
     "disabled": "pf-m-disabled",

package/css/components/AppLauncher/app-launcher.js

@@ -18,6 +18,7 @@ exports.default = {
     "active": "pf-m-active",
     "alignRight": "pf-m-align-right",
     "top": "pf-m-top",
+    "static": "pf-m-static",
     "favorite": "pf-m-favorite",
     "focus": "pf-m-focus",
     "disabled": "pf-m-disabled",

package/css/components/AppLauncher/app-launcher.mjs

@@ -16,6 +16,7 @@ export default {
     "active": "pf-m-active",
     "alignRight": "pf-m-align-right",
     "top": "pf-m-top",
+    "static": "pf-m-static",
     "favorite": "pf-m-favorite",
     "focus": "pf-m-focus",
     "disabled": "pf-m-disabled",

package/css/components/ContextSelector/context-selector.css

@@ -251,6 +251,9 @@
 .pf-c-context-selector__menu.pf-m-static {
   position: static;
   top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
   z-index: auto;
   min-width: min-content;
 }

package/css/components/DatePicker/date-picker.css

@@ -50,6 +50,16 @@
   --pf-c-date-picker__calendar--Top: var(--pf-c-date-picker--m-top__calendar--Top);
   transform: translateY(var(--pf-c-date-picker--m-top__calendar--TranslateY));
 }
+.pf-c-date-picker__calendar.pf-m-static {
+  --pf-c-date-picker--m-top__calendar--TranslateY: 0;
+  position: static;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  z-index: auto;
+  min-width: min-content;
+}
 
 :where(.pf-theme-dark) .pf-c-date-picker {
   --pf-c-date-picker__calendar--BackgroundColor: var(--pf-global--BackgroundColor--300);

package/css/components/DatePicker/date-picker.d.ts

@@ -8,7 +8,8 @@ declare const _default: {
   "modifiers": {
     "error": "pf-m-error",
     "alignRight": "pf-m-align-right",
-    "top": "pf-m-top"
+    "top": "pf-m-top",
+    "static": "pf-m-static"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/DatePicker/date-picker.js

@@ -10,7 +10,8 @@ exports.default = {
   "modifiers": {
     "error": "pf-m-error",
     "alignRight": "pf-m-align-right",
-    "top": "pf-m-top"
+    "top": "pf-m-top",
+    "static": "pf-m-static"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/DatePicker/date-picker.mjs

@@ -8,7 +8,8 @@ export default {
   "modifiers": {
     "error": "pf-m-error",
     "alignRight": "pf-m-align-right",
-    "top": "pf-m-top"
+    "top": "pf-m-top",
+    "static": "pf-m-static"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Dropdown/dropdown.css

@@ -470,8 +470,12 @@
   box-shadow: var(--pf-c-dropdown__menu--BoxShadow);
 }
 .pf-c-dropdown__menu.pf-m-static {
+  --pf-c-dropdown--m-top__menu--TranslateY: 0;
   position: static;
   top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
   z-index: auto;
   min-width: min-content;
 }

package/css/components/OptionsMenu/options-menu.css

@@ -198,6 +198,16 @@
   --pf-c-options-menu__menu--Top: var(--pf-c-options-menu--m-top__menu--Top);
   transform: translateY(var(--pf-c-options-menu--m-top__menu--TranslateY));
 }
+.pf-c-options-menu__menu.pf-m-static {
+  --pf-c-options-menu--m-top__menu--TranslateY: 0;
+  position: static;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  z-index: auto;
+  min-width: min-content;
+}
 
 .pf-c-options-menu__menu-item {
   display: flex;

package/css/components/OptionsMenu/options-menu.d.ts

@@ -8,7 +8,8 @@ declare const _default: {
     "expanded": "pf-m-expanded",
     "disabled": "pf-m-disabled",
     "top": "pf-m-top",
-    "alignRight": "pf-m-align-right"
+    "alignRight": "pf-m-align-right",
+    "static": "pf-m-static"
   },
   "optionsMenu": "pf-c-options-menu",
   "optionsMenuGroup": "pf-c-options-menu__group",

package/css/components/OptionsMenu/options-menu.js

@@ -10,7 +10,8 @@ exports.default = {
     "expanded": "pf-m-expanded",
     "disabled": "pf-m-disabled",
     "top": "pf-m-top",
-    "alignRight": "pf-m-align-right"
+    "alignRight": "pf-m-align-right",
+    "static": "pf-m-static"
   },
   "optionsMenu": "pf-c-options-menu",
   "optionsMenuGroup": "pf-c-options-menu__group",

package/css/components/OptionsMenu/options-menu.mjs

@@ -8,7 +8,8 @@ export default {
     "expanded": "pf-m-expanded",
     "disabled": "pf-m-disabled",
     "top": "pf-m-top",
-    "alignRight": "pf-m-align-right"
+    "alignRight": "pf-m-align-right",
+    "static": "pf-m-static"
   },
   "optionsMenu": "pf-c-options-menu",
   "optionsMenuGroup": "pf-c-options-menu__group",

package/css/components/Progress/progress.css

@@ -9,6 +9,7 @@
   --pf-c-progress__bar--before--Opacity: .2;
   --pf-c-progress__indicator--Height: var(--pf-c-progress__bar--Height);
   --pf-c-progress__indicator--BackgroundColor: var(--pf-c-progress__bar--before--BackgroundColor);
+  --pf-c-progress__helper-text--MarginTop: calc(var(--pf-global--spacer--xs) - var(--pf-c-progress--GridGap));
   --pf-c-progress--m-success__bar--BackgroundColor: var(--pf-global--success-color--100);
   --pf-c-progress--m-warning__bar--BackgroundColor: var(--pf-global--warning-color--100);
   --pf-c-progress--m-danger__bar--BackgroundColor: var(--pf-global--danger-color--100);
@@ -156,6 +157,12 @@
   background-color: var(--pf-c-progress__indicator--BackgroundColor);
 }
 
+.pf-c-progress__helper-text {
+  grid-column: 1/3;
+  grid-row: 3/4;
+  margin-top: var(--pf-c-progress__helper-text--MarginTop);
+}
+
 :where(.pf-theme-dark) .pf-c-progress {
   --pf-c-progress--m-inside__measure--Color: var(--pf-global--palette--black-900);
   --pf-c-progress--m-success--m-inside__measure--Color: var(--pf-global--palette--black-900);

package/css/components/Progress/progress.d.ts

@@ -15,6 +15,7 @@ declare const _default: {
   "progress": "pf-c-progress",
   "progressBar": "pf-c-progress__bar",
   "progressDescription": "pf-c-progress__description",
+  "progressHelperText": "pf-c-progress__helper-text",
   "progressIndicator": "pf-c-progress__indicator",
   "progressMeasure": "pf-c-progress__measure",
   "progressStatus": "pf-c-progress__status",

package/css/components/Progress/progress.js

@@ -17,6 +17,7 @@ exports.default = {
   "progress": "pf-c-progress",
   "progressBar": "pf-c-progress__bar",
   "progressDescription": "pf-c-progress__description",
+  "progressHelperText": "pf-c-progress__helper-text",
   "progressIndicator": "pf-c-progress__indicator",
   "progressMeasure": "pf-c-progress__measure",
   "progressStatus": "pf-c-progress__status",

package/css/components/Progress/progress.mjs

@@ -15,6 +15,7 @@ export default {
   "progress": "pf-c-progress",
   "progressBar": "pf-c-progress__bar",
   "progressDescription": "pf-c-progress__description",
+  "progressHelperText": "pf-c-progress__helper-text",
   "progressIndicator": "pf-c-progress__indicator",
   "progressMeasure": "pf-c-progress__measure",
   "progressStatus": "pf-c-progress__status",

package/css/components/SearchInput/search-input.css

@@ -143,6 +143,16 @@
   --pf-c-search-input__menu--Top: var(--pf-c-search-input--m-top__menu--Top);
   transform: translateY(var(--pf-c-search-input--m-top__menu--TranslateY));
 }
+.pf-c-search-input__menu.pf-m-static {
+  --pf-c-search-input--m-top__menu--TranslateY: 0;
+  position: static;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  z-index: auto;
+  min-width: min-content;
+}
 
 .pf-c-search-input__menu-body {
   padding: var(--pf-c-search-input__menu-body--PaddingTop) var(--pf-c-search-input__menu-body--PaddingRight) var(--pf-c-search-input__menu-body--PaddingBottom) var(--pf-c-search-input__menu-body--PaddingLeft);

package/css/components/SearchInput/search-input.d.ts

@@ -3,7 +3,8 @@ declare const _default: {
   "button": "pf-c-button",
   "modifiers": {
     "hint": "pf-m-hint",
-    "top": "pf-m-top"
+    "top": "pf-m-top",
+    "static": "pf-m-static"
   },
   "searchInput": "pf-c-search-input",
   "searchInputBar": "pf-c-search-input__bar",

package/css/components/SearchInput/search-input.js

@@ -5,7 +5,8 @@ exports.default = {
   "button": "pf-c-button",
   "modifiers": {
     "hint": "pf-m-hint",
-    "top": "pf-m-top"
+    "top": "pf-m-top",
+    "static": "pf-m-static"
   },
   "searchInput": "pf-c-search-input",
   "searchInputBar": "pf-c-search-input__bar",

package/css/components/SearchInput/search-input.mjs

@@ -3,7 +3,8 @@ export default {
   "button": "pf-c-button",
   "modifiers": {
     "hint": "pf-m-hint",
-    "top": "pf-m-top"
+    "top": "pf-m-top",
+    "static": "pf-m-static"
   },
   "searchInput": "pf-c-search-input",
   "searchInputBar": "pf-c-search-input__bar",

package/css/components/Select/select.css

@@ -390,8 +390,12 @@
   transform: translateY(var(--pf-c-select__menu--m-top--TranslateY));
 }
 .pf-c-select__menu.pf-m-static {
+  --pf-c-select__menu--m-top--TranslateY: 0;
   position: static;
   top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
   z-index: auto;
   min-width: min-content;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.91.7",
+  "version": "4.91.9",
   "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.218.0",
+    "@patternfly/patternfly": "4.219.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": "449291fb1b567dc14afd99890cda544bfbe5f4ba"
+  "gitHead": "4c1b8219539ce61aa45bfefc935af732129404a5"
 }