@patternfly/patternfly 6.5.0-prerelease.54 → 6.5.0-prerelease.56

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 (85) hide show
  1. package/assets/images/compass--hero-bg.png +0 -0
  2. package/assets/images/compass--wallpaper-dark.jpg +0 -0
  3. package/assets/images/compass--wallpaper-light.jpg +0 -0
  4. package/assets/images/glass-brand-dark.jpg +0 -0
  5. package/assets/images/glass-brand-dark.png +0 -0
  6. package/assets/images/glass-brand-light.jpg +0 -0
  7. package/assets/images/glass-brand-light.png +0 -0
  8. package/base/patternfly-variables.css +772 -690
  9. package/base/patternfly-variables.scss +23 -21
  10. package/base/tokens/tokens-dark.scss +18 -18
  11. package/base/tokens/tokens-default.scss +18 -17
  12. package/base/tokens/tokens-glass-dark.scss +21 -4
  13. package/base/tokens/tokens-glass.scss +17 -4
  14. package/base/tokens/tokens-local.scss +4 -3
  15. package/base/tokens/tokens-palette.scss +1 -1
  16. package/base/tokens/tokens-redhat-dark.scss +9 -2
  17. package/base/tokens/tokens-redhat-glass-dark.scss +28 -4
  18. package/base/tokens/tokens-redhat-glass.scss +19 -4
  19. package/base/tokens/tokens-redhat-highcontrast-dark.scss +7 -4
  20. package/base/tokens/tokens-redhat-highcontrast.scss +4 -3
  21. package/base/tokens/tokens-redhat.scss +1 -1
  22. package/components/Accordion/accordion.css +10 -0
  23. package/components/Accordion/accordion.scss +11 -0
  24. package/components/Button/button.css +2 -16
  25. package/components/Button/button.scss +3 -17
  26. package/components/Card/card.css +13 -0
  27. package/components/Card/card.scss +20 -0
  28. package/components/Compass/compass.css +6 -6
  29. package/components/Compass/compass.scss +6 -6
  30. package/components/DataList/data-list.css +1 -1
  31. package/components/DataList/data-list.scss +1 -0
  32. package/components/Drawer/drawer.css +11 -6
  33. package/components/Drawer/drawer.scss +24 -11
  34. package/components/Login/login.css +7 -3
  35. package/components/Login/login.scss +7 -3
  36. package/components/Masthead/masthead.css +11 -3
  37. package/components/Masthead/masthead.scss +14 -4
  38. package/components/MenuToggle/menu-toggle.css +1 -2
  39. package/components/MenuToggle/menu-toggle.scss +2 -3
  40. package/components/Nav/nav.scss +1 -1
  41. package/components/Page/page.css +115 -8
  42. package/components/Page/page.scss +123 -11
  43. package/components/Panel/panel.css +14 -0
  44. package/components/Panel/panel.scss +18 -0
  45. package/components/Table/table-grid.css +4 -4
  46. package/components/Table/table-grid.scss +4 -4
  47. package/components/Table/table.css +12 -7
  48. package/components/Table/table.scss +13 -9
  49. package/components/_index.css +207 -56
  50. package/docs/components/Accordion/examples/Accordion.md +1 -0
  51. package/docs/components/Card/examples/Card.md +1 -0
  52. package/docs/components/DragDrop/examples/DragDrop.css +1 -1
  53. package/docs/components/Page/examples/Page.md +47 -37
  54. package/docs/components/Panel/examples/Panel.md +12 -0
  55. package/docs/demos/AboutModal/examples/AboutModal.md +40 -38
  56. package/docs/demos/Alert/examples/Alert.md +120 -114
  57. package/docs/demos/BackToTop/examples/BackToTop.md +40 -38
  58. package/docs/demos/Banner/examples/Banner.md +80 -76
  59. package/docs/demos/CardView/examples/CardView.md +297 -271
  60. package/docs/demos/Compass/examples/Compass.md +1409 -2732
  61. package/docs/demos/Dashboard/examples/Dashboard.md +40 -38
  62. package/docs/demos/DataList/examples/DataList.md +160 -152
  63. package/docs/demos/DescriptionList/examples/DescriptionList.md +120 -114
  64. package/docs/demos/Drawer/examples/Drawer.md +200 -190
  65. package/docs/demos/JumpLinks/examples/JumpLinks.md +240 -228
  66. package/docs/demos/Masthead/examples/Masthead.md +320 -304
  67. package/docs/demos/Modal/examples/Modal.md +240 -228
  68. package/docs/demos/Nav/examples/Nav.md +2302 -600
  69. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +180 -170
  70. package/docs/demos/Page/examples/Page.md +606 -568
  71. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +280 -266
  72. package/docs/demos/Skeleton/examples/Skeleton.md +40 -38
  73. package/docs/demos/Table/examples/Table.md +640 -604
  74. package/docs/demos/Tabs/examples/Tabs.md +240 -228
  75. package/docs/demos/Toolbar/examples/Toolbar.md +80 -76
  76. package/docs/demos/Wizard/examples/Wizard.md +360 -342
  77. package/package.json +2 -2
  78. package/patternfly-base-no-globals.css +772 -690
  79. package/patternfly-base.css +772 -690
  80. package/patternfly-no-globals.css +931 -681
  81. package/patternfly.css +931 -681
  82. package/patternfly.min.css +1 -1
  83. package/patternfly.min.css.map +1 -1
  84. package/patternfly.scss +27 -0
  85. package/sass-utilities/scss-variables.scss +1 -1
package/patternfly.scss CHANGED
@@ -4,3 +4,30 @@
4
4
  @use './patternfly-base';
5
5
  @use './components';
6
6
  @use './layouts';
7
+
8
+ :where(.pf-v6-theme-glass) {
9
+ // custom stuff for the POC
10
+ .pf-v6-c-login, body { // needs to go on 'body' because drawers with a nested page component
11
+ // background-image: url("./assets/images/compass--wallpaper-light.jpg");
12
+ background-image: url("./assets/images/glass-brand-light.jpg");
13
+ background-repeat: no-repeat;
14
+ background-attachment: fixed;
15
+ background-position: center;
16
+ background-size: cover;
17
+ }
18
+
19
+ &:where(.pf-v6-theme-dark) {
20
+ .pf-v6-c-login, body { // needs to go on 'body' because drawers with a nested page component
21
+ // background-image: url("./assets/images/compass--wallpaper-dark.jpg");
22
+ background-image: url("./assets/images/glass-brand-dark.jpg");
23
+ }
24
+ }
25
+
26
+ body {
27
+ overflow: auto;
28
+ }
29
+
30
+ .pf-v6-c-page__sidebar {
31
+ overflow: auto;
32
+ }
33
+ }
@@ -42,7 +42,7 @@ $pf-v6-global--height-breakpoint--xl: 60rem !default; // 960px
42
42
  $pf-v6-global--height-breakpoint--2xl: 80rem !default; // 1280px
43
43
 
44
44
  // Semantic breakpoints
45
- $pf-v6-global--breakpoint--dock--expand: $pf-v6-global--breakpoint--lg !default;
45
+ $pf-v6-global--breakpoint--dock--desktop: $pf-v6-global--breakpoint--lg !default;
46
46
 
47
47
  // Global breakpoint map - used for @pf-grid-item-modifiers
48
48
  $pf-v6-global--breakpoint-map: (