@patternfly/patternfly 6.0.0-alpha.100 → 6.0.0-alpha.102

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 (56) hide show
  1. package/components/Nav/nav.css +3 -1
  2. package/components/Nav/nav.scss +4 -2
  3. package/components/Table/table-scrollable.css +12 -15
  4. package/components/Table/table-scrollable.scss +33 -30
  5. package/components/Table/table-tree-view.css +0 -2
  6. package/components/Table/table-tree-view.scss +9 -11
  7. package/components/Table/table.css +118 -55
  8. package/components/Table/table.scss +182 -100
  9. package/docs/components/Nav/examples/Navigation.css +2 -2
  10. package/docs/components/Nav/examples/Navigation.md +57 -55
  11. package/docs/components/Table/examples/Table.css +6 -8
  12. package/docs/components/Table/examples/Table.md +79 -92
  13. package/docs/demos/Table/examples/Table.md +28 -28
  14. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  15. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  16. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  17. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +24 -24
  18. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  19. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  20. package/docs/utilities/Display/examples/Display.css +8 -8
  21. package/docs/utilities/Display/examples/Display.md +7 -7
  22. package/docs/utilities/Flex/examples/Flex.css +5 -5
  23. package/docs/utilities/Flex/examples/Flex.md +82 -40
  24. package/docs/utilities/Float/examples/Float.css +2 -2
  25. package/docs/utilities/Float/examples/Float.md +6 -6
  26. package/docs/utilities/Sizing/examples/Sizing.css +4 -4
  27. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  28. package/docs/utilities/Spacing/examples/Spacing.css +1 -1
  29. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  30. package/docs/utilities/Text/examples/Text.md +53 -53
  31. package/package.json +1 -1
  32. package/patternfly-addons.css +91 -371
  33. package/patternfly-no-globals.css +133 -73
  34. package/patternfly-theme-dark-unversioned.css +133 -73
  35. package/patternfly.css +133 -73
  36. package/patternfly.min.css +1 -1
  37. package/patternfly.min.css.map +1 -1
  38. package/sass-utilities/mixins.scss +2 -2
  39. package/utilities/Alignment/alignment.css +24 -24
  40. package/utilities/Alignment/alignment.scss +4 -4
  41. package/utilities/BackgroundColor/BackgroundColor.css +0 -100
  42. package/utilities/BackgroundColor/BackgroundColor.scss +2 -8
  43. package/utilities/BoxShadow/box-shadow.css +15 -39
  44. package/utilities/BoxShadow/box-shadow.scss +17 -27
  45. package/utilities/Display/display.scss +2 -2
  46. package/utilities/Flex/flex.scss +18 -18
  47. package/utilities/Float/float.css +24 -24
  48. package/utilities/Float/float.scss +4 -4
  49. package/utilities/Sizing/sizing.css +28 -28
  50. package/utilities/Sizing/sizing.scss +17 -17
  51. package/utilities/Text/text.css +0 -155
  52. package/utilities/Text/text.scss +10 -16
  53. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  54. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  55. package/utilities/Text/themes/dark/text.css +0 -0
  56. package/utilities/Text/themes/dark/text.scss +0 -33
@@ -648,64 +648,66 @@ cssPrefix: pf-v6-c-nav
648
648
  <a href="#" class="pf-v6-c-nav__link">Documentation</a>
649
649
  </li>
650
650
  </ul>
651
- </nav>
652
- <div class="pf-v6-c-menu pf-m-flyout pf-m-nav">
653
- <div class="pf-v6-c-menu__content">
654
- <ul class="pf-v6-c-menu__list" role="menu">
655
- <li class="pf-v6-c-menu__list-item" role="none">
656
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
657
- <span class="pf-v6-c-menu__item-main">
658
- <span class="pf-v6-c-menu__item-text">Container platform</span>
659
- </span>
660
- </a>
661
- </li>
662
- <li class="pf-v6-c-menu__list-item" role="none">
663
- <button
664
- class="pf-v6-c-menu__item"
665
- type="button"
666
- role="menuitem"
667
- aria-expanded="true"
668
- >
669
- <span class="pf-v6-c-menu__item-main">
670
- <span class="pf-v6-c-menu__item-text">Dedicated</span>
671
- <span class="pf-v6-c-menu__item-toggle-icon">
672
- <i class="fas fa-angle-right"></i>
651
+ <div class="pf-v6-c-menu pf-m-flyout pf-m-nav">
652
+ <div class="pf-v6-c-menu__content">
653
+ <ul class="pf-v6-c-menu__list" role="menu">
654
+ <li class="pf-v6-c-menu__list-item" role="none">
655
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
656
+ <span class="pf-v6-c-menu__item-main">
657
+ <span class="pf-v6-c-menu__item-text">Container platform</span>
673
658
  </span>
