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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (123) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/components/Accordion/accordion.css +1 -1
  3. package/css/components/Accordion/accordion.d.ts +1 -2
  4. package/css/components/Accordion/accordion.js +1 -2
  5. package/css/components/Accordion/accordion.mjs +1 -2
  6. package/css/components/Alert/alert.css +1 -1
  7. package/css/components/Alert/alert.d.ts +1 -2
  8. package/css/components/Alert/alert.js +1 -2
  9. package/css/components/Alert/alert.mjs +1 -2
  10. package/css/components/BackgroundImage/background-image.css +1 -1
  11. package/css/components/BackgroundImage/background-image.d.ts +1 -2
  12. package/css/components/BackgroundImage/background-image.js +1 -2
  13. package/css/components/BackgroundImage/background-image.mjs +1 -2
  14. package/css/components/Breadcrumb/breadcrumb.css +1 -1
  15. package/css/components/Breadcrumb/breadcrumb.d.ts +1 -2
  16. package/css/components/Breadcrumb/breadcrumb.js +1 -2
  17. package/css/components/Breadcrumb/breadcrumb.mjs +1 -2
  18. package/css/components/CalendarMonth/calendar-month.css +1 -1
  19. package/css/components/CalendarMonth/calendar-month.d.ts +1 -2
  20. package/css/components/CalendarMonth/calendar-month.js +1 -2
  21. package/css/components/CalendarMonth/calendar-month.mjs +1 -2
  22. package/css/components/Card/card.css +1 -1
  23. package/css/components/Card/card.d.ts +1 -2
  24. package/css/components/Card/card.js +1 -2
  25. package/css/components/Card/card.mjs +1 -2
  26. package/css/components/ClipboardCopy/clipboard-copy.css +1 -1
  27. package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -2
  28. package/css/components/ClipboardCopy/clipboard-copy.js +1 -2
  29. package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -2
  30. package/css/components/DataList/data-list.css +1 -1
  31. package/css/components/DataList/data-list.d.ts +1 -2
  32. package/css/components/DataList/data-list.js +1 -2
  33. package/css/components/DataList/data-list.mjs +1 -2
  34. package/css/components/Drawer/drawer.css +13 -13
  35. package/css/components/Drawer/drawer.d.ts +1 -2
  36. package/css/components/Drawer/drawer.js +1 -2
  37. package/css/components/Drawer/drawer.mjs +1 -2
  38. package/css/components/DualListSelector/dual-list-selector.css +2 -2
  39. package/css/components/DualListSelector/dual-list-selector.d.ts +1 -2
  40. package/css/components/DualListSelector/dual-list-selector.js +1 -2
  41. package/css/components/DualListSelector/dual-list-selector.mjs +1 -2
  42. package/css/components/ExpandableSection/expandable-section.css +1 -1
  43. package/css/components/ExpandableSection/expandable-section.d.ts +1 -2
  44. package/css/components/ExpandableSection/expandable-section.js +1 -2
  45. package/css/components/ExpandableSection/expandable-section.mjs +1 -2
  46. package/css/components/Form/form.css +1 -1
  47. package/css/components/Form/form.d.ts +1 -2
  48. package/css/components/Form/form.js +1 -2
  49. package/css/components/Form/form.mjs +1 -2
  50. package/css/components/JumpLinks/jump-links.css +1 -1
  51. package/css/components/JumpLinks/jump-links.d.ts +1 -2
  52. package/css/components/JumpLinks/jump-links.js +1 -2
  53. package/css/components/JumpLinks/jump-links.mjs +1 -2
  54. package/css/components/Menu/menu.css +3 -3
  55. package/css/components/Menu/menu.d.ts +1 -2
  56. package/css/components/Menu/menu.js +1 -2
  57. package/css/components/Menu/menu.mjs +1 -2
  58. package/css/components/Nav/nav.css +5 -5
  59. package/css/components/Nav/nav.d.ts +1 -2
  60. package/css/components/Nav/nav.js +1 -2
  61. package/css/components/Nav/nav.mjs +1 -2
  62. package/css/components/NotificationDrawer/notification-drawer.css +1 -1
  63. package/css/components/NotificationDrawer/notification-drawer.d.ts +1 -2
  64. package/css/components/NotificationDrawer/notification-drawer.js +1 -2
  65. package/css/components/NotificationDrawer/notification-drawer.mjs +1 -2
  66. package/css/components/Page/page.css +1 -1
  67. package/css/components/Page/page.d.ts +1 -2
  68. package/css/components/Page/page.js +1 -2
  69. package/css/components/Page/page.mjs +1 -2
  70. package/css/components/Pagination/pagination.css +1 -1
  71. package/css/components/Pagination/pagination.d.ts +1 -2
  72. package/css/components/Pagination/pagination.js +1 -2
  73. package/css/components/Pagination/pagination.mjs +1 -2
  74. package/css/components/Popover/popover.css +4 -4
  75. package/css/components/Popover/popover.d.ts +1 -2
  76. package/css/components/Popover/popover.js +1 -2
  77. package/css/components/Popover/popover.mjs +1 -2
  78. package/css/components/Skeleton/skeleton.css +1 -1
  79. package/css/components/Skeleton/skeleton.d.ts +1 -2
  80. package/css/components/Skeleton/skeleton.js +1 -2
  81. package/css/components/Skeleton/skeleton.mjs +1 -2
  82. package/css/components/Slider/slider.css +6 -6
  83. package/css/components/Slider/slider.d.ts +1 -2
  84. package/css/components/Slider/slider.js +1 -2
  85. package/css/components/Slider/slider.mjs +1 -2
  86. package/css/components/Switch/switch.css +1 -1
  87. package/css/components/Switch/switch.d.ts +1 -2
  88. package/css/components/Switch/switch.js +1 -2
  89. package/css/components/Switch/switch.mjs +1 -2
  90. package/css/components/Table/table-tree-view.css +1 -1
  91. package/css/components/Table/table-tree-view.d.ts +1 -2
  92. package/css/components/Table/table-tree-view.js +1 -2
  93. package/css/components/Table/table-tree-view.mjs +1 -2
  94. package/css/components/Table/table.css +1 -1
  95. package/css/components/Table/table.d.ts +1 -2
  96. package/css/components/Table/table.js +1 -2
  97. package/css/components/Table/table.mjs +1 -2
  98. package/css/components/Tabs/tabs.css +3 -3
  99. package/css/components/Tabs/tabs.d.ts +1 -2
  100. package/css/components/Tabs/tabs.js +1 -2
  101. package/css/components/Tabs/tabs.mjs +1 -2
  102. package/css/components/Tooltip/tooltip.css +4 -4
  103. package/css/components/Tooltip/tooltip.d.ts +1 -2
  104. package/css/components/Tooltip/tooltip.js +1 -2
  105. package/css/components/Tooltip/tooltip.mjs +1 -2
  106. package/css/components/TreeView/tree-view.css +2 -2
  107. package/css/components/TreeView/tree-view.d.ts +1 -2
  108. package/css/components/TreeView/tree-view.js +1 -2
  109. package/css/components/TreeView/tree-view.mjs +1 -2
  110. package/css/components/Truncate/truncate.css +3 -3
  111. package/css/components/Truncate/truncate.d.ts +1 -2
  112. package/css/components/Truncate/truncate.js +1 -2
  113. package/css/components/Truncate/truncate.mjs +1 -2
  114. package/css/components/Wizard/wizard.css +3 -3
  115. package/css/components/Wizard/wizard.d.ts +1 -2
  116. package/css/components/Wizard/wizard.js +1 -2
  117. package/css/components/Wizard/wizard.mjs +1 -2
  118. package/css/docs/components/Nav/examples/Navigation.css +1 -1
  119. package/css/docs/components/Nav/examples/Navigation.d.ts +1 -0
  120. package/css/docs/components/Nav/examples/Navigation.js +1 -0
  121. package/css/docs/components/Nav/examples/Navigation.mjs +1 -0
  122. package/css/docs/components/Popover/examples/Popover.css +3 -2
  123. package/package.json +3 -3
