@patternfly/react-styles 6.5.0-prerelease.2 → 6.5.0-prerelease.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (195) hide show
  1. package/CHANGELOG.md +100 -0
  2. package/README.md +1 -1
  3. package/css/assets/images/Felt-Bkg-Generic-Dark.svg +82 -0
  4. package/css/assets/images/Felt-Bkg-Generic-Light.svg +82 -0
  5. package/css/assets/images/PF-Bkg-Generic-Dark.svg +76 -0
  6. package/css/assets/images/PF-Bkg-Generic-Light.svg +74 -0
  7. package/css/assets/images/compass--hero-bg.png +0 -0
  8. package/css/assets/images/compass--wallpaper-dark.jpg +0 -0
  9. package/css/assets/images/compass--wallpaper-light.jpg +0 -0
  10. package/css/assets/images/glass-brand-dark.jpg +0 -0
  11. package/css/assets/images/glass-brand-dark.png +0 -0
  12. package/css/assets/images/glass-brand-light.jpg +0 -0
  13. package/css/assets/images/glass-brand-light.png +0 -0
  14. package/css/components/AboutModalBox/about-modal-box.css +36 -26
  15. package/css/components/Accordion/accordion.css +26 -14
  16. package/css/components/Accordion/accordion.d.ts +4 -1
  17. package/css/components/Accordion/accordion.js +4 -1
  18. package/css/components/Accordion/accordion.mjs +4 -1
  19. package/css/components/Alert/alert.css +7 -5
  20. package/css/components/Avatar/avatar.css +12 -4
  21. package/css/components/BackgroundImage/background-image.css +6 -3
  22. package/css/components/Banner/banner.css +8 -6
  23. package/css/components/Brand/brand.css +3 -1
  24. package/css/components/Breadcrumb/breadcrumb.css +10 -5
  25. package/css/components/Button/button.css +165 -69
  26. package/css/components/Button/button.d.ts +6 -2
  27. package/css/components/Button/button.js +6 -2
  28. package/css/components/Button/button.mjs +6 -2
  29. package/css/components/CalendarMonth/calendar-month.css +4 -3
  30. package/css/components/Card/card.css +51 -15
  31. package/css/components/Card/card.d.ts +4 -1
  32. package/css/components/Card/card.js +4 -1
  33. package/css/components/Card/card.mjs +4 -1
  34. package/css/components/ClipboardCopy/clipboard-copy.css +14 -7
  35. package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -0
  36. package/css/components/ClipboardCopy/clipboard-copy.js +1 -0
  37. package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -0
  38. package/css/components/CodeEditor/code-editor.css +2 -2
  39. package/css/components/Compass/compass.css +313 -125
  40. package/css/components/Compass/compass.d.ts +23 -10
  41. package/css/components/Compass/compass.js +23 -10
  42. package/css/components/Compass/compass.mjs +23 -10
  43. package/css/components/DataList/data-list.css +30 -23
  44. package/css/components/DataList/data-list.d.ts +3 -1
  45. package/css/components/DataList/data-list.js +3 -1
  46. package/css/components/DataList/data-list.mjs +3 -1
  47. package/css/components/DescriptionList/description-list.css +7 -5
  48. package/css/components/Divider/divider.css +7 -5
  49. package/css/components/Drawer/drawer.css +191 -74
  50. package/css/components/Drawer/drawer.d.ts +5 -1
  51. package/css/components/Drawer/drawer.js +5 -1
  52. package/css/components/Drawer/drawer.mjs +5 -1
  53. package/css/components/DualListSelector/dual-list-selector.css +18 -12
  54. package/css/components/ExpandableSection/expandable-section.css +21 -16
  55. package/css/components/Form/form.css +2 -2
  56. package/css/components/FormControl/form-control.css +3 -3
  57. package/css/components/Hero/hero.css +74 -0
  58. package/css/components/Hero/hero.d.ts +11 -0
  59. package/css/components/Hero/hero.js +12 -0
  60. package/css/components/Hero/hero.mjs +10 -0
  61. package/css/components/JumpLinks/jump-links.css +16 -5
  62. package/css/components/Label/label-group.css +2 -2
  63. package/css/components/Label/label.css +4 -3
  64. package/css/components/Login/login.css +58 -40
  65. package/css/components/Masthead/masthead.css +111 -16
  66. package/css/components/Masthead/masthead.d.ts +6 -0
  67. package/css/components/Masthead/masthead.js +6 -0
  68. package/css/components/Masthead/masthead.mjs +6 -0
  69. package/css/components/Menu/menu.css +49 -33
  70. package/css/components/MenuToggle/menu-toggle.css +35 -8
  71. package/css/components/MenuToggle/menu-toggle.d.ts +5 -0
  72. package/css/components/MenuToggle/menu-toggle.js +5 -0
  73. package/css/components/MenuToggle/menu-toggle.mjs +5 -0
  74. package/css/components/ModalBox/modal-box.css +9 -7
  75. package/css/components/Nav/nav.css +82 -11
  76. package/css/components/Nav/nav.d.ts +7 -2
  77. package/css/components/Nav/nav.js +7 -2
  78. package/css/components/Nav/nav.mjs +7 -2
  79. package/css/components/NotificationDrawer/notification-drawer.css +19 -9
  80. package/css/components/OverflowMenu/overflow-menu.css +16 -0
  81. package/css/components/OverflowMenu/overflow-menu.d.ts +1 -0
  82. package/css/components/OverflowMenu/overflow-menu.js +1 -0
  83. package/css/components/OverflowMenu/overflow-menu.mjs +1 -0
  84. package/css/components/Page/page.css +309 -27
  85. package/css/components/Page/page.d.ts +14 -1
  86. package/css/components/Page/page.js +14 -1
  87. package/css/components/Page/page.mjs +14 -1
  88. package/css/components/Panel/panel.css +41 -3
  89. package/css/components/Panel/panel.d.ts +8 -2
  90. package/css/components/Panel/panel.js +8 -2
  91. package/css/components/Panel/panel.mjs +8 -2
  92. package/css/components/Progress/progress.css +3 -1
  93. package/css/components/Sidebar/sidebar.css +1 -1
  94. package/css/components/Skeleton/skeleton.css +16 -15
  95. package/css/components/Slider/slider.css +32 -18
  96. package/css/components/Switch/switch.css +4 -2
  97. package/css/components/Table/table-grid.css +28 -36
  98. package/css/components/Table/table-scrollable.css +1 -1
  99. package/css/components/Table/table-tree-view.css +4 -2
  100. package/css/components/Table/table.css +104 -57
  101. package/css/components/Table/table.d.ts +6 -2
  102. package/css/components/Table/table.js +6 -2
  103. package/css/components/Table/table.mjs +6 -2
  104. package/css/components/Tabs/tabs.css +35 -33
  105. package/css/components/Tabs/tabs.d.ts +0 -1
  106. package/css/components/Tabs/tabs.js +0 -1
  107. package/css/components/Tabs/tabs.mjs +0 -1
  108. package/css/components/TextInputGroup/text-input-group.css +2 -2
  109. package/css/components/ToggleGroup/toggle-group.css +44 -19
  110. package/css/components/ToggleGroup/toggle-group.d.ts +1 -0
  111. package/css/components/ToggleGroup/toggle-group.js +1 -0
  112. package/css/components/ToggleGroup/toggle-group.mjs +1 -0
  113. package/css/components/Toolbar/toolbar.css +195 -16
  114. package/css/components/Toolbar/toolbar.d.ts +14 -0
  115. package/css/components/Toolbar/toolbar.js +14 -0
  116. package/css/components/Toolbar/toolbar.mjs +14 -0
  117. package/css/components/TreeView/tree-view.css +45 -14
  118. package/css/components/TreeView/tree-view.d.ts +1 -0
  119. package/css/components/TreeView/tree-view.js +1 -0
  120. package/css/components/TreeView/tree-view.mjs +1 -0
  121. package/css/components/Wizard/wizard.css +41 -19
  122. package/css/components/Wizard/wizard.d.ts +3 -0
  123. package/css/components/Wizard/wizard.js +3 -0
  124. package/css/components/Wizard/wizard.mjs +3 -0
  125. package/css/components/_index.css +2396 -903
  126. package/css/components/_index.d.ts +42 -10
  127. package/css/components/_index.js +42 -10
  128. package/css/components/_index.mjs +42 -10
  129. package/css/docs/components/Compass/examples/Compass.css +8 -2
  130. package/css/docs/components/Compass/examples/Compass.d.ts +4 -1
  131. package/css/docs/components/Compass/examples/Compass.js +4 -1
  132. package/css/docs/components/Compass/examples/Compass.mjs +4 -1
  133. package/css/docs/components/DragDrop/examples/DragDrop.css +1 -1
  134. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  135. package/css/docs/components/Panel/examples/Panel.css +3 -0
  136. package/css/docs/components/Panel/examples/Panel.d.ts +5 -0
  137. package/css/docs/components/Panel/examples/Panel.js +6 -0
  138. package/css/docs/components/Panel/examples/Panel.mjs +4 -0
  139. package/css/docs/components/Table/examples/Table.css +2 -1
  140. package/css/docs/components/Toolbar/examples/Toolbar.css +1 -1
  141. package/css/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  142. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +1 -1
  143. package/css/docs/layouts/Bullseye/examples/Bullseye.js +1 -1
  144. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +1 -1
  145. package/css/docs/layouts/Flex/examples/Flex.css +3 -3
  146. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  147. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  148. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  149. package/css/docs/layouts/Gallery/examples/Gallery.css +2 -2
  150. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +1 -1
  151. package/css/docs/layouts/Gallery/examples/Gallery.js +1 -1
  152. package/css/docs/layouts/Gallery/examples/Gallery.mjs +1 -1
  153. package/css/docs/layouts/Grid/examples/Grid.css +1 -1
  154. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  155. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  156. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  157. package/css/docs/layouts/Level/examples/Level.css +3 -3
  158. package/css/docs/layouts/Level/examples/Level.d.ts +1 -1
  159. package/css/docs/layouts/Level/examples/Level.js +1 -1
  160. package/css/docs/layouts/Level/examples/Level.mjs +1 -1
  161. package/css/docs/layouts/Split/examples/Split.css +1 -1
  162. package/css/docs/layouts/Split/examples/Split.d.ts +1 -1
  163. package/css/docs/layouts/Split/examples/Split.js +1 -1
  164. package/css/docs/layouts/Split/examples/Split.mjs +1 -1
  165. package/css/docs/layouts/Stack/examples/Stack.css +3 -3
  166. package/css/docs/layouts/Stack/examples/Stack.d.ts +1 -1
  167. package/css/docs/layouts/Stack/examples/Stack.js +1 -1
  168. package/css/docs/layouts/Stack/examples/Stack.mjs +1 -1
  169. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  170. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +1 -1
  171. package/css/docs/utilities/Alignment/examples/Alignment.js +1 -1
  172. package/css/docs/utilities/Alignment/examples/Alignment.mjs +1 -1
  173. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  174. package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts +1 -1
  175. package/css/docs/utilities/BoxShadow/examples/box-shadow.js +1 -1
  176. package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +1 -1
  177. package/css/docs/utilities/Display/examples/Display.css +1 -1
  178. package/css/docs/utilities/Display/examples/Display.d.ts +1 -1
  179. package/css/docs/utilities/Display/examples/Display.js +1 -1
  180. package/css/docs/utilities/Display/examples/Display.mjs +1 -1
  181. package/css/docs/utilities/Flex/examples/Flex.css +7 -7
  182. package/css/docs/utilities/Flex/examples/Flex.d.ts +1 -1
  183. package/css/docs/utilities/Flex/examples/Flex.js +1 -1
  184. package/css/docs/utilities/Flex/examples/Flex.mjs +1 -1
  185. package/css/docs/utilities/Float/examples/Float.css +2 -2
  186. package/css/docs/utilities/Float/examples/Float.d.ts +1 -1
  187. package/css/docs/utilities/Float/examples/Float.js +1 -1
  188. package/css/docs/utilities/Float/examples/Float.mjs +1 -1
  189. package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
  190. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  191. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  192. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  193. package/css/layouts/Gallery/gallery.css +6 -2
  194. package/css/layouts/_index.css +6 -2
  195. package/package.json +4 -4
