@patternfly/patternfly 4.208.0 → 4.209.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 (17) hide show
  1. package/base/_base.scss +2 -0
  2. package/base/_common.scss +3 -1
  3. package/base/_fonts.scss +1 -1
  4. package/base/patternfly-common.css +1 -1
  5. package/base/patternfly-variables.css +2 -2
  6. package/components/Button/button.css +4 -0
  7. package/components/Button/themes/dark/button.scss +4 -0
  8. package/components/Table/table-scrollable.css +2 -1
  9. package/components/Table/table-scrollable.scss +2 -1
  10. package/package.json +3 -3
  11. package/patternfly-base-no-reset.css +3 -3
  12. package/patternfly-base.css +3 -3
  13. package/patternfly-no-reset.css +9 -4
  14. package/patternfly.css +9 -4
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/sass-utilities/themes/dark/colors.scss +1 -1
package/base/_base.scss CHANGED
@@ -1,11 +1,13 @@
1
1
  // stylelint-disable no-invalid-position-at-import-rule
2
2
 
3
+ // remove in breaking change
3
4
  @if $pf-global--load-pf-3 {
4
5
  @import url("https://fonts.googleapis.com/css?family=Open+Sans");
5
6
  @import url("https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.37.10/css/patternfly.min.css");
6
7
  @import url("https://cdnjs.cloudflare.com/ajax/libs/patternfly/3.37.10/css/patternfly-additions.min.css");
7
8
  }
8
9
 
10
+ // remove pf3 shield styles in breaking change
9
11
  @import "shield-inheritable";
10
12
  @import "shield-noninheritable";
11
13
 
package/base/_common.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  // Set common reset styles for patternfly components
2
+ // remove in breaking change. this should come from globals, and can be opted out
2
3
  [class*="pf-c-"] {
3
4
  &,
4
5
  &::before,
@@ -9,13 +10,14 @@
9
10
  }
10
11
  }
11
12
 
13
+ // remove in breaking change
12
14
  @if $pf-global--unset-root-font-size {
13
15
  // Since PF3 sets root font size to 10px, we need to unset it.
14
16
  // This doesn't affect PF3.
15
17
  // https://github.com/twbs/bootstrap/blob/v3.4.0/less/scaffolding.less#L23
16
18
  // stylelint-disable
17
19
  html {
18
- font-size: unset !important; // the important is needed because we don't know if pf3 will be loaded after pfnext
20
+ font-size: var(--pf-global--root--FontSize, unset) !important; // the important is needed because we don't know if pf3 will be loaded after pfnext
19
21
  }
20
22
  // stylelint-enable
21
23
  }
package/base/_fonts.scss CHANGED
@@ -153,7 +153,7 @@
153
153
  font-display: fallback;
154
154
  }
155
155
 