@@ -259,7 +259,7 @@
259
259
  .pf-v5-c-menu.pf-m-drilldown.pf-m-drilled-in > .pf-v5-c-menu__list {
260
260
  transform: translateX(-100%);
261
261
  }
262
- :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 {
262
+ :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 {
263
263
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
264
264
  }
265
265
 
@@ -274,7 +274,7 @@
274
274
  .pf-v5-c-menu.pf-m-drilldown > .pf-v5-c-menu__content .pf-v5-c-menu.pf-m-drilled-in {
275
275
  transform: translateX(-100%);
276
276
  }
277
- :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 {
277
+ :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 {
278
278
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
279
279
  }
280
280
 
@@ -577,7 +577,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
577
577
  padding-inline-end: var(--pf-v5-c-menu__item-toggle-icon--PaddingRight);
578
578
  color: var(--pf-v5-c-menu__item-toggle-icon, inherit);
579
579
  }
580
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
580
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-menu__item-toggle-icon {
581
581
  scale: -1 1;
582
582
  }
583
583
 
@@ -56,7 +56,6 @@ declare const _default: {
56
56
  "favorite": "pf-m-favorite",
57
57
  "favorited": "pf-m-favorited"
58
58
  },
59
- "themeDark": "pf-v5-theme-dark",
60
- "wsDirRtl": "ws-dir-rtl"
59
+ "themeDark": "pf-v5-theme-dark"
61
60
  };
