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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (124) hide show
  1. package/CHANGELOG.md +8 -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/ModalBox/examples/ModalBox.css +3 -2
  119. package/css/docs/components/Nav/examples/Navigation.css +1 -1
  120. package/css/docs/components/Nav/examples/Navigation.d.ts +1 -0
  121. package/css/docs/components/Nav/examples/Navigation.js +1 -0
  122. package/css/docs/components/Nav/examples/Navigation.mjs +1 -0
  123. package/css/docs/components/Popover/examples/Popover.css +3 -2
  124. package/package.json +3 -3
package/css/components/Tooltip/tooltip.css CHANGED
@@ -38,7 +38,7 @@
38
38
  inset-inline-start: 50%;
39
39
  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));
40
40
  }
41
- :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 {
41
+ :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 {
42
42
  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));
43
43
  }
44
44
 
@@ -52,7 +52,7 @@
52
52
  inset-inline-start: 50%;
53
53
  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));
54
54
  }
55
- :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 {
55
+ :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 {
56
56
  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));
57
57
  }
58
58
 
@@ -66,7 +66,7 @@
66
66
  inset-inline-end: 0;
67
67
  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));
68
68
  }
69
- :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 {
69
+ :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 {
70
70
  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));
71
71
  }
72
72
 
@@ -80,7 +80,7 @@
80
80
  inset-inline-start: 0;
81
81
  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));
82
82
  }
83
- :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 {
83
+ :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 {
84
84
  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));
85
85
  }
86
86
 
package/css/components/Tooltip/tooltip.d.ts CHANGED
@@ -36,7 +36,6 @@ declare const _default: {
36
36
  "themeDark": "pf-v5-theme-dark",
37
37
  "tooltip": "pf-v5-c-tooltip",
38
38
  "tooltipArrow": "pf-v5-c-tooltip__arrow",
39
- "tooltipContent": "pf-v5-c-tooltip__content",
40
- "wsDirRtl": "ws-dir-rtl"
39
+ "tooltipContent": "pf-v5-c-tooltip__content"
41
40
  };
42
41
  export default _default;
package/css/components/Tooltip/tooltip.js CHANGED
@@ -38,6 +38,5 @@ exports.default = {
38
38
  "themeDark": "pf-v5-theme-dark",
39
39
  "tooltip": "pf-v5-c-tooltip",
40
40
  "tooltipArrow": "pf-v5-c-tooltip__arrow",
41
- "tooltipContent": "pf-v5-c-tooltip__content",
42
- "wsDirRtl": "ws-dir-rtl"
41
+ "tooltipContent": "pf-v5-c-tooltip__content"
43
42
  };
package/css/components/Tooltip/tooltip.mjs CHANGED
@@ -36,6 +36,5 @@ export default {
36
36
  "themeDark": "pf-v5-theme-dark",
37
37
  "tooltip": "pf-v5-c-tooltip",
38
38
  "tooltipArrow": "pf-v5-c-tooltip__arrow",
39
- "tooltipContent": "pf-v5-c-tooltip__content",
40
- "wsDirRtl": "ws-dir-rtl"
39
+ "tooltipContent": "pf-v5-c-tooltip__content"
41
40
  };
package/css/components/TreeView/tree-view.css CHANGED
@@ -229,7 +229,7 @@
229
229
  transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
230
230
  transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
231
231
  }
232
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
232
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
233
233
  scale: -1 1;
234
234
  }
235
235
 
@@ -321,7 +321,7 @@
321
321
  border: 0;
322
322
  transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
323
323
  }
324
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
324
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
325
325
  transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
326
326
  }
327
327
 
package/css/components/TreeView/tree-view.d.ts CHANGED
@@ -27,7 +27,6 @@ declare const _default: {
27
27
  "treeViewNodeTitle": "pf-v5-c-tree-view__node-title",
28
28
  "treeViewNodeToggle": "pf-v5-c-tree-view__node-toggle",
29
29
  "treeViewNodeToggleIcon": "pf-v5-c-tree-view__node-toggle-icon",
30
- "treeViewSearch": "pf-v5-c-tree-view__search",
31
- "wsDirRtl": "ws-dir-rtl"
30
+ "treeViewSearch": "pf-v5-c-tree-view__search"
32
31
  };
33
32
  export default _default;
