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

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 (150) hide show
  1. package/CHANGELOG.md +120 -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 +12 -6
  23. package/css/components/Banner/banner.d.ts +1 -0
  24. package/css/components/Banner/banner.js +1 -0
  25. package/css/components/Banner/banner.mjs +1 -0
  26. package/css/components/Brand/brand.css +3 -1
  27. package/css/components/Breadcrumb/breadcrumb.css +10 -5
  28. package/css/components/Button/button.css +158 -68
  29. package/css/components/Button/button.d.ts +7 -2
  30. package/css/components/Button/button.js +7 -2
  31. package/css/components/Button/button.mjs +7 -2
  32. package/css/components/CalendarMonth/calendar-month.css +4 -3
  33. package/css/components/Card/card.css +45 -15
  34. package/css/components/Card/card.d.ts +3 -1
  35. package/css/components/Card/card.js +3 -1
  36. package/css/components/Card/card.mjs +3 -1
  37. package/css/components/ClipboardCopy/clipboard-copy.css +14 -7
  38. package/css/components/ClipboardCopy/clipboard-copy.d.ts +1 -0
  39. package/css/components/ClipboardCopy/clipboard-copy.js +1 -0
  40. package/css/components/ClipboardCopy/clipboard-copy.mjs +1 -0
  41. package/css/components/CodeEditor/code-editor.css +2 -2
  42. package/css/components/Compass/compass.css +211 -100
  43. package/css/components/Compass/compass.d.ts +17 -10
  44. package/css/components/Compass/compass.js +17 -10
  45. package/css/components/Compass/compass.mjs +17 -10
  46. package/css/components/DataList/data-list.css +30 -23
  47. package/css/components/DataList/data-list.d.ts +3 -1
  48. package/css/components/DataList/data-list.js +3 -1
  49. package/css/components/DataList/data-list.mjs +3 -1
  50. package/css/components/DescriptionList/description-list.css +7 -5
  51. package/css/components/Divider/divider.css +7 -5
  52. package/css/components/Drawer/drawer.css +167 -57
  53. package/css/components/Drawer/drawer.d.ts +5 -2
  54. package/css/components/Drawer/drawer.js +5 -2
  55. package/css/components/Drawer/drawer.mjs +5 -2
  56. package/css/components/DualListSelector/dual-list-selector.css +18 -12
  57. package/css/components/ExpandableSection/expandable-section.css +18 -16
  58. package/css/components/Form/form.css +2 -2
  59. package/css/components/FormControl/form-control.css +3 -3
  60. package/css/components/Hero/hero.css +19 -19
  61. package/css/components/Hero/hero.d.ts +1 -1
  62. package/css/components/Hero/hero.js +1 -1
  63. package/css/components/Hero/hero.mjs +1 -1
  64. package/css/components/JumpLinks/jump-links.css +16 -5
  65. package/css/components/Label/label-group.css +2 -2
  66. package/css/components/Label/label.css +4 -3
  67. package/css/components/Login/login.css +58 -40
  68. package/css/components/Masthead/masthead.css +69 -26
  69. package/css/components/Masthead/masthead.d.ts +5 -0
  70. package/css/components/Masthead/masthead.js +5 -0
  71. package/css/components/Masthead/masthead.mjs +5 -0
  72. package/css/components/Menu/menu.css +49 -33
  73. package/css/components/MenuToggle/menu-toggle.css +35 -8
  74. package/css/components/MenuToggle/menu-toggle.d.ts +5 -0
  75. package/css/components/MenuToggle/menu-toggle.js +5 -0
  76. package/css/components/MenuToggle/menu-toggle.mjs +5 -0
  77. package/css/components/ModalBox/modal-box.css +9 -7
  78. package/css/components/Nav/nav.css +32 -20
  79. package/css/components/Nav/nav.d.ts +4 -1
  80. package/css/components/Nav/nav.js +4 -1
  81. package/css/components/Nav/nav.mjs +4 -1
  82. package/css/components/NotificationDrawer/notification-drawer.css +19 -9
  83. package/css/components/OverflowMenu/overflow-menu.css +16 -0
  84. package/css/components/OverflowMenu/overflow-menu.d.ts +1 -0
  85. package/css/components/OverflowMenu/overflow-menu.js +1 -0
  86. package/css/components/OverflowMenu/overflow-menu.mjs +1 -0
  87. package/css/components/Page/page.css +409 -38
  88. package/css/components/Page/page.d.ts +17 -2
  89. package/css/components/Page/page.js +17 -2
  90. package/css/components/Page/page.mjs +17 -2
  91. package/css/components/Pagination/pagination.css +58 -4
  92. package/css/components/Pagination/pagination.d.ts +6 -1
  93. package/css/components/Pagination/pagination.js +6 -1
  94. package/css/components/Pagination/pagination.mjs +6 -1
  95. package/css/components/Panel/panel.css +41 -3
  96. package/css/components/Panel/panel.d.ts +8 -2
  97. package/css/components/Panel/panel.js +8 -2
  98. package/css/components/Panel/panel.mjs +8 -2
  99. package/css/components/Progress/progress.css +3 -1
  100. package/css/components/Sidebar/sidebar.css +1 -1
  101. package/css/components/Skeleton/skeleton.css +16 -15
  102. package/css/components/Slider/slider.css +32 -18
  103. package/css/components/Switch/switch.css +4 -2
  104. package/css/components/Table/table-grid.css +28 -36
  105. package/css/components/Table/table-scrollable.css +1 -1
  106. package/css/components/Table/table-tree-view.css +4 -2
  107. package/css/components/Table/table.css +104 -57
  108. package/css/components/Table/table.d.ts +6 -2
  109. package/css/components/Table/table.js +6 -2
  110. package/css/components/Table/table.mjs +6 -2
  111. package/css/components/Tabs/tabs.css +35 -32
  112. package/css/components/Tabs/tabs.d.ts +0 -1
  113. package/css/components/Tabs/tabs.js +0 -1
  114. package/css/components/Tabs/tabs.mjs +0 -1
  115. package/css/components/TextInputGroup/text-input-group.css +2 -2
  116. package/css/components/ToggleGroup/toggle-group.css +44 -19
  117. package/css/components/ToggleGroup/toggle-group.d.ts +1 -0
  118. package/css/components/ToggleGroup/toggle-group.js +1 -0
  119. package/css/components/ToggleGroup/toggle-group.mjs +1 -0
  120. package/css/components/Toolbar/toolbar.css +167 -11
  121. package/css/components/Toolbar/toolbar.d.ts +13 -0
  122. package/css/components/Toolbar/toolbar.js +13 -0
  123. package/css/components/Toolbar/toolbar.mjs +13 -0
  124. package/css/components/TreeView/tree-view.css +45 -14
  125. package/css/components/TreeView/tree-view.d.ts +1 -0
  126. package/css/components/TreeView/tree-view.js +1 -0
  127. package/css/components/TreeView/tree-view.mjs +1 -0
  128. package/css/components/Wizard/wizard.css +41 -19
  129. package/css/components/Wizard/wizard.d.ts +3 -0
  130. package/css/components/Wizard/wizard.js +3 -0
  131. package/css/components/Wizard/wizard.mjs +3 -0
  132. package/css/components/_index.css +2191 -858
  133. package/css/components/_index.d.ts +34 -10
  134. package/css/components/_index.js +34 -10
  135. package/css/components/_index.mjs +34 -10
  136. package/css/docs/components/Compass/examples/Compass.css +4 -13
  137. package/css/docs/components/Compass/examples/Compass.d.ts +1 -1
  138. package/css/docs/components/Compass/examples/Compass.js +1 -1
  139. package/css/docs/components/Compass/examples/Compass.mjs +1 -1
  140. package/css/docs/components/DragDrop/examples/DragDrop.css +1 -1
  141. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
  142. package/css/docs/components/Panel/examples/Panel.css +3 -0
  143. package/css/docs/components/Panel/examples/Panel.d.ts +5 -0
  144. package/css/docs/components/Panel/examples/Panel.js +6 -0
  145. package/css/docs/components/Panel/examples/Panel.mjs +4 -0
  146. package/css/docs/components/Table/examples/Table.css +2 -1
  147. package/css/docs/components/Toolbar/examples/Toolbar.css +1 -1
  148. package/css/layouts/Gallery/gallery.css +6 -2
  149. package/css/layouts/_index.css +6 -2
  150. package/package.json +4 -4
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/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.9",
3
+ "version": "6.5.0",
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.33",
22
+ "@patternfly/patternfly": "6.5.0-prerelease.93",
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": "a5726d0a999e6397b5df4e339b03c01efdb0f070"
27
+ "gitHead": "bdfc2b184addc9c760b9010039249bbb3c72e75e"
28
28
  }