@patternfly/patternfly 5.1.0-prerelease.29 → 5.1.0-prerelease.30

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 (3) hide show
  1. package/docs/components/Menu/examples/Menu.css +8 -0
  2. package/docs/components/Menu/examples/Menu.md +90 -73
  3. package/package.json +1 -1
package/docs/components/Menu/examples/Menu.css CHANGED
@@ -16,3 +16,11 @@
16
16
  align-items: flex-end;
17
17
  justify-content: flex-end;
18
18
  }
19
+
20
+ :is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) {
21
+ position: relative;
22
+ }
23
+
24
+ :is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-v5-c-breadcrumb__dropdown .pf-v5-c-menu {
25
+ position: absolute;
26
+ }
package/docs/components/Menu/examples/Menu.md CHANGED
@@ -4778,37 +4778,41 @@ cssPrefix: pf-v5-c-menu
4778
4778
  <i class="fas fa-angle-right" aria-hidden="true"></i>
4779
4779
  </span>
4780
4780
  <span class="pf-v5-c-breadcrumb__dropdown">
4781
- <div class="pf-v5-c-dropdown pf-m-expanded">
4782
- <button
4783
- class="pf-v5-c-dropdown__toggle pf-m-plain"
4784
- id="drilldown-with-breadcrumbs-level-3-breadcrumb-breadcrumb-dropdown-button"
4785
- aria-expanded="true"
4786
- type="button"
4787
- >
4788
- <span class="pf-v5-c-badge pf-m-read">
4789
- 1
4790
- <span class="pf-v5-c-dropdown__toggle-icon">
4791
- <i class="fas fa-caret-down" aria-hidden="true"></i>
4792
- </span>
4793
- </span>
4794
- </button>
4795
- <ul
4796
- class="pf-v5-c-dropdown__menu"
4797
- aria-labelledby="drilldown-with-breadcrumbs-level-3-breadcrumb-breadcrumb-dropdown-button"
4798
- role="menu"
4799
- >
4800
- <li role="none">
4801
- <button
4802
- class="pf-v5-c-dropdown__menu-item"
4803
- role="menuitem"
4804
- type="button"
4805
- >
4806
- <span class="pf-v5-c-dropdown__menu-item-icon">
4807
- <i class="fas fa-angle-left" aria-hidden="true"></i>
4808
- </span>Edit
4809
- </button>
4810
- </li>
4811
- </ul>
4781
+ <button
4782
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
4783
+ type="button"
4784
+ aria-expanded="true"
4785
+ >
4786
+ <span class="pf-v5-c-badge pf-m-read">
4787
+ 1
4788
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
4789
+ </span>
4790
+ </button>
4791
+ <div class="pf-v5-c-menu">
4792
+ <div class="pf-v5-c-menu__content">
4793
+ <ul class="pf-v5-c-menu__list" role="menu">
4794
+ <li class="pf-v5-c-menu__list-item" role="none">
4795
+ <button
4796
+ class="pf-v5-c-menu__item"
4797
+ type="button"
4798
+ role="menuitem"
4799
+ >
4800
+ <span class="pf-v5-c-menu__item-main">
4801
+ <span class="pf-v5-c-menu__item-icon">
4802
+ <span class="pf-v5-c-icon">
4803
+ <span
4804
+ class="pf-v5-c-icon__content pf-v5-m-mirror-inline-rtl"
4805
+ >
4806
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
4807
+ </span>
4808
+ </span>
4809
+ </span>
4810
+ <span class="pf-v5-c-menu__item-text">Edit</span>
4811
+ </span>
4812
+ </button>
4813
+ </li>
4814
+ </ul>
4815
+ </div>
4812
4816
  </div>
4813
4817
  </span>
4814
4818
  </li>
@@ -5027,48 +5031,61 @@ cssPrefix: pf-v5-c-menu
5027
5031
  <i class="fas fa-angle-right" aria-hidden="true"></i>
5028
5032
  </span>
5029
5033
  <span class="pf-v5-c-breadcrumb__dropdown">