674
- </span>
675
- </button>
676
- <div class="pf-v6-c-menu">
677
- <div class="pf-v6-c-menu__content">
678
- <ul class="pf-v6-c-menu__list" role="menu">
679
- <li class="pf-v6-c-menu__list-item" role="none">
680
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
681
- <span class="pf-v6-c-menu__item-main">
682
- <span class="pf-v6-c-menu__item-text">Dedicated (Annual)</span>
683
- </span>
684
- </a>
685
- </li>
686
- <li class="pf-v6-c-menu__list-item" role="none">
687
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
688
- <span class="pf-v6-c-menu__item-main">
689
- <span class="pf-v6-c-menu__item-text">Dedicated (On-Demand)</span>
690
- </span>
691
- </a>
692
- </li>
693
- <li class="pf-v6-c-menu__list-item" role="none">
694
- <a class="pf-v6-c-menu__item" href="#" role="menuitem">
695
- <span class="pf-v6-c-menu__item-main">
696
- <span
697
- class="pf-v6-c-menu__item-text"
698
- >Dedicated (On-Demand limits)</span>
699
- </span>
700
- </a>
701
- </li>
702
- </ul>
659
+ </a>
660
+ </li>
661
+ <li class="pf-v6-c-menu__list-item" role="none">
662
+ <button
663
+ class="pf-v6-c-menu__item"
664
+ type="button"
665
+ role="menuitem"
666
+ aria-expanded="true"
667
+ >
668
+ <span class="pf-v6-c-menu__item-main">
669
+ <span class="pf-v6-c-menu__item-text">Dedicated</span>
670
+ <span class="pf-v6-c-menu__item-toggle-icon">
671
+ <i class="fas fa-angle-right"></i>
672
+ </span>
673
+ </span>
674
+ </button>
675
+ <div class="pf-v6-c-menu">
676
+ <div class="pf-v6-c-menu__content">
677
+ <ul class="pf-v6-c-menu__list" role="menu">
678
+ <li class="pf-v6-c-menu__list-item" role="none">
679
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
680
+ <span class="pf-v6-c-menu__item-main">
681
+ <span class="pf-v6-c-menu__item-text">Dedicated (Annual)</span>
682
+ </span>
683
+ </a>
684
+ </li>
685
+ <li class="pf-v6-c-menu__list-item" role="none">
686
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
687
+ <span class="pf-v6-c-menu__item-main">
688
+ <span
689
+ class="pf-v6-c-menu__item-text"
690
+ >Dedicated (On-Demand)</span>
691
+ </span>
692
+ </a>
693
+ </li>
694
+ <li class="pf-v6-c-menu__list-item" role="none">
695
+ <a class="pf-v6-c-menu__item" href="#" role="menuitem">
696
+ <span class="pf-v6-c-menu__item-main">
697
+ <span
698
+ class="pf-v6-c-menu__item-text"
699
+ >Dedicated (On-Demand limits)</span>
700
+ </span>
701
+ </a>
702
+ </li>
703
+ </ul>
704
+ </div>
703
705
  </div>
704
- </div>
705
- </li>
706
- </ul>
706
+ </li>
707
+ </ul>
708
+ </div>
707
709
  </div>
708
- </div>
710
+ </nav>
709
711
 
710
712
  ```
711
713
 
@@ -3,16 +3,14 @@
3
3
  width: 800px;
4
4
  }
5
5
 
6
- #ws-core-c-table-th-truncation .pf-v5-c-tooltip {
6
+ #ws-core-c-table-th-truncation .pf-v6-c-tooltip {
7
7
  position: absolute;
8
- inset-inline-start: 440px;
9
- inset-block-start: -18px;
8
+ inset-inline-start: 440px;
9
+ inset-block-start: -18px;
10
10
  }
11
11
 
12
+ #ws-core-c-table-sticky-columns-and-header .ws-preview-html,
13
+ #ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
12
14
  #ws-core-c-table-sticky-header .ws-preview-html {
13
- height: 300px;
14
- }
15
-
16
- #ws-core-c-table-sticky-columns-and-header .ws-preview-html {
17
- height: 600px;
15
+ height: 400px;
18
16
  }