@patternfly/react-styles 6.5.0-prerelease.6 → 6.5.0-prerelease.9

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 (84) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/Compass/compass.css +68 -29
  3. package/css/components/Compass/compass.d.ts +2 -0
  4. package/css/components/Compass/compass.js +2 -0
  5. package/css/components/Compass/compass.mjs +2 -0
  6. package/css/components/Drawer/drawer.css +30 -26
  7. package/css/components/ExpandableSection/expandable-section.css +3 -0
  8. package/css/components/Masthead/masthead.css +52 -0
  9. package/css/components/Masthead/masthead.d.ts +1 -0
  10. package/css/components/Masthead/masthead.js +1 -0
  11. package/css/components/Masthead/masthead.mjs +1 -0
  12. package/css/components/Nav/nav.css +59 -0
  13. package/css/components/Nav/nav.d.ts +3 -1
  14. package/css/components/Nav/nav.js +3 -1
  15. package/css/components/Nav/nav.mjs +3 -1
  16. package/css/components/Page/page.css +20 -0
  17. package/css/components/Page/page.d.ts +2 -0
  18. package/css/components/Page/page.js +2 -0
  19. package/css/components/Page/page.mjs +2 -0
  20. package/css/components/Toolbar/toolbar.css +32 -6
  21. package/css/components/Toolbar/toolbar.d.ts +1 -0
  22. package/css/components/Toolbar/toolbar.js +1 -0
  23. package/css/components/Toolbar/toolbar.mjs +1 -0
  24. package/css/components/_index.css +264 -61
  25. package/css/components/_index.d.ts +5 -0
  26. package/css/components/_index.js +5 -0
  27. package/css/components/_index.mjs +5 -0
  28. package/css/docs/components/Compass/examples/Compass.css +8 -2
  29. package/css/docs/components/Compass/examples/Compass.d.ts +4 -1
  30. package/css/docs/components/Compass/examples/Compass.js +4 -1
  31. package/css/docs/components/Compass/examples/Compass.mjs +4 -1
  32. package/css/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  33. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +1 -1
  34. package/css/docs/layouts/Bullseye/examples/Bullseye.js +1 -1
  35. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +1 -1
  36. package/css/docs/layouts/Flex/examples/Flex.css +3 -3
  37. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  38. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  39. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  40. package/css/docs/layouts/Gallery/examples/Gallery.css +2 -2
  41. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +1 -1
  42. package/css/docs/layouts/Gallery/examples/Gallery.js +1 -1
  43. package/css/docs/layouts/Gallery/examples/Gallery.mjs +1 -1
  44. package/css/docs/layouts/Grid/examples/Grid.css +1 -1
  45. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  46. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  47. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  48. package/css/docs/layouts/Level/examples/Level.css +3 -3
  49. package/css/docs/layouts/Level/examples/Level.d.ts +1 -1
  50. package/css/docs/layouts/Level/examples/Level.js +1 -1
  51. package/css/docs/layouts/Level/examples/Level.mjs +1 -1
  52. package/css/docs/layouts/Split/examples/Split.css +1 -1
  53. package/css/docs/layouts/Split/examples/Split.d.ts +1 -1
  54. package/css/docs/layouts/Split/examples/Split.js +1 -1
  55. package/css/docs/layouts/Split/examples/Split.mjs +1 -1
  56. package/css/docs/layouts/Stack/examples/Stack.css +3 -3
  57. package/css/docs/layouts/Stack/examples/Stack.d.ts +1 -1
  58. package/css/docs/layouts/Stack/examples/Stack.js +1 -1
  59. package/css/docs/layouts/Stack/examples/Stack.mjs +1 -1
  60. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  61. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +1 -1
  62. package/css/docs/utilities/Alignment/examples/Alignment.js +1 -1
  63. package/css/docs/utilities/Alignment/examples/Alignment.mjs +1 -1
  64. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  65. package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts +1 -1
  66. package/css/docs/utilities/BoxShadow/examples/box-shadow.js +1 -1
  67. package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +1 -1
  68. package/css/docs/utilities/Display/examples/Display.css +1 -1
  69. package/css/docs/utilities/Display/examples/Display.d.ts +1 -1
  70. package/css/docs/utilities/Display/examples/Display.js +1 -1
  71. package/css/docs/utilities/Display/examples/Display.mjs +1 -1
  72. package/css/docs/utilities/Flex/examples/Flex.css +7 -7
  73. package/css/docs/utilities/Flex/examples/Flex.d.ts +1 -1
  74. package/css/docs/utilities/Flex/examples/Flex.js +1 -1
  75. package/css/docs/utilities/Flex/examples/Flex.mjs +1 -1
  76. package/css/docs/utilities/Float/examples/Float.css +2 -2
  77. package/css/docs/utilities/Float/examples/Float.d.ts +1 -1
  78. package/css/docs/utilities/Float/examples/Float.js +1 -1
  79. package/css/docs/utilities/Float/examples/Float.mjs +1 -1
  80. package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
  81. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  82. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  83. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  84. package/package.json +3 -3