62
61
  export default _default;
@@ -58,6 +58,5 @@ exports.default = {
58
58
  "favorite": "pf-m-favorite",
59
59
  "favorited": "pf-m-favorited"
60
60
  },
61
- "themeDark": "pf-v5-theme-dark",
62
- "wsDirRtl": "ws-dir-rtl"
61
+ "themeDark": "pf-v5-theme-dark"
63
62
  };
@@ -56,6 +56,5 @@ export default {
56
56
  "favorite": "pf-m-favorite",
57
57
  "favorited": "pf-m-favorited"
58
58
  },
59
- "themeDark": "pf-v5-theme-dark",
60
- "wsDirRtl": "ws-dir-rtl"
59
+ "themeDark": "pf-v5-theme-dark"
61
60
  };
@@ -414,7 +414,7 @@
414
414
  .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
415
415
  margin-inline-start: calc(var(--pf-v5-c-menu__item-toggle-icon--PaddingLeft) * -1);
416
416
  }
417
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
417
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav .pf-v5-c-menu__item-toggle-icon {
418
418
  scale: -1 1;
419
419
  }
420
420
 
@@ -861,7 +861,7 @@
861
861
  display: inline-block;
862
862
  transition: var(--pf-v5-c-nav__toggle-icon--Transition);
863
863
  }
864
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
864
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__toggle-icon {
865
865
  scale: -1 1;
866
866
  }
867
867
 
@@ -920,7 +920,7 @@
920
920
  opacity: 0;
921
921
  transition: var(--pf-v5-c-nav__scroll-button--Transition);
922
922
  }
923
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
923
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button > * {
924
924
  scale: -1 1;
925
925
  }
926
926
 
@@ -951,7 +951,7 @@
951
951
  margin-inline-end: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
952
952
  transform: translateX(-100%);
953
953
  }
954
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
954
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(1) {
955
955
  transform: translateX(calc(-100% * var(--pf-v5-global--inverse--multiplier)));
956
956
  }
957
957
 
@@ -963,7 +963,7 @@
963
963
  margin-inline-start: calc(var(--pf-v5-c-nav__scroll-button--Width) * -1);
964
964
  transform: translateX(100%);
965
965
  }
966
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
966
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-nav__scroll-button:nth-of-type(2) {
967
967
  transform: translateX(calc(100% * var(--pf-v5-global--inverse--multiplier)));
968
968
  }
969
969
 
@@ -35,7 +35,6 @@ declare const _default: {
35
35
  "navSubnav": "pf-v5-c-nav__subnav",
36
36
  "navToggle": "pf-v5-c-nav__toggle",
37
37
  "navToggleIcon": "pf-v5-c-nav__toggle-icon",
38
- "themeDark": "pf-v5-theme-dark",
39
- "wsDirRtl": "ws-dir-rtl"
38
+ "themeDark": "pf-v5-theme-dark"
40
39
  };
41
40
  export default _default;
@@ -37,6 +37,5 @@ exports.default = {
37
37
  "navSubnav": "pf-v5-c-nav__subnav",
38
38
  "navToggle": "pf-v5-c-nav__toggle",
39
39
  "navToggleIcon": "pf-v5-c-nav__toggle-icon",
40
- "themeDark": "pf-v5-theme-dark",
41
- "wsDirRtl": "ws-dir-rtl"
40
+ "themeDark": "pf-v5-theme-dark"
42
41
  };
