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

package/css/components/Popover/popover.js

@@ -2,21 +2,34 @@
 exports.__esModule = true;
 require('./popover.css');
 exports.default = {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "noPadding": "pf-m-no-padding",
     "widthAuto": "pf-m-width-auto",
     "top": "pf-m-top",
     "topLeft": "pf-m-top-left",
     "topRight": "pf-m-top-right",
+    "blockStart": "pf-m-block-start",
+    "blockStartInlineStart": "pf-m-block-start-inline-start",
+    "blockStartInlineEnd": "pf-m-block-start-inline-end",
     "bottom": "pf-m-bottom",
     "bottomLeft": "pf-m-bottom-left",
     "bottomRight": "pf-m-bottom-right",
+    "blockEnd": "pf-m-block-end",
+    "blockEndInlineStart": "pf-m-block-end-inline-start",
+    "blockEndInlineEnd": "pf-m-block-end-inline-end",
     "left": "pf-m-left",
     "leftTop": "pf-m-left-top",
     "leftBottom": "pf-m-left-bottom",
+    "inlineStart": "pf-m-inline-start",
+    "inlineStartBlockStart": "pf-m-inline-start-block-start",
+    "inlineStartBlockEnd": "pf-m-inline-start-block-end",
     "right": "pf-m-right",
     "rightTop": "pf-m-right-top",
     "rightBottom": "pf-m-right-bottom",
+    "inlineEnd": "pf-m-inline-end",
+    "inlineEndBlockStart": "pf-m-inline-end-block-start",
+    "inlineEndBlockEnd": "pf-m-inline-end-block-end",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",
@@ -33,5 +46,6 @@ exports.default = {
   "popoverTitle": "pf-v5-c-popover__title",
   "popoverTitleIcon": "pf-v5-c-popover__title-icon",
   "popoverTitleText": "pf-v5-c-popover__title-text",
-  "themeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Popover/popover.mjs

@@ -1,20 +1,33 @@
 import './popover.css';
 export default {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "noPadding": "pf-m-no-padding",
     "widthAuto": "pf-m-width-auto",
     "top": "pf-m-top",
     "topLeft": "pf-m-top-left",
     "topRight": "pf-m-top-right",
+    "blockStart": "pf-m-block-start",
+    "blockStartInlineStart": "pf-m-block-start-inline-start",
+    "blockStartInlineEnd": "pf-m-block-start-inline-end",
     "bottom": "pf-m-bottom",
     "bottomLeft": "pf-m-bottom-left",
     "bottomRight": "pf-m-bottom-right",
+    "blockEnd": "pf-m-block-end",
+    "blockEndInlineStart": "pf-m-block-end-inline-start",
+    "blockEndInlineEnd": "pf-m-block-end-inline-end",
     "left": "pf-m-left",
     "leftTop": "pf-m-left-top",
     "leftBottom": "pf-m-left-bottom",
+    "inlineStart": "pf-m-inline-start",
+    "inlineStartBlockStart": "pf-m-inline-start-block-start",
+    "inlineStartBlockEnd": "pf-m-inline-start-block-end",
     "right": "pf-m-right",
     "rightTop": "pf-m-right-top",
     "rightBottom": "pf-m-right-bottom",
+    "inlineEnd": "pf-m-inline-end",
+    "inlineEndBlockStart": "pf-m-inline-end-block-start",
+    "inlineEndBlockEnd": "pf-m-inline-end-block-end",
     "danger": "pf-m-danger",
     "warning": "pf-m-warning",
     "success": "pf-m-success",
@@ -31,5 +44,6 @@ export default {
   "popoverTitle": "pf-v5-c-popover__title",
   "popoverTitleIcon": "pf-v5-c-popover__title-icon",
   "popoverTitleText": "pf-v5-c-popover__title-text",
-  "themeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Skeleton/skeleton.css

@@ -66,6 +66,10 @@
   transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
   animation: var(--pf-v5-c-skeleton--after--AnimationName) var(--pf-v5-c-skeleton--after--AnimationDuration) var(--pf-v5-c-skeleton--after--AnimationTimingFunction) var(--pf-v5-c-skeleton--after--AnimationDelay) var(--pf-v5-c-skeleton--after--AnimationIterationCount);
 }
+:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
+  scale: -1 1;
+}
+
 .pf-v5-c-skeleton.pf-m-circle {
   --pf-v5-c-skeleton--BorderRadius: var(--pf-v5-c-skeleton--m-circle--BorderRadius);
 }

package/css/components/Skeleton/skeleton.d.ts

@@ -1,5 +1,6 @@
 import './skeleton.css';
 declare const _default: {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "circle": "pf-m-circle",
     "square": "pf-m-square",
@@ -29,6 +30,7 @@ declare const _default: {
     "textSm": "pf-m-text-sm"
   },
   "skeleton": "pf-v5-c-skeleton",
-  "themeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };
 export default _default;

package/css/components/Skeleton/skeleton.js

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 require('./skeleton.css');
 exports.default = {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "circle": "pf-m-circle",
     "square": "pf-m-square",
@@ -31,5 +32,6 @@ exports.default = {
     "textSm": "pf-m-text-sm"
   },
   "skeleton": "pf-v5-c-skeleton",
-  "themeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Skeleton/skeleton.mjs

@@ -1,5 +1,6 @@
 import './skeleton.css';
 export default {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "circle": "pf-m-circle",
     "square": "pf-m-square",
@@ -29,5 +30,6 @@ export default {
     "textSm": "pf-m-text-sm"
   },
   "skeleton": "pf-v5-c-skeleton",
-  "themeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Slider/slider.css

@@ -1,5 +1,6 @@
 .pf-v5-c-slider {
   --pf-v5-c-slider--value: 0;
+  --pf-v5-c-slider__step--Left: 0;
   --pf-v5-c-slider__rail--PaddingTop: var(--pf-v5-global--spacer--md);
   --pf-v5-c-slider__rail--PaddingBottom: var(--pf-v5-global--spacer--md);
   --pf-v5-c-slider__rail-track--Height: 0.25rem;

package/css/components/Table/table-scrollable.css

@@ -32,10 +32,10 @@
   --pf-v5-c-table--cell--m-border-left--before--BorderLeftWidth: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftWidth);
   --pf-v5-c-table--cell--m-border-left--before--BorderLeftColor: var(--pf-v5-c-table__sticky-cell--m-border-left--before--BorderLeftColor);
 }
-.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right {
+.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-right, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-end {
   --pf-v5-c-table__sticky-cell--Right: var(--pf-v5-c-table__sticky-cell--m-right--Right);
 }
-.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left {
+.pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-left, .pf-v5-c-table .pf-v5-c-table__sticky-cell.pf-m-inline-start {
   --pf-v5-c-table__sticky-cell--Left: var(--pf-v5-c-table__sticky-cell--m-left--Left);
 }
 

package/css/components/Table/table-scrollable.d.ts

@@ -4,7 +4,9 @@ declare const _default: {
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
     "right": "pf-m-right",
-    "left": "pf-m-left"
+    "inlineEnd": "pf-m-inline-end",
+    "left": "pf-m-left",
+    "inlineStart": "pf-m-inline-start"
   },
   "scrollInnerWrapper": "pf-v5-c-scroll-inner-wrapper",
   "scrollOuterWrapper": "pf-v5-c-scroll-outer-wrapper",

package/css/components/Table/table-scrollable.js

@@ -6,7 +6,9 @@ exports.default = {
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
     "right": "pf-m-right",
-    "left": "pf-m-left"
+    "inlineEnd": "pf-m-inline-end",
+    "left": "pf-m-left",
+    "inlineStart": "pf-m-inline-start"
   },
   "scrollInnerWrapper": "pf-v5-c-scroll-inner-wrapper",
   "scrollOuterWrapper": "pf-v5-c-scroll-outer-wrapper",

package/css/components/Table/table-scrollable.mjs

@@ -4,7 +4,9 @@ export default {
     "borderRight": "pf-m-border-right",
     "borderLeft": "pf-m-border-left",
     "right": "pf-m-right",
-    "left": "pf-m-left"
+    "inlineEnd": "pf-m-inline-end",
+    "left": "pf-m-left",
+    "inlineStart": "pf-m-inline-start"
   },
   "scrollInnerWrapper": "pf-v5-c-scroll-inner-wrapper",
   "scrollOuterWrapper": "pf-v5-c-scroll-outer-wrapper",

package/css/components/Table/table-tree-view.css

@@ -65,10 +65,14 @@
   cursor: pointer;
 }
 .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
+  transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
   position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
   inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
-  transform: translateX(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX));
 }
+:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
+  transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
+}
+
 .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
   min-width: var(--pf-v5-c-table--m-tree-view__toggle__toggle-icon--MinWidth);
 }

package/css/components/Table/table-tree-view.d.ts

@@ -1,5 +1,6 @@
 import './table-tree-view.css';
 declare const _default: {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "dropdown": "pf-v5-c-dropdown",
   "modifiers": {
     "treeView": "pf-m-tree-view",
@@ -26,6 +27,7 @@ declare const _default: {
   "tableTreeViewMain": "pf-v5-c-table__tree-view-main",
   "tableTreeViewText": "pf-v5-c-table__tree-view-text",
   "tableTreeViewTitleCell": "pf-v5-c-table__tree-view-title-cell",
-  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
+  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell",
+  "wsDirRtl": "ws-dir-rtl"
 };
 export default _default;

package/css/components/Table/table-tree-view.js

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 require('./table-tree-view.css');
 exports.default = {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "dropdown": "pf-v5-c-dropdown",
   "modifiers": {
     "treeView": "pf-m-tree-view",
@@ -28,5 +29,6 @@ exports.default = {
   "tableTreeViewMain": "pf-v5-c-table__tree-view-main",
   "tableTreeViewText": "pf-v5-c-table__tree-view-text",
   "tableTreeViewTitleCell": "pf-v5-c-table__tree-view-title-cell",
-  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
+  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Table/table-tree-view.mjs

@@ -1,5 +1,6 @@
 import './table-tree-view.css';
 export default {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "dropdown": "pf-v5-c-dropdown",
   "modifiers": {
     "treeView": "pf-m-tree-view",
@@ -26,5 +27,6 @@ export default {
   "tableTreeViewMain": "pf-v5-c-table__tree-view-main",
   "tableTreeViewText": "pf-v5-c-table__tree-view-text",
   "tableTreeViewTitleCell": "pf-v5-c-table__tree-view-title-cell",
-  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
+  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Table/table.css

@@ -734,6 +734,10 @@
   transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
   transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
 }
+:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
+  scale: -1 1;
+}
+
 .pf-v5-c-table__toggle svg {
   pointer-events: none;
 }

package/css/components/Table/table.d.ts

@@ -2,6 +2,7 @@ import './table.css';
 declare const _default: {
   "button": "pf-v5-c-button",
   "checkInput": "pf-v5-c-check__input",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "hidden": "pf-m-hidden",
     "hiddenOnSm": "pf-m-hidden-on-sm",
@@ -84,6 +85,7 @@ declare const _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"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };
 export default _default;

package/css/components/Table/table.js

@@ -4,6 +4,7 @@ require('./table.css');
 exports.default = {
   "button": "pf-v5-c-button",
   "checkInput": "pf-v5-c-check__input",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "hidden": "pf-m-hidden",
     "hiddenOnSm": "pf-m-hidden-on-sm",
@@ -86,5 +87,6 @@ exports.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"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Table/table.mjs

@@ -2,6 +2,7 @@ import './table.css';
 export default {
   "button": "pf-v5-c-button",
   "checkInput": "pf-v5-c-check__input",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "hidden": "pf-m-hidden",
     "hiddenOnSm": "pf-m-hidden-on-sm",
@@ -84,5 +85,6 @@ 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"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Tabs/tabs.css

@@ -417,6 +417,9 @@
   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 {
+  scale: -1 1;
+}
 
 .pf-v5-c-tabs__toggle-text {
   margin-inline-start: var(--pf-v5-c-tabs__toggle-text--MarginLeft);
@@ -591,6 +594,9 @@
   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 {
+  scale: -1 1;
+}
 
 .pf-v5-c-tabs__item-action {
   display: flex;
@@ -622,6 +628,10 @@
   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 > * {
+  scale: -1 1;
+}
+
 .pf-v5-c-tabs__scroll-button:hover, .pf-v5-c-tabs__scroll-button:active, .pf-v5-c-tabs__scroll-button:focus {
   --pf-v5-c-tabs__scroll-button--Color: var(--pf-v5-c-tabs__scroll-button--hover--Color);
 }

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

@@ -1,6 +1,7 @@
 import './tabs.css';
 declare const _default: {
   "button": "pf-v5-c-button",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "fill": "pf-m-fill",
     "scrollable": "pf-m-scrollable",
@@ -81,6 +82,7 @@ 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"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };
 export default _default;

package/css/components/Tabs/tabs.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 require('./tabs.css');
 exports.default = {
   "button": "pf-v5-c-button",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "fill": "pf-m-fill",
     "scrollable": "pf-m-scrollable",
@@ -83,5 +84,6 @@ 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"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Tabs/tabs.mjs

@@ -1,6 +1,7 @@
 import './tabs.css';
 export default {
   "button": "pf-v5-c-button",
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "fill": "pf-m-fill",
     "scrollable": "pf-m-scrollable",
@@ -81,5 +82,6 @@ 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"
+  "themeDark": "pf-v5-theme-dark",
+  "wsDirRtl": "ws-dir-rtl"
 };

package/css/components/Tooltip/tooltip.css

@@ -28,37 +28,85 @@
   max-width: var(--pf-v5-c-tooltip--MaxWidth);
   box-shadow: var(--pf-v5-c-tooltip--BoxShadow);
 }
-.pf-v5-c-tooltip.pf-m-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-top-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-top-right .pf-v5-c-tooltip__arrow {
+.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 {
   inset-block-end: 0;
   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));
 }
-.pf-v5-c-tooltip.pf-m-bottom .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-right .pf-v5-c-tooltip__arrow {
+: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 {
+  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));
+}
+
+.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 {
   inset-block-start: 0;
   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));
 }
-.pf-v5-c-tooltip.pf-m-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-left-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-left-bottom .pf-v5-c-tooltip__arrow {
+: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 {
+  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));
+}
+
+.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 {
   inset-block-start: 50%;
   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));
 }
-.pf-v5-c-tooltip.pf-m-right .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-bottom .pf-v5-c-tooltip__arrow {
+: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 {
+  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));
+}
+
+.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 {
   inset-block-start: 50%;
   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));
 }
-.pf-v5-c-tooltip.pf-m-left-top .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-top .pf-v5-c-tooltip__arrow {
+: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 {
+  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));
+}
+
+.pf-v5-c-tooltip:is(.pf-m-left-top,
+.pf-m-right-top,
+.pf-m-inline-start-block-start,
+.pf-m-inline-end-block-start) .pf-v5-c-tooltip__arrow {
   inset-block-start: var(--pf-v5-c-tooltip__arrow--Height);
 }
-.pf-v5-c-tooltip.pf-m-left-bottom .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-right-bottom .pf-v5-c-tooltip__arrow {
+.pf-v5-c-tooltip:is(.pf-m-left-bottom,
+.pf-m-right-bottom,
+.pf-m-inline-start-block-end,
+.pf-m-inline-end-block-end) .pf-v5-c-tooltip__arrow {
   inset-block-start: auto;
   inset-block-end: 0;
 }
-.pf-v5-c-tooltip.pf-m-top-left .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-left .pf-v5-c-tooltip__arrow {
+.pf-v5-c-tooltip:is(.pf-m-top-left,
+.pf-m-bottom-left,
+.pf-m-block-start-block-start,
+.pf-m-block-end-block-start) .pf-v5-c-tooltip__arrow {
   inset-inline-start: var(--pf-v5-c-tooltip__arrow--Width);
 }
-.pf-v5-c-tooltip.pf-m-top-right .pf-v5-c-tooltip__arrow, .pf-v5-c-tooltip.pf-m-bottom-right .pf-v5-c-tooltip__arrow {
+.pf-v5-c-tooltip:is(.pf-m-top-right,
+.pf-m-bottom-right,
+.pf-m-block-start-block-end,
+.pf-m-block-end-block-end) .pf-v5-c-tooltip__arrow {
   inset-inline-start: auto;
   inset-inline-end: 0;
 }
@@ -75,7 +123,7 @@
   word-break: break-word;
   background-color: var(--pf-v5-c-tooltip__content--BackgroundColor);
 }
-.pf-v5-c-tooltip__content.pf-m-text-align-left {
+.pf-v5-c-tooltip__content:is(.pf-m-text-align-left, .pf-m-text-align-start) {
   text-align: start;
 }
 

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

@@ -1,23 +1,42 @@
 import './tooltip.css';
 declare const _default: {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "top": "pf-m-top",
     "topLeft": "pf-m-top-left",
     "topRight": "pf-m-top-right",
+    "blockStart": "pf-m-block-start",
+    "blockStartInlineStart": "pf-m-block-start-inline-start",
+    "blockStartInlineEnd": "pf-m-block-start-inline-end",
     "bottom": "pf-m-bottom",
     "bottomLeft": "pf-m-bottom-left",
     "bottomRight": "pf-m-bottom-right",
+    "blockEnd": "pf-m-block-end",
+    "blockEndInlineStart": "pf-m-block-end-inline-start",
+    "blockEndInlineEnd": "pf-m-block-end-inline-end",
     "left": "pf-m-left",
     "leftTop": "pf-m-left-top",
     "leftBottom": "pf-m-left-bottom",
+    "inlineStart": "pf-m-inline-start",
+    "inlineStartBlockStart": "pf-m-inline-start-block-start",
+    "inlineStartBlockEnd": "pf-m-inline-start-block-end",
     "right": "pf-m-right",
     "rightTop": "pf-m-right-top",
     "rightBottom": "pf-m-right-bottom",
-    "textAlignLeft": "pf-m-text-align-left"
+    "inlineEnd": "pf-m-inline-end",
+    "inlineEndBlockStart": "pf-m-inline-end-block-start",
+    "inlineEndBlockEnd": "pf-m-inline-end-block-end",
+    "blockStartBlockStart": "pf-m-block-start-block-start",
+    "blockEndBlockStart": "pf-m-block-end-block-start",
+    "blockStartBlockEnd": "pf-m-block-start-block-end",
+    "blockEndBlockEnd": "pf-m-block-end-block-end",
+    "textAlignLeft": "pf-m-text-align-left",
+    "textAlignStart": "pf-m-text-align-start"
   },
   "themeDark": "pf-v5-theme-dark",
   "tooltip": "pf-v5-c-tooltip",
   "tooltipArrow": "pf-v5-c-tooltip__arrow",
-  "tooltipContent": "pf-v5-c-tooltip__content"
+  "tooltipContent": "pf-v5-c-tooltip__content",
+  "wsDirRtl": "ws-dir-rtl"
 };
 export default _default;

package/css/components/Tooltip/tooltip.js

@@ -2,23 +2,42 @@
 exports.__esModule = true;
 require('./tooltip.css');
 exports.default = {
+  "dirRtl": "pf-v5-m-dir-rtl",
   "modifiers": {
     "top": "pf-m-top",
     "topLeft": "pf-m-top-left",
     "topRight": "pf-m-top-right",
+    "blockStart": "pf-m-block-start",
+    "blockStartInlineStart": "pf-m-block-start-inline-start",
+    "blockStartInlineEnd": "pf-m-block-start-inline-end",
     "bottom": "pf-m-bottom",
     "bottomLeft": "pf-m-bottom-left",
     "bottomRight": "pf-m-bottom-right",
+    "blockEnd": "pf-m-block-end",
+    "blockEndInlineStart": "pf-m-block-end-inline-start",
+    "blockEndInlineEnd": "pf-m-block-end-inline-end",
     "left": "pf-m-left",
     "leftTop": "pf-m-left-top",
     "leftBottom": "pf-m-left-bottom",
+    "inlineStart": "pf-m-inline-start",
+    "inlineStartBlockStart": "pf-m-inline-start-block-start",
+    "inlineStartBlockEnd": "pf-m-inline-start-block-end",
     "right": "pf-m-right",
     "rightTop": "pf-m-right-top",
     "rightBottom": "pf-m-right-bottom",
-    "textAlignLeft": "pf-m-text-align-left"
+    "inlineEnd": "pf-m-inline-end",
+    "inlineEndBlockStart": "pf-m-inline-end-block-start",
+    "inlineEndBlockEnd": "pf-m-inline-end-block-end",
+    "blockStartBlockStart": "pf-m-block-start-block-start",
+    "blockEndBlockStart": "pf-m-block-end-block-start",
+    "blockStartBlockEnd": "pf-m-block-start-block-end",
+    "blockEndBlockEnd": "pf-m-block-end-block-end",
+    "textAlignLeft": "pf-m-text-align-left",
+    "textAlignStart": "pf-m-text-align-start"
   },
   "themeDark": "pf-v5-theme-dark",
   "tooltip": "pf-v5-c-tooltip",
   "tooltipArrow": "pf-v5-c-tooltip__arrow",
-  "tooltipContent": "pf-v5-c-tooltip__content"
+  "tooltipContent": "pf-v5-c-tooltip__content",
+  "wsDirRtl": "ws-dir-rtl"
 };