@patternfly/react-styles 4.75.11 → 4.76.0

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 (9) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/css/components/Topology/topology-components.css +0 -1
  3. package/css/components/Topology/topology-pipelines.css +13 -1
  4. package/css/components/Topology/topology-pipelines.d.ts +1 -0
  5. package/css/components/Topology/topology-pipelines.js +1 -0
  6. package/css/components/Topology/topology-pipelines.mjs +1 -0
  7. package/package.json +2 -2
  8. package/src/css/components/Topology/topology-components.css +0 -1
  9. package/src/css/components/Topology/topology-pipelines.css +13 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.76.0 (2022-07-26)
7
+
8
+
9
+ ### Features
10
+
11
+ * **topology:** Pipelines support for badges/icons variable task node width ([#7697](https://github.com/patternfly/patternfly-react/issues/7697)) ([a499273](https://github.com/patternfly/patternfly-react/commit/a49927315cd61e84a007d05b49e5d7254b977fcb))
12
+
13
+
14
+
15
+
16
+
6
17
  ## 4.75.11 (2022-07-25)
7
18
 
8
19
 
package/css/components/Topology/topology-components.css CHANGED
@@ -211,7 +211,6 @@
211
211
  --pf-topology__group--m-alt-group--topology__group__background--Stroke: var(--pf-global--BorderColor--100);
212
212
  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-global--primary-color--300);
213
213
  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-global--active-color--300);
214
- --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-global--palette--black-800);
215
214
  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-global--palette--black-100);
216
215
  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-global--palette--blue-300);
217
216
 
package/css/components/Topology/topology-pipelines.css CHANGED
@@ -70,6 +70,9 @@
70
70
  --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--Color--light-100);
71
71
  --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--Color--light-100);
72
72
 
73
+ --pf-topology-pipelines__pill-badge--fill: var(--pf-global--palette--black-200);
74
+ --pf-topology-pipelines__pill-badge--text--fill: var(--pf-global--palette--black-1000);
75
+
73
76
  /* when expression */
74
77
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-global--BorderColor--200);
75
78
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-global--BorderColor--200);
@@ -309,8 +312,17 @@
309
312
  100% {
310
313
  -webkit-transform: rotate(359deg);
311
314
  transform: rotate(359deg);
312
- }}
315
+ }
316
+ }
313
317
 
318
+ .pf-topology-pipelines__pill-badge {
319
+ fill: var(--pf-topology-pipelines__pill-badge--fill);
320
+ stroke-width: 0;
321
+ }
322
+ .pf-topology-pipelines__pill-badge text {
323
+ fill: var(--pf-topology-pipelines__pill-badge--text--fill);
324
+ color: var(--pf-topology__node--Color);
325
+ }
314
326
  .pf-topology-pipelines__pill.pf-m-selectable {
315
327
  cursor: pointer;
316
328
  }
