@patternfly/patternfly 4.194.0 → 4.194.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 (14) hide show
  1. package/components/Chip/chip.css +1 -0
  2. package/components/Chip/chip.scss +1 -0
  3. package/components/ChipGroup/chip-group.css +4 -0
  4. package/components/ChipGroup/chip-group.scss +4 -0
  5. package/components/Tooltip/themes/dark/tooltip.scss +10 -0
  6. package/package.json +1 -1
  7. package/patternfly-charts-theme-dark.css +6 -5
  8. package/patternfly-no-reset.css +5 -0
  9. package/patternfly-theme-dark-prefers-color-scheme.css +10 -0
  10. package/patternfly-theme-dark.css +8 -0
  11. package/patternfly.css +5 -0
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
  14. package/themes/dark/_patternfly-charts-theme-dark.scss +6 -6
package/components/Chip/chip.css CHANGED
@@ -39,6 +39,7 @@
39
39
  position: relative;
40
40
  display: inline-flex;
41
41
  align-items: center;
42
+ min-width: 0;
42
43
  padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
43
44
  list-style: none;
44
45
  background-color: var(--pf-c-chip--BackgroundColor);
package/components/Chip/chip.scss CHANGED
@@ -43,6 +43,7 @@
43
43
  position: relative;
44
44
  display: inline-flex;
45
45
  align-items: center;
46
+ min-width: 0;
46
47
  padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
47
48
  list-style: none;
48
49
  background-color: var(--pf-c-chip--BackgroundColor);
package/components/ChipGroup/chip-group.css CHANGED
@@ -40,6 +40,7 @@
40
40
  flex: 1;
41
41
  flex-wrap: wrap;
42
42
  align-items: baseline;
43
+ min-width: 0;
43
44
  }
44
45
 
45
46
  .pf-c-chip-group__list {
@@ -52,10 +53,13 @@
52
53
  display: inline-flex;
53
54
  flex-wrap: wrap;
54
55
  align-items: center;
56
+ min-width: 0;
57
+ max-width: 100%;
55
58
  }
56
59
 
57
60
  .pf-c-chip-group__list-item {
58
61
  display: inline-flex;
62
+ min-width: 0;
59
63
  margin-right: var(--pf-c-chip-group__list-item--MarginRight);
60
64
  margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
61
65
  }
package/components/ChipGroup/chip-group.scss CHANGED
@@ -41,6 +41,7 @@
41
41
  flex: 1;
42
42
  flex-wrap: wrap;
43
43
  align-items: baseline;
44
+ min-width: 0;
44
45
  }
45
46
 
46
47
  .pf-c-chip-group__list {
@@ -53,10 +54,13 @@
53
54
  display: inline-flex;
54
55
  flex-wrap: wrap;
55
56
  align-items: center;
57
+ min-width: 0;
58
+ max-width: 100%;
56
59
  }
57
60
 
58
61
  .pf-c-chip-group__list-item {
59
62
  display: inline-flex;
63
+ min-width: 0;
60
64
  margin-right: var(--pf-c-chip-group__list-item--MarginRight);
61
65
  margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
62
66
  }
package/components/Tooltip/themes/dark/tooltip.scss CHANGED
@@ -3,4 +3,14 @@
3
3
  --pf-c-tooltip--BoxShadow: none;
4
4
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
5
5
  }
6
+
7
+ .pf-c-tooltip,
8
+ .pf-c-tooltip__arrow {
9
+ border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
10
+ }
11
+
12
+ .pf-c-tooltip__arrow {
13
+ --pf-c-tooltip__arrow--Width: #{pf-size-prem(15px)};
14
+ --pf-c-tooltip__arrow--Height: #{pf-size-prem(15px)};
15
+ }
6
16
  }
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.194.0",
4
+ "version": "4.194.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-charts-theme-dark.css CHANGED
@@ -34,6 +34,8 @@
34
34
  --pf-chart-global--subtitle--Fill: var(--pf-global--Color--200);
35
35
  --pf-chart-global--tooltip--Fill: var(--pf-global--Color--100);
36
36
  --pf-chart-global--tooltip--bg--Fill: var(--pf-global--BackgroundColor--300);
37
+ --pf-chart-global--tooltip--BorderWidth: 1;
38
+ --pf-chart-global--tooltip--BorderColor: var(--pf-global--BorderColor--300);
37
39
  --pf-chart-axis--axis--stroke--Color: var(--pf-chart-global--BorderColor);
38
40
  --pf-chart-axis--grid--stroke--Color: var(--pf-chart-global--BorderColor);
39
41
  --pf-chart-axis--tick--stroke--Color: var(--pf-chart-global--BorderColor);
@@ -61,9 +63,8 @@
61
63
  --pf-chart-voronoi--labels--Fill: var(--pf-chart-global--tooltip--Fill);
62
64
  --pf-chart-tooltip--flyoutStyle--Fill: var(--pf-chart-global--tooltip--bg--Fill);
63
65
  --pf-chart-voronoi--flyout--stroke--Fill: var(--pf-chart-global--tooltip--bg--Fill);
