@patternfly/react-styles 5.4.0-prerelease.4 → 5.4.0-prerelease.6

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [5.4.0-prerelease.6](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.5...@patternfly/react-styles@5.4.0-prerelease.6) (2024-05-31)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# [5.4.0-prerelease.5](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.4...@patternfly/react-styles@5.4.0-prerelease.5) (2024-05-20)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
 # [5.4.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.4.0-prerelease.3...@patternfly/react-styles@5.4.0-prerelease.4) (2024-05-15)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/docs/components/Sidebar/examples/Sidebar.css

@@ -1,4 +1,6 @@
-.ws-core-c-sidebar .ws-preview-html {
-  height: 200px;
+#ws-core-c-sidebar-sticky-panel,
+#ws-core-c-sidebar-static-panel,
+#ws-core-c-sidebar-responsive-panel-width {
   overflow: auto;
+  max-height: 200px;
 }

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

@@ -1,6 +1,3 @@
 import './Sidebar.css';
-declare const _default: {
-  "wsCoreCSidebar": "ws-core-c-sidebar",
-  "wsPreviewHtml": "ws-preview-html"
-};
+declare const _default: {};
 export default _default;

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

@@ -1,7 +1,4 @@
 "use strict";
 exports.__esModule = true;
 require('./Sidebar.css');
-exports.default = {
-  "wsCoreCSidebar": "ws-core-c-sidebar",
-  "wsPreviewHtml": "ws-preview-html"
-};
+exports.default = {};

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

@@ -1,5 +1,2 @@
 import './Sidebar.css';
-export default {
-  "wsCoreCSidebar": "ws-core-c-sidebar",
-  "wsPreviewHtml": "ws-preview-html"
-};
+export default {};

package/css/docs/utilities/Display/examples/Display.css

@@ -1,11 +1,4 @@
-.ws-core-u-display .pf-v5-u-display-inline-block,
-.ws-core-u-display .pf-v5-u-display-block,
-.ws-core-u-display .pf-v5-u-display-flex,
-.ws-core-u-display .pf-v5-u-display-inline-flex,
-.ws-core-u-display .pf-v5-u-display-grid,
-.ws-core-u-display .pf-v5-u-display-inline,
-.ws-core-u-display .pf-v5-u-display-table,
-.ws-core-u-display .pf-v5-u-display-table-cell {
+.ws-core-u-display [class*="pf-v5-u-display-"] {
   padding: .5rem !important;
   border: 2px dashed #393f44;
 }

package/css/docs/utilities/Display/examples/Display.d.ts

@@ -1,13 +1,5 @@
 import './Display.css';
 declare const _default: {
-  "displayBlock": "pf-v5-u-display-block",
-  "displayFlex": "pf-v5-u-display-flex",
-  "displayGrid": "pf-v5-u-display-grid",
-  "displayInline": "pf-v5-u-display-inline",
-  "displayInlineBlock": "pf-v5-u-display-inline-block",
-  "displayInlineFlex": "pf-v5-u-display-inline-flex",
-  "displayTable": "pf-v5-u-display-table",
-  "displayTableCell": "pf-v5-u-display-table-cell",
   "wsCoreUDisplay": "ws-core-u-display"
 };
 export default _default;

package/css/docs/utilities/Display/examples/Display.js

@@ -2,13 +2,5 @@
 exports.__esModule = true;
 require('./Display.css');
 exports.default = {
-  "displayBlock": "pf-v5-u-display-block",
-  "displayFlex": "pf-v5-u-display-flex",
-  "displayGrid": "pf-v5-u-display-grid",
-  "displayInline": "pf-v5-u-display-inline",
-  "displayInlineBlock": "pf-v5-u-display-inline-block",
-  "displayInlineFlex": "pf-v5-u-display-inline-flex",
-  "displayTable": "pf-v5-u-display-table",
-  "displayTableCell": "pf-v5-u-display-table-cell",
   "wsCoreUDisplay": "ws-core-u-display"
 };

package/css/docs/utilities/Display/examples/Display.mjs

@@ -1,12 +1,4 @@
 import './Display.css';
 export default {
-  "displayBlock": "pf-v5-u-display-block",
-  "displayFlex": "pf-v5-u-display-flex",
-  "displayGrid": "pf-v5-u-display-grid",
-  "displayInline": "pf-v5-u-display-inline",
-  "displayInlineBlock": "pf-v5-u-display-inline-block",
-  "displayInlineFlex": "pf-v5-u-display-inline-flex",
-  "displayTable": "pf-v5-u-display-table",
-  "displayTableCell": "pf-v5-u-display-table-cell",
   "wsCoreUDisplay": "ws-core-u-display"
 };

package/css/utilities/Display/display.css

@@ -34,6 +34,14 @@
   display: inline-flex !important;
 }
 
