@patternfly/react-styles 4.86.4 → 4.86.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/css/components/Topology/topology-pipelines.css +187 -9
  3. package/css/components/Topology/topology-pipelines.d.ts +3 -0
  4. package/css/components/Topology/topology-pipelines.js +3 -0
  5. package/css/components/Topology/topology-pipelines.mjs +3 -0
  6. package/package.json +2 -2
  7. package/src/css/components/Topology/topology-pipelines.css +187 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,36 @@
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.86.7 (2022-09-07)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.86.6 (2022-09-06)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **Page:** avoid unnecessary re-renders ([#7940](https://github.com/patternfly/patternfly-react/issues/7940)) ([3e23142](https://github.com/patternfly/patternfly-react/commit/3e23142c489ae5b77357345dbbeaa63cc175ea05))
20
+
21
+
22
+
23
+
24
+
25
+ ## 4.86.5 (2022-09-02)
26
+
27
+
28
+ ### Bug Fixes
29
+
30
+ * **MenuToggle:** Fixed props not displaying in docs ([#7919](https://github.com/patternfly/patternfly-react/issues/7919)) ([8ca73e4](https://github.com/patternfly/patternfly-react/commit/8ca73e4dae9542646aff846511033bb7ae4fb2ef))
31
+
32
+
33
+
34
+
35
+
6
36
  ## 4.86.4 (2022-09-02)
7
37
 
8
38
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Topology/topology-pipelines.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --pf-topology-pipelines__pill-background--m-danger--Fill: var(--pf-global--danger-color--100);
13
13
  --pf-topology-pipelines__pill-background--m-success--Fill: var(--pf-global--success-color--100);
14
14
  --pf-topology-pipelines__pill-background--m-warning--Fill: var(--pf-global--warning-color--100);
15
+ --pf-topology-pipelines__pill-background--m-skipped--Fill: var(--pf-global--secondary-color--100);
15
16
  --pf-topology-pipelines__pill-background--m-in-progress--Fill: var(--pf-global--info-color--100);
16
17
  --pf-topology-pipelines__pill-background--m-pending--Fill: var(--pf-global--BackgroundColor--100);
17
18
  --pf-topology-pipelines__pill-background--m-running--Fill: var(--pf-global--BackgroundColor--100);
@@ -20,6 +21,7 @@
20
21
  --pf-topology-pipelines__pill-background--m-danger--Stroke: var(--pf-global--danger-color--100);
21
22
  --pf-topology-pipelines__pill-background--m-success--Stroke: var(--pf-global--success-color--100);
22
23
  --pf-topology-pipelines__pill-background--m-warning--Stroke: var(--pf-global--warning-color--100);
24
+ --pf-topology-pipelines__pill-background--m-skipped--Stroke: var(--pf-global--BorderColor--100);
23
25
  --pf-topology-pipelines__pill-background--m-in-progress--Stroke: var(--pf-global--info-color--100);
24
26
  --pf-topology-pipelines__pill-background--m-pending--Stroke: var(--pf-global--BorderColor--100);
25
27
  --pf-topology-pipelines__pill-background--m-running--Stroke: var(--pf-global--BorderColor--100);
@@ -34,10 +36,11 @@
34
36
  --pf-topology-pipelines__pill-background--m-selected--m-danger--Fill: var(--pf-global--Color--light-100);
35
37
  --pf-topology-pipelines__pill-background--m-selected--m-success--Fill: var(--pf-global--Color--light-100);
36
38
  --pf-topology-pipelines__pill-background--m-selected--m-warning--Fill: var(--pf-global--Color--100);
39
+ --pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill: var(--pf-global--secondary-color--100);
37
40
  --pf-topology-pipelines__pill-background--m-selected--m-in-progress--Fill: var(--pf-global--Color--light-100);
38
- --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-global--active-color--100);
39
- --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-global--active-color--100);
40
- --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-global--active-color--100);
41
+ --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-global--BorderColor--100);
42
+ --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-global--BorderColor--100);
43
+ --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-global--BorderColor--100);
41
44
 
42
45
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill--Color);
43
46
 
@@ -45,16 +48,18 @@
45
48
  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--Color--light-100);
46
49
  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--Color--light-100);
47
50
  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--Color--100);
51
+ --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--Color--light-100);
48
52
  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--Color--light-100);
49
- --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--Color--light-100);
50
- --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--Color--light-100);
51
- --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--Color--light-100);
53
+ --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--palette--black-1000);
54
+ --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--palette--black-1000);
55
+ --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--palette--black-1000);
52
56
 
53
57
  /* pill status icon */
54
58
  --pf-topology-pipelines__pill-status--color: var(--pf-global--BorderColor--100);
55
59
  --pf-topology-pipelines__pill-status--m-danger--color: var(--pf-global--danger-color--100);
56
60
  --pf-topology-pipelines__pill-status--m-success--color: var(--pf-global--success-color--100);
