@patternfly/react-styles 6.5.0-prerelease.1 → 6.5.0-prerelease.11

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 (135) hide show
  1. package/CHANGELOG.md +48 -0
  2. package/README.md +1 -1
  3. package/css/components/AboutModalBox/about-modal-box.css +36 -26
  4. package/css/components/Accordion/accordion.css +16 -13
  5. package/css/components/Alert/alert.css +5 -4
  6. package/css/components/Avatar/avatar.css +12 -4
  7. package/css/components/BackgroundImage/background-image.css +6 -3
  8. package/css/components/Banner/banner.css +8 -6
  9. package/css/components/Brand/brand.css +3 -1
  10. package/css/components/Breadcrumb/breadcrumb.css +4 -3
  11. package/css/components/Button/button.css +21 -9
  12. package/css/components/CalendarMonth/calendar-month.css +4 -3
  13. package/css/components/Card/card.css +13 -6
  14. package/css/components/Card/card.d.ts +1 -0
  15. package/css/components/Card/card.js +1 -0
  16. package/css/components/Card/card.mjs +1 -0
  17. package/css/components/ClipboardCopy/clipboard-copy.css +4 -3
  18. package/css/components/CodeEditor/code-editor.css +1 -1
  19. package/css/components/Compass/compass.css +181 -72
  20. package/css/components/Compass/compass.d.ts +12 -5
  21. package/css/components/Compass/compass.js +12 -5
  22. package/css/components/Compass/compass.mjs +12 -5
  23. package/css/components/DataList/data-list.css +28 -21
  24. package/css/components/DescriptionList/description-list.css +7 -5
  25. package/css/components/Divider/divider.css +7 -5
  26. package/css/components/Drawer/drawer.css +110 -56
  27. package/css/components/Drawer/drawer.d.ts +2 -0
  28. package/css/components/Drawer/drawer.js +2 -0
  29. package/css/components/Drawer/drawer.mjs +2 -0
  30. package/css/components/DualListSelector/dual-list-selector.css +17 -11
  31. package/css/components/ExpandableSection/expandable-section.css +19 -14
  32. package/css/components/Form/form.css +1 -1
  33. package/css/components/FormControl/form-control.css +1 -1
  34. package/css/components/Hero/hero.css +74 -0
  35. package/css/components/Hero/hero.d.ts +11 -0
  36. package/css/components/Hero/hero.js +12 -0
  37. package/css/components/Hero/hero.mjs +10 -0
  38. package/css/components/JumpLinks/jump-links.css +4 -3
  39. package/css/components/Label/label-group.css +2 -2
  40. package/css/components/Label/label.css +4 -3
  41. package/css/components/Login/login.css +51 -37
  42. package/css/components/Masthead/masthead.css +70 -16
  43. package/css/components/Masthead/masthead.d.ts +1 -0
  44. package/css/components/Masthead/masthead.js +1 -0
  45. package/css/components/Masthead/masthead.mjs +1 -0
  46. package/css/components/Menu/menu.css +23 -14
  47. package/css/components/ModalBox/modal-box.css +9 -7
  48. package/css/components/Nav/nav.css +72 -9
  49. package/css/components/Nav/nav.d.ts +3 -1
  50. package/css/components/Nav/nav.js +3 -1
  51. package/css/components/Nav/nav.mjs +3 -1
  52. package/css/components/NotificationDrawer/notification-drawer.css +6 -6
  53. package/css/components/Page/page.css +55 -29
  54. package/css/components/Page/page.d.ts +2 -0
  55. package/css/components/Page/page.js +2 -0
  56. package/css/components/Page/page.mjs +2 -0
  57. package/css/components/Sidebar/sidebar.css +1 -1
  58. package/css/components/Skeleton/skeleton.css +16 -15
  59. package/css/components/Slider/slider.css +32 -18
  60. package/css/components/Switch/switch.css +3 -1
  61. package/css/components/Table/table-tree-view.css +4 -2
  62. package/css/components/Table/table.css +31 -27
  63. package/css/components/Tabs/tabs.css +17 -16
  64. package/css/components/Toolbar/toolbar.css +46 -14
  65. package/css/components/Toolbar/toolbar.d.ts +1 -0
  66. package/css/components/Toolbar/toolbar.js +1 -0
  67. package/css/components/Toolbar/toolbar.mjs +1 -0
  68. package/css/components/TreeView/tree-view.css +44 -13
  69. package/css/components/TreeView/tree-view.d.ts +1 -0
  70. package/css/components/TreeView/tree-view.js +1 -0
  71. package/css/components/TreeView/tree-view.mjs +1 -0
  72. package/css/components/Wizard/wizard.css +20 -16
  73. package/css/components/_index.css +1164 -592
  74. package/css/components/_index.d.ts +15 -3
  75. package/css/components/_index.js +15 -3
  76. package/css/components/_index.mjs +15 -3
  77. package/css/docs/components/Compass/examples/Compass.css +8 -2
  78. package/css/docs/components/Compass/examples/Compass.d.ts +4 -1
  79. package/css/docs/components/Compass/examples/Compass.js +4 -1
  80. package/css/docs/components/Compass/examples/Compass.mjs +4 -1
  81. package/css/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
  82. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +1 -1
  83. package/css/docs/layouts/Bullseye/examples/Bullseye.js +1 -1
  84. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +1 -1
  85. package/css/docs/layouts/Flex/examples/Flex.css +3 -3
  86. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  87. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  88. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  89. package/css/docs/layouts/Gallery/examples/Gallery.css +2 -2
  90. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +1 -1
  91. package/css/docs/layouts/Gallery/examples/Gallery.js +1 -1
  92. package/css/docs/layouts/Gallery/examples/Gallery.mjs +1 -1
  93. package/css/docs/layouts/Grid/examples/Grid.css +1 -1
  94. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  95. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  96. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  97. package/css/docs/layouts/Level/examples/Level.css +3 -3
  98. package/css/docs/layouts/Level/examples/Level.d.ts +1 -1
  99. package/css/docs/layouts/Level/examples/Level.js +1 -1
  100. package/css/docs/layouts/Level/examples/Level.mjs +1 -1
  101. package/css/docs/layouts/Split/examples/Split.css +1 -1
  102. package/css/docs/layouts/Split/examples/Split.d.ts +1 -1
  103. package/css/docs/layouts/Split/examples/Split.js +1 -1
  104. package/css/docs/layouts/Split/examples/Split.mjs +1 -1
  105. package/css/docs/layouts/Stack/examples/Stack.css +3 -3
  106. package/css/docs/layouts/Stack/examples/Stack.d.ts +1 -1
  107. package/css/docs/layouts/Stack/examples/Stack.js +1 -1
  108. package/css/docs/layouts/Stack/examples/Stack.mjs +1 -1
  109. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  110. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +1 -1
  111. package/css/docs/utilities/Alignment/examples/Alignment.js +1 -1
  112. package/css/docs/utilities/Alignment/examples/Alignment.mjs +1 -1
  113. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
  114. package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts +1 -1
  115. package/css/docs/utilities/BoxShadow/examples/box-shadow.js +1 -1
  116. package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +1 -1
  117. package/css/docs/utilities/Display/examples/Display.css +1 -1
  118. package/css/docs/utilities/Display/examples/Display.d.ts +1 -1
  119. package/css/docs/utilities/Display/examples/Display.js +1 -1
  120. package/css/docs/utilities/Display/examples/Display.mjs +1 -1
  121. package/css/docs/utilities/Flex/examples/Flex.css +7 -7
  122. package/css/docs/utilities/Flex/examples/Flex.d.ts +1 -1
  123. package/css/docs/utilities/Flex/examples/Flex.js +1 -1
  124. package/css/docs/utilities/Flex/examples/Flex.mjs +1 -1
  125. package/css/docs/utilities/Float/examples/Float.css +2 -2
  126. package/css/docs/utilities/Float/examples/Float.d.ts +1 -1
  127. package/css/docs/utilities/Float/examples/Float.js +1 -1
  128. package/css/docs/utilities/Float/examples/Float.mjs +1 -1
  129. package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
  130. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  131. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  132. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  133. package/css/layouts/Gallery/gallery.css +6 -2
  134. package/css/layouts/_index.css +6 -2
  135. package/package.json +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));