64
- --pf-chart-voronoi--flyout--stroke--Color: var(--pf-chart-global--tooltip--bg--Fill);
65
- }
66
-
67
- :where(.pf-theme-dark) .ws-preview {
68
- background: var(--pf-global--BackgroundColor--100);
66
+ --pf-chart-tooltip--flyoutStyle--stroke--Width: var(--pf-chart-global--tooltip--BorderWidth);
67
+ --pf-chart-tooltip--flyoutStyle--stroke--Color: var(--pf-chart-global--tooltip--BorderColor);
68
+ --pf-chart-voronoi--flyout--stroke--Width: var(--pf-chart-global--tooltip--BorderWidth);
69
+ --pf-chart-voronoi--flyout--stroke--Color: var(--pf-chart-global--tooltip--BorderColor);
69
70
  }
package/patternfly-no-reset.css CHANGED
@@ -7994,6 +7994,7 @@ label.pf-c-check, .pf-c-check__label,
7994
7994
  position: relative;
7995
7995
  display: inline-flex;
7996
7996
  align-items: center;
7997
+ min-width: 0;
7997
7998
  padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
7998
7999
  list-style: none;
7999
8000
  background-color: var(--pf-c-chip--BackgroundColor);
@@ -8083,6 +8084,7 @@ label.pf-c-check, .pf-c-check__label,
8083
8084
  flex: 1;
8084
8085
  flex-wrap: wrap;
8085
8086
  align-items: baseline;
8087
+ min-width: 0;
8086
8088
  }
8087
8089
 
8088
8090
  .pf-c-chip-group__list {
@@ -8095,10 +8097,13 @@ label.pf-c-check, .pf-c-check__label,
8095
8097
  display: inline-flex;
8096
8098
  flex-wrap: wrap;
8097
8099
  align-items: center;
8100
+ min-width: 0;
8101
+ max-width: 100%;
8098
8102
  }
8099
8103
 
8100
8104
  .pf-c-chip-group__list-item {
8101
8105
  display: inline-flex;
8106
+ min-width: 0;
8102
8107
  margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8103
8108
  margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8104
8109
  }
package/patternfly-theme-dark-prefers-color-scheme.css CHANGED
@@ -683,6 +683,16 @@
683
683
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
684
684
  }
685
685
 
686
+ .pf-c-tooltip,
687
+ .pf-c-tooltip__arrow {
688
+ border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
689
+ }
690
+
691
+ .pf-c-tooltip__arrow {
692
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
693
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
694
+ }
695
+
686
696
  .pf-c-tree-view {
687
697
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
688
698
  --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
package/patternfly-theme-dark.css CHANGED
@@ -613,6 +613,14 @@
613
613
  --pf-c-tooltip--BoxShadow: none;
614
614
  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--300);
615
615
  }
616
+ :where(.pf-theme-dark) .pf-c-tooltip,
617
+ :where(.pf-theme-dark) .pf-c-tooltip__arrow {
618
+ border: var(--pf-global--BorderWidth--lg) solid var(--pf-global--BorderColor--300);
619
+ }
620
+ :where(.pf-theme-dark) .pf-c-tooltip__arrow {
621
+ --pf-c-tooltip__arrow--Width: 0.9375rem;
622
+ --pf-c-tooltip__arrow--Height: 0.9375rem;
623
+ }
616
624
  :where(.pf-theme-dark) .pf-c-tree-view {
617
625
  --pf-c-tree-view__node--hover--BackgroundColor: var(--pf-global--BackgroundColor--300);
618
626
  --pf-c-tree-view__node--focus--BackgroundColor: var(--pf-global--BackgroundColor--300);
package/patternfly.css CHANGED
@@ -8121,6 +8121,7 @@ label.pf-c-check, .pf-c-check__label,
8121
8121
  position: relative;
8122
8122
  display: inline-flex;
8123
8123
  align-items: center;
8124
+ min-width: 0;
8124
8125
  padding: var(--pf-c-chip--PaddingTop) var(--pf-c-chip--PaddingRight) var(--pf-c-chip--PaddingBottom) var(--pf-c-chip--PaddingLeft);
8125
8126
  list-style: none;
8126
8127
  background-color: var(--pf-c-chip--BackgroundColor);
@@ -8210,6 +8211,7 @@ label.pf-c-check, .pf-c-check__label,
8210
8211
  flex: 1;
8211
8212
  flex-wrap: wrap;
8212
8213
  align-items: baseline;
8214
+ min-width: 0;
8213
8215
  }
8214
8216
 
8215
8217
  .pf-c-chip-group__list {
@@ -8222,10 +8224,13 @@ label.pf-c-check, .pf-c-check__label,
8222
8224
  display: inline-flex;
8223
8225
  flex-wrap: wrap;
8224
8226
  align-items: center;
8227
+ min-width: 0;
8228
+ max-width: 100%;
8225
8229
  }
8226
8230
 
8227
8231
  .pf-c-chip-group__list-item {
8228
8232
  display: inline-flex;
8233
+ min-width: 0;
8229
8234
  margin-right: var(--pf-c-chip-group__list-item--MarginRight);
8230
8235
  margin-bottom: var(--pf-c-chip-group__list-item--MarginBottom);
8231
8236
  }