@patternfly/react-styles 4.75.9 → 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 (17) hide show
  1. package/CHANGELOG.md +30 -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/css/docs/components/ModalBox/examples/ModalBox.css +10 -0
  8. package/css/docs/components/ModalBox/examples/ModalBox.d.ts +7 -0
  9. package/css/docs/components/ModalBox/examples/ModalBox.js +8 -0
  10. package/css/docs/components/ModalBox/examples/ModalBox.mjs +6 -0
  11. package/css/docs/components/Popover/examples/Popover.css +8 -8
  12. package/css/docs/components/Popover/examples/Popover.d.ts +1 -0
  13. package/css/docs/components/Popover/examples/Popover.js +1 -0
  14. package/css/docs/components/Popover/examples/Popover.mjs +1 -0
  15. package/package.json +3 -3
  16. package/src/css/components/Topology/topology-components.css +0 -1
  17. package/src/css/components/Topology/topology-pipelines.css +13 -1
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.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
+
17
+ ## 4.75.11 (2022-07-25)
18
+
19
+
20
+ ### Bug Fixes
21
+
22
+ * **Select:** remove variant check from update logic ([#7741](https://github.com/patternfly/patternfly-react/issues/7741)) ([2204cb6](https://github.com/patternfly/patternfly-react/commit/2204cb62e30b4a37b82731f1380e79a3085828ef))
23
+
24
+
25
+
26
+
27
+
28
+ ## 4.75.10 (2022-07-25)
29
+
30
+ **Note:** Version bump only for package @patternfly/react-styles
31
+
32
+
33
+
34
+
35
+
6
36
  ## 4.75.9 (2022-07-21)
7
37
 
8
38
  **Note:** Version bump only for package @patternfly/react-styles
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/css/docs/components/ModalBox/examples/ModalBox.css ADDED
@@ -0,0 +1,10 @@
1
+ .ws-core-c-modal .ws-preview-html {
2
+ position: relative;
3
+ }
4
+
5
+ .ws-core-c-modal .pf-c-modal-box {
6
+ position: absolute;
7
+ top: 50%;
8
+ left: 50%;
9
+ transform: translate(-50%, -50%);
10
+ }
package/css/docs/components/ModalBox/examples/ModalBox.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import './ModalBox.css';
2
+ declare const _default: {
3
+ "modalBox": "pf-c-modal-box",
4
+ "wsCoreCModal": "ws-core-c-modal",
5
+ "wsPreviewHtml": "ws-preview-html"
6
+ };
7
+ export default _default;
package/css/docs/components/ModalBox/examples/ModalBox.js ADDED
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ exports.__esModule = true;
3
+ require('./ModalBox.css');
4
+ exports.default = {
5
+ "modalBox": "pf-c-modal-box",
6
+ "wsCoreCModal": "ws-core-c-modal",
7
+ "wsPreviewHtml": "ws-preview-html"
8
+ };
package/css/docs/components/ModalBox/examples/ModalBox.mjs ADDED
@@ -0,0 +1,6 @@
1
+ import('./ModalBox.css');
2
+ export default {
3
+ "modalBox": "pf-c-modal-box",
4
+ "wsCoreCModal": "ws-core-c-modal",
5
+ "wsPreviewHtml": "ws-preview-html"
6
+ };
package/css/docs/components/Popover/examples/Popover.css CHANGED
@@ -1,10 +1,10 @@
1
- #ws-core-c-popover-width-auto .ws-preview-html {
1
+ .ws-core-c-popover .ws-preview-html {
2
2
  position: relative;
3
- height: 125px;
4
- }
3
+ }
5
4
 
6
- #ws-core-c-popover-width-auto .pf-c-popover {
7
- position: absolute;
8
- top: 0;
9
- left: 0;
10
- }
5
+ .ws-core-c-popover .pf-c-popover {
6
+ position: absolute;
7
+ top: 50%;
8
+ left: 50%;
9
+ transform: translate(-50%, -50%);
10
+ }
package/css/docs/components/Popover/examples/Popover.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import './Popover.css';
2
2
  declare const _default: {
3
3
  "popover": "pf-c-popover",
4
+ "wsCoreCPopover": "ws-core-c-popover",
4
5
  "wsPreviewHtml": "ws-preview-html"
5
6
  };
6
7
  export default _default;
package/css/docs/components/Popover/examples/Popover.js CHANGED
@@ -3,5 +3,6 @@ exports.__esModule = true;
3
3
  require('./Popover.css');
4
4
  exports.default = {
5
5
  "popover": "pf-c-popover",
6
+ "wsCoreCPopover": "ws-core-c-popover",
6
7
  "wsPreviewHtml": "ws-preview-html"
7
8
  };
package/css/docs/components/Popover/examples/Popover.mjs CHANGED
@@ -1,5 +1,6 @@
1
1
  import('./Popover.css');
2
2
  export default {
3
3
  "popover": "pf-c-popover",
4
+ "wsCoreCPopover": "ws-core-c-popover",
4
5
  "wsPreviewHtml": "ws-preview-html"
5
6
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.75.9",
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",
@@ -19,7 +19,7 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "4.204.1",
22
+ "@patternfly/patternfly": "4.204.2",
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": "7a3e116e4af4a97fc5a05d0c05307e75af6d97f5"
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
  }