@patternfly/patternfly 4.206.0 → 4.206.3

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 (11) hide show
  1. package/RELEASE-NOTES.md +41 -0
  2. package/components/Page/page.css +50 -0
  3. package/components/Page/page.scss +20 -6
  4. package/components/TreeView/tree-view.css +6 -12
  5. package/components/TreeView/tree-view.scss +4 -8
  6. package/docs/components/TreeView/examples/TreeView.md +257 -217
  7. package/package.json +1 -1
  8. package/patternfly-no-reset.css +56 -12
  9. package/patternfly.css +56 -12
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
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": "4.206.0",
4
+ "version": "4.206.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -22032,6 +22032,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22032
22032
  .pf-c-page__main-nav.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-nav:last-child {
22033
22033
  padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22034
22034
  }
22035
+ @media (min-height: 0) {
22036
+ .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
22037
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22038
+ }
22039
+ }
22040
+ @media (min-height: 40rem) {
22041
+ .pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
22042
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22043
+ }
22044
+ }
22045
+ @media (min-height: 48rem) {
22046
+ .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
22047
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22048
+ }
22049
+ }
22050
+ @media (min-height: 60rem) {
22051
+ .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
22052
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22053
+ }
22054
+ }
22055
+ @media (min-height: 80rem) {
22056
+ .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
22057
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22058
+ }
22059
+ }
22035
22060
 
22036
22061
  .pf-c-page__main-subnav {
22037
22062
  background-color: var(--pf-c-page__main-subnav--BackgroundColor);
@@ -22057,6 +22082,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22057
22082
  .pf-c-page__main-breadcrumb.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-breadcrumb:last-child {
22058
22083
  --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22059
22084
  }
22085
+ @media (min-height: 0) {
22086
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
22087
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22088
+ }
22089
+ }
22090
+ @media (min-height: 40rem) {
22091
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
22092
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22093
+ }
22094
+ }
22095
+ @media (min-height: 48rem) {
22096
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
22097
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22098
+ }
22099
+ }
22100
+ @media (min-height: 60rem) {
22101
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
22102
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22103
+ }
22104
+ }
22105
+ @media (min-height: 80rem) {
22106
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
22107
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22108
+ }
22109
+ }
22060
22110
 
22061
22111
  .pf-c-page__main-tabs {
22062
22112
  padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
@@ -31433,20 +31483,14 @@ svg.pf-c-spinner.pf-m-xl {
31433
31483
  .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
31434
31484
  --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31435
31485
  }
31436
- .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
31437
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
31438
- }
31439
- .pf-c-tree-view__node:hover,
31440
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
31441
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
31486
+ .pf-c-tree-view__node:not(.pf-m-selectable):hover, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
31487
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
31442
31488
  }
31443
- .pf-c-tree-view__node:focus,
31444
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
31445
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
31489
+ .pf-c-tree-view__node:not(.pf-m-selectable):focus, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
31490
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
31446
31491
  }
31447
- .pf-c-tree-view__node:active,
31448
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
31449
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
31492
+ .pf-c-tree-view__node:not(.pf-m-selectable):active, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
31493
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
31450
31494
  }
31451
31495
 