5030
- <div class="pf-v5-c-dropdown pf-m-expanded">
5031
- <button
5032
- class="pf-v5-c-dropdown__toggle pf-m-plain"
5033
- id="drilldown-with-breadcrumbs-level-4-breadcrumb-breadcrumb-dropdown-button"
5034
- aria-expanded="true"
5035
- type="button"
5036
- >
5037
- <span class="pf-v5-c-badge pf-m-read">
5038
- 2
5039
- <span class="pf-v5-c-dropdown__toggle-icon">
5040
- <i class="fas fa-caret-down" aria-hidden="true"></i>
5041
- </span>
5042
- </span>
5043
- </button>
5044
- <ul
5045
- class="pf-v5-c-dropdown__menu"
5046
- aria-labelledby="drilldown-with-breadcrumbs-level-4-breadcrumb-breadcrumb-dropdown-button"
5047
- role="menu"
5048
- >
5049
- <li role="none">
5050
- <button
5051
- class="pf-v5-c-dropdown__menu-item"
5052
- role="menuitem"
5053
- type="button"
5054
- >
5055
- <span class="pf-v5-c-dropdown__menu-item-icon">
5056
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5057
- </span>Edit
5058
- </button>
5059
- </li>
5060
- <li role="none">
5061
- <button
5062
- class="pf-v5-c-dropdown__menu-item"
5063
- role="menuitem"
5064
- type="button"
5065
- >
5066
- <span class="pf-v5-c-dropdown__menu-item-icon">
5067
- <i class="fas fa-angle-left" aria-hidden="true"></i>
5068
- </span>Deployment
5069
- </button>
5070
- </li>
5071
- </ul>
5034
+ <button
5035
+ class="pf-v5-c-menu-toggle pf-m-plain pf-m-expanded"
5036
+ type="button"
5037
+ aria-expanded="true"
5038
+ >
5039
+ <span class="pf-v5-c-badge pf-m-read">
5040
+ 2
5041
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
5042
+ </span>
5043
+ </button>
5044
+ <div class="pf-v5-c-menu">
5045
+ <div class="pf-v5-c-menu__content">
5046
+ <ul class="pf-v5-c-menu__list" role="menu">
5047
+ <li class="pf-v5-c-menu__list-item" role="none">
5048
+ <button
5049
+ class="pf-v5-c-menu__item"
5050
+ type="button"
5051
+ role="menuitem"
5052
+ >
5053
+ <span class="pf-v5-c-menu__item-main">
5054
+ <span class="pf-v5-c-menu__item-icon">
5055
+ <span class="pf-v5-c-icon">
5056
+ <span
5057
+ class="pf-v5-c-icon__content pf-v5-m-mirror-inline-rtl"
5058
+ >
5059
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5060
+ </span>
5061
+ </span>
5062
+ </span>
5063
+ <span class="pf-v5-c-menu__item-text">Edit</span>
5064
+ </span>
5065
+ </button>
5066
+ </li>
5067
+ <li class="pf-v5-c-menu__list-item" role="none">
5068
+ <button
5069
+ class="pf-v5-c-menu__item"
5070
+ type="button"
5071
+ role="menuitem"
5072
+ >
5073
+ <span class="pf-v5-c-menu__item-main">
5074
+ <span class="pf-v5-c-menu__item-icon">
5075
+ <span class="pf-v5-c-icon">
5076
+ <span
5077
+ class="pf-v5-c-icon__content pf-v5-m-mirror-inline-rtl"
5078
+ >
5079
+ <i class="fas fa-angle-left" aria-hidden="true"></i>
5080
+ </span>
5081
+ </span>
5082
+ </span>
5083
+ <span class="pf-v5-c-menu__item-text">Deployment</span>
5084
+ </span>
5085
+ </button>
5086
+ </li>
5087
+ </ul>
5088
+ </div>
5072
5089
  </div>
5073
5090
  </span>
5074
5091
  </li>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.1.0-prerelease.29",
4
+ "version": "5.1.0-prerelease.30",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {