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

package/css/components/Table/table.mjs

@@ -85,6 +85,5 @@ export default {
   "tableToggle": "pf-v5-c-table__toggle",
   "tableToggleIcon": "pf-v5-c-table__toggle-icon",
   "tableTr": "pf-v5-c-table__tr",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Tabs/tabs.css

@@ -417,7 +417,7 @@
   transition: var(--pf-v5-c-tabs__toggle-icon--Transition);
   transform: rotate(var(--pf-v5-c-tabs__toggle-icon--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
   scale: -1 1;
 }
 
@@ -594,7 +594,7 @@
   transition: var(--pf-v5-c-tabs__link-toggle-icon--Transition);
   transform: rotate(var(--pf-v5-c-tabs__link-toggle-icon--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
   scale: -1 1;
 }
 
@@ -628,7 +628,7 @@
   opacity: 0;
   transition: margin var(--pf-v5-c-tabs__scroll-button--TransitionDuration--margin), transform var(--pf-v5-c-tabs__scroll-button--TransitionDuration--transform), opacity var(--pf-v5-c-tabs__scroll-button--TransitionDuration--opacity);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
   scale: -1 1;
 }
 

package/css/components/Tabs/tabs.d.ts

@@ -82,7 +82,6 @@ declare const _default: {
   "tabsToggleButton": "pf-v5-c-tabs__toggle-button",
   "tabsToggleIcon": "pf-v5-c-tabs__toggle-icon",
   "tabsToggleText": "pf-v5-c-tabs__toggle-text",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Tabs/tabs.js

@@ -84,6 +84,5 @@ exports.default = {
   "tabsToggleButton": "pf-v5-c-tabs__toggle-button",
   "tabsToggleIcon": "pf-v5-c-tabs__toggle-icon",
   "tabsToggleText": "pf-v5-c-tabs__toggle-text",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Tabs/tabs.mjs

@@ -82,6 +82,5 @@ export default {
   "tabsToggleButton": "pf-v5-c-tabs__toggle-button",
   "tabsToggleIcon": "pf-v5-c-tabs__toggle-icon",
   "tabsToggleText": "pf-v5-c-tabs__toggle-text",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Tooltip/tooltip.css

@@ -38,7 +38,7 @@
   inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-top, .pf-m-top-left, .pf-m-top-right, .pf-m-block-start, .pf-m-block-start-inline-start, .pf-m-block-start-inline-end) .pf-v5-c-tooltip__arrow {
   transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-top--Rotate));
 }
 
@@ -52,7 +52,7 @@
   inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-bottom, .pf-m-bottom-left, .pf-m-bottom-right, .pf-m-block-end, .pf-m-block-end-inline-start, .pf-m-block-end-inline-end) .pf-v5-c-tooltip__arrow {
   transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-bottom--Rotate));
 }
 
@@ -66,7 +66,7 @@
   inset-inline-end: 0;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-left, .pf-m-left-top, .pf-m-left-bottom, .pf-m-inline-start, .pf-m-inline-start-block-start, .pf-m-inline-start-block-end) .pf-v5-c-tooltip__arrow {
   transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-left--Rotate));
 }
 
@@ -80,7 +80,7 @@
   inset-inline-start: 0;
   transform: translateX(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tooltip:is(.pf-m-right, .pf-m-right-top, .pf-m-right-bottom, .pf-m-inline-end, .pf-m-inline-end-block-start, .pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
   transform: translateX(calc(var(--pf-v5-c-tooltip__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-tooltip__arrow--m-right--Rotate));
 }
 

package/css/components/Tooltip/tooltip.d.ts

@@ -36,7 +36,6 @@ declare const _default: {
   "themeDark": "pf-v5-theme-dark",
   "tooltip": "pf-v5-c-tooltip",
   "tooltipArrow": "pf-v5-c-tooltip__arrow",
-  "tooltipContent": "pf-v5-c-tooltip__content",
-  "wsDirRtl": "ws-dir-rtl"
+  "tooltipContent": "pf-v5-c-tooltip__content"
 };
 export default _default;

package/css/components/Tooltip/tooltip.js

@@ -38,6 +38,5 @@ exports.default = {
   "themeDark": "pf-v5-theme-dark",
   "tooltip": "pf-v5-c-tooltip",
   "tooltipArrow": "pf-v5-c-tooltip__arrow",
-  "tooltipContent": "pf-v5-c-tooltip__content",
-  "wsDirRtl": "ws-dir-rtl"
+  "tooltipContent": "pf-v5-c-tooltip__content"
 };

package/css/components/Tooltip/tooltip.mjs

@@ -36,6 +36,5 @@ export default {
   "themeDark": "pf-v5-theme-dark",
   "tooltip": "pf-v5-c-tooltip",
   "tooltipArrow": "pf-v5-c-tooltip__arrow",
-  "tooltipContent": "pf-v5-c-tooltip__content",
-  "wsDirRtl": "ws-dir-rtl"
+  "tooltipContent": "pf-v5-c-tooltip__content"
 };

package/css/components/TreeView/tree-view.css

@@ -229,7 +229,7 @@
   transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
   transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
   scale: -1 1;
 }
 
@@ -321,7 +321,7 @@
   border: 0;
   transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
   transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
 }
 

package/css/components/TreeView/tree-view.d.ts

@@ -27,7 +27,6 @@ declare const _default: {
   "treeViewNodeTitle": "pf-v5-c-tree-view__node-title",
   "treeViewNodeToggle": "pf-v5-c-tree-view__node-toggle",
   "treeViewNodeToggleIcon": "pf-v5-c-tree-view__node-toggle-icon",
-  "treeViewSearch": "pf-v5-c-tree-view__search",
-  "wsDirRtl": "ws-dir-rtl"
+  "treeViewSearch": "pf-v5-c-tree-view__search"
 };
 export default _default;