57
61
  --pf-topology-pipelines__pill-status--m-warning--color: var(--pf-global--warning-color--100);
62
+ --pf-topology-pipelines__pill-status--m-skipped--color: var(--pf-global--secondary-color--100);
58
63
  --pf-topology-pipelines__pill-status--m-in-progress--color: var(--pf-global--info-color--100);
59
64
  --pf-topology-pipelines__pill-status--m-pending--color: var(--pf-global--Color--100);
60
65
  --pf-topology-pipelines__pill-status--m-running--color: var(--pf-global--Color--100);
@@ -65,14 +70,38 @@
65
70
  --pf-topology-pipelines__pill-status--m-selected--m-danger--color: var(--pf-global--Color--light-100);
66
71
  --pf-topology-pipelines__pill-status--m-selected--m-success--color: var(--pf-global--Color--light-100);
67
72
  --pf-topology-pipelines__pill-status--m-selected--m-warning--color: var(--pf-global--Color--light-100);
73
+ --pf-topology-pipelines__pill-status--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
68
74
  --pf-topology-pipelines__pill-status--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
69
- --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-global--Color--light-100);
70
- --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--Color--light-100);
71
- --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--Color--light-100);
75
+ --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-global--palette--black-1000);
76
+ --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--palette--black-1000);
77
+ --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--palette--black-1000);
72
78
 
73
79
  --pf-topology-pipelines__pill-badge--fill: var(--pf-global--palette--black-200);
74
80
  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-global--palette--black-1000);
75
81
 
82
+ /* status icon, (hidden details) */
83
+ --pf-topology-pipelines__status-icon--color: var(--pf-global--BorderColor--100);
84
+ --pf-topology-pipelines__status-icon--fill: var(--pf-global--Color--light-100);
85
+ --pf-topology-pipelines__status-icon--m-danger--color: var(--pf-global--danger-color--100);
86
+ --pf-topology-pipelines__status-icon--m-success--color: var(--pf-global--success-color--100);
87
+ --pf-topology-pipelines__status-icon--m-warning--color: var(--pf-global--warning-color--100);
88
+ --pf-topology-pipelines__status-icon--m-skipped--color: var(--pf-global--secondary-color--100);
89
+ --pf-topology-pipelines__status-icon--m-in-progress--color: var(--pf-global--info-color--100);
90
+ --pf-topology-pipelines__status-icon--m-pending--color: var(--pf-global--Color--100);
91
+ --pf-topology-pipelines__status-icon--m-running--color: var(--pf-global--Color--100);
92
+ --pf-topology-pipelines__status-icon--m-idle--color: var(--pf-global--Color--100);
93
+
94
+ --pf-topology-pipelines__status-icon--m-selected--color: var(--pf-global--active-color--100);
95
+ --pf-topology-pipelines__status-icon--m-selected--m-danger--color: var(--pf-global--Color--light-100);
96
+ --pf-topology-pipelines__status-icon--m-selected--m-success--color: var(--pf-global--Color--light-100);
97
+ --pf-topology-pipelines__status-icon--m-selected--m-warning--color: var(--pf-global--Color--light-100);
98
+ --pf-topology-pipelines__status-icon--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
99
+ --pf-topology-pipelines__status-icon--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
100
+ --pf-topology-pipelines__status-icon--m-selected--m-pending--color: var(--pf-global--Color--light-100);
101
+ --pf-topology-pipelines__status-icon--m-selected--m-running--color: var(--pf-global--Color--light-100);
102
+ --pf-topology-pipelines__status-icon--m-selected--m-idle--color: var(--pf-global--Color--light-100);
103
+
104
+
76
105
  /* when expression */
77
106
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-global--BorderColor--200);
78
107
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-global--BorderColor--200);
@@ -82,6 +111,7 @@
82
111
  --pf-topology-pipelines__when-expression--m-danger--color: var(--pf-global--danger-color--100);
83
112
  --pf-topology-pipelines__when-expression--m-success--color: var(--pf-global--success-color--100);
84
113
  --pf-topology-pipelines__when-expression--m-warning--color: var(--pf-global--BorderColor--200);
114
+ --pf-topology-pipelines__when-expression--m-skipped--color: var(--pf-global--secondary-color--100);
85
115
  --pf-topology-pipelines__when-expression--m-in-progress--color: var(--pf-global--info-color--100);
86
116
 
87
117
  /* selected when expression */
@@ -105,6 +135,7 @@
105
135
  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--palette--black-900);
106
136
  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--palette--black-900);
107
137
  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--palette--black-900);
138
+ --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--BackgroundColor--150);
108
139
  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--palette--black-900);
109
140
  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--Color--100);
110
141
  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--Color--100);
@@ -137,6 +168,10 @@
137
168
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
138
169
  }
139
170
 
