@patternfly/react-styles 4.48.8 → 4.48.11

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 (7) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/css/components/Select/select.css +3 -2
  3. package/css/components/Topology/topology-components.css +23 -1
  4. package/css/components/Topology/topology-components.d.ts +2 -2
  5. package/css/components/Topology/topology-components.js +2 -2
  6. package/package.json +3 -3
  7. package/src/css/components/Topology/topology-components.css +23 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,30 @@
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.48.11 (2022-03-02)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.48.10 (2022-03-02)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-styles
17
+
18
+
19
+
20
+
21
+
22
+ ## 4.48.9 (2022-03-01)
23
+
24
+ **Note:** Version bump only for package @patternfly/react-styles
25
+
26
+
27
+
28
+
29
+
6
30
  ## 4.48.8 (2022-02-24)
7
31
 
8
32
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Select/select.css CHANGED
@@ -23,7 +23,7 @@
23
23
  --pf-c-select__toggle--before--BorderRightWidth: var(--pf-global--BorderWidth--sm);
24
24
  --pf-c-select__toggle--before--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
25
25
  --pf-c-select__toggle--before--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
26
- --pf-c-select__toggle--before--BorderWidth: var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth);
26
+ --pf-c-select__toggle--before--BorderWidth: initial;
27
27
  --pf-c-select__toggle--before--BorderTopColor: var(--pf-global--BorderColor--300);
28
28
  --pf-c-select__toggle--before--BorderRightColor: var(--pf-global--BorderColor--300);
29
29
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-global--BorderColor--200);
@@ -234,6 +234,7 @@
234
234
  border: 0;
235
235
  }
236
236
  .pf-c-select__toggle::before {
237
+ --pf-c-select__toggle--before--BorderWidth-base: var(--pf-c-select__toggle--before--BorderTopWidth) var(--pf-c-select__toggle--before--BorderRightWidth) var(--pf-c-select__toggle--before--BorderBottomWidth) var(--pf-c-select__toggle--before--BorderLeftWidth);
237
238
  position: absolute;
238
239
  top: 0;
239
240
  right: 0;
@@ -242,7 +243,7 @@
242
243
  content: "";
243
244
  border-color: var(--pf-c-select__toggle--before--BorderTopColor) var(--pf-c-select__toggle--before--BorderRightColor) var(--pf-c-select__toggle--before--BorderBottomColor) var(--pf-c-select__toggle--before--BorderLeftColor);
244
245
  border-style: solid;
245
- border-width: var(--pf-c-select__toggle--before--BorderWidth);
246
+ border-width: var(--pf-c-select__toggle--before--BorderWidth, var(--pf-c-select__toggle--before--BorderWidth-base));
246
247
  }
247
248
  .pf-c-select__toggle:hover {
248
249
  --pf-c-select__toggle--before--BorderBottomColor: var(--pf-c-select__toggle--hover--before--BorderBottomColor);
package/css/components/Topology/topology-components.css CHANGED
@@ -110,6 +110,26 @@
110
110
  fill: var(--pf-global--BackgroundColor--200);
111
111
  }
112
112
 
113
+ .pf-topology__node__background.pf-m-info {
114
+ fill: var(--pf-global--primary-color--light-100);
115
+ }
116
+
117
+ .pf-topology__node__background.pf-m-success {
118
+ fill: var(--pf-global--success-color--100);
119
+ }
120
+
121
+ .pf-topology__node__background.pf-m-warning {
122
+ fill: var(--pf-global--warning-color--100);
123
+ }
124
+
125
+ .pf-topology__node__background.pf-m-danger {
126
+ fill: var(--pf-global--danger-color--100);
127
+ }
128
+
129
+ .pf-topology__node__background.pf-m-selected {
130
+ fill: var(--pf-global--active-color--100);
131
+ }
132
+
113
133
  .pf-topology__node.pf-m-dragging .pf-topology__node__background {
114
134
  cursor: grab;
115
135
  }
@@ -146,6 +166,8 @@
146
166
 
147
167
  .pf-topology__node__decorator__bg {
148
168
  fill: var(--pf-global--BackgroundColor--light-100);
169
+ stroke: var(--pf-global--palette--black-300);
170
+ stroke-width: 1px;
149
171
  }