package/css/components/Topology/topology-pipelines.d.ts CHANGED
@@ -18,6 +18,7 @@ declare const _default: {
18
18
  "topologyNodeActionIconIcon": "pf-topology__node__action-icon__icon",
19
19
  "topologyPipelinesPill": "pf-topology-pipelines__pill",
20
20
  "topologyPipelinesPillBackground": "pf-topology-pipelines__pill-background",
21
+ "topologyPipelinesPillBadge": "pf-topology-pipelines__pill-badge",
21
22
  "topologyPipelinesPillStatus": "pf-topology-pipelines__pill-status",
22
23
  "topologyPipelinesPillText": "pf-topology-pipelines__pill-text",
23
24
  "topologyPipelinesWhenExpressionBackground": "pf-topology-pipelines__when-expression-background",
package/css/components/Topology/topology-pipelines.js CHANGED
@@ -20,6 +20,7 @@ exports.default = {
20
20
  "topologyNodeActionIconIcon": "pf-topology__node__action-icon__icon",
21
21
  "topologyPipelinesPill": "pf-topology-pipelines__pill",
22
22
  "topologyPipelinesPillBackground": "pf-topology-pipelines__pill-background",
23
+ "topologyPipelinesPillBadge": "pf-topology-pipelines__pill-badge",
23
24
  "topologyPipelinesPillStatus": "pf-topology-pipelines__pill-status",
24
25
  "topologyPipelinesPillText": "pf-topology-pipelines__pill-text",
25
26
  "topologyPipelinesWhenExpressionBackground": "pf-topology-pipelines__when-expression-background",
package/css/components/Topology/topology-pipelines.mjs CHANGED
@@ -18,6 +18,7 @@ export default {
18
18
  "topologyNodeActionIconIcon": "pf-topology__node__action-icon__icon",
19
19
  "topologyPipelinesPill": "pf-topology-pipelines__pill",
20
20
  "topologyPipelinesPillBackground": "pf-topology-pipelines__pill-background",
21
+ "topologyPipelinesPillBadge": "pf-topology-pipelines__pill-badge",
21
22
  "topologyPipelinesPillStatus": "pf-topology-pipelines__pill-status",
22
23
  "topologyPipelinesPillText": "pf-topology-pipelines__pill-text",
23
24
  "topologyPipelinesWhenExpressionBackground": "pf-topology-pipelines__when-expression-background",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.75.11",
3
+ "version": "4.76.0",
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": "aaeb37eb17dd5180aaa6ac3548fd4ac52c2a6eb7"
32
+ "gitHead": "a7097958c8ccb70a8faaf2fa401413cfa4372809"
33
33
  }
package/src/css/components/Topology/topology-components.css CHANGED
@@ -211,7 +211,6 @@
211
211
  --pf-topology__group--m-alt-group--topology__group__background--Stroke: var(--pf-global--BorderColor--100);
212
212
  --pf-topology__group--m-selected--topology__group__background--Fill: var(--pf-global--primary-color--300);
213
213
  --pf-topology__group--m-selected--topology__group__background--Stroke: var(--pf-global--active-color--300);
214
- --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-global--palette--black-800);
215
214
  --pf-topology__group--m-hover--topology__group__background--Stroke: var(--pf-global--palette--black-100);
216
215
  --pf-topology__group--m-drop-target--topology__group__background--Stroke: var(--pf-global--palette--blue-300);
217
216
 
package/src/css/components/Topology/topology-pipelines.css CHANGED
@@ -70,6 +70,9 @@
70
70
  --pf-topology-pipelines__pill-status--m-selected--m-running--color: var(--pf-global--Color--light-100);
71
71
  --pf-topology-pipelines__pill-status--m-selected--m-idle--color: var(--pf-global--Color--light-100);
72
72
 
73
+ --pf-topology-pipelines__pill-badge--fill: var(--pf-global--palette--black-200);
74
+ --pf-topology-pipelines__pill-badge--text--fill: var(--pf-global--palette--black-1000);
75
+
73
76
  /* when expression */
74
77
  --pf-topology-pipelines__when-expression-background--Stroke: var(--pf-global--BorderColor--200);
75
78
  --pf-topology-pipelines__when-expression-background--Fill: var(--pf-global--BorderColor--200);
@@ -309,8 +312,17 @@
309
312
  100% {
310
313
  -webkit-transform: rotate(359deg);
311
314
  transform: rotate(359deg);
312
- }}
315
+ }
316
+ }
313
317
 
318
+ .pf-topology-pipelines__pill-badge {
319
+ fill: var(--pf-topology-pipelines__pill-badge--fill);
320
+ stroke-width: 0;
321
+ }
322
+ .pf-topology-pipelines__pill-badge text {
323
+ fill: var(--pf-topology-pipelines__pill-badge--text--fill);
324
+ color: var(--pf-topology__node--Color);
325
+ }
314
326
  .pf-topology-pipelines__pill.pf-m-selectable {
315
327
  cursor: pointer;
316
328
  }