171
+ .pf-topology-pipelines__pill.pf-m-skipped .pf-topology-pipelines__pill-background {
172
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Fill);
173
+ }
174
+
140
175
  .pf-topology-pipelines__pill.pf-m-in-progress .pf-topology-pipelines__pill-background {
141
176
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
142
177
  }
@@ -173,6 +208,11 @@
173
208
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
174
209
  }
175
210
 
211
+ .pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-background {
212
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill);
213
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
214
+ }
215
+
176
216
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-background {
177
217
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
178
218
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
@@ -202,6 +242,10 @@
202
242
  .pf-topology-pipelines__pill.pf-m-hover.pf-m-warning .pf-topology-pipelines__pill-background {
203
243
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
204
244
  }
245
+ .pf-topology-pipelines__pill.pf-m-hover.pf-m-skipped .pf-topology-pipelines__pill-background {
246
+ --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
247
+ }
248
+
205
249
  .pf-topology-pipelines__pill.pf-m-hover.pf-m-in-progress .pf-topology-pipelines__pill-background {
206
250
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
207
251
  }
@@ -229,6 +273,10 @@
229
273
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
230
274
  }
231
275
 
276
+ .pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-text {
277
+ --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
278
+ }
279
+
232
280
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-text {
233
281
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
234
282
  }
@@ -263,6 +311,9 @@
263
311
  .pf-topology-pipelines__pill-status.pf-m-warning {
264
312
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-warning--color);
265
313
  }
314
+ .pf-topology-pipelines__pill-status.pf-m-skipped {
315
+ --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-skipped--color);
316
+ }
266
317
  .pf-topology-pipelines__pill-status.pf-m-in-progress {
267
318
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-in-progress--color);
268
319
  }
@@ -285,6 +336,9 @@
285
336
  .pf-topology-pipelines__pill-status.pf-m-selected.pf-m-warning {
286
337
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-warning--color);
287
338
  }
339
+ .pf-topology-pipelines__pill-status.pf-m-selected.pf-m-skipped {
340
+ --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-skipped--color);
341
+ }
288
342
  .pf-topology-pipelines__pill-status.pf-m-selected.pf-m-in-progress {
289
343
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-in-progress--color);
290
344
  }
@@ -338,6 +392,9 @@
338
392
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology__node__action-icon__icon {
339
393
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
340
394
  }
395
+ .pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology__node__action-icon__icon {
396
+ --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
397
+ }
341
398
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology__node__action-icon__icon {
342
399
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
343
400
  }
@@ -366,6 +423,10 @@
366
423
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-warning--color);
367
424
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-warning--color);
368
425
  }
