@patternfly/react-styles 5.1.1-prerelease.1 → 5.1.1-prerelease.3

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

@@ -1,6 +1,5 @@
 import './ModalBox.css';
 declare const _default: {
-  "modalBox": "pf-v5-c-modal-box",
   "wsCoreCModal": "ws-core-c-modal",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -2,7 +2,6 @@
 exports.__esModule = true;
 require('./ModalBox.css');
 exports.default = {
-  "modalBox": "pf-v5-c-modal-box",
   "wsCoreCModal": "ws-core-c-modal",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,6 +1,5 @@
 import './ModalBox.css';
 export default {
-  "modalBox": "pf-v5-c-modal-box",
   "wsCoreCModal": "ws-core-c-modal",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Nav/examples/Navigation.css

@@ -1,32 +1,9 @@
-#ws-core-c-navigation-default,
-#ws-core-c-navigation-basic,
-#ws-core-c-navigation-grouped,
-#ws-core-c-navigation-grouped-nav,
-#ws-core-c-navigation-grouped-nav-no-titles,
-#ws-core-c-navigation-expanded,
-#ws-core-c-navigation-expanded-with-subnav-titles,
-#ws-core-c-navigation-mixed,
-#ws-core-c-navigation-horizontal,
-#ws-core-c-navigation-horizontal-overflow,
-#ws-core-c-navigation-horizontal-subnav,
-#ws-core-c-navigation-horizontal-subnav-overflow,
-#ws-core-c-navigation-drilldown,
-#ws-core-c-navigation-nav-with-drilldown-menu .pf-v5-c-nav,
-#ws-core-c-navigation-level-2-drilldown,
-#ws-core-c-navigation-level-3-drilldown,
-#ws-core-c-navigation-nav-with-flyout .pf-v5-c-nav,
-#ws-core-c-navigation-grouped-nav-no-titles-no-margin-top {
-  padding: 0;
-  background-color: var(--pf-v5-global--BackgroundColor--dark-300);
-}
-
-#ws-core-c-navigation-expandable-third-level .pf-v5-c-nav {
+.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .ws-preview-html {
   background-color: var(--pf-v5-global--BackgroundColor--dark-300);
 }
 
 #ws-core-c-navigation-horizontal-in-masthead,
 #ws-core-c-navigation-horizontal-in-masthead-overflow {
-  padding: 0;
   grid-template-rows: auto;
 }
 
@@ -58,6 +35,6 @@
 
 #ws-core-c-navigation-nav-with-flyout .pf-v5-c-menu.pf-m-flyout.pf-m-nav {
   position: absolute;
- inset-block-start: 168px;
- inset-inline-start: 256px;
+  inset-block-start: 168px;
+  inset-inline-start: 256px;
 }

package/css/docs/components/Nav/examples/Navigation.d.ts

@@ -5,9 +5,9 @@ declare const _default: {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
+  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

package/css/docs/components/Nav/examples/Navigation.js

@@ -7,8 +7,8 @@ exports.default = {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
+  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Nav/examples/Navigation.mjs

@@ -5,8 +5,8 @@ export default {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
   "pageHeader": "pf-v5-c-page__header",
   "pageHeaderNav": "pf-v5-c-page__header-nav",
+  "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Popover/examples/Popover.css

@@ -1,10 +1,4 @@
 .ws-core-c-popover .ws-preview-html {
-  position: relative;
- }
-
- .ws-core-c-popover .pf-v5-c-popover {
-   position: absolute;
-  inset-block-start: 50%;
-  inset-inline-start: 50%;
-   transform: translate(-50%, -50%);
- }
+  display: grid;
+  place-items: center;
+}

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

@@ -1,6 +1,5 @@
 import './Popover.css';
 declare const _default: {
-  "popover": "pf-v5-c-popover",
   "wsCoreCPopover": "ws-core-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -2,7 +2,6 @@
 exports.__esModule = true;
 require('./Popover.css');
 exports.default = {
-  "popover": "pf-v5-c-popover",
   "wsCoreCPopover": "ws-core-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,6 +1,5 @@
 import './Popover.css';
 export default {
-  "popover": "pf-v5-c-popover",
   "wsCoreCPopover": "ws-core-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Tooltip/examples/Tooltip.css

@@ -0,0 +1,4 @@
+/* adds padding to full page examples so arrows are visible */
+.ws-core-c-tooltip:not(.ws-preview) {
+  padding: var(--pf-v5-global--spacer--md);
+}

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

@@ -0,0 +1,6 @@
+import './Tooltip.css';
+declare const _default: {
+  "wsCoreCTooltip": "ws-core-c-tooltip",
+  "wsPreview": "ws-preview"
+};
+export default _default;

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

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+require('./Tooltip.css');
+exports.default = {
+  "wsCoreCTooltip": "ws-core-c-tooltip",
+  "wsPreview": "ws-preview"
+};

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

@@ -0,0 +1,5 @@
+import './Tooltip.css';
+export default {
+  "wsCoreCTooltip": "ws-core-c-tooltip",
+  "wsPreview": "ws-preview"
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.1.1-prerelease.1",
+  "version": "5.1.1-prerelease.3",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -18,7 +18,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.1.0-prerelease.8",
+    "@patternfly/patternfly": "5.1.0-prerelease.20",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
@@ -28,5 +28,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "1e1305e5f7450e087ff8d1690d2be28b00dac0a1"
+  "gitHead": "f3dbce4c4d20bf3a0f21b90244d146e316c4e837"
 }