@patternfly/patternfly 6.3.0-prerelease.24 → 6.3.0-prerelease.26

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 (52) hide show
  1. package/components/Button/button.css +115 -5
  2. package/components/Button/button.scss +118 -6
  3. package/components/Menu/menu.css +24 -4
  4. package/components/Menu/menu.scss +20 -5
  5. package/components/MenuToggle/menu-toggle.css +30 -0
  6. package/components/MenuToggle/menu-toggle.scss +33 -0
  7. package/components/Page/page.css +45 -0
  8. package/components/Page/page.scss +29 -0
  9. package/components/_index.css +214 -9
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  11. package/docs/components/Button/examples/Button.md +85 -3
  12. package/docs/components/Card/examples/Card.md +8 -8
  13. package/docs/components/DataList/examples/DataList.md +23 -23
  14. package/docs/components/DualListSelector/examples/DualListSelector.md +18 -18
  15. package/docs/components/Hint/examples/Hint.md +3 -3
  16. package/docs/components/InlineEdit/examples/InlineEdit.md +2 -2
  17. package/docs/components/Masthead/examples/masthead.md +90 -12
  18. package/docs/components/Menu/examples/Menu.md +2 -2
  19. package/docs/components/MenuToggle/examples/MenuToggle.md +90 -51
  20. package/docs/components/OverflowMenu/examples/overflow-menu.md +5 -5
  21. package/docs/components/Page/examples/Page.md +147 -14
  22. package/docs/components/Pagination/examples/Pagination.md +12 -12
  23. package/docs/components/Table/examples/Table.md +240 -240
  24. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  25. package/docs/demos/AboutModal/examples/AboutModal.md +22 -3
  26. package/docs/demos/Alert/examples/Alert.md +66 -9
  27. package/docs/demos/BackToTop/examples/BackToTop.md +22 -3
  28. package/docs/demos/Banner/examples/Banner.md +47 -6
  29. package/docs/demos/Card/examples/Card.md +4 -4
  30. package/docs/demos/CardView/examples/CardView.md +24 -5
  31. package/docs/demos/Dashboard/examples/Dashboard.md +24 -5
  32. package/docs/demos/DataList/examples/DataList.md +100 -24
  33. package/docs/demos/DescriptionList/examples/DescriptionList.md +66 -9
  34. package/docs/demos/Drawer/examples/Drawer.md +110 -15
  35. package/docs/demos/JumpLinks/examples/JumpLinks.md +132 -18
  36. package/docs/demos/Masthead/examples/Masthead.md +170 -18
  37. package/docs/demos/Modal/examples/Modal.md +132 -18
  38. package/docs/demos/Nav/examples/Nav.md +111 -16
  39. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +110 -15
  40. package/docs/demos/Page/examples/Page.md +309 -43
  41. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +160 -27
  42. package/docs/demos/Skeleton/examples/Skeleton.md +22 -3
  43. package/docs/demos/Table/examples/Table.md +435 -150
  44. package/docs/demos/Tabs/examples/Tabs.md +137 -23
  45. package/docs/demos/Toolbar/examples/Toolbar.md +72 -34
  46. package/docs/demos/Wizard/examples/Wizard.md +198 -27
  47. package/package.json +2 -2
  48. package/patternfly-no-globals.css +214 -9
  49. package/patternfly.css +214 -9
  50. package/patternfly.min.css +1 -1
  51. package/patternfly.min.css.map +1 -1
  52. package/sass-utilities/mixins.scss +35 -0
package/sass-utilities/mixins.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use '../sass-utilities/functions' as *;
2
2
  @use '../sass-utilities/init' as *;
3
3
  @use '../sass-utilities/scss-variables' as *;
4
+ @use '../sass-utilities/namespaces-components' as *;
4
5
 
5
6
  // Media query used to create responsive classes
6
7
  @mixin pf-v6-media-query($point) {
@@ -410,6 +411,7 @@
410
411
  scale: -1 1;
411
412
  }
412
413
 
414
+
413
415
  @mixin pf-v6-mirror-inline-on-rtl {
414
416
  @include pf-v6-rtl {
415
417
  @include pf-v6-mirror-inline;
@@ -427,3 +429,36 @@
427
429
  @content
428
430
  }
429
431
  }
432
+
433
+ // Sets hamburger styles. Defaults to expand styles (right arrow)
434
+ // $collapse - if true, changes to left arrow
435
+ // $reset - will reset the bars to the default (no arrow)
436
+ @mixin pf-v6-hamburger($collapse: false, $reset: false) {
437
+ @if $reset {
438
+ --#{$button}--hamburger-icon--top--path: var(--#{$button}--hamburger-icon--top--path--base);
439
+ --#{$button}--hamburger-icon--arrow--path: var(--#{$button}--hamburger-icon--arrow--path--base);
440
+ --#{$button}--hamburger-icon--bottom--path: var(--#{$button}--hamburger-icon--bottom--path--base);
441
+ --#{$button}__icon--TransitionDelay: var(--#{$button}--hamburger-icon--TransitionDuration);
442
+ --#{$button}--hover__icon--TransitionDelay: var(--#{$button}--hamburger-icon--TransitionDuration);
443
+ } @else {
444
+ // set direction vars
445
+ --#{$button}--hamburger-icon--top--path: var(--#{$button}--hamburger-icon--top--collapse--path);
446
+ --#{$button}--hamburger-icon--arrow--path: var(--#{$button}--hamburger-icon--arrow--collapse--path);
447
+ --#{$button}--hamburger-icon--bottom--path: var(--#{$button}--hamburger-icon--bottom--collapse--path);
448
+
449
+ // collapse
450
+ @if $collapse {
451
+ --#{$button}__icon--TransitionDelay: 0s;
452
+ --#{$button}__icon--Scale: 1;
453
+ --#{$button}--hover__icon--TransitionDelay: 0s;
454
+ --#{$button}--hover__icon--Scale: 1;
455
+
456
+ // expand
457
+ } @else {
458
+ --#{$button}__icon--TransitionDelay: 0s;
459
+ --#{$button}__icon--Scale: var(--#{$button}--m-hamburger__icon--m-expand--Scale);
460
+ --#{$button}--hover__icon--TransitionDelay: 0s;
461
+ --#{$button}--hover__icon--Scale: var(--#{$button}--m-hamburger__icon--m-expand--Scale);
462
+ }
463
+ }
464
+ }