426
+ .pf-topology-pipelines__when-expression-background.pf-m-skipped {
427
+ --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-skipped--color);
428
+ --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-skipped--color);
429
+ }
369
430
  .pf-topology-pipelines__when-expression-background.pf-m-in-progress {
370
431
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
371
432
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
@@ -374,3 +435,120 @@
374
435
  .pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-edge {
375
436
  stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
376
437
  }
438
+
439
+ .pf-topology-pipelines__status-icon {
440
+ color: var(--pf-topology-pipelines__status-icon--color);
441
+ }
442
+ .pf-topology-pipelines__status-icon.pf-m-selected {
443
+ fill: var(--pf-topology-pipelines__status-icon--fill);
444
+ }
445
+ .pf-topology-pipelines__status-icon.pf-m-selected {
446
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--color);
447
+ }
448
+ .pf-topology-pipelines__status-icon.pf-m-danger {
449
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-danger--color);
450
+ }
451
+ .pf-topology-pipelines__status-icon.pf-m-success {
452
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-success--color);
453
+ }
454
+ .pf-topology-pipelines__status-icon.pf-m-warning {
455
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-warning--color);
456
+ }
457
+ .pf-topology-pipelines__status-icon.pf-m-skipped {
458
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-skipped--color);
459
+ }
460
+ .pf-topology-pipelines__status-icon.pf-m-in-progress {
461
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-in-progress--color);
462
+ }
463
+ .pf-topology-pipelines__status-icon.pf-m-pending {
464
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-pending--color);
465
+ }
466
+ .pf-topology-pipelines__status-icon.pf-m-running {
467
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-running--color);
468
+ }
469
+ .pf-topology-pipelines__status-icon.pf-m-idle {
470
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-idle--color);
471
+ }
472
+
473
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-danger {
474
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-danger--color);
475
+ }
476
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-success {
477
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-success--color);
478
+ }
479
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-warning {
480
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-warning--color);
481
+ }
482
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-skipped {
483
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-skipped--color);
484
+ }
485
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-in-progress {
486
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-in-progress--color);
487
+ }
488
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-pending {
489
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-pending--color);
490
+ }
491
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-running {
492
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-running--color);
493
+ }
494
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-idle {
495
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-idle--color);
496
+ }
497
+
498
+ .pf-topology-pipelines__status-icon-background {
499
+ fill: var(--pf-topology-pipelines__pill-background--Fill);
500
+ stroke: var(--pf-topology-pipelines__pill-background--Stroke);
501
+ }
502
+
503
+ .pf-topology-pipelines__status-icon-background.pf-m-danger {
504
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
505
+ }
506
+ .pf-topology-pipelines__status-icon-background.pf-m-success {
507
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
508
+ }
509
+ .pf-topology-pipelines__status-icon-background.pf-m-warning {
510
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
511
+ }
512
+ .pf-topology-pipelines__status-icon-background.pf-m-skipped {
513
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
514
+ }
515
+ .pf-topology-pipelines__status-icon-background.pf-m-in-progress {
516
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
517
+ }
518
+ .pf-topology-pipelines__status-icon-background.pf-m-pending {
519
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
520
+ }
521
+ .pf-topology-pipelines__status-icon-background.pf-m-running {
522
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
523
+ }
524
+ .pf-topology-pipelines__status-icon-background.pf-m-idle {
525
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
526
+ }
527
+
528
+ .pf-topology-pipelines__status-icon-background.pf-m-selected {
529
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__status-icon--m-selected--color);
530
+ }
531
+ .pf-topology-pipelines__status-icon-background.pf-m-danger.pf-m-selected {
532
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
533
+ }
534
+ .pf-topology-pipelines__status-icon-background.pf-m-success.pf-m-selected {
535
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
536
+ }
537
+ .pf-topology-pipelines__status-icon-background.pf-m-warning.pf-m-selected {
538
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
539
+ }
540
+ .pf-topology-pipelines__status-icon-background.pf-m-skipped.pf-m-selected {
541
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
542
+ }
543
+ .pf-topology-pipelines__status-icon-background.pf-m-in-progress.pf-m-selected {
544
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
545
+ }
546
+ .pf-topology-pipelines__status-icon-background.pf-m-pending.pf-m-selected {
547
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
548
+ }
549
+ .pf-topology-pipelines__status-icon-background.pf-m-running.pf-m-selected {
550
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
551
+ }
552
+ .pf-topology-pipelines__status-icon-background.pf-m-idle.pf-m-selected {
553
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
554
+ }
package/css/components/Topology/topology-pipelines.d.ts CHANGED
@@ -4,6 +4,7 @@ declare const _default: {
4
4
  "danger": "pf-m-danger",
5
5
  "success": "pf-m-success",
6
6
  "warning": "pf-m-warning",
7
+ "skipped": "pf-m-skipped",
7
8
  "inProgress": "pf-m-in-progress",
8
9
  "running": "pf-m-running",
9
10
  "idle": "pf-m-idle",
@@ -21,6 +22,8 @@ declare const _default: {
21
22
  "topologyPipelinesPillBadge": "pf-topology-pipelines__pill-badge",
22
23
  "topologyPipelinesPillStatus": "pf-topology-pipelines__pill-status",
23
24
  "topologyPipelinesPillText": "pf-topology-pipelines__pill-text",
25
+ "topologyPipelinesStatusIcon": "pf-topology-pipelines__status-icon",
26
+ "topologyPipelinesStatusIconBackground": "pf-topology-pipelines__status-icon-background",
24
27
  "topologyPipelinesWhenExpressionBackground": "pf-topology-pipelines__when-expression-background",
25
28
  "topologyPipelinesWhenExpressionEdge": "pf-topology-pipelines__when-expression-edge"
26
29
  };
package/css/components/Topology/topology-pipelines.js CHANGED
@@ -6,6 +6,7 @@ exports.default = {
6
6
  "danger": "pf-m-danger",
7
7
  "success": "pf-m-success",
8
8
  "warning": "pf-m-warning",
9
+ "skipped": "pf-m-skipped",
9
10
  "inProgress": "pf-m-in-progress",
10
11
  "running": "pf-m-running",
11
12
  "idle": "pf-m-idle",
@@ -23,6 +24,8 @@ exports.default = {
23
24
  "topologyPipelinesPillBadge": "pf-topology-pipelines__pill-badge",
24
25
  "topologyPipelinesPillStatus": "pf-topology-pipelines__pill-status",
25
26
  "topologyPipelinesPillText": "pf-topology-pipelines__pill-text",
27
+ "topologyPipelinesStatusIcon": "pf-topology-pipelines__status-icon",
28
+ "topologyPipelinesStatusIconBackground": "pf-topology-pipelines__status-icon-background",
26
29
  "topologyPipelinesWhenExpressionBackground": "pf-topology-pipelines__when-expression-background",
27
30
  "topologyPipelinesWhenExpressionEdge": "pf-topology-pipelines__when-expression-edge"
28
31
  };
package/css/components/Topology/topology-pipelines.mjs CHANGED
@@ -4,6 +4,7 @@ export default {
4
4
  "danger": "pf-m-danger",
5
5
  "success": "pf-m-success",
6
6
  "warning": "pf-m-warning",
7
+ "skipped": "pf-m-skipped",
7
8
  "inProgress": "pf-m-in-progress",
8
9
  "running": "pf-m-running",
9
10
  "idle": "pf-m-idle",
@@ -21,6 +22,8 @@ export default {
21
22
  "topologyPipelinesPillBadge": "pf-topology-pipelines__pill-badge",
22
23
  "topologyPipelinesPillStatus": "pf-topology-pipelines__pill-status",
23
24
  "topologyPipelinesPillText": "pf-topology-pipelines__pill-text",
25
+ "topologyPipelinesStatusIcon": "pf-topology-pipelines__status-icon",
26
+ "topologyPipelinesStatusIconBackground": "pf-topology-pipelines__status-icon-background",
24
27
  "topologyPipelinesWhenExpressionBackground": "pf-topology-pipelines__when-expression-background",
25
28
  "topologyPipelinesWhenExpressionEdge": "pf-topology-pipelines__when-expression-edge"
26
29
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.86.4",
3
+ "version": "4.86.7",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -29,5 +29,5 @@
29
29
  "typescript": "^4.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "c1df72da34f893c6edb6d68d7bf2083bb2d7037c"
32
+ "gitHead": "9146bf58545f6e745af4b8ba31a22e1da35b077e"
33
33
  }
package/src/css/components/Topology/topology-pipelines.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --pf-topology-pipelines__pill-background--m-danger--Fill: var(--pf-global--danger-color--100);
13
13
  --pf-topology-pipelines__pill-background--m-success--Fill: var(--pf-global--success-color--100);
14
14
  --pf-topology-pipelines__pill-background--m-warning--Fill: var(--pf-global--warning-color--100);
15
+ --pf-topology-pipelines__pill-background--m-skipped--Fill: var(--pf-global--secondary-color--100);
15
16
  --pf-topology-pipelines__pill-background--m-in-progress--Fill: var(--pf-global--info-color--100);
16
17
  --pf-topology-pipelines__pill-background--m-pending--Fill: var(--pf-global--BackgroundColor--100);
17
18
  --pf-topology-pipelines__pill-background--m-running--Fill: var(--pf-global--BackgroundColor--100);
@@ -20,6 +21,7 @@
20
21
  --pf-topology-pipelines__pill-background--m-danger--Stroke: var(--pf-global--danger-color--100);
21
22
  --pf-topology-pipelines__pill-background--m-success--Stroke: var(--pf-global--success-color--100);
22
23
  --pf-topology-pipelines__pill-background--m-warning--Stroke: var(--pf-global--warning-color--100);
24
+ --pf-topology-pipelines__pill-background--m-skipped--Stroke: var(--pf-global--BorderColor--100);
23
25
  --pf-topology-pipelines__pill-background--m-in-progress--Stroke: var(--pf-global--info-color--100);
24
26
  --pf-topology-pipelines__pill-background--m-pending--Stroke: var(--pf-global--BorderColor--100);
25
27
  --pf-topology-pipelines__pill-background--m-running--Stroke: var(--pf-global--BorderColor--100);
@@ -34,10 +36,11 @@
34
36
  --pf-topology-pipelines__pill-background--m-selected--m-danger--Fill: var(--pf-global--Color--light-100);
35
37
  --pf-topology-pipelines__pill-background--m-selected--m-success--Fill: var(--pf-global--Color--light-100);
36
38
  --pf-topology-pipelines__pill-background--m-selected--m-warning--Fill: var(--pf-global--Color--100);
39
+ --pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill: var(--pf-global--secondary-color--100);
37
40
  --pf-topology-pipelines__pill-background--m-selected--m-in-progress--Fill: var(--pf-global--Color--light-100);
38
- --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-global--active-color--100);
39
- --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-global--active-color--100);
40
- --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-global--active-color--100);
41
+ --pf-topology-pipelines__pill-background--m-selected--m-pending--Fill: var(--pf-global--BorderColor--100);
42
+ --pf-topology-pipelines__pill-background--m-selected--m-running--Fill: var(--pf-global--BorderColor--100);
43
+ --pf-topology-pipelines__pill-background--m-selected--m-idle--Fill: var(--pf-global--BorderColor--100);
41
44
 
