@patternfly/react-styles 4.91.8 → 4.91.10

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.10 (2022-10-27)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 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

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/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/css/docs/components/Page/examples/Page.css

@@ -0,0 +1,11 @@
+.ws-core-c-page :is(.pf-c-page__sidebar, .pf-c-page__main-subnav) {
+  color: var(--pf-global--Color--light-100);
+}
+
+.ws-core-c-page .pf-c-page__main-section.pf-m-dark-200 {
+  color: var(--pf-global--Color--dark-100);
+}
+
+#ws-core-c-page-with-or-without-fill .ws-preview-html {
+  height: 500px;
+}

package/css/docs/components/Page/examples/Page.d.ts

@@ -0,0 +1,12 @@
+import './Page.css';
+declare const _default: {
+  "modifiers": {
+    "dark_200": "pf-m-dark-200"
+  },
+  "pageMainSection": "pf-c-page__main-section",
+  "pageMainSubnav": "pf-c-page__main-subnav",
+  "pageSidebar": "pf-c-page__sidebar",
+  "wsCoreCPage": "ws-core-c-page",
+  "wsPreviewHtml": "ws-preview-html"
+};
+export default _default;

package/css/docs/components/Page/examples/Page.js

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+require('./Page.css');
+exports.default = {
+  "modifiers": {
+    "dark_200": "pf-m-dark-200"
+  },
+  "pageMainSection": "pf-c-page__main-section",
+  "pageMainSubnav": "pf-c-page__main-subnav",
+  "pageSidebar": "pf-c-page__sidebar",
+  "wsCoreCPage": "ws-core-c-page",
+  "wsPreviewHtml": "ws-preview-html"
+};

package/css/docs/components/Page/examples/Page.mjs

@@ -0,0 +1,11 @@
+import './Page.css';
+export default {
+  "modifiers": {
+    "dark_200": "pf-m-dark-200"
+  },
+  "pageMainSection": "pf-c-page__main-section",
+  "pageMainSubnav": "pf-c-page__main-subnav",
+  "pageSidebar": "pf-c-page__sidebar",
+  "wsCoreCPage": "ws-core-c-page",
+  "wsPreviewHtml": "ws-preview-html"
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.91.8",
+  "version": "4.91.10",
   "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.219.0",
+    "@patternfly/patternfly": "4.219.2",
     "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": "d68f302609a6abf8da34d1c33b153f604d6b329d"
+  "gitHead": "8faac0c6f8e22f1221bd4a13ade19c4ca47ce22c"
 }