31452
31496
  .pf-c-tree-view__node-container {
package/patternfly.css CHANGED
@@ -22159,6 +22159,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22159
22159
  .pf-c-page__main-nav.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-nav:last-child {
22160
22160
  padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22161
22161
  }
22162
+ @media (min-height: 0) {
22163
+ .pf-c-page__main-nav.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-nav:last-child {
22164
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22165
+ }
22166
+ }
22167
+ @media (min-height: 40rem) {
22168
+ .pf-c-page__main-nav.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-nav:last-child {
22169
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22170
+ }
22171
+ }
22172
+ @media (min-height: 48rem) {
22173
+ .pf-c-page__main-nav.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-nav:last-child {
22174
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22175
+ }
22176
+ }
22177
+ @media (min-height: 60rem) {
22178
+ .pf-c-page__main-nav.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-nav:last-child {
22179
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22180
+ }
22181
+ }
22182
+ @media (min-height: 80rem) {
22183
+ .pf-c-page__main-nav.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-nav:last-child {
22184
+ padding-bottom: var(--pf-c-page__main-nav--m-sticky-top--PaddingBottom);
22185
+ }
22186
+ }
22162
22187
 
22163
22188
  .pf-c-page__main-subnav {
22164
22189
  background-color: var(--pf-c-page__main-subnav--BackgroundColor);
@@ -22184,6 +22209,31 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22184
22209
  .pf-c-page__main-breadcrumb.pf-m-sticky-top, .pf-c-page__main-group.pf-m-sticky-top .pf-c-page__main-breadcrumb:last-child {
22185
22210
  --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22186
22211
  }
22212
+ @media (min-height: 0) {
22213
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-sm-height, .pf-c-page__main-group.pf-m-sticky-top-on-sm-height .pf-c-page__main-breadcrumb:last-child {
22214
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22215
+ }
22216
+ }
22217
+ @media (min-height: 40rem) {
22218
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-md-height, .pf-c-page__main-group.pf-m-sticky-top-on-md-height .pf-c-page__main-breadcrumb:last-child {
22219
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22220
+ }
22221
+ }
22222
+ @media (min-height: 48rem) {
22223
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-lg-height, .pf-c-page__main-group.pf-m-sticky-top-on-lg-height .pf-c-page__main-breadcrumb:last-child {
22224
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22225
+ }
22226
+ }
22227
+ @media (min-height: 60rem) {
22228
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-xl-height .pf-c-page__main-breadcrumb:last-child {
22229
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22230
+ }
22231
+ }
22232
+ @media (min-height: 80rem) {
22233
+ .pf-c-page__main-breadcrumb.pf-m-sticky-top-on-2xl-height, .pf-c-page__main-group.pf-m-sticky-top-on-2xl-height .pf-c-page__main-breadcrumb:last-child {
22234
+ --pf-c-page__main-breadcrumb--PaddingBottom: var(--pf-c-page__main-breadcrumb--m-sticky-top--PaddingBottom);
22235
+ }
22236
+ }
22187
22237
 
22188
22238
  .pf-c-page__main-tabs {
22189
22239
  padding: var(--pf-c-page__main-tabs--PaddingTop) var(--pf-c-page__main-tabs--PaddingRight) var(--pf-c-page__main-tabs--PaddingBottom) var(--pf-c-page__main-tabs--PaddingLeft);
@@ -31560,20 +31610,14 @@ svg.pf-c-spinner.pf-m-xl {
31560
31610
  .pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read {
31561
31611
  --pf-c-badge--m-read--BackgroundColor: var(--pf-c-tree-view__node-count--c-badge--m-read--BackgroundColor);
31562
31612
  }
31563
- .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle {
31564
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--Color--base);
31565
- }
31566
- .pf-c-tree-view__node:hover,
31567
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:hover {
31568
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover__icon--Color);
31613
+ .pf-c-tree-view__node:not(.pf-m-selectable):hover, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:hover {
31614
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--hover--Color);
31569
31615
  }
31570
- .pf-c-tree-view__node:focus,
31571
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:focus {
31572
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus__icon--Color);
31616
+ .pf-c-tree-view__node:not(.pf-m-selectable):focus, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:focus {
31617
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--focus--Color);
31573
31618
  }
31574
- .pf-c-tree-view__node:active,
31575
- .pf-c-tree-view__node .pf-c-tree-view__node-toggle:active {
31576
- --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active__icon--Color);
31619
+ .pf-c-tree-view__node:not(.pf-m-selectable):active, .pf-c-tree-view__node.pf-m-selectable .pf-c-tree-view__node-toggle:active {
31620
+ --pf-c-tree-view__node-toggle--Color: var(--pf-c-tree-view__node-toggle--active--Color);
31577
31621
  }
31578
31622
 
31579
31623
  .pf-c-tree-view__node-container {