42
45
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill--Color);
43
46
 
@@ -45,16 +48,18 @@
45
48
  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--Color--light-100);
46
49
  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--Color--light-100);
47
50
  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--Color--100);
51
+ --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--Color--light-100);
48
52
  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--Color--light-100);
49
- --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--Color--light-100);
50
- --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--Color--light-100);
51
- --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--Color--light-100);
53
+ --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--palette--black-1000);
54
+ --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--palette--black-1000);
55
+ --pf-topology-pipelines__pill-text--m-selected--m-idle--Color: var(--pf-global--palette--black-1000);
52
56
 
53
57
  /* pill status icon */
54
58
  --pf-topology-pipelines__pill-status--color: var(--pf-global--BorderColor--100);
55
59
  --pf-topology-pipelines__pill-status--m-danger--color: var(--pf-global--danger-color--100);
56
60
  --pf-topology-pipelines__pill-status--m-success--color: var(--pf-global--success-color--100);
57
61
  --pf-topology-pipelines__pill-status--m-warning--color: var(--pf-global--warning-color--100);
62
+ --pf-topology-pipelines__pill-status--m-skipped--color: var(--pf-global--secondary-color--100);
58
63
  --pf-topology-pipelines__pill-status--m-in-progress--color: var(--pf-global--info-color--100);
