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

package/css/components/Form/form.js

@@ -53,6 +53,5 @@ exports.default = {
     "hidden": "pf-m-hidden",
     "expanded": "pf-m-expanded"
   },
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Form/form.mjs

@@ -51,6 +51,5 @@ export default {
     "hidden": "pf-m-hidden",
     "expanded": "pf-m-expanded"
   },
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/JumpLinks/jump-links.css

@@ -252,7 +252,7 @@
   transition: var(--pf-v5-c-jump-links__toggle-icon--Transition);
   transform: rotate(var(--pf-v5-c-jump-links__toggle-icon--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-jump-links__toggle-icon {
   scale: -1 1;
 }
 

package/css/components/JumpLinks/jump-links.d.ts

@@ -29,7 +29,6 @@ declare const _default: {
     "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
     "expanded": "pf-m-expanded",
     "current": "pf-m-current"
-  },
-  "wsDirRtl": "ws-dir-rtl"
+  }
 };
 export default _default;

package/css/components/JumpLinks/jump-links.js

@@ -31,6 +31,5 @@ exports.default = {
     "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
     "expanded": "pf-m-expanded",
     "current": "pf-m-current"
-  },
-  "wsDirRtl": "ws-dir-rtl"
+  }
 };

package/css/components/JumpLinks/jump-links.mjs

@@ -29,6 +29,5 @@ export default {
     "nonExpandableOn_2xl": "pf-m-non-expandable-on-2xl",
     "expanded": "pf-m-expanded",
     "current": "pf-m-current"
-  },
-  "wsDirRtl": "ws-dir-rtl"
+  }
 };

package/css/components/Menu/menu.css

@@ -259,7 +259,7 @@
 .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
   transform: translateX(-100%);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list, .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__content > .pf-v5-c-menu__list, .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
   transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
 }
 
@@ -274,7 +274,7 @@
 .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
   transform: translateX(-100%);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
   transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
 }
 
@@ -577,7 +577,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
   color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
   scale: -1 1;
 }
 

package/css/components/Menu/menu.d.ts

@@ -56,7 +56,6 @@ declare const _default: {
     "favorite": "pf-m-favorite",
     "favorited": "pf-m-favorited"
   },
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Menu/menu.js

@@ -58,6 +58,5 @@ exports.default = {
     "favorite": "pf-m-favorite",
     "favorited": "pf-m-favorited"
   },
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Menu/menu.mjs

@@ -56,6 +56,5 @@ export default {
     "favorite": "pf-m-favorite",
     "favorited": "pf-m-favorited"
   },
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Nav/nav.css

@@ -414,7 +414,7 @@
 .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
   margin-inline-start: calc(var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft) * -1);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
   scale: -1 1;
 }
 
@@ -861,7 +861,7 @@
   display: inline-block;
   transition: var(--pf-v5-c-nav__toggle-icon--Transition);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
   scale: -1 1;
 }
 
@@ -920,7 +920,7 @@
   opacity: 0;
   transition: var(--pf-v5-c-nav__scroll-button--Transition);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
   scale: -1 1;
 }
 
@@ -951,7 +951,7 @@
   margin-inline-end: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
   transform: translateX(-100%);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
   transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
 }
 
@@ -963,7 +963,7 @@
   margin-inline-start: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
   transform: translateX(100%);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
   transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
 }
 

package/css/components/Nav/nav.d.ts

