@patternfly/patternfly 4.216.4 → 4.217.1

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 (16) hide show
  1. package/RELEASE-NOTES.md +56 -33
  2. package/components/Button/button.css +11 -1
  3. package/components/Button/button.scss +10 -1
  4. package/components/Spinner/spinner.css +4 -0
  5. package/components/Spinner/spinner.scss +7 -0
  6. package/docs/components/Accordion/examples/Accordion.md +7 -1
  7. package/docs/components/Button/examples/Button.md +26 -6
  8. package/docs/components/Spinner/examples/Spinner.md +23 -6
  9. package/docs/demos/Drawer/examples/Drawer.md +168 -144
  10. package/docs/demos/JumpLinks/examples/JumpLinks.md +168 -144
  11. package/docs/demos/Tabs/examples/Tabs.md +1321 -6220
  12. package/package.json +1 -1
  13. package/patternfly-no-reset.css +15 -1
  14. package/patternfly.css +15 -1
  15. package/patternfly.min.css +1 -1
  16. 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.216.4",
4
+ "version": "4.217.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -7449,6 +7449,12 @@ button.pf-c-breadcrumb__link {
7449
7449
  --pf-c-button--m-link--m-inline--FontSize: inherit;
7450
7450
  --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7451
7451
  --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
7452
+ --pf-c-button--m-link--m-inline--PaddingTop: 0;
7453
+ --pf-c-button--m-link--m-inline--PaddingRight: 0;
7454
+ --pf-c-button--m-link--m-inline--PaddingBottom: 0;
7455
+ --pf-c-button--m-link--m-inline--PaddingLeft: 0;
7456
+ --pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs);
7457
+ --pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm));
7452
7458
  --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
7453
7459
  --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
7454
7460
  --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
@@ -7647,8 +7653,9 @@ button.pf-c-breadcrumb__link {
7647
7653
  }
7648
7654
  .pf-c-button.pf-m-link.pf-m-inline {
7649
7655
  --pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
7656
+ --pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left);
7650
7657
  display: inline;
7651
- padding: 0;
7658
+ padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft);
7652
7659
  text-align: left;
7653
7660
  white-space: normal;
7654
7661
  cursor: pointer;
@@ -7814,6 +7821,9 @@ button.pf-c-breadcrumb__link {
7814
7821
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
7815
7822
  transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
7816
7823
  }
7824
+ .pf-c-button.pf-m-in-progress {
7825
+ --pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
7826
+ }
7817
7827
  .pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
7818
7828
  --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
7819
7829
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
@@ -25792,10 +25802,14 @@ label.pf-c-radio, .pf-c-radio__label,
25792
25802
  --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
25793
25803
  --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
25794
25804
  --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
25805
+ --pf-c-spinner--m-inline--diameter: 1em;
25795
25806
  width: var(--pf-c-spinner--Width);
25796
25807
  height: var(--pf-c-spinner--Height);
25797
25808
  overflow: hidden;
25798
25809
  }
25810
+ .pf-c-spinner.pf-m-inline {
25811
+ --pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);
25812
+ }
25799
25813
  .pf-c-spinner.pf-m-sm {
25800
25814
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
25801
25815
  }
package/patternfly.css CHANGED
@@ -7576,6 +7576,12 @@ button.pf-c-breadcrumb__link {
7576
7576
  --pf-c-button--m-link--m-inline--FontSize: inherit;
7577
7577
  --pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
7578
7578
  --pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
7579
+ --pf-c-button--m-link--m-inline--PaddingTop: 0;
7580
+ --pf-c-button--m-link--m-inline--PaddingRight: 0;
7581
+ --pf-c-button--m-link--m-inline--PaddingBottom: 0;
7582
+ --pf-c-button--m-link--m-inline--PaddingLeft: 0;
7583
+ --pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs);
7584
+ --pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm));
7579
7585
  --pf-c-button--m-link--m-danger--BackgroundColor: transparent;
7580
7586
  --pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
7581
7587
  --pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
@@ -7774,8 +7780,9 @@ button.pf-c-breadcrumb__link {
7774
7780
  }
7775
7781
  .pf-c-button.pf-m-link.pf-m-inline {
7776
7782
  --pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
7783
+ --pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left);
7777
7784
  display: inline;
7778
- padding: 0;
7785
+ padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft);
7779
7786
  text-align: left;
7780
7787
  white-space: normal;
7781
7788
  cursor: pointer;
@@ -7941,6 +7948,9 @@ button.pf-c-breadcrumb__link {
7941
7948
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
7942
7949
  transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
7943
7950
  }
7951
+ .pf-c-button.pf-m-in-progress {
7952
+ --pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
7953
+ }
7944
7954
  .pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
7945
7955
  --pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
7946
7956
  --pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
@@ -25919,10 +25929,14 @@ label.pf-c-radio, .pf-c-radio__label,
25919
25929
  --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
25920
25930
  --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
25921
25931
  --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
25932
+ --pf-c-spinner--m-inline--diameter: 1em;
25922
25933
  width: var(--pf-c-spinner--Width);
25923
25934
  height: var(--pf-c-spinner--Height);
25924
25935
  overflow: hidden;
25925
25936
  }
25937
+ .pf-c-spinner.pf-m-inline {
25938
+ --pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);
25939
+ }
25926
25940
  .pf-c-spinner.pf-m-sm {
25927
25941
  --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
25928
25942
  }