59
64
  --pf-topology-pipelines__pill-status--m-pending--color: var(--pf-global--Color--100);
60
65
  --pf-topology-pipelines__pill-status--m-running--color: var(--pf-global--Color--100);
@@ -65,14 +70,38 @@
65
70
  --pf-topology-pipelines__pill-status--m-selected--m-danger--color: var(--pf-global--Color--light-100);
66
71
  --pf-topology-pipelines__pill-status--m-selected--m-success--color: var(--pf-global--Color--light-100);
67
72
  --pf-topology-pipelines__pill-status--m-selected--m-warning--color: var(--pf-global--Color--light-100);
73
+ --pf-topology-pipelines__pill-status--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
68
74
  --pf-topology-pipelines__pill-status--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
69
- --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-global--Color--light-100);
70
- --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--Color--light-100);
71
- --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--Color--light-100);
75
+ --pf-topology-pipelines__pill-status--m-selected--m-pending--color: var(--pf-global--palette--black-1000);
76
+ --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--palette--black-1000);
77
+ --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--palette--black-1000);
72
78
 
73
79
  --pf-topology-pipelines__pill-badge--fill: var(--pf-global--palette--black-200);
74
80
  --pf-topology-pipelines__pill-badge--text--fill: var(--pf-global--palette--black-1000);
75
81
 
82
+ /* status icon, (hidden details) */
83
+ --pf-topology-pipelines__status-icon--color: var(--pf-global--BorderColor--100);
84
+ --pf-topology-pipelines__status-icon--fill: var(--pf-global--Color--light-100);
85
+ --pf-topology-pipelines__status-icon--m-danger--color: var(--pf-global--danger-color--100);
86
+ --pf-topology-pipelines__status-icon--m-success--color: var(--pf-global--success-color--100);
87
+ --pf-topology-pipelines__status-icon--m-warning--color: var(--pf-global--warning-color--100);
88
+ --pf-topology-pipelines__status-icon--m-skipped--color: var(--pf-global--secondary-color--100);
89
+ --pf-topology-pipelines__status-icon--m-in-progress--color: var(--pf-global--info-color--100);
90
+ --pf-topology-pipelines__status-icon--m-pending--color: var(--pf-global--Color--100);
91
+ --pf-topology-pipelines__status-icon--m-running--color: var(--pf-global--Color--100);
92
+ --pf-topology-pipelines__status-icon--m-idle--color: var(--pf-global--Color--100);
93
+
94
+ --pf-topology-pipelines__status-icon--m-selected--color: var(--pf-global--active-color--100);
95
+ --pf-topology-pipelines__status-icon--m-selected--m-danger--color: var(--pf-global--Color--light-100);
96
+ --pf-topology-pipelines__status-icon--m-selected--m-success--color: var(--pf-global--Color--light-100);
97
+ --pf-topology-pipelines__status-icon--m-selected--m-warning--color: var(--pf-global--Color--light-100);
98
+ --pf-topology-pipelines__status-icon--m-selected--m-skipped--color: var(--pf-global--Color--light-100);
99
+ --pf-topology-pipelines__status-icon--m-selected--m-in-progress--color: var(--pf-global--Color--light-100);
100
+ --pf-topology-pipelines__status-icon--m-selected--m-pending--color: var(--pf-global--Color--light-100);
101
+ --pf-topology-pipelines__status-icon--m-selected--m-running--color: var(--pf-global--Color--light-100);
102
+ --pf-topology-pipelines__status-icon--m-selected--m-idle--color: var(--pf-global--Color--light-100);
103
+
104
+
76
105
  /* when expression */
77
106
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-global--BorderColor--200);
78
107
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-global--BorderColor--200);
@@ -82,6 +111,7 @@
82
111
  --pf-topology-pipelines__when-expression--m-danger--color: var(--pf-global--danger-color--100);
83
112
  --pf-topology-pipelines__when-expression--m-success--color: var(--pf-global--success-color--100);
84
113
  --pf-topology-pipelines__when-expression--m-warning--color: var(--pf-global--BorderColor--200);