+.pf-v5-u-display-grid {
+  display: grid !important;
+}
+
+.pf-v5-u-display-inline-grid {
+  display: inline-grid !important;
+}
+
 @media screen and (min-width: 576px) {
   .pf-v5-u-display-none-on-sm {
     display: none !important;
@@ -62,6 +70,12 @@
   .pf-v5-u-display-inline-flex-on-sm {
     display: inline-flex !important;
   }
+  .pf-v5-u-display-grid-on-sm {
+    display: grid !important;
+  }
+  .pf-v5-u-display-inline-grid-on-sm {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 768px) {
   .pf-v5-u-display-none-on-md {
@@ -91,6 +105,12 @@
   .pf-v5-u-display-inline-flex-on-md {
     display: inline-flex !important;
   }
+  .pf-v5-u-display-grid-on-md {
+    display: grid !important;
+  }
+  .pf-v5-u-display-inline-grid-on-md {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 992px) {
   .pf-v5-u-display-none-on-lg {
@@ -120,6 +140,12 @@
   .pf-v5-u-display-inline-flex-on-lg {
     display: inline-flex !important;
   }
+  .pf-v5-u-display-grid-on-lg {
+    display: grid !important;
+  }
+  .pf-v5-u-display-inline-grid-on-lg {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 1200px) {
   .pf-v5-u-display-none-on-xl {
@@ -149,6 +175,12 @@
   .pf-v5-u-display-inline-flex-on-xl {
     display: inline-flex !important;
   }
+  .pf-v5-u-display-grid-on-xl {
+    display: grid !important;
+  }
+  .pf-v5-u-display-inline-grid-on-xl {
+    display: inline-grid !important;
+  }
 }
 @media screen and (min-width: 1450px) {
   .pf-v5-u-display-none-on-2xl {
@@ -178,4 +210,10 @@
   .pf-v5-u-display-inline-flex-on-2xl {
     display: inline-flex !important;
   }
+  .pf-v5-u-display-grid-on-2xl {
+    display: grid !important;
+  }
+  .pf-v5-u-display-inline-grid-on-2xl {
+    display: inline-grid !important;
+  }
 }

package/css/utilities/Display/display.d.ts

@@ -12,6 +12,12 @@ declare const _default: {
   "displayFlexOnSm": "pf-v5-u-display-flex-on-sm",
   "displayFlexOnXl": "pf-v5-u-display-flex-on-xl",
   "displayFlexOn_2xl": "pf-v5-u-display-flex-on-2xl",
+  "displayGrid": "pf-v5-u-display-grid",
+  "displayGridOnLg": "pf-v5-u-display-grid-on-lg",
+  "displayGridOnMd": "pf-v5-u-display-grid-on-md",
+  "displayGridOnSm": "pf-v5-u-display-grid-on-sm",
+  "displayGridOnXl": "pf-v5-u-display-grid-on-xl",
+  "displayGridOn_2xl": "pf-v5-u-display-grid-on-2xl",
   "displayInline": "pf-v5-u-display-inline",
   "displayInlineBlock": "pf-v5-u-display-inline-block",
   "displayInlineBlockOnLg": "pf-v5-u-display-inline-block-on-lg",
@@ -25,6 +31,12 @@ declare const _default: {
   "displayInlineFlexOnSm": "pf-v5-u-display-inline-flex-on-sm",
   "displayInlineFlexOnXl": "pf-v5-u-display-inline-flex-on-xl",
   "displayInlineFlexOn_2xl": "pf-v5-u-display-inline-flex-on-2xl",
+  "displayInlineGrid": "pf-v5-u-display-inline-grid",
+  "displayInlineGridOnLg": "pf-v5-u-display-inline-grid-on-lg",
+  "displayInlineGridOnMd": "pf-v5-u-display-inline-grid-on-md",
+  "displayInlineGridOnSm": "pf-v5-u-display-inline-grid-on-sm",
+  "displayInlineGridOnXl": "pf-v5-u-display-inline-grid-on-xl",
+  "displayInlineGridOn_2xl": "pf-v5-u-display-inline-grid-on-2xl",
   "displayInlineOnLg": "pf-v5-u-display-inline-on-lg",
   "displayInlineOnMd": "pf-v5-u-display-inline-on-md",
   "displayInlineOnSm": "pf-v5-u-display-inline-on-sm",

package/css/utilities/Display/display.js

@@ -14,6 +14,12 @@ exports.default = {
   "displayFlexOnSm": "pf-v5-u-display-flex-on-sm",
   "displayFlexOnXl": "pf-v5-u-display-flex-on-xl",
   "displayFlexOn_2xl": "pf-v5-u-display-flex-on-2xl",
+  "displayGrid": "pf-v5-u-display-grid",
+  "displayGridOnLg": "pf-v5-u-display-grid-on-lg",
+  "displayGridOnMd": "pf-v5-u-display-grid-on-md",
+  "displayGridOnSm": "pf-v5-u-display-grid-on-sm",
+  "displayGridOnXl": "pf-v5-u-display-grid-on-xl",
+  "displayGridOn_2xl": "pf-v5-u-display-grid-on-2xl",
   "displayInline": "pf-v5-u-display-inline",
   "displayInlineBlock": "pf-v5-u-display-inline-block",
   "displayInlineBlockOnLg": "pf-v5-u-display-inline-block-on-lg",
@@ -27,6 +33,12 @@ exports.default = {
   "displayInlineFlexOnSm": "pf-v5-u-display-inline-flex-on-sm",
   "displayInlineFlexOnXl": "pf-v5-u-display-inline-flex-on-xl",
   "displayInlineFlexOn_2xl": "pf-v5-u-display-inline-flex-on-2xl",
+  "displayInlineGrid": "pf-v5-u-display-inline-grid",
+  "displayInlineGridOnLg": "pf-v5-u-display-inline-grid-on-lg",
+  "displayInlineGridOnMd": "pf-v5-u-display-inline-grid-on-md",
+  "displayInlineGridOnSm": "pf-v5-u-display-inline-grid-on-sm",
+  "displayInlineGridOnXl": "pf-v5-u-display-inline-grid-on-xl",
+  "displayInlineGridOn_2xl": "pf-v5-u-display-inline-grid-on-2xl",
   "displayInlineOnLg": "pf-v5-u-display-inline-on-lg",
   "displayInlineOnMd": "pf-v5-u-display-inline-on-md",
   "displayInlineOnSm": "pf-v5-u-display-inline-on-sm",

package/css/utilities/Display/display.mjs

@@ -12,6 +12,12 @@ export default {
   "displayFlexOnSm": "pf-v5-u-display-flex-on-sm",
   "displayFlexOnXl": "pf-v5-u-display-flex-on-xl",
   "displayFlexOn_2xl": "pf-v5-u-display-flex-on-2xl",
+  "displayGrid": "pf-v5-u-display-grid",
+  "displayGridOnLg": "pf-v5-u-display-grid-on-lg",
+  "displayGridOnMd": "pf-v5-u-display-grid-on-md",
+  "displayGridOnSm": "pf-v5-u-display-grid-on-sm",
+  "displayGridOnXl": "pf-v5-u-display-grid-on-xl",
+  "displayGridOn_2xl": "pf-v5-u-display-grid-on-2xl",
   "displayInline": "pf-v5-u-display-inline",
   "displayInlineBlock": "pf-v5-u-display-inline-block",
   "displayInlineBlockOnLg": "pf-v5-u-display-inline-block-on-lg",
@@ -25,6 +31,12 @@ export default {
   "displayInlineFlexOnSm": "pf-v5-u-display-inline-flex-on-sm",
   "displayInlineFlexOnXl": "pf-v5-u-display-inline-flex-on-xl",
   "displayInlineFlexOn_2xl": "pf-v5-u-display-inline-flex-on-2xl",
+  "displayInlineGrid": "pf-v5-u-display-inline-grid",
+  "displayInlineGridOnLg": "pf-v5-u-display-inline-grid-on-lg",
+  "displayInlineGridOnMd": "pf-v5-u-display-inline-grid-on-md",
+  "displayInlineGridOnSm": "pf-v5-u-display-inline-grid-on-sm",
+  "displayInlineGridOnXl": "pf-v5-u-display-inline-grid-on-xl",
+  "displayInlineGridOn_2xl": "pf-v5-u-display-inline-grid-on-2xl",
   "displayInlineOnLg": "pf-v5-u-display-inline-on-lg",
   "displayInlineOnMd": "pf-v5-u-display-inline-on-md",
   "displayInlineOnSm": "pf-v5-u-display-inline-on-sm",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.4.0-prerelease.4",
+  "version": "5.4.0-prerelease.6",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -18,13 +18,13 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.4.0-prerelease.2",
+    "@patternfly/patternfly": "5.4.0-prerelease.3",
     "camel-case": "^3.0.0",
-    "css": "^2.2.3",
+    "css": "^2.2.4",
     "fs-extra": "^11.1.1",
     "glob": "^7.1.2",
     "jsdom": "^15.1.0"
   },
   "license": "MIT",
-  "gitHead": "5ac23207b57dd3697fa17524c8723a86e2a31fa0"
+  "gitHead": "7139d5bc814d82e5ff13129ac7055cc39042101f"
 }