@@ -35,6 +35,5 @@ export default {
35
35
  "navSubnav": "pf-v5-c-nav__subnav",
36
36
  "navToggle": "pf-v5-c-nav__toggle",
37
37
  "navToggleIcon": "pf-v5-c-nav__toggle-icon",
38
- "themeDark": "pf-v5-theme-dark",
39
- "wsDirRtl": "ws-dir-rtl"
38
+ "themeDark": "pf-v5-theme-dark"
40
39
  };
@@ -267,7 +267,7 @@
267
267
  color: var(--pf-v5-c-notification-drawer__group-toggle-icon--Color);
268
268
  transition: var(--pf-v5-c-notification-drawer__group-toggle-icon--Transition);
269
269
  }
270
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
270
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-notification-drawer__group-toggle-icon {
271
271
  scale: -1 1;
272
272
  }
273
273
 
@@ -31,7 +31,6 @@ declare const _default: {
31
31
  "notificationDrawerListItemHeaderIcon": "pf-v5-c-notification-drawer__list-item-header-icon",
32
32
  "notificationDrawerListItemHeaderTitle": "pf-v5-c-notification-drawer__list-item-header-title",
33
33
  "notificationDrawerListItemTimestamp": "pf-v5-c-notification-drawer__list-item-timestamp",
34
- "themeDark": "pf-v5-theme-dark",
35
- "wsDirRtl": "ws-dir-rtl"
34
+ "themeDark": "pf-v5-theme-dark"
36
35
  };
37
36
  export default _default;
@@ -33,6 +33,5 @@ exports.default = {
33
33
  "notificationDrawerListItemHeaderIcon": "pf-v5-c-notification-drawer__list-item-header-icon",
34
34
  "notificationDrawerListItemHeaderTitle": "pf-v5-c-notification-drawer__list-item-header-title",
35
35
  "notificationDrawerListItemTimestamp": "pf-v5-c-notification-drawer__list-item-timestamp",
36
- "themeDark": "pf-v5-theme-dark",
37
- "wsDirRtl": "ws-dir-rtl"
36
+ "themeDark": "pf-v5-theme-dark"
38
37
  };
@@ -31,6 +31,5 @@ export default {
31
31
  "notificationDrawerListItemHeaderIcon": "pf-v5-c-notification-drawer__list-item-header-icon",
32
32
  "notificationDrawerListItemHeaderTitle": "pf-v5-c-notification-drawer__list-item-header-title",
33
33
  "notificationDrawerListItemTimestamp": "pf-v5-c-notification-drawer__list-item-timestamp",
34
- "themeDark": "pf-v5-theme-dark",
35
- "wsDirRtl": "ws-dir-rtl"
34
+ "themeDark": "pf-v5-theme-dark"
36
35
  };
@@ -399,7 +399,7 @@
399
399
  transition: var(--pf-v5-c-page__sidebar--Transition);
400
400
  transform: translateX(var(--pf-v5-c-page__sidebar--TranslateX)) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
401
401
  }
402
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
402
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-page__sidebar {
403
403
  transform: translateX(calc(var(--pf-v5-c-page__sidebar--TranslateX) * var(--pf-v5-global--inverse--multiplier))) translateZ(var(--pf-v5-c-page__sidebar--TranslateZ));
404
404
  }
405
405
 
@@ -89,7 +89,6 @@ declare const _default: {
89
89
  "pageMainWizard": "pf-v5-c-page__main-wizard",
90
90
  "pageSidebar": "pf-v5-c-page__sidebar",
91
91
  "pageSidebarBody": "pf-v5-c-page__sidebar-body",
92
- "themeDark": "pf-v5-theme-dark",
93
- "wsDirRtl": "ws-dir-rtl"
92
+ "themeDark": "pf-v5-theme-dark"
94
93
  };
95
94
  export default _default;
@@ -91,6 +91,5 @@ exports.default = {
91
91
  "pageMainWizard": "pf-v5-c-page__main-wizard",
92
92
  "pageSidebar": "pf-v5-c-page__sidebar",
93
93
  "pageSidebarBody": "pf-v5-c-page__sidebar-body",
94
- "themeDark": "pf-v5-theme-dark",
95
- "wsDirRtl": "ws-dir-rtl"
94
+ "themeDark": "pf-v5-theme-dark"
96
95
  };
@@ -89,6 +89,5 @@ export default {
89
89
  "pageMainWizard": "pf-v5-c-page__main-wizard",
90
90
  "pageSidebar": "pf-v5-c-page__sidebar",
91
91
  "pageSidebarBody": "pf-v5-c-page__sidebar-body",
92
- "themeDark": "pf-v5-theme-dark",
93
- "wsDirRtl": "ws-dir-rtl"
92
+ "themeDark": "pf-v5-theme-dark"
94
93
  };