114
+ --pf-topology-pipelines__when-expression--m-skipped--color: var(--pf-global--secondary-color--100);
85
115
  --pf-topology-pipelines__when-expression--m-in-progress--color: var(--pf-global--info-color--100);
86
116
 
87
117
  /* selected when expression */
@@ -105,6 +135,7 @@
105
135
  --pf-topology-pipelines__pill-text--m-selected--m-danger--Color: var(--pf-global--palette--black-900);
106
136
  --pf-topology-pipelines__pill-text--m-selected--m-success--Color: var(--pf-global--palette--black-900);
107
137
  --pf-topology-pipelines__pill-text--m-selected--m-warning--Color: var(--pf-global--palette--black-900);
138
+ --pf-topology-pipelines__pill-text--m-selected--m-skipped--Color: var(--pf-global--BackgroundColor--150);
108
139
  --pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color: var(--pf-global--palette--black-900);
109
140
  --pf-topology-pipelines__pill-text--m-selected--m-pending--Color: var(--pf-global--Color--100);
110
141
  --pf-topology-pipelines__pill-text--m-selected--m-running--Color: var(--pf-global--Color--100);
@@ -137,6 +168,10 @@
137
168
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Fill);
138
169
  }
139
170
 
171
+ .pf-topology-pipelines__pill.pf-m-skipped .pf-topology-pipelines__pill-background {
172
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Fill);
173
+ }
174
+
140
175
  .pf-topology-pipelines__pill.pf-m-in-progress .pf-topology-pipelines__pill-background {
141
176
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
142
177
  }
@@ -173,6 +208,11 @@
173
208
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
174
209
  }
175
210
 
211
+ .pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-background {
212
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-selected--m-skipped--Fill);
213
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
214
+ }
215
+
176
216
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-background {
177
217
  --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Fill);
178
218
  --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
@@ -202,6 +242,10 @@
202
242
  .pf-topology-pipelines__pill.pf-m-hover.pf-m-warning .pf-topology-pipelines__pill-background {
203
243
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
204
244
  }
245
+ .pf-topology-pipelines__pill.pf-m-hover.pf-m-skipped .pf-topology-pipelines__pill-background {
246
+ --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
247
+ }
248
+
205
249
  .pf-topology-pipelines__pill.pf-m-hover.pf-m-in-progress .pf-topology-pipelines__pill-background {
206
250
  --pf-topology-pipelines__pill-background--StrokeWidth: var(--pf-global--BorderWidth--md);
207
251
  }
@@ -229,6 +273,10 @@
229
273
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
230
274
  }
231
275
 
276
+ .pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology-pipelines__pill-text {
277
+ --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
278
+ }
279
+
232
280
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology-pipelines__pill-text {
233
281
  --pf-topology-pipelines__pill-text--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
234
282
  }
@@ -263,6 +311,9 @@
263
311
  .pf-topology-pipelines__pill-status.pf-m-warning {
264
312
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-warning--color);
265
313
  }
314
+ .pf-topology-pipelines__pill-status.pf-m-skipped {
315
+ --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-skipped--color);
316
+ }
266
317
  .pf-topology-pipelines__pill-status.pf-m-in-progress {
267
318
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-in-progress--color);
268
319
  }
@@ -285,6 +336,9 @@
285
336
  .pf-topology-pipelines__pill-status.pf-m-selected.pf-m-warning {
286
337
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-warning--color);
287
338
  }
339
+ .pf-topology-pipelines__pill-status.pf-m-selected.pf-m-skipped {
340
+ --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-skipped--color);
341
+ }
288
342
  .pf-topology-pipelines__pill-status.pf-m-selected.pf-m-in-progress {
289
343
  --pf-topology-pipelines__pill-status--color: var(--pf-topology-pipelines__pill-status--m-selected--m-in-progress--color);
290
344
  }
@@ -338,6 +392,9 @@
338
392
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-warning .pf-topology__node__action-icon__icon {
339
393
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-warning--Color);
340
394
  }
395
+ .pf-topology-pipelines__pill.pf-m-selected.pf-m-skipped .pf-topology__node__action-icon__icon {
396
+ --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-skipped--Color);
397
+ }
341
398
  .pf-topology-pipelines__pill.pf-m-selected.pf-m-in-progress .pf-topology__node__action-icon__icon {
342
399
  --pf-topology__node__action-icon__icon--Color: var(--pf-topology-pipelines__pill-text--m-selected--m-in-progress--Color);
343
400
  }
@@ -366,6 +423,10 @@
366
423
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-warning--color);
367
424
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-warning--color);
368
425
  }
426
+ .pf-topology-pipelines__when-expression-background.pf-m-skipped {
427
+ --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-skipped--color);
428
+ --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-skipped--color);
429
+ }
369
430
  .pf-topology-pipelines__when-expression-background.pf-m-in-progress {
370
431
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
371
432
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-topology-pipelines__when-expression--m-in-progress--color);
@@ -374,3 +435,120 @@
374
435
  .pf-topology-pipelines__pill.pf-m-selected .pf-topology-pipelines__when-expression-edge {
375
436
  stroke: var(--pf-topology-pipelines__when-expression--m-selected--color);
376
437
  }