package/css/components/TreeView/tree-view.js

@@ -29,6 +29,5 @@ exports.default = {
   "treeViewNodeTitle": "pf-v5-c-tree-view__node-title",
   "treeViewNodeToggle": "pf-v5-c-tree-view__node-toggle",
   "treeViewNodeToggleIcon": "pf-v5-c-tree-view__node-toggle-icon",
-  "treeViewSearch": "pf-v5-c-tree-view__search",
-  "wsDirRtl": "ws-dir-rtl"
+  "treeViewSearch": "pf-v5-c-tree-view__search"
 };

package/css/components/TreeView/tree-view.mjs

@@ -27,6 +27,5 @@ export default {
   "treeViewNodeTitle": "pf-v5-c-tree-view__node-title",
   "treeViewNodeToggle": "pf-v5-c-tree-view__node-toggle",
   "treeViewNodeToggleIcon": "pf-v5-c-tree-view__node-toggle-icon",
-  "treeViewSearch": "pf-v5-c-tree-view__search",
-  "wsDirRtl": "ws-dir-rtl"
+  "treeViewSearch": "pf-v5-c-tree-view__search"
 };

package/css/components/Truncate/truncate.css

@@ -21,7 +21,7 @@
 .pf-v5-c-truncate__end {
   direction: rtl;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
   direction: ltr;
 }
 
@@ -29,7 +29,7 @@
   overflow: visible;
   direction: ltr;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
   direction: rtl;
 }
 
@@ -37,7 +37,7 @@
   .pf-v5-c-truncate__end {
     direction: ltr;
   }
-  :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
+  :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
     direction: rtl;
   }
 }

package/css/components/Truncate/truncate.d.ts

@@ -3,7 +3,6 @@ declare const _default: {
   "dirRtl": "pf-v5-m-dir-rtl",
   "truncate": "pf-v5-c-truncate",
   "truncateEnd": "pf-v5-c-truncate__end",
-  "truncateStart": "pf-v5-c-truncate__start",
-  "wsDirRtl": "ws-dir-rtl"
+  "truncateStart": "pf-v5-c-truncate__start"
 };
 export default _default;

package/css/components/Truncate/truncate.js

@@ -5,6 +5,5 @@ exports.default = {
   "dirRtl": "pf-v5-m-dir-rtl",
   "truncate": "pf-v5-c-truncate",
   "truncateEnd": "pf-v5-c-truncate__end",
-  "truncateStart": "pf-v5-c-truncate__start",
-  "wsDirRtl": "ws-dir-rtl"
+  "truncateStart": "pf-v5-c-truncate__start"
 };

package/css/components/Truncate/truncate.mjs

@@ -3,6 +3,5 @@ export default {
   "dirRtl": "pf-v5-m-dir-rtl",
   "truncate": "pf-v5-c-truncate",
   "truncateEnd": "pf-v5-c-truncate__end",
-  "truncateStart": "pf-v5-c-truncate__start",
-  "wsDirRtl": "ws-dir-rtl"
+  "truncateStart": "pf-v5-c-truncate__start"
 };

package/css/components/Wizard/wizard.css

@@ -303,7 +303,7 @@
   margin-inline-start: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
   color: var(--pf-v5-c-wizard__toggle-separator--Color);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
   scale: -1 1;
 }
 
@@ -425,7 +425,7 @@
   background-color: var(--pf-v5-c-wizard__nav-link--before--BackgroundColor);
   border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
   transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
 }
 
@@ -475,7 +475,7 @@
   transition: var(--pf-v5-c-wizard__nav-link-toggle-icon--Transition);
   transform: rotate(var(--pf-v5-c-wizard__nav-link-toggle-icon--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
   scale: -1 1;
 }
 

package/css/components/Wizard/wizard.d.ts

@@ -38,7 +38,6 @@ declare const _default: {
   "wizardToggleList": "pf-v5-c-wizard__toggle-list",
   "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
   "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
-  "wsDirRtl": "ws-dir-rtl"
+  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
 };
 export default _default;

package/css/components/Wizard/wizard.js

@@ -40,6 +40,5 @@ exports.default = {
   "wizardToggleList": "pf-v5-c-wizard__toggle-list",
   "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
   "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
-  "wsDirRtl": "ws-dir-rtl"
+  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
 };

package/css/components/Wizard/wizard.mjs

@@ -38,6 +38,5 @@ export default {
   "wizardToggleList": "pf-v5-c-wizard__toggle-list",
   "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
   "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
-  "wsDirRtl": "ws-dir-rtl"
+  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
 };

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

@@ -1,4 +1,4 @@
-.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .ws-preview-html {
+.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .pf-v5-c-nav{
   background-color: var(--pf-v5-global--BackgroundColor--dark-300);
 }
 

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

@@ -5,6 +5,7 @@ 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",

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

@@ -7,6 +7,7 @@ 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",

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

@@ -5,6 +5,7 @@ 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",

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

@@ -1,4 +1,5 @@
 .ws-core-c-popover .ws-preview-html {
-  display: grid;
-  place-items: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.1.1-prerelease.4",
+  "version": "5.1.1-prerelease.6",
   "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.21",
+    "@patternfly/patternfly": "5.1.0-prerelease.28",
     "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": "b61a033e45c6c3d4ff582754e505e9211c052c95"
+  "gitHead": "f856af105070fec983e76afa262b37aa99737e63"
 }