@@ -450,6 +450,8 @@ declare const _default: {
450
450
  "code": "pf-m-code",
451
451
  "readOnly": "pf-m-read-only",
452
452
  "dragHover": "pf-m-drag-hover",
453
+ "animateSmoothly": "pf-m-animate-smoothly",
454
+ "dock": "pf-m-dock",
453
455
  "noGlass": "pf-m-no-glass",
454
456
  "noBorder": "pf-m-no-border",
455
457
  "pill": "pf-m-pill",
@@ -679,6 +681,7 @@ declare const _default: {
679
681
  "category": "pf-m-category",
680
682
  "iconLg": "pf-m-icon-lg",
681
683
  "resizeObserver": "pf-m-resize-observer",
684
+ "docked": "pf-m-docked",
682
685
  "displayStack": "pf-m-display-stack",
683
686
  "displayInline": "pf-m-display-inline",
684
687
  "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -1171,6 +1174,7 @@ declare const _default: {
1171
1174
  "navItem": "pf-v6-c-nav__item",
1172
1175
  "navLink": "pf-v6-c-nav__link",
1173
1176
  "navLinkIcon": "pf-v6-c-nav__link-icon",
1177
+ "navLinkText": "pf-v6-c-nav__link-text",
1174
1178
  "navList": "pf-v6-c-nav__list",
1175
1179
  "navNav": "pf-v6-c-nav__nav",
1176
1180
  "navScrollButton": "pf-v6-c-nav__scroll-button",
@@ -1209,6 +1213,7 @@ declare const _default: {
1209
1213
  "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
1210
1214
  "overflowMenuItem": "pf-v6-c-overflow-menu__item",
1211
1215
  "page": "pf-v6-c-page",
1216
+ "pageDock": "pf-v6-c-page__dock",
1212
1217
  "pageDrawer": "pf-v6-c-page__drawer",
1213
1218
  "pageMain": "pf-v6-c-page__main",
1214
1219
  "pageMainBody": "pf-v6-c-page__main-body",
@@ -452,6 +452,8 @@ exports.default = {
452
452
  "code": "pf-m-code",
453
453
  "readOnly": "pf-m-read-only",
454
454
  "dragHover": "pf-m-drag-hover",
455
+ "animateSmoothly": "pf-m-animate-smoothly",
456
+ "dock": "pf-m-dock",
455
457
  "noGlass": "pf-m-no-glass",
456
458
  "noBorder": "pf-m-no-border",
457
459
  "pill": "pf-m-pill",
@@ -681,6 +683,7 @@ exports.default = {
681
683
  "category": "pf-m-category",
682
684
  "iconLg": "pf-m-icon-lg",
683
685
  "resizeObserver": "pf-m-resize-observer",
686
+ "docked": "pf-m-docked",
684
687
  "displayStack": "pf-m-display-stack",
685
688
  "displayInline": "pf-m-display-inline",
686
689
  "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -1173,6 +1176,7 @@ exports.default = {
1173
1176
  "navItem": "pf-v6-c-nav__item",
1174
1177
  "navLink": "pf-v6-c-nav__link",
1175
1178
  "navLinkIcon": "pf-v6-c-nav__link-icon",
1179
+ "navLinkText": "pf-v6-c-nav__link-text",
1176
1180
  "navList": "pf-v6-c-nav__list",
1177
1181
  "navNav": "pf-v6-c-nav__nav",
1178
1182
  "navScrollButton": "pf-v6-c-nav__scroll-button",
@@ -1211,6 +1215,7 @@ exports.default = {
1211
1215
  "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
1212
1216
  "overflowMenuItem": "pf-v6-c-overflow-menu__item",
1213
1217
  "page": "pf-v6-c-page",
1218
+ "pageDock": "pf-v6-c-page__dock",
1214
1219
  "pageDrawer": "pf-v6-c-page__drawer",
1215
1220
  "pageMain": "pf-v6-c-page__main",
1216
1221
  "pageMainBody": "pf-v6-c-page__main-body",
@@ -450,6 +450,8 @@ export default {
450
450
  "code": "pf-m-code",
451
451
  "readOnly": "pf-m-read-only",
452
452
  "dragHover": "pf-m-drag-hover",
453
+ "animateSmoothly": "pf-m-animate-smoothly",
454
+ "dock": "pf-m-dock",
453
455
  "noGlass": "pf-m-no-glass",
454
456
  "noBorder": "pf-m-no-border",
455
457
  "pill": "pf-m-pill",
@@ -679,6 +681,7 @@ export default {
679
681
  "category": "pf-m-category",
680
682
  "iconLg": "pf-m-icon-lg",
681
683
  "resizeObserver": "pf-m-resize-observer",
684
+ "docked": "pf-m-docked",
682
685
  "displayStack": "pf-m-display-stack",
683
686
  "displayInline": "pf-m-display-inline",
684
687
  "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -1171,6 +1174,7 @@ export default {
1171
1174
  "navItem": "pf-v6-c-nav__item",
1172
1175
  "navLink": "pf-v6-c-nav__link",
1173
1176
  "navLinkIcon": "pf-v6-c-nav__link-icon",
1177
+ "navLinkText": "pf-v6-c-nav__link-text",
1174
1178
  "navList": "pf-v6-c-nav__list",
1175
1179
  "navNav": "pf-v6-c-nav__nav",
1176
1180
  "navScrollButton": "pf-v6-c-nav__scroll-button",
@@ -1209,6 +1213,7 @@ export default {
1209
1213
  "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
1210
1214
  "overflowMenuItem": "pf-v6-c-overflow-menu__item",
1211
1215
  "page": "pf-v6-c-page",
1216
+ "pageDock": "pf-v6-c-page__dock",
1212
1217
  "pageDrawer": "pf-v6-c-page__drawer",
1213
1218
  "pageMain": "pf-v6-c-page__main",
1214
1219
  "pageMainBody": "pf-v6-c-page__main-body",
@@ -1,8 +1,14 @@
1
- #ws-core-p-compass-basic [class*="pf-v6-c-compass"] {
1
+ .ws-core-a-compass .pf-v6-c-compass {
2
+ height: 600px;
3
+ }
4
+
5
+ #ws-core-a-compass-default [class*="pf-v6-c-compass"],
6
+ #ws-core-a-compass-docked [class*="pf-v6-c-compass"] {
2
7
  position: relative;
3
8
  }
4
9
 
5
- #ws-core-p-compass-basic [class*="pf-v6-c-compass"]::after {
10
+ #ws-core-a-compass-default [class*="pf-v6-c-compass"]::after,
11
+ #ws-core-a-compass-docked [class*="pf-v6-c-compass"]::after {
6
12
  position: absolute;
7
13
  inset: 0;
8
14
  pointer-events: none;
@@ -1,3 +1,6 @@
1
1
  import './Compass.css';
2
- declare const _default: {};
2
+ declare const _default: {
3
+ "compass": "pf-v6-c-compass",
4
+ "wsCoreACompass": "ws-core-a-compass"
5
+ };
3
6
  export default _default;
@@ -1,4 +1,7 @@
1
1
  "use strict";
2
2
  exports.__esModule = true;
3
3
  require('./Compass.css');
4
- exports.default = {};
4
+ exports.default = {
5
+ "compass": "pf-v6-c-compass",
6
+ "wsCoreACompass": "ws-core-a-compass"
7
+ };
@@ -1,2 +1,5 @@
1
1
  import './Compass.css';
2
- export default {};
2
+ export default {
3
+ "compass": "pf-v6-c-compass",
4
+ "wsCoreACompass": "ws-core-a-compass"
5
+ };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };
@@ -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
 
@@ -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"
@@ -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"
@@ -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"
@@ -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
  }
@@ -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;
@@ -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
  };
@@ -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
  };