package/css/components/TreeView/tree-view.js CHANGED
@@ -29,6 +29,5 @@ exports.default = {
29
29
  "treeViewNodeTitle": "pf-v5-c-tree-view__node-title",
30
30
  "treeViewNodeToggle": "pf-v5-c-tree-view__node-toggle",
31
31
  "treeViewNodeToggleIcon": "pf-v5-c-tree-view__node-toggle-icon",
32
- "treeViewSearch": "pf-v5-c-tree-view__search",
33
- "wsDirRtl": "ws-dir-rtl"
32
+ "treeViewSearch": "pf-v5-c-tree-view__search"
34
33
  };
package/css/components/TreeView/tree-view.mjs CHANGED
@@ -27,6 +27,5 @@ export default {
27
27
  "treeViewNodeTitle": "pf-v5-c-tree-view__node-title",
28
28
  "treeViewNodeToggle": "pf-v5-c-tree-view__node-toggle",
29
29
  "treeViewNodeToggleIcon": "pf-v5-c-tree-view__node-toggle-icon",
30
- "treeViewSearch": "pf-v5-c-tree-view__search",
31
- "wsDirRtl": "ws-dir-rtl"
30
+ "treeViewSearch": "pf-v5-c-tree-view__search"
32
31
  };
package/css/components/Truncate/truncate.css CHANGED
@@ -21,7 +21,7 @@
21
21
  .pf-v5-c-truncate__end {
22
22
  direction: rtl;
23
23
  }
24
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
24
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
25
25
  direction: ltr;
26
26
  }
27
27
 
@@ -29,7 +29,7 @@
29
29
  overflow: visible;
30
30
  direction: ltr;
31
31
  }
32
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
32
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__start + .pf-v5-c-truncate__end {
33
33
  direction: rtl;
34
34
  }
35
35
 
@@ -37,7 +37,7 @@
37
37
  .pf-v5-c-truncate__end {
38
38
  direction: ltr;
39
39
  }
40
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
40
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-truncate__end {
41
41
  direction: rtl;
42
42
  }
43
43
  }
package/css/components/Truncate/truncate.d.ts CHANGED
@@ -3,7 +3,6 @@ declare const _default: {
3
3
  "dirRtl": "pf-v5-m-dir-rtl",
4
4
  "truncate": "pf-v5-c-truncate",
5
5
  "truncateEnd": "pf-v5-c-truncate__end",
6
- "truncateStart": "pf-v5-c-truncate__start",
7
- "wsDirRtl": "ws-dir-rtl"
6
+ "truncateStart": "pf-v5-c-truncate__start"
8
7
  };
9
8
  export default _default;
package/css/components/Truncate/truncate.js CHANGED
@@ -5,6 +5,5 @@ exports.default = {
5
5
  "dirRtl": "pf-v5-m-dir-rtl",
6
6
  "truncate": "pf-v5-c-truncate",
7
7
  "truncateEnd": "pf-v5-c-truncate__end",
8
- "truncateStart": "pf-v5-c-truncate__start",
9
- "wsDirRtl": "ws-dir-rtl"
8
+ "truncateStart": "pf-v5-c-truncate__start"
10
9
  };
package/css/components/Truncate/truncate.mjs CHANGED
@@ -3,6 +3,5 @@ export default {
3
3
  "dirRtl": "pf-v5-m-dir-rtl",
4
4
  "truncate": "pf-v5-c-truncate",
5
5
  "truncateEnd": "pf-v5-c-truncate__end",
6
- "truncateStart": "pf-v5-c-truncate__start",
7
- "wsDirRtl": "ws-dir-rtl"
6
+ "truncateStart": "pf-v5-c-truncate__start"
8
7
  };
package/css/components/Wizard/wizard.css CHANGED
@@ -303,7 +303,7 @@
303
303
  margin-inline-start: var(--pf-v5-c-wizard__toggle-separator--MarginLeft);
304
304
  color: var(--pf-v5-c-wizard__toggle-separator--Color);
305
305
  }
306
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
306
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-separator {
307
307
  scale: -1 1;
308
308
  }
309
309
 
@@ -425,7 +425,7 @@
425
425
  background-color: var(--pf-v5-c-wizard__nav-link--before--BackgroundColor);
426
426
  border-radius: var(--pf-v5-c-wizard__nav-link--before--BorderRadius);
427
427
  }