package/css/docs/components/OverflowMenu/examples/overflow-menu.css CHANGED
@@ -1,11 +1,14 @@
1
1
  #ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__item,
2
2
  #ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group,
3
- #ws-core-c-overflow-menu-group-types .pf-v6-c-overflow-menu__group:not([class*="pf-m-"]) {
3
+ #ws-core-c-overflow-menu-group-types .pf-v6-c-overflow-menu__group:not([class*="pf-m-"]),
4
+ #ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__item,
5
+ #ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__group {
4
6
  padding: .5rem;
5
7
  border: 2px dashed #393f44;
6
8
  }
7
9
 
8
- #ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item {
10
+ #ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item,
11
+ #ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item {
9
12
  padding: 0;
10
13
  border: none;
11
- }
14
+ }
package/css/docs/components/Panel/examples/Panel.css ADDED
@@ -0,0 +1,3 @@
1
+ #ws-core-c-panel-scrollable-with-auto-height .ws-preview-html {
2
+ height: 450px;
3
+ }
package/css/docs/components/Panel/examples/Panel.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import './Panel.css';
2
+ declare const _default: {
3
+ "wsPreviewHtml": "ws-preview-html"
4
+ };
5
+ export default _default;
package/css/docs/components/Panel/examples/Panel.js ADDED
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ require('./Panel.css');
4
+ exports.default = {
5
+ "wsPreviewHtml": "ws-preview-html"
6
+ };
package/css/docs/components/Panel/examples/Panel.mjs ADDED
@@ -0,0 +1,4 @@
1
+ import './Panel.css';
2
+ export default {
3
+ "wsPreviewHtml": "ws-preview-html"
4
+ };
package/css/docs/components/Table/examples/Table.css CHANGED
@@ -11,7 +11,8 @@
11
11
 
