@patternfly/react-styles 4.19.4 → 4.20.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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,44 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.20.3 (2021-11-10)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **Menu:** stop passing disableHover to DrilldownMenu DOM ([#6571](https://github.com/patternfly/patternfly-react/issues/6571)) ([63dcf25](https://github.com/patternfly/patternfly-react/commit/63dcf256723848ff3789828fc0a5f86d5009fc87))
12
+
13
+
14
+
15
+
16
+
17
+ ## 4.20.2 (2021-11-10)
18
+
19
+ **Note:** Version bump only for package @patternfly/react-styles
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.20.1 (2021-11-10)
26
+
27
+ **Note:** Version bump only for package @patternfly/react-styles
28
+
29
+
30
+
31
+
32
+
33
+ # 4.20.0 (2021-11-09)
34
+
35
+
36
+ ### Features
37
+
38
+ * **Table:** set default sort direction ([#6544](https://github.com/patternfly/patternfly-react/issues/6544)) ([9ee4942](https://github.com/patternfly/patternfly-react/commit/9ee49428c8e1041721f2a09f8176a5aba3335049))
39
+
40
+
41
+
42
+
43
+
6
44
  ## 4.19.4 (2021-11-09)
7
45
 
8
46
  **Note:** Version bump only for package @patternfly/react-styles
@@ -55,6 +55,10 @@
55
55
  --pf-c-card--m-selectable-raised--m-selected-raised--before--Transition: transform .25s linear;
56
56
  --pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY: calc(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY) * -1);
57
57
  --pf-c-card--m-selectable-raised--m-selected-raised--before--ScaleY: 2;
58
+ --pf-c-card--m-non-selectable-raised--BackgroundColor: var(--pf-global--BackgroundColor--light-200);
59
+ --pf-c-card--m-non-selectable-raised--before--BackgroundColor: var(--pf-global--disabled-color--200);
60
+ --pf-c-card--m-non-selectable-raised--before--ScaleY: 2;
61
+ --pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor: var(--pf-global--disabled-color--200);
58
62
  --pf-c-card--m-compact__body--FontSize: var(--pf-global--FontSize--sm);
59
63
  --pf-c-card--m-compact__footer--FontSize: var(--pf-global--FontSize--sm);
60
64
  --pf-c-card--m-compact--first-child--PaddingTop: var(--pf-global--spacer--md);
@@ -112,10 +116,10 @@
112
116
  content: "";
113
117
  background-color: var(--pf-c-card--m-selectable--m-selected--before--BackgroundColor);
114
118
  }
115
- .pf-c-card.pf-m-hoverable-raised, .pf-c-card.pf-m-selectable-raised {
119
+ .pf-c-card.pf-m-hoverable-raised, .pf-c-card.pf-m-selectable-raised, .pf-c-card.pf-m-non-selectable-raised {
116
120
  position: relative;
117
121
  }
118
- .pf-c-card.pf-m-hoverable-raised::before, .pf-c-card.pf-m-selectable-raised::before {
122
+ .pf-c-card.pf-m-hoverable-raised::before, .pf-c-card.pf-m-selectable-raised::before, .pf-c-card.pf-m-non-selectable-raised::before {
119
123
  position: absolute;
120
124
  right: var(--pf-c-card--m-selectable-raised--before--Right);
121
125
  bottom: var(--pf-c-card--m-selectable-raised--before--Bottom);
@@ -133,12 +137,6 @@
133
137
  }
134
138
  .pf-c-card.pf-m-selectable-raised {
135
139
  cursor: pointer;
136
- /*
137
- &:active {
138
- --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable-raised--active--BoxShadow);
139
- --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--active--before--BackgroundColor);
140
- }
141
- */
142
140
  }
143
141
  .pf-c-card.pf-m-selectable-raised:hover {
144
142
  --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable-raised--hover--BoxShadow);
@@ -148,7 +146,11 @@
148
146
  --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable-raised--focus--BoxShadow);
149
147
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--focus--before--BackgroundColor);
150
148
  }
151
- .pf-c-card.pf-m-selectable-raised.pf-m-selected-raised, .pf-c-card.pf-m-selectable-raised:active {
149
+ .pf-c-card.pf-m-selectable-raised:active {
150
+ --pf-c-card--BoxShadow: var(--pf-c-card--m-selectable-raised--active--BoxShadow);
151
+ --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--active--before--BackgroundColor);
152
+ }
153
+ .pf-c-card.pf-m-selectable-raised.pf-m-selected-raised {
152
154
  --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--BackgroundColor);
153
155
  --pf-c-card--m-selectable-raised--before--Transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--Transition);
154
156
  --pf-c-card--m-selectable-raised--before--TranslateY: var(--pf-c-card--m-selectable-raised--m-selected-raised--before--TranslateY);
@@ -157,6 +159,13 @@
157
159
  transition: var(--pf-c-card--m-selectable-raised--m-selected-raised--Transition);
158
160
  transform: translateY(var(--pf-c-card--m-selectable-raised--m-selected-raised--TranslateY));
159
161
  }