@@ -196,7 +196,7 @@
196
196
  justify-content: flex-end;
197
197
  }
198
198
 
199
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
199
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-pagination__nav-control {
200
200
  scale: -1 1;
201
201
  }
202
202
 
@@ -66,7 +66,6 @@ declare const _default: {
66
66
  "paginationNavControl": "pf-v5-c-pagination__nav-control",
67
67
  "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
68
68
  "paginationTotalItems": "pf-v5-c-pagination__total-items",
69
- "themeDark": "pf-v5-theme-dark",
70
- "wsDirRtl": "ws-dir-rtl"
69
+ "themeDark": "pf-v5-theme-dark"
71
70
  };
72
71
  export default _default;
@@ -68,6 +68,5 @@ exports.default = {
68
68
  "paginationNavControl": "pf-v5-c-pagination__nav-control",
69
69
  "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
70
70
  "paginationTotalItems": "pf-v5-c-pagination__total-items",
71
- "themeDark": "pf-v5-theme-dark",
72
- "wsDirRtl": "ws-dir-rtl"
71
+ "themeDark": "pf-v5-theme-dark"
73
72
  };
@@ -66,6 +66,5 @@ export default {
66
66
  "paginationNavControl": "pf-v5-c-pagination__nav-control",
67
67
  "paginationNavPageSelect": "pf-v5-c-pagination__nav-page-select",
68
68
  "paginationTotalItems": "pf-v5-c-pagination__total-items",
69
- "themeDark": "pf-v5-theme-dark",
70
- "wsDirRtl": "ws-dir-rtl"
69
+ "themeDark": "pf-v5-theme-dark"
71
70
  };
@@ -71,7 +71,7 @@
71
71
  inset-inline-start: 50%;
72
72
  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));
73
73
  }
74
- :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 {
74
+ :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 {
75
75
  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));
76
76
  }
77
77
 
@@ -85,7 +85,7 @@
85
85
  inset-inline-start: 50%;
86
86
  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));
87
87
  }
88
- :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 {
88
+ :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 {
89
89
  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));
90
90
  }
91
91
 
@@ -99,7 +99,7 @@
99
99
  inset-inline-end: 0;
100
100
  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));
101
101
  }
102
- :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 {
102
+ :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 {
103
103
  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));
104
104
  }
105
105
 
@@ -113,7 +113,7 @@
113
113
  inset-inline-start: 0;
114
114
  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));
115
115
  }
116
- :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 {
116
+ :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 {
117
117
  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));
118
118
  }
119
119
 
@@ -44,7 +44,6 @@ declare const _default: {
44
44
  "popoverTitle": "pf-v5-c-popover__title",
45
45
  "popoverTitleIcon": "pf-v5-c-popover__title-icon",
46
46
  "popoverTitleText": "pf-v5-c-popover__title-text",
47
- "themeDark": "pf-v5-theme-dark",
48
- "wsDirRtl": "ws-dir-rtl"
47
+ "themeDark": "pf-v5-theme-dark"
49
48
  };
50
49
  export default _default;
@@ -46,6 +46,5 @@ exports.default = {
46
46
  "popoverTitle": "pf-v5-c-popover__title",
47
47
  "popoverTitleIcon": "pf-v5-c-popover__title-icon",
48
48
  "popoverTitleText": "pf-v5-c-popover__title-text",
49
- "themeDark": "pf-v5-theme-dark",
50
- "wsDirRtl": "ws-dir-rtl"
49
+ "themeDark": "pf-v5-theme-dark"
51
50
  };
@@ -44,6 +44,5 @@ export default {
44
44
  "popoverTitle": "pf-v5-c-popover__title",
45
45
  "popoverTitleIcon": "pf-v5-c-popover__title-icon",
46
46
  "popoverTitleText": "pf-v5-c-popover__title-text",
47
- "themeDark": "pf-v5-theme-dark",
48
- "wsDirRtl": "ws-dir-rtl"
47
+ "themeDark": "pf-v5-theme-dark"
49
48
  };
@@ -66,7 +66,7 @@
66
66
  transform: translate3d(var(--pf-v5-c-skeleton--after--TranslateX), 0, 0);
67
67
  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);
68
68
  }
