@patternfly/patternfly 4.176.2 → 4.176.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 (21) hide show
  1. package/components/Dropdown/dropdown.css +10 -9
  2. package/components/Dropdown/dropdown.scss +17 -16
  3. package/docs/demos/Alert/examples/Alert.md +52 -359
  4. package/docs/demos/BackToTop/examples/BackToTop.md +5 -505
  5. package/docs/demos/Card/examples/Card.md +42 -14
  6. package/docs/demos/ContextSelector/examples/ContextSelector.md +46 -1051
  7. package/docs/demos/Drawer/examples/Drawer.md +3 -3
  8. package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -1225
  9. package/docs/demos/Masthead/examples/Masthead.md +2 -2
  10. package/docs/demos/Nav/examples/Nav.md +9 -301
  11. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  12. package/docs/demos/Page/examples/Page.md +162 -3084
  13. package/docs/demos/Table/examples/Table.md +183 -18031
  14. package/docs/demos/Tabs/examples/Tabs.md +686 -7387
  15. package/docs/demos/Toolbar/examples/Toolbar.md +44 -1027
  16. package/docs/demos/Wizard/examples/Wizard.md +2 -2
  17. package/package.json +1 -1
  18. package/patternfly-no-reset.css +10 -9
  19. package/patternfly.css +10 -9
  20. package/patternfly.min.css +1 -1
  21. package/patternfly.min.css.map +1 -1
package/docs/demos/Wizard/examples/Wizard.md CHANGED
@@ -715,7 +715,7 @@ wrapperTag: div
715
715
  <div class="pf-c-page__main-body">
716
716
  <div class="pf-c-content">
717
717
  <h1>Main title</h1>
718
- <p>This is a demo of the page component.</p>
718
+ <p>This is a full page demo.</p>
719
719
  </div>
720
720
  </div>
721
721
  </section>
@@ -1176,7 +1176,7 @@ wrapperTag: div
1176
1176
  <div class="pf-c-page__main-body">
1177
1177
  <div class="pf-c-content">
1178
1178
  <h1>Main title</h1>
1179
- <p>This is a demo of the page component.</p>
1179
+ <p>This is a full page demo.</p>
1180
1180
  </div>
1181
1181
  </div>
1182
1182
  </section>
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.176.2",
4
+ "version": "4.176.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -12372,6 +12372,7 @@ label.pf-c-check, .pf-c-check__label,
12372
12372
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12373
12373
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12374
12374
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
12375
+ --pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
12375
12376
  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
12376
12377
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
12377
12378
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
@@ -12530,6 +12531,7 @@ label.pf-c-check, .pf-c-check__label,
12530
12531
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12531
12532
  }
12532
12533
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12534
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
12533
12535
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12534
12536
  pointer-events: none;
12535
12537
  }
@@ -12622,14 +12624,14 @@ label.pf-c-check, .pf-c-check__label,
12622
12624
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
12623
12625
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
12624
12626
  }
12625
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12626
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12627
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12628
- }
12629
12627
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
12630
12628
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
12631
12629
  border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
12632
12630
  }
12631
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12632
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12633
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12634
+ }
12633
12635
  .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
12634
12636
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12635
12637
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
@@ -12657,14 +12659,13 @@ label.pf-c-check, .pf-c-check__label,
12657
12659
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12658
12660
  }
12659
12661
  .pf-c-dropdown__toggle.pf-m-primary {
12660
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12661
- }
12662
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12663
12662
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12664
12663
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12665
12664
  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12665
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12666
12666
  }
12667
- .pf-c-dropdown__toggle.pf-m-primary::before {
12667
+ .pf-c-dropdown__toggle.pf-m-primary::before,
12668
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
12668
12669
  border: 0;
12669
12670
  }
12670
12671
  .pf-c-dropdown__toggle.pf-m-primary:hover {
@@ -12676,7 +12677,7 @@ label.pf-c-check, .pf-c-check__label,
12676
12677
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12677
12678
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12678
12679
  }
12679
- .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
12680
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12680
12681
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12681
12682
  }
12682
12683
  .pf-c-dropdown__toggle.pf-m-secondary {
package/patternfly.css CHANGED
@@ -12494,6 +12494,7 @@ label.pf-c-check, .pf-c-check__label,
12494
12494
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12495
12495
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12496
12496
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
12497
+ --pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
12497
12498
  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
12498
12499
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
12499
12500
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
@@ -12652,6 +12653,7 @@ label.pf-c-check, .pf-c-check__label,
12652
12653
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12653
12654
  }
12654
12655
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12656
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
12655
12657
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12656
12658
  pointer-events: none;
12657
12659
  }
@@ -12744,14 +12746,14 @@ label.pf-c-check, .pf-c-check__label,
12744
12746
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
12745
12747
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
12746
12748
  }
12747
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12748
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12749
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12750
- }
12751
12749
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
12752
12750
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
12753
12751
  border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
12754
12752
  }
12753
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12754
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12755
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12756
+ }
12755
12757
  .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
12756
12758
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12757
12759
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
@@ -12779,14 +12781,13 @@ label.pf-c-check, .pf-c-check__label,
12779
12781
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12780
12782
  }
12781
12783
  .pf-c-dropdown__toggle.pf-m-primary {
12782
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12783
- }
12784
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12785
12784
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12786
12785
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12787
12786
  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12787
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12788
12788
  }
12789
- .pf-c-dropdown__toggle.pf-m-primary::before {
12789
+ .pf-c-dropdown__toggle.pf-m-primary::before,
12790
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
12790
12791
  border: 0;
12791
12792
  }
12792
12793
  .pf-c-dropdown__toggle.pf-m-primary:hover {
@@ -12798,7 +12799,7 @@ label.pf-c-check, .pf-c-check__label,
12798
12799
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12799
12800
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12800
12801
  }
12801
- .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
12802
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12802
12803
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12803
12804
  }
12804
12805
  .pf-c-dropdown__toggle.pf-m-secondary {