438
+
439
+ .pf-topology-pipelines__status-icon {
440
+ color: var(--pf-topology-pipelines__status-icon--color);
441
+ }
442
+ .pf-topology-pipelines__status-icon.pf-m-selected {
443
+ fill: var(--pf-topology-pipelines__status-icon--fill);
444
+ }
445
+ .pf-topology-pipelines__status-icon.pf-m-selected {
446
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--color);
447
+ }
448
+ .pf-topology-pipelines__status-icon.pf-m-danger {
449
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-danger--color);
450
+ }
451
+ .pf-topology-pipelines__status-icon.pf-m-success {
452
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-success--color);
453
+ }
454
+ .pf-topology-pipelines__status-icon.pf-m-warning {
455
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-warning--color);
456
+ }
457
+ .pf-topology-pipelines__status-icon.pf-m-skipped {
458
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-skipped--color);
459
+ }
460
+ .pf-topology-pipelines__status-icon.pf-m-in-progress {
461
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-in-progress--color);
462
+ }
463
+ .pf-topology-pipelines__status-icon.pf-m-pending {
464
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-pending--color);
465
+ }
466
+ .pf-topology-pipelines__status-icon.pf-m-running {
467
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-running--color);
468
+ }
469
+ .pf-topology-pipelines__status-icon.pf-m-idle {
470
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-idle--color);
471
+ }
472
+
473
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-danger {
474
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-danger--color);
475
+ }
476
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-success {
477
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-success--color);
478
+ }
479
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-warning {
480
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-warning--color);
481
+ }
482
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-skipped {
483
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-skipped--color);
484
+ }
485
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-in-progress {
486
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-in-progress--color);
487
+ }
488
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-pending {
489
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-pending--color);
490
+ }
491
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-running {
492
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-running--color);
493
+ }
494
+ .pf-topology-pipelines__status-icon.pf-m-selected.pf-m-idle {
495
+ --pf-topology-pipelines__status-icon--color: var(--pf-topology-pipelines__status-icon--m-selected--m-idle--color);
496
+ }
497
+
498
+ .pf-topology-pipelines__status-icon-background {
499
+ fill: var(--pf-topology-pipelines__pill-background--Fill);
500
+ stroke: var(--pf-topology-pipelines__pill-background--Stroke);
501
+ }
502
+
503
+ .pf-topology-pipelines__status-icon-background.pf-m-danger {
504
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
505
+ }
506
+ .pf-topology-pipelines__status-icon-background.pf-m-success {
507
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
508
+ }
509
+ .pf-topology-pipelines__status-icon-background.pf-m-warning {
510
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
511
+ }
512
+ .pf-topology-pipelines__status-icon-background.pf-m-skipped {
513
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
514
+ }
515
+ .pf-topology-pipelines__status-icon-background.pf-m-in-progress {
516
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
517
+ }
518
+ .pf-topology-pipelines__status-icon-background.pf-m-pending {
519
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
520
+ }
521
+ .pf-topology-pipelines__status-icon-background.pf-m-running {
522
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
523
+ }
524
+ .pf-topology-pipelines__status-icon-background.pf-m-idle {
525
+ --pf-topology-pipelines__pill-background--Stroke: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
526
+ }
527
+
528
+ .pf-topology-pipelines__status-icon-background.pf-m-selected {
529
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__status-icon--m-selected--color);
530
+ }
531
+ .pf-topology-pipelines__status-icon-background.pf-m-danger.pf-m-selected {
532
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-danger--Stroke);
533
+ }
534
+ .pf-topology-pipelines__status-icon-background.pf-m-success.pf-m-selected {
535
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-success--Stroke);
536
+ }
537
+ .pf-topology-pipelines__status-icon-background.pf-m-warning.pf-m-selected {
538
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-warning--Stroke);
539
+ }
540
+ .pf-topology-pipelines__status-icon-background.pf-m-skipped.pf-m-selected {
541
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-skipped--Stroke);
542
+ }
543
+ .pf-topology-pipelines__status-icon-background.pf-m-in-progress.pf-m-selected {
544
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-in-progress--Stroke);
545
+ }
546
+ .pf-topology-pipelines__status-icon-background.pf-m-pending.pf-m-selected {
547
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-pending--Stroke);
548
+ }
549
+ .pf-topology-pipelines__status-icon-background.pf-m-running.pf-m-selected {
550
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-running--Stroke);
551
+ }
552
+ .pf-topology-pipelines__status-icon-background.pf-m-idle.pf-m-selected {
553
+ --pf-topology-pipelines__pill-background--Fill: var(--pf-topology-pipelines__pill-background--m-idle--Stroke);
554
+ }