69
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
69
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-skeleton::after {
70
70
  scale: -1 1;
71
71
  }
72
72
 
@@ -30,7 +30,6 @@ declare const _default: {
30
30
  "textSm": "pf-m-text-sm"
31
31
  },
32
32
  "skeleton": "pf-v5-c-skeleton",
33
- "themeDark": "pf-v5-theme-dark",
34
- "wsDirRtl": "ws-dir-rtl"
33
+ "themeDark": "pf-v5-theme-dark"
35
34
  };
36
35
  export default _default;
@@ -32,6 +32,5 @@ exports.default = {
32
32
  "textSm": "pf-m-text-sm"
33
33
  },
34
34
  "skeleton": "pf-v5-c-skeleton",
35
- "themeDark": "pf-v5-theme-dark",
36
- "wsDirRtl": "ws-dir-rtl"
35
+ "themeDark": "pf-v5-theme-dark"
37
36
  };
@@ -30,6 +30,5 @@ export default {
30
30
  "textSm": "pf-m-text-sm"
31
31
  },
32
32
  "skeleton": "pf-v5-c-skeleton",
33
- "themeDark": "pf-v5-theme-dark",
34
- "wsDirRtl": "ws-dir-rtl"
33
+ "themeDark": "pf-v5-theme-dark"
35
34
  };
@@ -60,7 +60,7 @@
60
60
  --pf-v5-c-slider--m-disabled__thumb--BackgroundColor: var(--pf-v5-global--palette--black-700);
61
61
  display: flex;
62
62
  }
63
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
63
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider {
64
64
  --pf-v5-c-slider__rail-track--before--fill--direction: left;
65
65
  }
66
66
 
@@ -133,7 +133,7 @@
133
133
  background-color: var(--pf-v5-c-slider__step-tick--BackgroundColor);
134
134
  border-radius: var(--pf-v5-c-slider__step-tick--BorderRadius);
135
135
  }
136
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
136
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-tick {
137
137
  transform: translateX(calc(var(--pf-v5-c-slider__step-tick--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
138
138
  }
139
139
 
@@ -143,7 +143,7 @@
143
143
  inset-block-start: var(--pf-v5-c-slider__step-label--Top);
144
144
  word-break: normal;
145
145
  }
146
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
146
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__step-label {
147
147
  transform: translateX(calc(var(--pf-v5-c-slider__step-label--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
148
148
  }
149
149
 
@@ -159,7 +159,7 @@
159
159
  border-radius: var(--pf-v5-c-slider__thumb--BorderRadius);
160
160
  box-shadow: var(--pf-v5-c-slider__thumb--BoxShadow);
161
161
  }
162
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
162
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb {
163
163
  transform: translate(calc(var(--pf-v5-c-slider__thumb--TranslateX) * var(--pf-v5-global--inverse--multiplier)), var(--pf-v5-c-slider__thumb--TranslateY));
164
164
  }
165
165
 
@@ -173,7 +173,7 @@
173
173
  content: "";
174
174
  border-radius: var(--pf-v5-c-slider__thumb--before--BorderRadius);
175
175
  }
176
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
176
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__thumb::before {
177
177
  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));
178
178
  }
179
179
 
@@ -199,7 +199,7 @@
199
199
  inset-inline-start: var(--pf-v5-c-slider__value--m-floating--Left);
200
200
  z-index: var(--pf-v5-c-slider__value--m-floating--ZIndex);
201
201
  }
202
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
202
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-slider__value.pf-m-floating {
203
203
  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));
204
204
  }
205
205
 
@@ -17,7 +17,6 @@ declare const _default: {
17
17
  "sliderStepTick": "pf-v5-c-slider__step-tick",
18
18
  "sliderSteps": "pf-v5-c-slider__steps",
19
19
  "sliderThumb": "pf-v5-c-slider__thumb",
20
- "sliderValue": "pf-v5-c-slider__value",
21
- "wsDirRtl": "ws-dir-rtl"
20
+ "sliderValue": "pf-v5-c-slider__value"
22
21
  };
23
22
  export default _default;
@@ -19,6 +19,5 @@ exports.default = {
19
19
  "sliderStepTick": "pf-v5-c-slider__step-tick",
20
20
  "sliderSteps": "pf-v5-c-slider__steps",
21
21
  "sliderThumb": "pf-v5-c-slider__thumb",
22
- "sliderValue": "pf-v5-c-slider__value",
23
- "wsDirRtl": "ws-dir-rtl"
22
+ "sliderValue": "pf-v5-c-slider__value"
24
23
  };