428
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
428
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__toggle-num, .pf-v5-c-wizard__nav-link::before {
429
429
  transform: translateX(calc(var(--pf-v5-c-wizard__nav-link--before--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
430
430
  }
431
431
 
@@ -475,7 +475,7 @@
475
475
  transition: var(--pf-v5-c-wizard__nav-link-toggle-icon--Transition);
476
476
  transform: rotate(var(--pf-v5-c-wizard__nav-link-toggle-icon--Rotate));
477
477
  }
478
- :where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
478
+ :where(.pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-wizard__nav-link-toggle-icon {
479
479
  scale: -1 1;
480
480
  }
481
481
 
package/css/components/Wizard/wizard.d.ts CHANGED
@@ -38,7 +38,6 @@ declare const _default: {
38
38
  "wizardToggleList": "pf-v5-c-wizard__toggle-list",
39
39
  "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
40
40
  "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
41
- "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
42
- "wsDirRtl": "ws-dir-rtl"
41
+ "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
43
42
  };
44
43
  export default _default;
package/css/components/Wizard/wizard.js CHANGED
@@ -40,6 +40,5 @@ exports.default = {
40
40
  "wizardToggleList": "pf-v5-c-wizard__toggle-list",
41
41
  "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
42
42
  "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
43
- "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
44
- "wsDirRtl": "ws-dir-rtl"
43
+ "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
45
44
  };
package/css/components/Wizard/wizard.mjs CHANGED
@@ -38,6 +38,5 @@ export default {
38
38
  "wizardToggleList": "pf-v5-c-wizard__toggle-list",
39
39
  "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
40
40
  "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
41
- "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator",
42
- "wsDirRtl": "ws-dir-rtl"
41
+ "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
43
42
  };
package/css/docs/components/ModalBox/examples/ModalBox.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .ws-core-c-modal .ws-preview-html {
2
- display: grid;
3
- place-items: center;
2
+ display: flex;
3
+ justify-content: center;
4
+ align-items: center;
4
5
  }
package/css/docs/components/Nav/examples/Navigation.css CHANGED
@@ -1,4 +1,4 @@
1
- .ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .ws-preview-html {
1
+ .ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .pf-v5-c-nav{
2
2
  background-color: var(--pf-v5-global--BackgroundColor--dark-300);
3
3
  }
4
4
 
package/css/docs/components/Nav/examples/Navigation.d.ts CHANGED
@@ -5,6 +5,7 @@ declare const _default: {
5
5
  "flyout": "pf-m-flyout",
6
6
  "nav": "pf-m-nav"
7
7
  },
8
+ "nav": "pf-v5-c-nav",
8
9
  "pageHeader": "pf-v5-c-page__header",
9
10
  "pageHeaderNav": "pf-v5-c-page__header-nav",
10
11
  "wsCoreCNavigation": "ws-core-c-navigation",
package/css/docs/components/Nav/examples/Navigation.js CHANGED
@@ -7,6 +7,7 @@ exports.default = {
7
7
  "flyout": "pf-m-flyout",
8
8
  "nav": "pf-m-nav"
9
9
  },
10
+ "nav": "pf-v5-c-nav",
10
11
  "pageHeader": "pf-v5-c-page__header",
11
12
  "pageHeaderNav": "pf-v5-c-page__header-nav",
12
13
  "wsCoreCNavigation": "ws-core-c-navigation",
package/css/docs/components/Nav/examples/Navigation.mjs CHANGED
@@ -5,6 +5,7 @@ export default {
5
5
  "flyout": "pf-m-flyout",
6
6
  "nav": "pf-m-nav"
7
7
  },
8
+ "nav": "pf-v5-c-nav",
8
9
  "pageHeader": "pf-v5-c-page__header",
9
10
  "pageHeaderNav": "pf-v5-c-page__header-nav",
10
11
  "wsCoreCNavigation": "ws-core-c-navigation",
package/css/docs/components/Popover/examples/Popover.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .ws-core-c-popover .ws-preview-html {
2
- display: grid;
3
- place-items: center;
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
4
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "5.1.1-prerelease.3",
3
+ "version": "5.1.1-prerelease.5",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -18,7 +18,7 @@
18
18
  "clean": "rimraf dist css"
19
19
  },
20
20
  "devDependencies": {
21
- "@patternfly/patternfly": "5.1.0-prerelease.20",
21
+ "@patternfly/patternfly": "5.1.0-prerelease.24",
22
22
  "camel-case": "^3.0.0",
23
23
  "css": "^2.2.3",
24
24
  "fs-extra": "^11.1.1",
@@ -28,5 +28,5 @@
28
28
  "typescript": "^4.7.4"
29
29
  },
30
30
  "license": "MIT",
31
- "gitHead": "f3dbce4c4d20bf3a0f21b90244d146e316c4e837"
31
+ "gitHead": "4be044a936d21467733468d49f87c7f61b763e9c"
32
32
  }