package/css/layouts/_index.css CHANGED
@@ -2406,12 +2406,13 @@
2406
2406
  display: grid;
2407
2407
  grid-template-rows: var(--pf-v6-l-gallery--GridTemplateRows);
2408
2408
  grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
2409
- --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
2410
- --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
2411
2409
  }
2412
2410
  .pf-v6-l-gallery.pf-m-gutter {
2413
2411
  grid-gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
2414
2412
  }
2413
+ .pf-v6-l-gallery {
2414
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
2415
+ }
2415
2416
  @media (min-width: 36rem) {
2416
2417
  .pf-v6-l-gallery {
2417
2418
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--min));
@@ -2437,6 +2438,9 @@
2437
2438
  --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))))));
2438
2439
  }
2439
2440
  }
2441
+ .pf-v6-l-gallery {
2442
+ --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max);
2443
+ }
2440
2444
  @media (min-width: 36rem) {
2441
2445
  .pf-v6-l-gallery {
2442
2446
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.5.0-prerelease.1",
3
+ "version": "6.5.0-prerelease.11",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.5.0-prerelease.11",
22
+ "@patternfly/patternfly": "6.5.0-prerelease.34",
23
23
  "change-case": "^5.4.4",
24
- "fs-extra": "^11.3.0"
24
+ "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "2409ed1f743731adde61263237e3613d75d50518"
27
+ "gitHead": "937bd3eb560199de65ed28f12ec59b91226f6341"
28
28
  }