150
172
 
151
173
  .pf-topology__node__decorator__icon {
@@ -269,7 +291,7 @@
269
291
  }
270
292
 
271
293
  .pf-topology__group__background {
272
- fill: var(--pf-global--BackgroundColor--200);
294
+ fill: var(--pf-global--BackgroundColor--light-300);
273
295
  stroke: var(--pf-global--palette--white);
274
296
  stroke-width: 5px;
275
297
  }
package/css/components/Topology/topology-components.d.ts CHANGED
@@ -4,12 +4,12 @@ declare const _default: {
4
4
  "altConnectorArrow": "pf-m-alt-connector-arrow",
5
5
  "source": "pf-m-source",
6
6
  "disabled": "pf-m-disabled",
7
- "dragging": "pf-m-dragging",
8
- "selected": "pf-m-selected",
9
7
  "info": "pf-m-info",
10
8
  "success": "pf-m-success",
11
9
  "warning": "pf-m-warning",
12
10
  "danger": "pf-m-danger",
11
+ "selected": "pf-m-selected",
12
+ "dragging": "pf-m-dragging",
13
13
  "dropTarget": "pf-m-drop-target",
14
14
  "secondary": "pf-m-secondary",
15
15
  "altGroup": "pf-m-alt-group",
package/css/components/Topology/topology-components.js CHANGED
@@ -6,12 +6,12 @@ exports.default = {
6
6
  "altConnectorArrow": "pf-m-alt-connector-arrow",
7
7
  "source": "pf-m-source",
8
8
  "disabled": "pf-m-disabled",
9
- "dragging": "pf-m-dragging",
10
- "selected": "pf-m-selected",
11
9
  "info": "pf-m-info",
12
10
  "success": "pf-m-success",
13
11
  "warning": "pf-m-warning",
14
12
  "danger": "pf-m-danger",
13
+ "selected": "pf-m-selected",
14
+ "dragging": "pf-m-dragging",
15
15
  "dropTarget": "pf-m-drop-target",
16
16
  "secondary": "pf-m-secondary",
17
17
  "altGroup": "pf-m-alt-group",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.48.8",
3
+ "version": "4.48.11",
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.179.1",
22
+ "@patternfly/patternfly": "4.179.3",
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": "65be4d3b6ceb42101a09604672d852374167f557"
32
+ "gitHead": "ec9f6804157ea17da2e5bc77cee14428867f878f"
33
33
  }
package/src/css/components/Topology/topology-components.css CHANGED
@@ -110,6 +110,26 @@
110
110
  fill: var(--pf-global--BackgroundColor--200);
111
111
  }
112
112
 
113
+ .pf-topology__node__background.pf-m-info {
114
+ fill: var(--pf-global--primary-color--light-100);
115
+ }
116
+
117
+ .pf-topology__node__background.pf-m-success {
118
+ fill: var(--pf-global--success-color--100);
119
+ }
120
+
121
+ .pf-topology__node__background.pf-m-warning {
122
+ fill: var(--pf-global--warning-color--100);
123
+ }
124
+
125
+ .pf-topology__node__background.pf-m-danger {
126
+ fill: var(--pf-global--danger-color--100);
127
+ }
128
+
129
+ .pf-topology__node__background.pf-m-selected {
130
+ fill: var(--pf-global--active-color--100);
131
+ }
132
+
113
133
  .pf-topology__node.pf-m-dragging .pf-topology__node__background {
114
134
  cursor: grab;
115
135
  }
@@ -146,6 +166,8 @@
146
166
 
147
167
  .pf-topology__node__decorator__bg {
148
168
  fill: var(--pf-global--BackgroundColor--light-100);
169
+ stroke: var(--pf-global--palette--black-300);
170
+ stroke-width: 1px;
149
171
  }
150
172
 
151
173
  .pf-topology__node__decorator__icon {
@@ -269,7 +291,7 @@
269
291
  }
270
292
 
271
293
  .pf-topology__group__background {
272
- fill: var(--pf-global--BackgroundColor--200);
294
+ fill: var(--pf-global--BackgroundColor--light-300);
273
295
  stroke: var(--pf-global--palette--white);
274
296
  stroke-width: 5px;
275
297
  }