156
-
156
+ // remove in breaking change
157
157
  @if $pf-global--enable-font-overpass-cdn {
158
158
  // stylelint-disable no-invalid-position-at-import-rule
159
159
  @import url("https://fonts.googleapis.com/css?family=Overpass|Overpass+Mono");
package/base/patternfly-common.css CHANGED
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  html {
8
- font-size: unset !important;
8
+ font-size: var(--pf-global--root--FontSize, unset) !important;
9
9
  }
10
10
 
11
11
  .pf-screen-reader {
package/base/patternfly-variables.css CHANGED
@@ -274,7 +274,7 @@
274
274
  --pf-global--palette--black-800: #1b1d21;
275
275
  --pf-global--palette--black-900: #0f1214;
276
276
  --pf-global--palette--red-9999: #fe5142;
277
- --pf-global--palette--red-8888: #fe6a5d;
277
+ --pf-global--palette--red-8888: #ff7468;
278
278
  --pf-global--palette--blue-300: #1fa7f8;
279
279
  --pf-global--BackgroundColor--100: #1b1d21;
280
280
  --pf-global--BackgroundColor--150: #212427;
@@ -294,7 +294,7 @@
294
294
  --pf-global--warning-color--100: #f0ab00;
295
295
  --pf-global--warning-color--200: #f4c145;
296
296
  --pf-global--danger-color--100: #fe5142;
297
- --pf-global--danger-color--200: #fe6a5d;
297
+ --pf-global--danger-color--200: #ff7468;
298
298
  --pf-global--link--Color: #1fa7f8;
299
299
  --pf-global--link--Color--hover: #73bcf7;
300
300
  --pf-global--link--Color--visited: #a18fff;
package/components/Button/button.css CHANGED
@@ -506,6 +506,10 @@
506
506
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
507
507
  --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
508
508
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
509
+ --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
510
+ --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
511
+ --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
512
+ --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
509
513
  --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
510
514
  --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
511
515
  --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
package/components/Button/themes/dark/button.scss CHANGED
@@ -12,6 +12,10 @@
12
12
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
13
13
  --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
14
14
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
15
+ --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
16
+ --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
17
+ --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
18
+ --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
15
19
  --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
16
20
  --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
17
21
  --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
package/components/Table/table-scrollable.css CHANGED
@@ -36,11 +36,12 @@
36
36
 
37
37
  .pf-c-scroll-outer-wrapper {
38
38
  --pf-c-scroll-outer-wrapper--MinHeight: 25rem;
39
+ --pf-c-scroll-outer-wrapper--MaxHeight: 100%;
39
40
  display: flex;
40
41
  flex-direction: column;
41
42
  max-width: 100%;
42
43
  min-height: var(--pf-c-scroll-outer-wrapper--MinHeight);
43
- max-height: 100%;
44
+ max-height: var(--pf-c-scroll-outer-wrapper--MaxHeight);
44
45
  overflow: hidden;
45
46
  }
46
47
 
package/components/Table/table-scrollable.scss CHANGED
@@ -43,12 +43,13 @@
43
43
 
44
44
  .pf-c-scroll-outer-wrapper {
45
45
  --pf-c-scroll-outer-wrapper--MinHeight: #{pf-size-prem(400px)};
46
+ --pf-c-scroll-outer-wrapper--MaxHeight: 100%;
46
47
 
47
48
  display: flex;
48
49
  flex-direction: column;
49
50
  max-width: 100%;
50
51
  min-height: var(--pf-c-scroll-outer-wrapper--MinHeight);
51
- max-height: 100%;
52
+ max-height: var(--pf-c-scroll-outer-wrapper--MaxHeight);
52
53
  overflow: hidden;
53
54
  }
54
55
 
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.208.0",
4
+ "version": "4.209.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -35,8 +35,8 @@
35
35
  "@octokit/rest": "^16.40.1",
36
36
  "@patternfly/patternfly-a11y": "4.3.1",
37
37
  "@patternfly/react-charts": "6.84.8",
38
- "@patternfly/react-code-editor": "4.65.1",
39
- "@patternfly/react-table": "4.93.1",
38
+ "@patternfly/react-code-editor": "4.72.8",
39
+ "@patternfly/react-table": "4.100.8",
40
40
  "@starptech/prettyhtml": "^0.10.0",
41
41
  "babel-eslint": "^8.2.3",
42
42
  "cheerio": "^1.0.0-rc.3",
package/patternfly-base-no-reset.css CHANGED
@@ -315,7 +315,7 @@
315
315
  --pf-global--palette--black-800: #1b1d21;
316
316
  --pf-global--palette--black-900: #0f1214;
317
317
  --pf-global--palette--red-9999: #fe5142;
318
- --pf-global--palette--red-8888: #fe6a5d;
318
+ --pf-global--palette--red-8888: #ff7468;
319
319
  --pf-global--palette--blue-300: #1fa7f8;
320
320
  --pf-global--BackgroundColor--100: #1b1d21;
321
321
  --pf-global--BackgroundColor--150: #212427;
@@ -335,7 +335,7 @@
335
335
  --pf-global--warning-color--100: #f0ab00;
336
336
  --pf-global--warning-color--200: #f4c145;
337
337
  --pf-global--danger-color--100: #fe5142;
338
- --pf-global--danger-color--200: #fe6a5d;
338
+ --pf-global--danger-color--200: #ff7468;
339
339
  --pf-global--link--Color: #1fa7f8;
340
340
  --pf-global--link--Color--hover: #73bcf7;
341
341
  --pf-global--link--Color--visited: #a18fff;
@@ -633,7 +633,7 @@
633
633
  }
634
634
 
635
635
  html {
636
- font-size: unset !important;
636
+ font-size: var(--pf-global--root--FontSize, unset) !important;
637
637
  }
638
638
 
639
639
  .pf-screen-reader {
package/patternfly-base.css CHANGED
@@ -315,7 +315,7 @@
315
315
  --pf-global--palette--black-800: #1b1d21;
316
316
  --pf-global--palette--black-900: #0f1214;
317
317
  --pf-global--palette--red-9999: #fe5142;
318
- --pf-global--palette--red-8888: #fe6a5d;
318
+ --pf-global--palette--red-8888: #ff7468;
319
319
  --pf-global--palette--blue-300: #1fa7f8;
320
320
  --pf-global--BackgroundColor--100: #1b1d21;
321
321
  --pf-global--BackgroundColor--150: #212427;
@@ -335,7 +335,7 @@
335
335
  --pf-global--warning-color--100: #f0ab00;
336
336
  --pf-global--warning-color--200: #f4c145;
337
337
  --pf-global--danger-color--100: #fe5142;
338
- --pf-global--danger-color--200: #fe6a5d;
338
+ --pf-global--danger-color--200: #ff7468;
339
339
  --pf-global--link--Color: #1fa7f8;
340
340
  --pf-global--link--Color--hover: #73bcf7;
341
341
  --pf-global--link--Color--visited: #a18fff;
@@ -633,7 +633,7 @@
633
633
  }
634
634
 
635
635
  html {
636
- font-size: unset !important;
636
+ font-size: var(--pf-global--root--FontSize, unset) !important;
637
637
  }
638
638
 
639
639
  .pf-screen-reader {
package/patternfly-no-reset.css CHANGED
@@ -424,7 +424,7 @@
424
424
  --pf-global--palette--black-800: #1b1d21;
425
425
  --pf-global--palette--black-900: #0f1214;
426
426
  --pf-global--palette--red-9999: #fe5142;
427
- --pf-global--palette--red-8888: #fe6a5d;
427
+ --pf-global--palette--red-8888: #ff7468;
428
428
  --pf-global--palette--blue-300: #1fa7f8;
429
429
  --pf-global--BackgroundColor--100: #1b1d21;
430
430
  --pf-global--BackgroundColor--150: #212427;
@@ -444,7 +444,7 @@
444
444
  --pf-global--warning-color--100: #f0ab00;
445
445
  --pf-global--warning-color--200: #f4c145;
446
446
  --pf-global--danger-color--100: #fe5142;
447
- --pf-global--danger-color--200: #fe6a5d;
447
+ --pf-global--danger-color--200: #ff7468;
448
448
  --pf-global--link--Color: #1fa7f8;
449
449
  --pf-global--link--Color--hover: #73bcf7;
450
450
  --pf-global--link--Color--visited: #a18fff;
@@ -742,7 +742,7 @@
742
742
  }
743
743
 
744
744
  html {
745
- font-size: unset !important;
745
+ font-size: var(--pf-global--root--FontSize, unset) !important;
746
746
  }
747
747
 
748
748
  .pf-screen-reader {
@@ -7902,6 +7902,10 @@ button.pf-c-breadcrumb__link {
7902
7902
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
7903
7903
  --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
7904
7904
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
7905
+ --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
7906
+ --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
7907
+ --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
7908
+ --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
7905
7909
  --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
7906
7910
  --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
7907
7911
  --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
@@ -28786,11 +28790,12 @@ svg.pf-c-spinner.pf-m-xl {
28786
28790
 
28787
28791
  .pf-c-scroll-outer-wrapper {
28788
28792
  --pf-c-scroll-outer-wrapper--MinHeight: 25rem;
28793
+ --pf-c-scroll-outer-wrapper--MaxHeight: 100%;
28789
28794
  display: flex;
28790
28795
  flex-direction: column;
28791
28796
  max-width: 100%;
28792
28797
  min-height: var(--pf-c-scroll-outer-wrapper--MinHeight);
28793
- max-height: 100%;
28798
+ max-height: var(--pf-c-scroll-outer-wrapper--MaxHeight);
28794
28799
  overflow: hidden;
28795
28800
  }
28796
28801
 
package/patternfly.css CHANGED
@@ -424,7 +424,7 @@
424
424
  --pf-global--palette--black-800: #1b1d21;
425
425
  --pf-global--palette--black-900: #0f1214;
426
426
  --pf-global--palette--red-9999: #fe5142;
427
- --pf-global--palette--red-8888: #fe6a5d;
427
+ --pf-global--palette--red-8888: #ff7468;
428
428
  --pf-global--palette--blue-300: #1fa7f8;
429
429
  --pf-global--BackgroundColor--100: #1b1d21;
430
430
  --pf-global--BackgroundColor--150: #212427;
@@ -444,7 +444,7 @@
444
444
  --pf-global--warning-color--100: #f0ab00;
445
445
  --pf-global--warning-color--200: #f4c145;
446
446
  --pf-global--danger-color--100: #fe5142;
447
- --pf-global--danger-color--200: #fe6a5d;
447
+ --pf-global--danger-color--200: #ff7468;
448
448
  --pf-global--link--Color: #1fa7f8;
449
449
  --pf-global--link--Color--hover: #73bcf7;
450
450
  --pf-global--link--Color--visited: #a18fff;
@@ -742,7 +742,7 @@
742
742
  }
743
743
 
744
744
  html {
745
- font-size: unset !important;
745
+ font-size: var(--pf-global--root--FontSize, unset) !important;
746
746
  }
747
747
 
748
748
  .pf-screen-reader {
@@ -8029,6 +8029,10 @@ button.pf-c-breadcrumb__link {
8029
8029
  --pf-c-button--m-tertiary--focus--Color: var(--pf-global--palette--black-100);
8030
8030
  --pf-c-button--m-tertiary--active--after--BorderColor: var(--pf-global--BorderColor--100);
8031
8031
  --pf-c-button--m-tertiary--active--Color: var(--pf-global--palette--black-100);
8032
+ --pf-c-button--m-warning--Color: var(--pf-global--palette--black-900);
8033
+ --pf-c-button--m-warning--hover--Color: var(--pf-global--palette--black-900);
8034
+ --pf-c-button--m-warning--focus--Color: var(--pf-global--palette--black-900);
8035
+ --pf-c-button--m-warning--active--Color: var(--pf-global--palette--black-900);
8032
8036
  --pf-c-button--m-warning--hover--BackgroundColor: var(--pf-global--warning-color--200);
8033
8037
  --pf-c-button--m-warning--focus--BackgroundColor: var(--pf-global--warning-color--200);
8034
8038
  --pf-c-button--m-warning--active--BackgroundColor: var(--pf-global--warning-color--200);
@@ -28913,11 +28917,12 @@ svg.pf-c-spinner.pf-m-xl {
28913
28917
 
28914
28918
  .pf-c-scroll-outer-wrapper {
28915
28919
  --pf-c-scroll-outer-wrapper--MinHeight: 25rem;
28920
+ --pf-c-scroll-outer-wrapper--MaxHeight: 100%;
28916
28921
  display: flex;
28917
28922
  flex-direction: column;
28918
28923
  max-width: 100%;
28919
28924
  min-height: var(--pf-c-scroll-outer-wrapper--MinHeight);
28920
- max-height: 100%;
28925
+ max-height: var(--pf-c-scroll-outer-wrapper--MaxHeight);
28921
28926
  overflow: hidden;
28922
28927
  }
28923
28928