@@ -35,7 +35,6 @@ declare const _default: {
   "navSubnav": "pf-v5-c-nav__subnav",
   "navToggle": "pf-v5-c-nav__toggle",
   "navToggleIcon": "pf-v5-c-nav__toggle-icon",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Nav/nav.js

@@ -37,6 +37,5 @@ exports.default = {
   "navSubnav": "pf-v5-c-nav__subnav",
   "navToggle": "pf-v5-c-nav__toggle",
   "navToggleIcon": "pf-v5-c-nav__toggle-icon",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Nav/nav.mjs

@@ -35,6 +35,5 @@ export default {
   "navSubnav": "pf-v5-c-nav__subnav",
   "navToggle": "pf-v5-c-nav__toggle",
   "navToggleIcon": "pf-v5-c-nav__toggle-icon",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/NotificationDrawer/notification-drawer.css

@@ -267,7 +267,7 @@
   color: var(--pf-v5-c-notification-drawer__group-toggle-icon--Color);
   transition: var(--pf-v5-c-notification-drawer__group-toggle-icon--Transition);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
   scale: -1 1;
 }
 

package/css/components/NotificationDrawer/notification-drawer.d.ts

@@ -31,7 +31,6 @@ declare const _default: {
   "notificationDrawerListItemHeaderIcon": "pf-v5-c-notification-drawer__list-item-header-icon",
   "notificationDrawerListItemHeaderTitle": "pf-v5-c-notification-drawer__list-item-header-title",
   "notificationDrawerListItemTimestamp": "pf-v5-c-notification-drawer__list-item-timestamp",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/NotificationDrawer/notification-drawer.js

@@ -33,6 +33,5 @@ exports.default = {
   "notificationDrawerListItemHeaderIcon": "pf-v5-c-notification-drawer__list-item-header-icon",
   "notificationDrawerListItemHeaderTitle": "pf-v5-c-notification-drawer__list-item-header-title",
   "notificationDrawerListItemTimestamp": "pf-v5-c-notification-drawer__list-item-timestamp",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/NotificationDrawer/notification-drawer.mjs

@@ -31,6 +31,5 @@ export default {
   "notificationDrawerListItemHeaderIcon": "pf-v5-c-notification-drawer__list-item-header-icon",
   "notificationDrawerListItemHeaderTitle": "pf-v5-c-notification-drawer__list-item-header-title",
   "notificationDrawerListItemTimestamp": "pf-v5-c-notification-drawer__list-item-timestamp",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Page/page.css

@@ -399,7 +399,7 @@
   transition: var(--pf-v5-c-page__sidebar--Transition);
   transform: translateX(var(--pf-v5-c-page__sidebar--TranslateX)) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
   transform: translateX(calc(var(--pf-v5-c-page__sidebar--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
 }
 

package/css/components/Page/page.d.ts

@@ -89,7 +89,6 @@ declare const _default: {
   "pageMainWizard": "pf-v5-c-page__main-wizard",
   "pageSidebar": "pf-v5-c-page__sidebar",
   "pageSidebarBody": "pf-v5-c-page__sidebar-body",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Page/page.js

@@ -91,6 +91,5 @@ exports.default = {
   "pageMainWizard": "pf-v5-c-page__main-wizard",
   "pageSidebar": "pf-v5-c-page__sidebar",
   "pageSidebarBody": "pf-v5-c-page__sidebar-body",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Page/page.mjs

@@ -89,6 +89,5 @@ export default {
   "pageMainWizard": "pf-v5-c-page__main-wizard",
   "pageSidebar": "pf-v5-c-page__sidebar",
   "pageSidebarBody": "pf-v5-c-page__sidebar-body",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Pagination/pagination.css

@@ -196,7 +196,7 @@
   justify-content: flex-end;
 }
 
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
   scale: -1 1;
 }
 

package/css/components/Pagination/pagination.d.ts

@@ -66,7 +66,6 @@ declare const _default: {
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
   "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Pagination/pagination.js

@@ -68,6 +68,5 @@ exports.default = {
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
   "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Pagination/pagination.mjs

@@ -66,6 +66,5 @@ export default {
   "paginationNavControl": "pf-v5-c-pagination__nav-control",
   "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
   "paginationTotalItems": "pf-v5-c-pagination__total-items",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Popover/popover.css

@@ -71,7 +71,7 @@
   inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-top--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
   transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-top--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-top--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-top--Rotate));
 }
 
@@ -85,7 +85,7 @@
   inset-inline-start: 50%;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
   transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-bottom--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-bottom--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-bottom--Rotate));
 }
 
@@ -99,7 +99,7 @@
   inset-inline-end: 0;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-left--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
   transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-left--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-left--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-left--Rotate));
 }
 
@@ -113,7 +113,7 @@
   inset-inline-start: 0;
   transform: translateX(var(--pf-v5-c-popover__arrow--m-right--TranslateX)) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-popover: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-popover__arrow {
   transform: translateX(calc(var(--pf-v5-c-popover__arrow--m-right--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateY(var(--pf-v5-c-popover__arrow--m-right--TranslateY)) rotate(var(--pf-v5-c-popover__arrow--m-right--Rotate));
 }
 

package/css/components/Popover/popover.d.ts

@@ -44,7 +44,6 @@ declare const _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",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Popover/popover.js

@@ -46,6 +46,5 @@ 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",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Popover/popover.mjs

@@ -44,6 +44,5 @@ 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",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Progress/progress.css

@@ -132,6 +132,12 @@
   color: var(--pf-v5-c-progress__status-icon--Color);
 }
 
+.pf-v5-c-progress__bar::before,
+.pf-v5-c-progress__indicator {
+  top: 0;
+  left: 0;
+}
+
 .pf-v5-c-progress__bar {
   position: relative;
   grid-row: 2/3;
@@ -142,8 +148,6 @@
 }
 .pf-v5-c-progress__bar::before {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   width: 100%;
   height: 100%;
   content: "";
@@ -153,8 +157,6 @@
 
 .pf-v5-c-progress__indicator {
   position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 0;
   height: var(--pf-v5-c-progress__indicator--Height);
   background-color: var(--pf-v5-c-progress__indicator--BackgroundColor);
 }

package/css/components/Skeleton/skeleton.css

@@ -66,7 +66,7 @@
   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 {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
   scale: -1 1;
 }
 

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

@@ -30,7 +30,6 @@ declare const _default: {
     "textSm": "pf-m-text-sm"
   },
   "skeleton": "pf-v5-c-skeleton",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Skeleton/skeleton.js

@@ -32,6 +32,5 @@ exports.default = {
     "textSm": "pf-m-text-sm"
   },
   "skeleton": "pf-v5-c-skeleton",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Skeleton/skeleton.mjs

@@ -30,6 +30,5 @@ export default {
     "textSm": "pf-m-text-sm"
   },
   "skeleton": "pf-v5-c-skeleton",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Slider/slider.css

@@ -60,7 +60,7 @@
   --pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
   display: flex;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
   --pf-v5-c-slider__rail-track--before--fill--direction: left;
 }
 
@@ -133,7 +133,7 @@
   background-color: var(--pf-v5-c-slider__step-tick--BackgroundColor);
   border-radius: var(--pf-v5-c-slider__step-tick--BorderRadius);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
   transform: translateX(calc(var(--pf-v5-c-slider__step-tick--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
 }
 
@@ -143,7 +143,7 @@
   inset-block-start: var(--pf-v5-c-slider__step-label--Top);
   word-break: normal;
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
   transform: translateX(calc(var(--pf-v5-c-slider__step-label--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
 }
 
@@ -159,7 +159,7 @@
   border-radius: var(--pf-v5-c-slider__thumb--BorderRadius);
   box-shadow: var(--pf-v5-c-slider__thumb--BoxShadow);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
   transform: translate(calc(var(--pf-v5-c-slider__thumb--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--TranslateY));
 }
 
@@ -173,7 +173,7 @@
   content: "";
   border-radius: var(--pf-v5-c-slider__thumb--before--BorderRadius);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
   transform: translate(calc(var(--pf-v5-c-slider__thumb--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--before--TranslateY));
 }
 
@@ -199,7 +199,7 @@
   inset-inline-start: var(--pf-v5-c-slider__value--m-floating--Left);
   z-index: var(--pf-v5-c-slider__value--m-floating--ZIndex);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
   transform: translate(calc(var(--pf-v5-c-slider__value--m-floating--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__value--m-floating--TranslateY));
 }
 

package/css/components/Slider/slider.d.ts

@@ -17,7 +17,6 @@ declare const _default: {
   "sliderStepTick": "pf-v5-c-slider__step-tick",
   "sliderSteps": "pf-v5-c-slider__steps",
   "sliderThumb": "pf-v5-c-slider__thumb",
-  "sliderValue": "pf-v5-c-slider__value",
-  "wsDirRtl": "ws-dir-rtl"
+  "sliderValue": "pf-v5-c-slider__value"
 };
 export default _default;

package/css/components/Slider/slider.js

@@ -19,6 +19,5 @@ exports.default = {
   "sliderStepTick": "pf-v5-c-slider__step-tick",
   "sliderSteps": "pf-v5-c-slider__steps",
   "sliderThumb": "pf-v5-c-slider__thumb",
-  "sliderValue": "pf-v5-c-slider__value",
-  "wsDirRtl": "ws-dir-rtl"
+  "sliderValue": "pf-v5-c-slider__value"
 };

package/css/components/Slider/slider.mjs

@@ -17,6 +17,5 @@ export default {
   "sliderStepTick": "pf-v5-c-slider__step-tick",
   "sliderSteps": "pf-v5-c-slider__steps",
   "sliderThumb": "pf-v5-c-slider__thumb",
-  "sliderValue": "pf-v5-c-slider__value",
-  "wsDirRtl": "ws-dir-rtl"
+  "sliderValue": "pf-v5-c-slider__value"
 };

package/css/components/Switch/switch.css

@@ -69,7 +69,7 @@
 .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
   transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
   transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
 }
 

package/css/components/Switch/switch.d.ts

@@ -11,7 +11,6 @@ declare const _default: {
   "switchLabel": "pf-v5-c-switch__label",
   "switchToggle": "pf-v5-c-switch__toggle",
   "switchToggleIcon": "pf-v5-c-switch__toggle-icon",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Switch/switch.js

@@ -13,6 +13,5 @@ exports.default = {
   "switchLabel": "pf-v5-c-switch__label",
   "switchToggle": "pf-v5-c-switch__toggle",
   "switchToggleIcon": "pf-v5-c-switch__toggle-icon",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Switch/switch.mjs

@@ -11,6 +11,5 @@ export default {
   "switchLabel": "pf-v5-c-switch__label",
   "switchToggle": "pf-v5-c-switch__toggle",
   "switchToggleIcon": "pf-v5-c-switch__toggle-icon",
-  "themeDark": "pf-v5-theme-dark",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };

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

@@ -69,7 +69,7 @@
   position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
   inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
 }
-:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
+:where(.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)));
 }
 

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

@@ -27,7 +27,6 @@ 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",
-  "wsDirRtl": "ws-dir-rtl"
+  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
 };
 export default _default;

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

@@ -29,6 +29,5 @@ 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",
-  "wsDirRtl": "ws-dir-rtl"
+  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
 };

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

@@ -27,6 +27,5 @@ 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",
-  "wsDirRtl": "ws-dir-rtl"
+  "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
 };

package/css/components/Table/table.css

@@ -734,7 +734,7 @@
   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 {
+:where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
   scale: -1 1;
 }
 

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

@@ -85,7 +85,6 @@ 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",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };
 export default _default;

package/css/components/Table/table.js

@@ -87,6 +87,5 @@ 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",
-  "wsDirRtl": "ws-dir-rtl"
+  "themeDark": "pf-v5-theme-dark"
 };