@@ -17,6 +17,5 @@ export default {
17
17
  "sliderStepTick": "pf-v5-c-slider__step-tick",
18
18
  "sliderSteps": "pf-v5-c-slider__steps",
19
19
  "sliderThumb": "pf-v5-c-slider__thumb",
20
- "sliderValue": "pf-v5-c-slider__value",
21
- "wsDirRtl": "ws-dir-rtl"
20
+ "sliderValue": "pf-v5-c-slider__value"
22
21
  };
@@ -69,7 +69,7 @@
69
69
  .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
70
70
  transform: translateX(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX));
71
71
  }
72
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
72
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-switch__input:checked ~ .pf-v5-c-switch__toggle::before {
73
73
  transform: translateX(calc(var(--pf-v5-c-switch__input--checked__toggle--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
74
74
  }
75
75
 
@@ -11,7 +11,6 @@ declare const _default: {
11
11
  "switchLabel": "pf-v5-c-switch__label",
12
12
  "switchToggle": "pf-v5-c-switch__toggle",
13
13
  "switchToggleIcon": "pf-v5-c-switch__toggle-icon",
14
- "themeDark": "pf-v5-theme-dark",
15
- "wsDirRtl": "ws-dir-rtl"
14
+ "themeDark": "pf-v5-theme-dark"
16
15
  };
17
16
  export default _default;
@@ -13,6 +13,5 @@ exports.default = {
13
13
  "switchLabel": "pf-v5-c-switch__label",
14
14
  "switchToggle": "pf-v5-c-switch__toggle",
15
15
  "switchToggleIcon": "pf-v5-c-switch__toggle-icon",
16
- "themeDark": "pf-v5-theme-dark",
17
- "wsDirRtl": "ws-dir-rtl"
16
+ "themeDark": "pf-v5-theme-dark"
18
17
  };
@@ -11,6 +11,5 @@ export default {
11
11
  "switchLabel": "pf-v5-c-switch__label",
12
12
  "switchToggle": "pf-v5-c-switch__toggle",
13
13
  "switchToggleIcon": "pf-v5-c-switch__toggle-icon",
14
- "themeDark": "pf-v5-theme-dark",
15
- "wsDirRtl": "ws-dir-rtl"
14
+ "themeDark": "pf-v5-theme-dark"
16
15
  };
@@ -69,7 +69,7 @@
69
69
  position: var(--pf-v5-c-table--m-tree-view__toggle--Position);
70
70
  inset-inline-start: var(--pf-v5-c-table--m-tree-view__toggle--Left);
71
71
  }
72
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
72
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__tree-view-main > .pf-v5-c-table__toggle {
73
73
  transform: translateX(calc(var(--pf-v5-c-table--m-tree-view__toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
74
74
  }
75
75
 
@@ -27,7 +27,6 @@ declare const _default: {
27
27
  "tableTreeViewMain": "pf-v5-c-table__tree-view-main",
28
28
  "tableTreeViewText": "pf-v5-c-table__tree-view-text",
29
29
  "tableTreeViewTitleCell": "pf-v5-c-table__tree-view-title-cell",
30
- "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell",
31
- "wsDirRtl": "ws-dir-rtl"
30
+ "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
32
31
  };
33
32
  export default _default;
@@ -29,6 +29,5 @@ exports.default = {
29
29
  "tableTreeViewMain": "pf-v5-c-table__tree-view-main",
30
30
  "tableTreeViewText": "pf-v5-c-table__tree-view-text",
31
31
  "tableTreeViewTitleCell": "pf-v5-c-table__tree-view-title-cell",
32
- "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell",
33
- "wsDirRtl": "ws-dir-rtl"
32
+ "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
34
33
  };
@@ -27,6 +27,5 @@ export default {
27
27
  "tableTreeViewMain": "pf-v5-c-table__tree-view-main",
28
28
  "tableTreeViewText": "pf-v5-c-table__tree-view-text",
29
29
  "tableTreeViewTitleCell": "pf-v5-c-table__tree-view-title-cell",
30
- "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell",
31
- "wsDirRtl": "ws-dir-rtl"
30
+ "tableTreeViewTitleHeaderCell": "pf-v5-c-table__tree-view-title-header-cell"
32
31
  };
@@ -734,7 +734,7 @@
734
734
  transition: var(--pf-v5-c-table__toggle--c-button__toggle-icon--Transition);
735
735
  transform: rotate(var(--pf-v5-c-table__toggle--c-button__toggle-icon--Rotate));
736
736
  }
737
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
737
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-table__toggle .pf-v5-c-table__toggle-icon {
738
738
  scale: -1 1;
739
739
  }
740
740
 
@@ -85,7 +85,6 @@ declare const _default: {
85
85
  "tableToggle": "pf-v5-c-table__toggle",
86
86
  "tableToggleIcon": "pf-v5-c-table__toggle-icon",
87
87
  "tableTr": "pf-v5-c-table__tr",
88
- "themeDark": "pf-v5-theme-dark",
89
- "wsDirRtl": "ws-dir-rtl"
88
+ "themeDark": "pf-v5-theme-dark"
90
89
  };
91
90
  export default _default;
@@ -87,6 +87,5 @@ exports.default = {
87
87
  "tableToggle": "pf-v5-c-table__toggle",
88
88
  "tableToggleIcon": "pf-v5-c-table__toggle-icon",
89
89
  "tableTr": "pf-v5-c-table__tr",
90
- "themeDark": "pf-v5-theme-dark",
91
- "wsDirRtl": "ws-dir-rtl"
90
+ "themeDark": "pf-v5-theme-dark"
92
91
  };
@@ -85,6 +85,5 @@ export default {
85
85
  "tableToggle": "pf-v5-c-table__toggle",
86
86
  "tableToggleIcon": "pf-v5-c-table__toggle-icon",
87
87
  "tableTr": "pf-v5-c-table__tr",
88
- "themeDark": "pf-v5-theme-dark",
89
- "wsDirRtl": "ws-dir-rtl"
88
+ "themeDark": "pf-v5-theme-dark"
90
89
  };
@@ -417,7 +417,7 @@
417
417
  transition: var(--pf-v5-c-tabs__toggle-icon--Transition);
418
418
  transform: rotate(var(--pf-v5-c-tabs__toggle-icon--Rotate));
419
419
  }
420
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
420
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__toggle-icon {
421
421
  scale: -1 1;
422
422
  }
423
423
 
@@ -594,7 +594,7 @@
594
594
  transition: var(--pf-v5-c-tabs__link-toggle-icon--Transition);
595
595
  transform: rotate(var(--pf-v5-c-tabs__link-toggle-icon--Rotate));
596
596
  }
597
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
597
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__link-toggle-icon {
598
598
  scale: -1 1;
599
599
  }
600
600
 
@@ -628,7 +628,7 @@
628
628
  opacity: 0;
629
629
  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);
630
630
  }