162
+ .pf-c-card.pf-m-non-selectable-raised {
163
+ --pf-c-card--BackgroundColor: var(--pf-c-card--m-non-selectable-raised--BackgroundColor);
164
+ --pf-c-card--BoxShadow: none;
165
+ --pf-c-card--m-flat--BorderColor: var(--pf-c-card--m-flat--m-non-selectable-raised--before--BorderColor);
166
+ --pf-c-card--m-selectable-raised--before--BackgroundColor: var(--pf-c-card--m-non-selectable-raised--before--BackgroundColor);
167
+ --pf-c-card--m-selectable-raised--before--ScaleY: var(--pf-c-card--m-non-selectable-raised--before--ScaleY);
168
+ }
160
169
  .pf-c-card.pf-m-compact {
161
170
  --pf-c-card__body--FontSize: var(--pf-c-card--m-compact__body--FontSize);
162
171
  --pf-c-card__footer--FontSize: var(--pf-c-card--m-compact__footer--FontSize);
@@ -16,6 +16,7 @@ declare const _default: {
16
16
  "selected": "pf-m-selected",
17
17
  "hoverableRaised": "pf-m-hoverable-raised",
18
18
  "selectableRaised": "pf-m-selectable-raised",
19
+ "nonSelectableRaised": "pf-m-non-selectable-raised",
19
20
  "selectedRaised": "pf-m-selected-raised",
20
21
  "compact": "pf-m-compact",
21
22
  "displayLg": "pf-m-display-lg",
@@ -18,6 +18,7 @@ exports.default = {
18
18
  "selected": "pf-m-selected",
19
19
  "hoverableRaised": "pf-m-hoverable-raised",
20
20
  "selectableRaised": "pf-m-selectable-raised",
21
+ "nonSelectableRaised": "pf-m-non-selectable-raised",
21
22
  "selectedRaised": "pf-m-selected-raised",
22
23
  "compact": "pf-m-compact",
23
24
  "displayLg": "pf-m-display-lg",
@@ -1,4 +1,14 @@
1
- .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
1
+ .pf-c-log-viewer__header {
2
+ --pf-global--Color--100: var(--pf-global--Color--dark-100);
3
+ --pf-global--Color--200: var(--pf-global--Color--dark-200);
4
+ --pf-global--BorderColor--100: var(--pf-global--BorderColor--dark-100);
5
+ --pf-global--primary-color--100: var(--pf-global--primary-color--dark-100);
6
+ --pf-global--link--Color: var(--pf-global--link--Color--dark);
7
+ --pf-global--link--Color--hover: var(--pf-global--link--Color--dark--hover);
8
+ --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--light-100);
9
+ }
10
+
11
+ .pf-c-log-viewer.pf-m-dark {
2
12
  --pf-global--Color--100: var(--pf-global--Color--light-100);
3
13
  --pf-global--Color--200: var(--pf-global--Color--light-200);
4
14
  --pf-global--BorderColor--100: var(--pf-global--BorderColor--light-100);
@@ -7,10 +17,10 @@
7
17
  --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
8
18
  --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
9
19
  }
10
- .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-card {
20
+ .pf-c-log-viewer.pf-m-dark .pf-c-card {
11
21
  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
12
22
  }
13
- .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main .pf-c-button {
23
+ .pf-c-log-viewer.pf-m-dark .pf-c-button {
14
24
  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
15
25
  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
16
26
  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
@@ -81,15 +91,8 @@
81
91
  max-height: var(--pf-c-log-viewer--MaxHeight);
82
92
  }
83
93
  .pf-c-log-viewer.pf-m-dark {
84
- --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
85
- }
86
- .pf-c-log-viewer.pf-m-dark .pf-c-log-viewer__main {
87
- --pf-c-log-viewer__main--BackgroundColor: var(--pf-global--BackgroundColor--100);
88
- --pf-c-log-viewer__main--BorderColor: var(--pf-global--BorderColor--100);
89
- --pf-c-log-viewer__text--Color: var(--pf-global--Color--100);
90
- --pf-c-log-viewer__index--Color: var(--pf-global--Color--200);
91
- --pf-c-log-viewer--m-line-numbers__main--before--BackgroundColor: var(--pf-global--BorderColor--100);
92
94
  color: var(--pf-global--Color--100);
95
+ --pf-c-log-viewer__main--BorderWidth: var(--pf-c-log-viewer--m-dark__main--BorderWidth);
93
96
  }
94
97
  .pf-c-log-viewer.pf-m-wrap-text {
95
98
  word-break: break-all;
@@ -122,6 +125,7 @@
122
125
  }
123
126
 
124
127
  .pf-c-log-viewer__header {
128
+ color: var(--pf-global--Color--100);
125
129
  margin-bottom: var(--pf-c-log-viewer__header--MarginBottom);
126
130
  }
127
131
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.19.4",
3
+ "version": "4.20.3",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.155.0",
22
+ "@patternfly/patternfly": "4.156.0",
23
23
  "camel-case": "^3.0.0",
24
24
  "css": "^2.2.3",
25
25
  "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.0.0"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "42855b9d2d9c0d031fdcb7f4bbcb7cf844d3549f"
32
+ "gitHead": "0c1fea3b72c8dfc497db8c846c57741dfef5b248"
33
33
  }