12
12
  #ws-core-c-table-sticky-columns-and-header .ws-preview-html,
13
13
  #ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
14
- #ws-core-c-table-sticky-header .ws-preview-html {
14
+ #ws-core-c-table-sticky-header .ws-preview-html,
15
+ #ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html {
15
16
  height: 400px;
16
17
  }
17
18
 
package/css/docs/components/Toolbar/examples/Toolbar.css CHANGED
@@ -75,7 +75,7 @@
75
75
  background-color: var(--pf-t--global--background--color--secondary--default);
76
76
  }
77
77
 
78
- #ws-core-c-toolbar-sticky-toolbar .ws-preview-html {
78
+ #ws-core-c-toolbar-sticky-toolbar .ws-preview-html, #ws-core-c-toolbar-dynamic-sticky-toolbar .ws-preview-html {
79
79
  height: 200px;
80
80
  overflow: auto;
81
81
  }
package/css/docs/layouts/Bullseye/examples/Bullseye.css CHANGED
@@ -1,5 +1,5 @@
1
- .ws-core-l-bullseye .pf-v6-l-bullseye,
2
- .ws-core-l-bullseye .pf-v6-l-bullseye__item {
1
+ .ws-core-f-bullseye .pf-v6-l-bullseye,
2
+ .ws-core-f-bullseye .pf-v6-l-bullseye__item {
3
3
  padding: var(--pf-t--global--spacer--sm);
4
4
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts CHANGED
@@ -2,6 +2,6 @@ import './Bullseye.css';
2
2
  declare const _default: {
3
3
  "bullseye": "pf-v6-l-bullseye",
4
4
  "bullseyeItem": "pf-v6-l-bullseye__item",
5
- "wsCoreLBullseye": "ws-core-l-bullseye"
5
+ "wsCoreFBullseye": "ws-core-f-bullseye"
6
6
  };
7
7
  export default _default;
package/css/docs/layouts/Bullseye/examples/Bullseye.js CHANGED
@@ -4,5 +4,5 @@ require('./Bullseye.css');
4
4
  exports.default = {
5
5
  "bullseye": "pf-v6-l-bullseye",
6
6
  "bullseyeItem": "pf-v6-l-bullseye__item",
7
- "wsCoreLBullseye": "ws-core-l-bullseye"
7
+ "wsCoreFBullseye": "ws-core-f-bullseye"
8
8
  };
package/css/docs/layouts/Bullseye/examples/Bullseye.mjs CHANGED
@@ -2,5 +2,5 @@ import './Bullseye.css';
2
2
  export default {
3
3
  "bullseye": "pf-v6-l-bullseye",
4
4
  "bullseyeItem": "pf-v6-l-bullseye__item",
5
- "wsCoreLBullseye": "ws-core-l-bullseye"
5
+ "wsCoreFBullseye": "ws-core-f-bullseye"
6
6
  };
package/css/docs/layouts/Flex/examples/Flex.css CHANGED
@@ -1,6 +1,6 @@
1
- .ws-core-l-flex-border,
2
- .ws-core-l-flex .pf-v6-l-flex .pf-v6-l-flex,
3
- .ws-core-l-flex .pf-v6-l-flex__item {
1
+ .ws-core-f-flex-border,
2
+ .ws-core-f-flex .pf-v6-l-flex .pf-v6-l-flex,
3
+ .ws-core-f-flex .pf-v6-l-flex__item {
4
4
  padding: var(--pf-t--global--spacer--sm);
5
5
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
6
6
  }
package/css/docs/layouts/Flex/examples/Flex.d.ts CHANGED
@@ -2,7 +2,7 @@ import './Flex.css';
2
2
  declare const _default: {
3
3
  "flex": "pf-v6-l-flex",
4
4
  "flexItem": "pf-v6-l-flex__item",
5
- "wsCoreLFlex": "ws-core-l-flex",
6
- "wsCoreLFlexBorder": "ws-core-l-flex-border"
5
+ "wsCoreFFlex": "ws-core-f-flex",
6
+ "wsCoreFFlexBorder": "ws-core-f-flex-border"
7
7
  };
8
8
  export default _default;
package/css/docs/layouts/Flex/examples/Flex.js CHANGED
@@ -4,6 +4,6 @@ require('./Flex.css');
4
4
  exports.default = {
5
5
  "flex": "pf-v6-l-flex",
6
6
  "flexItem": "pf-v6-l-flex__item",
7
- "wsCoreLFlex": "ws-core-l-flex",
8
- "wsCoreLFlexBorder": "ws-core-l-flex-border"
7
+ "wsCoreFFlex": "ws-core-f-flex",
8
+ "wsCoreFFlexBorder": "ws-core-f-flex-border"
9
9
  };
package/css/docs/layouts/Flex/examples/Flex.mjs CHANGED
@@ -2,6 +2,6 @@ import './Flex.css';
2
2
  export default {
3
3
  "flex": "pf-v6-l-flex",
4
4
  "flexItem": "pf-v6-l-flex__item",
5
- "wsCoreLFlex": "ws-core-l-flex",
6
- "wsCoreLFlexBorder": "ws-core-l-flex-border"
5
+ "wsCoreFFlex": "ws-core-f-flex",
6
+ "wsCoreFFlexBorder": "ws-core-f-flex-border"
7
7
  };
package/css/docs/layouts/Gallery/examples/Gallery.css CHANGED
@@ -1,5 +1,5 @@
1
- .ws-core-l-gallery .pf-v6-l-gallery,
2
- .ws-core-l-gallery .pf-v6-l-gallery__item {
1
+ .ws-core-f-gallery .pf-v6-l-gallery,
2
+ .ws-core-f-gallery .pf-v6-l-gallery__item {
3
3
  padding: var(--pf-t--global--spacer--sm);
4
4
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
package/css/docs/layouts/Gallery/examples/Gallery.d.ts CHANGED
@@ -2,6 +2,6 @@ import './Gallery.css';
2
2
  declare const _default: {
3
3
  "gallery": "pf-v6-l-gallery",
4
4
  "galleryItem": "pf-v6-l-gallery__item",
5
- "wsCoreLGallery": "ws-core-l-gallery"
5
+ "wsCoreFGallery": "ws-core-f-gallery"
6
6
  };
7
7
  export default _default;
package/css/docs/layouts/Gallery/examples/Gallery.js CHANGED
@@ -4,5 +4,5 @@ require('./Gallery.css');
4
4
  exports.default = {
5
5
  "gallery": "pf-v6-l-gallery",
6
6
  "galleryItem": "pf-v6-l-gallery__item",
7
- "wsCoreLGallery": "ws-core-l-gallery"
7
+ "wsCoreFGallery": "ws-core-f-gallery"
8
8
  };
package/css/docs/layouts/Gallery/examples/Gallery.mjs CHANGED
@@ -2,5 +2,5 @@ import './Gallery.css';
2
2
  export default {
3
3
  "gallery": "pf-v6-l-gallery",
4
4
  "galleryItem": "pf-v6-l-gallery__item",
5
- "wsCoreLGallery": "ws-core-l-gallery"
5
+ "wsCoreFGallery": "ws-core-f-gallery"
6
6
  };
package/css/docs/layouts/Grid/examples/Grid.css CHANGED
@@ -1,4 +1,4 @@
1
- .ws-core-l-grid .pf-v6-l-grid__item {
1
+ .ws-core-f-grid .pf-v6-l-grid__item {
2
2
  padding: var(--pf-t--global--spacer--sm);
3
3
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
4
4
  }
package/css/docs/layouts/Grid/examples/Grid.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import './Grid.css';
2
2
  declare const _default: {
3
3
  "gridItem": "pf-v6-l-grid__item",
4
- "wsCoreLGrid": "ws-core-l-grid"
4
+ "wsCoreFGrid": "ws-core-f-grid"
5
5
  };
6
6
  export default _default;
package/css/docs/layouts/Grid/examples/Grid.js CHANGED
@@ -3,5 +3,5 @@ exports.__esModule = true;
3
3
  require('./Grid.css');
4
4
  exports.default = {
5
5
  "gridItem": "pf-v6-l-grid__item",
6
- "wsCoreLGrid": "ws-core-l-grid"
6
+ "wsCoreFGrid": "ws-core-f-grid"
7
7
  };
package/css/docs/layouts/Grid/examples/Grid.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import './Grid.css';
2
2
  export default {
3
3
  "gridItem": "pf-v6-l-grid__item",
4
- "wsCoreLGrid": "ws-core-l-grid"
4
+ "wsCoreFGrid": "ws-core-f-grid"
5
5
  };
package/css/docs/layouts/Level/examples/Level.css CHANGED
@@ -1,12 +1,12 @@
1
- .ws-core-l-level .ws-preview-html {
1
+ .ws-core-f-level .ws-preview-html {
2
2
  display: flex;
3
3
  flex-wrap: wrap;
4
4
  min-height: 160px;
5
5
  }
6
- .ws-core-l-level :is(.pf-v6-l-level, .pf-v6-l-level__item, .pf-v6-l-level > *) {
6
+ .ws-core-f-level :is(.pf-v6-l-level, .pf-v6-l-level__item, .pf-v6-l-level > *) {
7
7
  padding: var(--pf-t--global--spacer--sm);
8
8
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
9
9
  }
10
- .ws-core-l-level .pf-v6-l-level {
10
+ .ws-core-f-level .pf-v6-l-level {
11
11
  width: 100%;
12
12
  }
package/css/docs/layouts/Level/examples/Level.d.ts CHANGED
@@ -2,7 +2,7 @@ import './Level.css';
2
2
  declare const _default: {
3
3
  "level": "pf-v6-l-level",
4
4
  "levelItem": "pf-v6-l-level__item",
5
- "wsCoreLLevel": "ws-core-l-level",
5
+ "wsCoreFLevel": "ws-core-f-level",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
8
8
  export default _default;
package/css/docs/layouts/Level/examples/Level.js CHANGED
@@ -4,6 +4,6 @@ require('./Level.css');
4
4
  exports.default = {
5
5
  "level": "pf-v6-l-level",
6
6
  "levelItem": "pf-v6-l-level__item",
7
- "wsCoreLLevel": "ws-core-l-level",
7
+ "wsCoreFLevel": "ws-core-f-level",
8
8
  "wsPreviewHtml": "ws-preview-html"
9
9
  };
package/css/docs/layouts/Level/examples/Level.mjs CHANGED
@@ -2,6 +2,6 @@ import './Level.css';
2
2
  export default {
3
3
  "level": "pf-v6-l-level",
4
4
  "levelItem": "pf-v6-l-level__item",
5
- "wsCoreLLevel": "ws-core-l-level",
5
+ "wsCoreFLevel": "ws-core-f-level",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
package/css/docs/layouts/Split/examples/Split.css CHANGED
@@ -1,4 +1,4 @@
1
- .ws-core-l-split :is(.pf-v6-l-split, .pf-v6-l-split__item, .pf-v6-l-split > *) {
1
+ .ws-core-f-split :is(.pf-v6-l-split, .pf-v6-l-split__item, .pf-v6-l-split > *) {
2
2
  padding: var(--pf-t--global--spacer--sm);
3
3
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
4
4
  }
package/css/docs/layouts/Split/examples/Split.d.ts CHANGED
@@ -2,6 +2,6 @@ import './Split.css';
2
2
  declare const _default: {
3
3
  "split": "pf-v6-l-split",
4
4
  "splitItem": "pf-v6-l-split__item",
5
- "wsCoreLSplit": "ws-core-l-split"
5
+ "wsCoreFSplit": "ws-core-f-split"
6
6
  };
7
7
  export default _default;
package/css/docs/layouts/Split/examples/Split.js CHANGED
@@ -4,5 +4,5 @@ require('./Split.css');
4
4
  exports.default = {
5
5
  "split": "pf-v6-l-split",
6
6
  "splitItem": "pf-v6-l-split__item",
7
- "wsCoreLSplit": "ws-core-l-split"
7
+ "wsCoreFSplit": "ws-core-f-split"
8
8
  };
package/css/docs/layouts/Split/examples/Split.mjs CHANGED
@@ -2,5 +2,5 @@ import './Split.css';
2
2
  export default {
3
3
  "split": "pf-v6-l-split",
4
4
  "splitItem": "pf-v6-l-split__item",
5
- "wsCoreLSplit": "ws-core-l-split"
5
+ "wsCoreFSplit": "ws-core-f-split"
6
6
  };
package/css/docs/layouts/Stack/examples/Stack.css CHANGED
@@ -1,15 +1,15 @@
1
- .ws-core-l-stack :is(.pf-v6-l-stack, .pf-v6-l-stack__item, .pf-v6-l-stack > *) {
1
+ .ws-core-f-stack :is(.pf-v6-l-stack, .pf-v6-l-stack__item, .pf-v6-l-stack > *) {
2
2
  padding: var(--pf-t--global--spacer--sm);
3
3
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
4
4
  }
5
5
 
6
- .ws-core-l-stack .ws-preview-html {
6
+ .ws-core-f-stack .ws-preview-html {
7
7
  display: flex;
8
8
  flex-direction: column;
9
9
  min-height: 30rem;
10
10
  width: 100%;
11
11
  }
12
12
 
13
- .ws-core-l-stack .pf-v6-l-stack {
13
+ .ws-core-f-stack .pf-v6-l-stack {
14
14
  flex-grow: 1;
15
15
  }
package/css/docs/layouts/Stack/examples/Stack.d.ts CHANGED
@@ -2,7 +2,7 @@ import './Stack.css';
2
2
  declare const _default: {
3
3
  "stack": "pf-v6-l-stack",
4
4
  "stackItem": "pf-v6-l-stack__item",
5
- "wsCoreLStack": "ws-core-l-stack",
5
+ "wsCoreFStack": "ws-core-f-stack",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
8
8
  export default _default;
package/css/docs/layouts/Stack/examples/Stack.js CHANGED
@@ -4,6 +4,6 @@ require('./Stack.css');
4
4
  exports.default = {
5
5
  "stack": "pf-v6-l-stack",
6
6
  "stackItem": "pf-v6-l-stack__item",
7
- "wsCoreLStack": "ws-core-l-stack",
7
+ "wsCoreFStack": "ws-core-f-stack",
8
8
  "wsPreviewHtml": "ws-preview-html"
9
9
  };
package/css/docs/layouts/Stack/examples/Stack.mjs CHANGED
@@ -2,6 +2,6 @@ import './Stack.css';
2
2
  export default {
3
3
  "stack": "pf-v6-l-stack",
4
4
  "stackItem": "pf-v6-l-stack__item",
5
- "wsCoreLStack": "ws-core-l-stack",
5
+ "wsCoreFStack": "ws-core-f-stack",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
package/css/docs/utilities/Alignment/examples/Alignment.css CHANGED
@@ -1,7 +1,7 @@
1
- .ws-core-u-alignment .pf-v6-u-text-align-start,
2
- .ws-core-u-alignment .pf-v6-u-text-align-center,
3
- .ws-core-u-alignment .pf-v6-u-text-align-end,
4
- .ws-core-u-alignment .pf-v6-u-text-align-justify {
1
+ .ws-core-f-alignment .pf-v6-u-text-align-start,
2
+ .ws-core-f-alignment .pf-v6-u-text-align-center,
3
+ .ws-core-f-alignment .pf-v6-u-text-align-end,
4
+ .ws-core-f-alignment .pf-v6-u-text-align-justify {
5
5
  padding: var(--pf-t--global--spacer--sm);
6
6
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
7
7
  }
package/css/docs/utilities/Alignment/examples/Alignment.d.ts CHANGED
@@ -4,6 +4,6 @@ declare const _default: {
4
4
  "textAlignEnd": "pf-v6-u-text-align-end",
5
5
  "textAlignJustify": "pf-v6-u-text-align-justify",
6
6
  "textAlignStart": "pf-v6-u-text-align-start",
7
- "wsCoreUAlignment": "ws-core-u-alignment"
7
+ "wsCoreFAlignment": "ws-core-f-alignment"
8
8
  };
9
9
  export default _default;
package/css/docs/utilities/Alignment/examples/Alignment.js CHANGED
@@ -6,5 +6,5 @@ exports.default = {
6
6
  "textAlignEnd": "pf-v6-u-text-align-end",
7
7
  "textAlignJustify": "pf-v6-u-text-align-justify",
8
8
  "textAlignStart": "pf-v6-u-text-align-start",
9
- "wsCoreUAlignment": "ws-core-u-alignment"
9
+ "wsCoreFAlignment": "ws-core-f-alignment"
10
10
  };
package/css/docs/utilities/Alignment/examples/Alignment.mjs CHANGED
@@ -4,5 +4,5 @@ export default {
4
4
  "textAlignEnd": "pf-v6-u-text-align-end",
5
5
  "textAlignJustify": "pf-v6-u-text-align-justify",
6
6
  "textAlignStart": "pf-v6-u-text-align-start",
7
- "wsCoreUAlignment": "ws-core-u-alignment"
7
+ "wsCoreFAlignment": "ws-core-f-alignment"
8
8
  };
package/css/docs/utilities/BoxShadow/examples/box-shadow.css CHANGED
@@ -1,9 +1,9 @@
1
- .ws-core-u-box-shadow .ws-preview-html {
1
+ .ws-core-f-box-shadow .ws-preview-html {
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: var(--pf-t--global--spacer--xl);
5
5
  }
6
6
 
7
- .ws-core-u-box-shadow [class*="pf-v6-u-box-shadow"] {
7
+ .ws-core-f-box-shadow [class*="pf-v6-u-box-shadow"] {
8
8
  padding: var(--pf-t--global--spacer--md);
9
9
  }
package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import './box-shadow.css';
2
2
  declare const _default: {
3
- "wsCoreUBoxShadow": "ws-core-u-box-shadow",
3
+ "wsCoreFBoxShadow": "ws-core-f-box-shadow",
4
4
  "wsPreviewHtml": "ws-preview-html"
5
5
  };
6
6
  export default _default;
package/css/docs/utilities/BoxShadow/examples/box-shadow.js CHANGED
@@ -2,6 +2,6 @@
2
2
  exports.__esModule = true;
3
3
  require('./box-shadow.css');
4
4
  exports.default = {
5
- "wsCoreUBoxShadow": "ws-core-u-box-shadow",
5
+ "wsCoreFBoxShadow": "ws-core-f-box-shadow",
6
6
  "wsPreviewHtml": "ws-preview-html"
7
7
  };
package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import './box-shadow.css';
2
2
  export default {
3
- "wsCoreUBoxShadow": "ws-core-u-box-shadow",
3
+ "wsCoreFBoxShadow": "ws-core-f-box-shadow",
4
4
  "wsPreviewHtml": "ws-preview-html"
5
5
  };
package/css/docs/utilities/Display/examples/Display.css CHANGED
@@ -1,4 +1,4 @@
1
- .ws-core-u-display [class*="pf-v6-u-display-"] {
1
+ .ws-core-f-display [class*="pf-v6-u-display-"] {
2
2
  padding: var(--pf-t--global--spacer--sm);
3
3
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
4
4
  }
package/css/docs/utilities/Display/examples/Display.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import './Display.css';
2
2
  declare const _default: {
3
- "wsCoreUDisplay": "ws-core-u-display"
3
+ "wsCoreFDisplay": "ws-core-f-display"
4
4
  };
5
5
  export default _default;
package/css/docs/utilities/Display/examples/Display.js CHANGED
@@ -2,5 +2,5 @@
2
2
  exports.__esModule = true;
3
3
  require('./Display.css');
4
4
  exports.default = {
5
- "wsCoreUDisplay": "ws-core-u-display"
5
+ "wsCoreFDisplay": "ws-core-f-display"
6
6
  };
package/css/docs/utilities/Display/examples/Display.mjs CHANGED
@@ -1,4 +1,4 @@
1
1
  import './Display.css';
2
2
  export default {
3
- "wsCoreUDisplay": "ws-core-u-display"
3
+ "wsCoreFDisplay": "ws-core-f-display"
4
4
  };
package/css/docs/utilities/Flex/examples/Flex.css CHANGED
@@ -1,18 +1,18 @@
1
- .ws-core-u-flex .pf-v6-u-display-flex,
2
- .ws-core-u-flex .ws-example-flex-item,
3
- .ws-core-u-flex .pf-v6-u-display-inline-flex {
1
+ .ws-core-f-flex .pf-v6-u-display-flex,
2
+ .ws-core-f-flex .ws-example-flex-item,
3
+ .ws-core-f-flex .pf-v6-u-display-inline-flex {
4
4
  flex-wrap: wrap;
5
5
  padding: var(--pf-t--global--spacer--sm);
6
6
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
7
7
  }
8
8
 
9
- #ws-core-u-flex-aligned-items .pf-v6-u-display-flex,
10
- #ws-core-u-flex-aligned-self .pf-v6-u-display-flex,
11
- #ws-core-u-flex-aligned-content .pf-v6-u-display-flex {
9
+ #ws-core-f-flex-aligned-items .pf-v6-u-display-flex,
10
+ #ws-core-f-flex-aligned-self .pf-v6-u-display-flex,
11
+ #ws-core-f-flex-aligned-content .pf-v6-u-display-flex {
12
12
  min-height: 160px;
13
13
  }
14
14
 
15
- #ws-core-u-flex-aligned-content .ws-example-flex-item {
15
+ #ws-core-f-flex-aligned-content .ws-example-flex-item {
16
16
  height: 40px;
17
17
  }
18
18
 
package/css/docs/utilities/Flex/examples/Flex.d.ts CHANGED
@@ -2,7 +2,7 @@ import './Flex.css';
2
2
  declare const _default: {
3
3
  "displayFlex": "pf-v6-u-display-flex",
4
4
  "displayInlineFlex": "pf-v6-u-display-inline-flex",
5
- "wsCoreUFlex": "ws-core-u-flex",
5
+ "wsCoreFFlex": "ws-core-f-flex",
6
6
  "wsExampleFlexItem": "ws-example-flex-item",
7
7
  "wsExampleUFlexLg": "ws-example-u-flex-lg",
8
8
  "wsExampleUFlexMd": "ws-example-u-flex-md"
package/css/docs/utilities/Flex/examples/Flex.js CHANGED
@@ -4,7 +4,7 @@ require('./Flex.css');
4
4
  exports.default = {
5
5
  "displayFlex": "pf-v6-u-display-flex",
6
6
  "displayInlineFlex": "pf-v6-u-display-inline-flex",
7
- "wsCoreUFlex": "ws-core-u-flex",
7
+ "wsCoreFFlex": "ws-core-f-flex",
8
8
  "wsExampleFlexItem": "ws-example-flex-item",
9
9
  "wsExampleUFlexLg": "ws-example-u-flex-lg",
10
10
  "wsExampleUFlexMd": "ws-example-u-flex-md"
package/css/docs/utilities/Flex/examples/Flex.mjs CHANGED
@@ -2,7 +2,7 @@ import './Flex.css';
2
2
  export default {
3
3
  "displayFlex": "pf-v6-u-display-flex",
4
4
  "displayInlineFlex": "pf-v6-u-display-inline-flex",
5
- "wsCoreUFlex": "ws-core-u-flex",
5
+ "wsCoreFFlex": "ws-core-f-flex",
6
6
  "wsExampleFlexItem": "ws-example-flex-item",
7
7
  "wsExampleUFlexLg": "ws-example-u-flex-lg",
8
8
  "wsExampleUFlexMd": "ws-example-u-flex-md"
package/css/docs/utilities/Float/examples/Float.css CHANGED
@@ -1,5 +1,5 @@
1
- .ws-core-u-float .pf-v6-u-float-inline-start,
2
- .ws-core-u-float .pf-v6-u-float-inline-end {
1
+ .ws-core-f-float .pf-v6-u-float-inline-start,
2
+ .ws-core-f-float .pf-v6-u-float-inline-end {
3
3
  padding: var(--pf-t--global--spacer--sm);
4
4
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
package/css/docs/utilities/Float/examples/Float.d.ts CHANGED
@@ -2,6 +2,6 @@ import './Float.css';
2
2
  declare const _default: {
3
3
  "floatInlineEnd": "pf-v6-u-float-inline-end",
4
4
  "floatInlineStart": "pf-v6-u-float-inline-start",
5
- "wsCoreUFloat": "ws-core-u-float"
5
+ "wsCoreFFloat": "ws-core-f-float"
6
6
  };
7
7
  export default _default;
package/css/docs/utilities/Float/examples/Float.js CHANGED
@@ -4,5 +4,5 @@ require('./Float.css');
4
4
  exports.default = {
5
5
  "floatInlineEnd": "pf-v6-u-float-inline-end",
6
6
  "floatInlineStart": "pf-v6-u-float-inline-start",
7
- "wsCoreUFloat": "ws-core-u-float"
7
+ "wsCoreFFloat": "ws-core-f-float"
8
8
  };
package/css/docs/utilities/Float/examples/Float.mjs CHANGED
@@ -2,5 +2,5 @@ import './Float.css';
2
2
  export default {
3
3
  "floatInlineEnd": "pf-v6-u-float-inline-end",
4
4
  "floatInlineStart": "pf-v6-u-float-inline-start",
5
- "wsCoreUFloat": "ws-core-u-float"
5
+ "wsCoreFFloat": "ws-core-f-float"
6
6
  };
package/css/docs/utilities/Spacing/examples/Spacing.css CHANGED
@@ -1,5 +1,5 @@
1
- .ws-core-u-spacing .ws-example-flex-item,
2
- .ws-core-u-spacing .pf-v6-u-display-flex {
1
+ .ws-core-f-spacing .ws-example-flex-item,
2
+ .ws-core-f-spacing .pf-v6-u-display-flex {
3
3
  padding: var(--pf-t--global--spacer--sm);
4
4
  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
5
5
  }
package/css/docs/utilities/Spacing/examples/Spacing.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import './Spacing.css';
2
2
  declare const _default: {
3
3
  "displayFlex": "pf-v6-u-display-flex",
4
- "wsCoreUSpacing": "ws-core-u-spacing",
4
+ "wsCoreFSpacing": "ws-core-f-spacing",
5
5
  "wsExampleFlexItem": "ws-example-flex-item"
6
6
  };
7
7
  export default _default;
package/css/docs/utilities/Spacing/examples/Spacing.js CHANGED
@@ -3,6 +3,6 @@ exports.__esModule = true;
3
3
  require('./Spacing.css');
4
4
  exports.default = {
5
5
  "displayFlex": "pf-v6-u-display-flex",
6
- "wsCoreUSpacing": "ws-core-u-spacing",
6
+ "wsCoreFSpacing": "ws-core-f-spacing",
7
7
  "wsExampleFlexItem": "ws-example-flex-item"
8
8
  };
package/css/docs/utilities/Spacing/examples/Spacing.mjs CHANGED
@@ -1,6 +1,6 @@
1
1
  import './Spacing.css';
2
2
  export default {
3
3
  "displayFlex": "pf-v6-u-display-flex",
4
- "wsCoreUSpacing": "ws-core-u-spacing",
4
+ "wsCoreFSpacing": "ws-core-f-spacing",
5
5
  "wsExampleFlexItem": "ws-example-flex-item"
6
6
  };
package/css/layouts/Gallery/gallery.css CHANGED
@@ -12,12 +12,13 @@
12
12
  display: grid;
13
13
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
14
14
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
15
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
16
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
17
15
  }
18
16
  .pf-v6-l-gallery.pf-m-gutter {
19
17
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
20
18
  }
19
+ .pf-v6-l-gallery {
20
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
21
+ }
21
22
  @media (min-width: 36rem) {
22
23
  .pf-v6-l-gallery {
23
24
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -43,6 +44,9 @@
43
44
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min))))));
44
45
  }
45
46
  }
47
+ .pf-v6-l-gallery {
48
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
49
+ }
46
50
  @media (min-width: 36rem) {
47
51
  .pf-v6-l-gallery {
48
52
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));