631
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
631
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tabs__scroll-button > * {
632
632
  scale: -1 1;
633
633
  }
634
634
 
@@ -82,7 +82,6 @@ declare const _default: {
82
82
  "tabsToggleButton": "pf-v5-c-tabs__toggle-button",
83
83
  "tabsToggleIcon": "pf-v5-c-tabs__toggle-icon",
84
84
  "tabsToggleText": "pf-v5-c-tabs__toggle-text",
85
- "themeDark": "pf-v5-theme-dark",
86
- "wsDirRtl": "ws-dir-rtl"
85
+ "themeDark": "pf-v5-theme-dark"
87
86
  };
88
87
  export default _default;
@@ -84,6 +84,5 @@ exports.default = {
84
84
  "tabsToggleButton": "pf-v5-c-tabs__toggle-button",
85
85
  "tabsToggleIcon": "pf-v5-c-tabs__toggle-icon",
86
86
  "tabsToggleText": "pf-v5-c-tabs__toggle-text",
87
- "themeDark": "pf-v5-theme-dark",
88
- "wsDirRtl": "ws-dir-rtl"
87
+ "themeDark": "pf-v5-theme-dark"
89
88
  };
@@ -82,6 +82,5 @@ export default {
82
82
  "tabsToggleButton": "pf-v5-c-tabs__toggle-button",
83
83
  "tabsToggleIcon": "pf-v5-c-tabs__toggle-icon",
84
84
  "tabsToggleText": "pf-v5-c-tabs__toggle-text",
85
- "themeDark": "pf-v5-theme-dark",
86
- "wsDirRtl": "ws-dir-rtl"
85
+ "themeDark": "pf-v5-theme-dark"
87
86
  };