@patternfly/react-styles 4.75.11 → 4.76.2

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 (11) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/css/components/FormControl/form-control.css +3 -2
  3. package/css/components/Popover/popover.css +1 -1
  4. package/css/components/Topology/topology-components.css +0 -1
  5. package/css/components/Topology/topology-pipelines.css +13 -1
  6. package/css/components/Topology/topology-pipelines.d.ts +1 -0
  7. package/css/components/Topology/topology-pipelines.js +1 -0
  8. package/css/components/Topology/topology-pipelines.mjs +1 -0
  9. package/package.json +3 -3
  10. package/src/css/components/Topology/topology-components.css +0 -1
  11. package/src/css/components/Topology/topology-pipelines.css +13 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,33 @@
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.2 (2022-07-26)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.76.1 (2022-07-26)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-styles
17
+
18
+
19
+
20
+
21
+
22
+ # 4.76.0 (2022-07-26)
23
+
24
+
25
+ ### Features
26
+
27
+ * **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))
28
+
29
+
30
+
31
+
32
+
6
33
  ## 4.75.11 (2022-07-25)
7
34
 
8
35
 
package/css/components/FormControl/form-control.css CHANGED
@@ -9,6 +9,7 @@
9
9
  }
10
10
 
11
11
  .pf-c-form-control {
12
+ --pf-c-form-control--Color: var(--pf-global--Color--100);
12
13
  --pf-c-form-control--FontSize: var(--pf-global--FontSize--md);
13
14
  --pf-c-form-control--LineHeight: var(--pf-global--LineHeight--md);
14
15
  --pf-c-form-control--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -131,7 +132,7 @@
131
132
  --pf-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) + 1px - var(--pf-global--spacer--lg));
132
133
  --pf-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg) + 0.0625rem);
133
134
  --pf-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-global--spacer--md) - var(--pf-global--spacer--lg));
134
- color: var(--pf-global--Color--100);
135
+ color: var(--pf-c-form-control--Color);
135
136
  width: var(--pf-c-form-control--Width);
136
137
  padding: var(--pf-c-form-control--PaddingTop) var(--pf-c-form-control--PaddingRight) var(--pf-c-form-control--PaddingBottom) var(--pf-c-form-control--PaddingLeft);
137
138
  font-size: var(--pf-c-form-control--FontSize);
@@ -176,8 +177,8 @@
176
177
  border-bottom-width: var(--pf-c-form-control--m-expanded--BorderBottomWidth);
177
178
  }
178
179
  .pf-c-form-control:disabled {
179
- --pf-c-form-control--Color: var(--pf-c-form-control--disabled--Color);
180
180
  --pf-c-form-control--BackgroundColor: var(--pf-c-form-control--disabled--BackgroundColor);
181
+ color: var(--pf-c-form-control--disabled--Color);
181
182
  cursor: not-allowed;
182
183
  border-color: var(--pf-c-form-control--disabled--BorderColor);
183
184
  }
package/css/components/Popover/popover.css CHANGED
@@ -36,7 +36,7 @@
36
36
  --pf-c-popover__arrow--m-left--Rotate: 45deg;
37
37
  --pf-c-popover--c-button--MarginLeft: var(--pf-global--spacer--sm);
38
38
  --pf-c-popover--c-button--Top: calc(var(--pf-c-popover__content--PaddingTop) - var(--pf-global--spacer--form-element));
39
- --pf-c-popover--c-button--Right: var(--pf-global--spacer--md);
39
+ --pf-c-popover--c-button--Right: calc(var(--pf-c-popover__content--PaddingRight) - var(--pf-global--spacer--md));
40
40
  --pf-c-popover--c-button--sibling--PaddingRight: var(--pf-global--spacer--2xl);
41
41
  --pf-c-popover--c-title--MarginBottom: var(--pf-global--spacer--sm);
42
42
  --pf-c-popover__title--MarginBottom: var(--pf-global--spacer--sm);
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.2",
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.204.2",
22
+ "@patternfly/patternfly": "4.204.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.7.4"
30
30
  },
31
31
  "license": "MIT",
32
- "gitHead": "aaeb37eb17dd5180aaa6ac3548fd4ac52c2a6eb7"
32
+ "gitHead": "fb67d6b2dfbfd2b4080e1313101f4d663a0a09c3"
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
  }