@patternfly/react-styles 4.52.13 → 4.52.16

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 (6) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/css/components/Topology/topology-components.css +25 -25
  3. package/css/components/Topology/topology-components.d.ts +12 -12
  4. package/css/components/Topology/topology-components.js +12 -12
  5. package/package.json +3 -3
  6. package/src/css/components/Topology/topology-components.css +25 -25
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.52.16 (2022-04-07)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.52.15 (2022-04-06)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-styles
17
+
18
+
19
+
20
+
21
+
22
+ ## 4.52.14 (2022-03-30)
23
+
24
+ **Note:** Version bump only for package @patternfly/react-styles
25
+
26
+
27
+
28
+
29
+
6
30
  ## 4.52.13 (2022-03-29)
7
31
 
8
32
 
package/css/components/Topology/topology-components.css CHANGED
@@ -1,8 +1,8 @@
1
1
  :root {
2
- --pf-topology__create-connector-color: var(--pf-global--secondary-color--100);
2
+ --pf-topology-create-connector-color: var(--pf-global--secondary-color--100);
3
3
  }
4
4
 
5
- .pf-topology__visualization-surface {
5
+ .pf-topology-visualization-surface {
6
6
  height: 100%;
7
7
  flex-grow: 1;
8
8
  flex-shrink: 1;
@@ -10,26 +10,26 @@
10
10
  position: relative;
11
11
  }
12
12
 
13
- .pf-topology__visualization-surface__svg {
13
+ .pf-topology-visualization-surface__svg {
14
14
  display: block;
15
15
  width: 100%;
16
16
  height: 100%;
17
17
  }
18
18
 
19
- .pf-topology__visualization-surface__svg g:focus {
19
+ .pf-topology-visualization-surface__svg g:focus {
20
20
  outline: none;
21
21
  }
22
22
 
23
- .pf-topology__context-menu__c-dropdown__menu {
23
+ .pf-topology-context-menu__c-dropdown__menu {
24
24
  position: initial !important;
25
25
  }
26
26
 
27
- .pf-topology__context-sub-menu {
27
+ .pf-topology-context-sub-menu {
28
28
  position: relative;
29
29
  padding-right: var(--pf-global--spacer--lg) !important;
30
30
  }
31
31
 
32
- .pf-topology__context-sub-menu__arrow {
32
+ .pf-topology-context-sub-menu__arrow {
33
33
  position: absolute;
34
34
  right: var(--pf-global--spacer--xs);
35
35
  top: 50%;
@@ -396,29 +396,29 @@
396
396
  stroke: var(--edge--active--stroke);
397
397
  }
398
398
 
399
- .pf-topology__edge.pf-m-selected .pf-topology__connector-arrow {
399
+ .pf-topology__edge.pf-m-selected .pf-topology-connector-arrow {
400
400
  stroke: var(--edge--active--stroke);
401
401
  fill: var(--edge--active--fill);
402
402
  }
403
403
 
404
404
  .pf-topology__edge.pf-m-hover .pf-topology__edge__link,
405
- .pf-topology__edge.pf-m-hover .pf-topology__connector-arrow {
405
+ .pf-topology__edge.pf-m-hover .pf-topology-connector-arrow {
406
406
  fill: var(--pf-global--Color--100);
407
407
  stroke: var(--pf-global--Color--100);
408
408
  }
409
409
 
410
410
  .pf-topology__edge.pf-m-dragging .pf-topology__edge__link,
411
- .pf-topology__edge.pf-m-dragging .pf-topology__connector-arrow {
411
+ .pf-topology__edge.pf-m-dragging .pf-topology-connector-arrow {
412
412
  stroke: var(--edge--interactive--stroke);
413
413
  fill: var(--edge--interactive--fill);
414
414
  }
415
415
 
416
- .pf-topology__edge .pf-topology__connector-arrow {
416
+ .pf-topology__edge .pf-topology-connector-arrow {
417
417
  cursor: var(--edge__arrow--cursor);
418
418
  stroke: var(--edge--stroke);
419
419
  }
420
420
 
421
- .pf-topology__edge .pf-topology__connector-arrow.pf-m-draggable {
421
+ .pf-topology__edge .pf-topology-connector-arrow.pf-m-draggable {
422
422
  cursor: pointer;
423
423
  }
424
424
 
@@ -455,12 +455,12 @@
455
455
  fill: var(--pf-global--danger-color--100);
456
456
  }
457
457
 
458
- .pf-topology__connector-arrow {
458
+ .pf-topology-connector-arrow {
459
459
  stroke-width: 1;
460
460
  stroke: var(--edge--stroke);
461
461
  }
462
462
 
463
- .pf-topology__connector-arrow.pf-m-alt-connector-arrow {
463
+ .pf-topology-connector-arrow.pf-m-alt-connector-arrow {
464
464
  fill: var(--pf-global--palette--white);
465
465
  }
466
466
 
@@ -487,40 +487,40 @@
487
487
  stroke: var(--edge--stroke);
488
488
  }
489
489
 
490
- .pf-topology__create-connector {
490
+ .pf-topology-default-create-connector {
491
491
  cursor: pointer;
492
492
  }
493
493
 
494
- .pf-topology__create-connector__line {
495
- stroke: var(--pf-topology__create-connector-color);
494
+ .pf-topology-default-create-connector__line {
495
+ stroke: var(--pf-topology-create-connector-color);
496
496
  stroke-width: 2px;
497
497
  stroke-dasharray: 3px, 3px;
498
498
  }
499
499
 
500
- .pf-topology__create-connector__arrow {
500
+ .pf-topology-default-create-connector__arrow {
501
501
  fill: var(--pf-global--Color--light-200);
502
- stroke: var(--pf-topology__create-connector-color);
502
+ stroke: var(--pf-topology-create-connector-color);
503
503
  }
504
504
 
505
- .pf-topology__create-connector.pf-m-hover .pf-topology__create-connector__line {
505
+ .pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__line {
506
506
  stroke: var(--pf-global--Color--100);
507
507
  }
508
508
 
509
- .pf-topology__create-connector.pf-m-hover .pf-topology__create-connector__arrow {
509
+ .pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__arrow {
510
510
  fill: var(--pf-global--Color--100);
511
511
  stroke: var(--pf-global--Color--100);
512
512
  }
513
513
 
514
- .pf-topology__create-connector__create {
514
+ .pf-topology-default-create-connector__create {
515
515
  }
516
516
 
517
- .pf-topology__create-connector__create__bg {
517
+ .pf-topology-default-create-connector__create__bg {
518
518
  stroke-width: 10px;
519
519
  stroke: transparent;
520
520
  fill-opacity: 0;
521
521
  }
522
522
 
523
- .pf-topology__create-connector__create__cursor {
524
- fill: var(--pf-topology__create-connector-color);
523
+ .pf-topology-default-create-connector__create__cursor {
524
+ fill: var(--pf-topology-create-connector-color);
525
525
  }
526
526
 
package/css/components/Topology/topology-components.d.ts CHANGED
@@ -21,20 +21,20 @@ declare const _default: {
21
21
  "altConnectorArrow": "pf-m-alt-connector-arrow",
22
22
  "source": "pf-m-source"
23
23
  },
24
- "topologyConnectorArrow": "pf-topology__connector-arrow",
24
+ "topologyConnectorArrow": "pf-topology-connector-arrow",
25
25
  "topologyConnectorCircle": "pf-topology__connector-circle",
26
26
  "topologyConnectorCross": "pf-topology__connector-cross",
27
27
  "topologyConnectorSquare": "pf-topology__connector-square",
28
28
  "topologyConnectorX": "pf-topology__connector-x",
29
- "topologyContextMenuCDropdownMenu": "pf-topology__context-menu__c-dropdown__menu",
30
- "topologyContextSubMenu": "pf-topology__context-sub-menu",
31
- "topologyContextSubMenuArrow": "pf-topology__context-sub-menu__arrow",
32
- "topologyCreateConnector": "pf-topology__create-connector",
33
- "topologyCreateConnectorArrow": "pf-topology__create-connector__arrow",
34
- "topologyCreateConnectorCreate": "pf-topology__create-connector__create",
35
- "topologyCreateConnectorCreateBg": "pf-topology__create-connector__create__bg",
36
- "topologyCreateConnectorCreateCursor": "pf-topology__create-connector__create__cursor",
37
- "topologyCreateConnectorLine": "pf-topology__create-connector__line",
29
+ "topologyContextMenuCDropdownMenu": "pf-topology-context-menu__c-dropdown__menu",
30
+ "topologyContextSubMenu": "pf-topology-context-sub-menu",
31
+ "topologyContextSubMenuArrow": "pf-topology-context-sub-menu__arrow",
32
+ "topologyDefaultCreateConnector": "pf-topology-default-create-connector",
33
+ "topologyDefaultCreateConnectorArrow": "pf-topology-default-create-connector__arrow",
34
+ "topologyDefaultCreateConnectorCreate": "pf-topology-default-create-connector__create",
35
+ "topologyDefaultCreateConnectorCreateBg": "pf-topology-default-create-connector__create__bg",
36
+ "topologyDefaultCreateConnectorCreateCursor": "pf-topology-default-create-connector__create__cursor",
37
+ "topologyDefaultCreateConnectorLine": "pf-topology-default-create-connector__line",
38
38
  "topologyEdge": "pf-topology__edge",
39
39
  "topologyEdgeBackground": "pf-topology__edge__background",
40
40
  "topologyEdgeLink": "pf-topology__edge__link",
@@ -59,7 +59,7 @@ declare const _default: {
59
59
  "topologyNodeLabelIcon": "pf-topology__node__label__icon",
60
60
  "topologyNodeLabelIconBackground": "pf-topology__node__label__icon__background",
61
61
  "topologyNodeSeparator": "pf-topology__node__separator",
62
- "topologyVisualizationSurface": "pf-topology__visualization-surface",
63
- "topologyVisualizationSurfaceSvg": "pf-topology__visualization-surface__svg"
62
+ "topologyVisualizationSurface": "pf-topology-visualization-surface",
63
+ "topologyVisualizationSurfaceSvg": "pf-topology-visualization-surface__svg"
64
64
  };
65
65
  export default _default;
package/css/components/Topology/topology-components.js CHANGED
@@ -23,20 +23,20 @@ exports.default = {
23
23
  "altConnectorArrow": "pf-m-alt-connector-arrow",
24
24
  "source": "pf-m-source"
25
25
  },
26
- "topologyConnectorArrow": "pf-topology__connector-arrow",
26
+ "topologyConnectorArrow": "pf-topology-connector-arrow",
27
27
  "topologyConnectorCircle": "pf-topology__connector-circle",
28
28
  "topologyConnectorCross": "pf-topology__connector-cross",
29
29
  "topologyConnectorSquare": "pf-topology__connector-square",
30
30
  "topologyConnectorX": "pf-topology__connector-x",
31
- "topologyContextMenuCDropdownMenu": "pf-topology__context-menu__c-dropdown__menu",
32
- "topologyContextSubMenu": "pf-topology__context-sub-menu",
33
- "topologyContextSubMenuArrow": "pf-topology__context-sub-menu__arrow",
34
- "topologyCreateConnector": "pf-topology__create-connector",
35
- "topologyCreateConnectorArrow": "pf-topology__create-connector__arrow",
36
- "topologyCreateConnectorCreate": "pf-topology__create-connector__create",
37
- "topologyCreateConnectorCreateBg": "pf-topology__create-connector__create__bg",
38
- "topologyCreateConnectorCreateCursor": "pf-topology__create-connector__create__cursor",
39
- "topologyCreateConnectorLine": "pf-topology__create-connector__line",
31
+ "topologyContextMenuCDropdownMenu": "pf-topology-context-menu__c-dropdown__menu",
32
+ "topologyContextSubMenu": "pf-topology-context-sub-menu",
33
+ "topologyContextSubMenuArrow": "pf-topology-context-sub-menu__arrow",
34
+ "topologyDefaultCreateConnector": "pf-topology-default-create-connector",
35
+ "topologyDefaultCreateConnectorArrow": "pf-topology-default-create-connector__arrow",
36
+ "topologyDefaultCreateConnectorCreate": "pf-topology-default-create-connector__create",
37
+ "topologyDefaultCreateConnectorCreateBg": "pf-topology-default-create-connector__create__bg",
38
+ "topologyDefaultCreateConnectorCreateCursor": "pf-topology-default-create-connector__create__cursor",
39
+ "topologyDefaultCreateConnectorLine": "pf-topology-default-create-connector__line",
40
40
  "topologyEdge": "pf-topology__edge",
41
41
  "topologyEdgeBackground": "pf-topology__edge__background",
42
42
  "topologyEdgeLink": "pf-topology__edge__link",
@@ -61,6 +61,6 @@ exports.default = {
61
61
  "topologyNodeLabelIcon": "pf-topology__node__label__icon",
62
62
  "topologyNodeLabelIconBackground": "pf-topology__node__label__icon__background",
63
63
  "topologyNodeSeparator": "pf-topology__node__separator",
64
- "topologyVisualizationSurface": "pf-topology__visualization-surface",
65
- "topologyVisualizationSurfaceSvg": "pf-topology__visualization-surface__svg"
64
+ "topologyVisualizationSurface": "pf-topology-visualization-surface",
65
+ "topologyVisualizationSurfaceSvg": "pf-topology-visualization-surface__svg"
66
66
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "4.52.13",
3
+ "version": "4.52.16",
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.185.0",
22
+ "@patternfly/patternfly": "4.185.1",
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": "0ff888e73d650c335d23830b042265f36bf28230"
32
+ "gitHead": "862a38b7f3fccd6f3bfb3ba754d02f03a152dc04"
33
33
  }
package/src/css/components/Topology/topology-components.css CHANGED
@@ -1,8 +1,8 @@
1
1
  :root {
2
- --pf-topology__create-connector-color: var(--pf-global--secondary-color--100);
2
+ --pf-topology-create-connector-color: var(--pf-global--secondary-color--100);
3
3
  }
4
4
 
5
- .pf-topology__visualization-surface {
5
+ .pf-topology-visualization-surface {
6
6
  height: 100%;
7
7
  flex-grow: 1;
8
8
  flex-shrink: 1;
@@ -10,26 +10,26 @@
10
10
  position: relative;
11
11
  }
12
12
 
13
- .pf-topology__visualization-surface__svg {
13
+ .pf-topology-visualization-surface__svg {
14
14
  display: block;
15
15
  width: 100%;
16
16
  height: 100%;
17
17
  }
18
18
 
19
- .pf-topology__visualization-surface__svg g:focus {
19
+ .pf-topology-visualization-surface__svg g:focus {
20
20
  outline: none;
21
21
  }
22
22
 
23
- .pf-topology__context-menu__c-dropdown__menu {
23
+ .pf-topology-context-menu__c-dropdown__menu {
24
24
  position: initial !important;
25
25
  }
26
26
 
27
- .pf-topology__context-sub-menu {
27
+ .pf-topology-context-sub-menu {
28
28
  position: relative;
29
29
  padding-right: var(--pf-global--spacer--lg) !important;
30
30
  }
31
31
 
32
- .pf-topology__context-sub-menu__arrow {
32
+ .pf-topology-context-sub-menu__arrow {
33
33
  position: absolute;
34
34
  right: var(--pf-global--spacer--xs);
35
35
  top: 50%;
@@ -396,29 +396,29 @@
396
396
  stroke: var(--edge--active--stroke);
397
397
  }
398
398
 
399
- .pf-topology__edge.pf-m-selected .pf-topology__connector-arrow {
399
+ .pf-topology__edge.pf-m-selected .pf-topology-connector-arrow {
400
400
  stroke: var(--edge--active--stroke);
401
401
  fill: var(--edge--active--fill);
402
402
  }
403
403
 
404
404
  .pf-topology__edge.pf-m-hover .pf-topology__edge__link,
405
- .pf-topology__edge.pf-m-hover .pf-topology__connector-arrow {
405
+ .pf-topology__edge.pf-m-hover .pf-topology-connector-arrow {
406
406
  fill: var(--pf-global--Color--100);
407
407
  stroke: var(--pf-global--Color--100);
408
408
  }
409
409
 
410
410
  .pf-topology__edge.pf-m-dragging .pf-topology__edge__link,
411
- .pf-topology__edge.pf-m-dragging .pf-topology__connector-arrow {
411
+ .pf-topology__edge.pf-m-dragging .pf-topology-connector-arrow {
412
412
  stroke: var(--edge--interactive--stroke);
413
413
  fill: var(--edge--interactive--fill);
414
414
  }
415
415
 
416
- .pf-topology__edge .pf-topology__connector-arrow {
416
+ .pf-topology__edge .pf-topology-connector-arrow {
417
417
  cursor: var(--edge__arrow--cursor);
418
418
  stroke: var(--edge--stroke);
419
419
  }
420
420
 
421
- .pf-topology__edge .pf-topology__connector-arrow.pf-m-draggable {
421
+ .pf-topology__edge .pf-topology-connector-arrow.pf-m-draggable {
422
422
  cursor: pointer;
423
423
  }
424
424
 
@@ -455,12 +455,12 @@
455
455
  fill: var(--pf-global--danger-color--100);
456
456
  }
457
457
 
458
- .pf-topology__connector-arrow {
458
+ .pf-topology-connector-arrow {
459
459
  stroke-width: 1;
460
460
  stroke: var(--edge--stroke);
461
461
  }
462
462
 
463
- .pf-topology__connector-arrow.pf-m-alt-connector-arrow {
463
+ .pf-topology-connector-arrow.pf-m-alt-connector-arrow {
464
464
  fill: var(--pf-global--palette--white);
465
465
  }
466
466
 
@@ -487,40 +487,40 @@
487
487
  stroke: var(--edge--stroke);
488
488
  }
489
489
 
490
- .pf-topology__create-connector {
490
+ .pf-topology-default-create-connector {
491
491
  cursor: pointer;
492
492
  }
493
493
 
494
- .pf-topology__create-connector__line {
495
- stroke: var(--pf-topology__create-connector-color);
494
+ .pf-topology-default-create-connector__line {
495
+ stroke: var(--pf-topology-create-connector-color);
496
496
  stroke-width: 2px;
497
497
  stroke-dasharray: 3px, 3px;
498
498
  }
499
499
 
500
- .pf-topology__create-connector__arrow {
500
+ .pf-topology-default-create-connector__arrow {
501
501
  fill: var(--pf-global--Color--light-200);
502
- stroke: var(--pf-topology__create-connector-color);
502
+ stroke: var(--pf-topology-create-connector-color);
503
503
  }
504
504
 
505
- .pf-topology__create-connector.pf-m-hover .pf-topology__create-connector__line {
505
+ .pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__line {
506
506
  stroke: var(--pf-global--Color--100);
507
507
  }
508
508
 
509
- .pf-topology__create-connector.pf-m-hover .pf-topology__create-connector__arrow {
509
+ .pf-topology-default-create-connector.pf-m-hover .pf-topology-default-create-connector__arrow {
510
510
  fill: var(--pf-global--Color--100);
511
511
  stroke: var(--pf-global--Color--100);
512
512
  }
513
513
 
514
- .pf-topology__create-connector__create {
514
+ .pf-topology-default-create-connector__create {
515
515
  }
516
516
 
517
- .pf-topology__create-connector__create__bg {
517
+ .pf-topology-default-create-connector__create__bg {
518
518
  stroke-width: 10px;
519
519
  stroke: transparent;
520
520
  fill-opacity: 0;
521
521
  }
522
522
 
523
- .pf-topology__create-connector__create__cursor {
524
- fill: var(--pf-topology__create-connector-color);
523
+ .pf-topology-default-create-connector__create__cursor {
524
+ fill: var(--pf-topology-create-connector-color);
525
525
  }
526
526