camunda-bpmn-js 5.9.0 → 5.11.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.
@@ -1,145 +1,145 @@
1
- .bjs-container {
2
- --bjs-font-family: Arial, sans-serif;
3
-
4
- --color-grey-225-10-15: hsl(225, 10%, 15%);
5
- --color-grey-225-10-35: hsl(225, 10%, 35%);
6
- --color-grey-225-10-55: hsl(225, 10%, 55%);
7
- --color-grey-225-10-75: hsl(225, 10%, 75%);
8
- --color-grey-225-10-80: hsl(225, 10%, 80%);
9
- --color-grey-225-10-85: hsl(225, 10%, 85%);
10
- --color-grey-225-10-90: hsl(225, 10%, 90%);
11
- --color-grey-225-10-95: hsl(225, 10%, 95%);
12
- --color-grey-225-10-97: hsl(225, 10%, 97%);
13
-
14
- --color-blue-205-100-45: hsl(205, 100%, 45%);
15
- --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
16
- --color-blue-205-100-50: hsl(205, 100%, 50%);
17
- --color-blue-205-100-95: hsl(205, 100%, 95%);
18
-
19
- --color-green-150-86-44: hsl(150, 86%, 44%);
20
-
21
- --color-red-360-100-40: hsl(360, 100%, 40%);
22
- --color-red-360-100-45: hsl(360, 100%, 45%);
23
- --color-red-360-100-92: hsl(360, 100%, 92%);
24
- --color-red-360-100-97: hsl(360, 100%, 97%);
25
-
26
- --color-white: hsl(0, 0%, 100%);
27
- --color-black: hsl(0, 0%, 0%);
28
- --color-black-opacity-05: hsla(0, 0%, 0%, 5%);
29
- --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
30
-
31
- --breadcrumbs-font-family: var(--bjs-font-family);
32
- --breadcrumbs-item-color: var(--color-blue-205-100-50);
33
- --breadcrumbs-arrow-color: var(--color-black);
34
- --drilldown-fill-color: var(--color-white);
35
- --drilldown-background-color: var(--color-blue-205-100-50);
36
- }
37
-
38
- .bjs-breadcrumbs {
39
- position: absolute;
40
- display: none;
41
- flex-wrap: wrap;
42
- align-items: center;
43
- top: 30px;
44
- left: 30px;
45
- padding: 0px;
46
- margin: 0px;
47
- font-family: var(--breadcrumbs-font-family);
48
- font-size: 16px;
49
- line-height: normal;
50
- }
51
-
52
- .bjs-breadcrumbs-shown .bjs-breadcrumbs {
53
- display: flex;
54
- }
55
-
56
- .djs-palette-shown .bjs-breadcrumbs {
57
- left: 90px;
58
- }
59
-
60
- .djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs {
61
- left: 140px;
62
- }
63
-
64
- .bjs-breadcrumbs li {
65
- display: inline-flex;
66
- padding-bottom: 5px;
67
- align-items: center;
68
- }
69
-
70
- .bjs-breadcrumbs li a {
71
- cursor: pointer;
72
- color: var(--breadcrumbs-item-color);
73
- }
74
-
75
- .bjs-breadcrumbs li:last-of-type a {
76
- color: inherit;
77
- cursor: default;
78
- }
79
-
80
- .bjs-breadcrumbs li:not(:first-child)::before {
81
- content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
82
- padding: 0 8px;
83
- color: var(--breadcrumbs-arrow-color);
84
- height: 1em;
85
- }
86
-
87
- .bjs-breadcrumbs .bjs-crumb {
88
- display: inline-block;
89
- max-width: 200px;
90
- overflow: hidden;
91
- text-overflow: ellipsis;
92
- white-space: nowrap;
93
- }
94
-
95
- .bjs-drilldown {
96
- width: 20px;
97
- height: 20px;
98
-
99
- padding: 0px;
100
- margin-left: -20px;
101
-
102
- cursor: pointer;
103
- border: none;
104
- border-radius: 2px;
105
- outline: none;
106
-
107
- fill: var(--drilldown-fill-color);
108
- background-color: var(--drilldown-background-color);
109
- }
110
-
111
- .bjs-drilldown-empty {
112
- display: none;
113
- }
114
-
115
- .selected .bjs-drilldown-empty {
116
- display: inherit;
117
- }
118
-
119
- [data-popup="align-elements"] .djs-popup-results {
120
- display: flex;
121
- }
122
-
123
- [data-popup="align-elements"] .djs-popup-body [data-group] + [data-group] {
124
- border-left: 1px solid var(--popup-border-color);
125
- }
126
-
127
- [data-popup="align-elements"] [data-group="align"] {
128
- display: grid;
129
- grid-template-columns: repeat(3, 1fr);
130
- }
131
-
132
- [data-popup="align-elements"] .djs-popup-body .entry {
133
- padding: 6px 8px;
134
- }
135
-
136
- [data-popup="align-elements"] .djs-popup-body .entry:not(:first-child) {
137
- margin-top: 0;
138
- }
139
-
140
- [data-popup="align-elements"] .djs-popup-entry-icon {
141
- display: block;
142
- margin: 0;
143
- height: 20px;
144
- width: 20px;
145
- }
1
+ .bjs-container {
2
+ --bjs-font-family: Arial, sans-serif;
3
+
4
+ --color-grey-225-10-15: hsl(225, 10%, 15%);
5
+ --color-grey-225-10-35: hsl(225, 10%, 35%);
6
+ --color-grey-225-10-55: hsl(225, 10%, 55%);
7
+ --color-grey-225-10-75: hsl(225, 10%, 75%);
8
+ --color-grey-225-10-80: hsl(225, 10%, 80%);
9
+ --color-grey-225-10-85: hsl(225, 10%, 85%);
10
+ --color-grey-225-10-90: hsl(225, 10%, 90%);
11
+ --color-grey-225-10-95: hsl(225, 10%, 95%);
12
+ --color-grey-225-10-97: hsl(225, 10%, 97%);
13
+
14
+ --color-blue-205-100-45: hsl(205, 100%, 45%);
15
+ --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
16
+ --color-blue-205-100-50: hsl(205, 100%, 50%);
17
+ --color-blue-205-100-95: hsl(205, 100%, 95%);
18
+
19
+ --color-green-150-86-44: hsl(150, 86%, 44%);
20
+
21
+ --color-red-360-100-40: hsl(360, 100%, 40%);
22
+ --color-red-360-100-45: hsl(360, 100%, 45%);
23
+ --color-red-360-100-92: hsl(360, 100%, 92%);
24
+ --color-red-360-100-97: hsl(360, 100%, 97%);
25
+
26
+ --color-white: hsl(0, 0%, 100%);
27
+ --color-black: hsl(0, 0%, 0%);
28
+ --color-black-opacity-05: hsla(0, 0%, 0%, 5%);
29
+ --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
30
+
31
+ --breadcrumbs-font-family: var(--bjs-font-family);
32
+ --breadcrumbs-item-color: var(--color-blue-205-100-50);
33
+ --breadcrumbs-arrow-color: var(--color-black);
34
+ --drilldown-fill-color: var(--color-white);
35
+ --drilldown-background-color: var(--color-blue-205-100-50);
36
+ }
37
+
38
+ .bjs-breadcrumbs {
39
+ position: absolute;
40
+ display: none;
41
+ flex-wrap: wrap;
42
+ align-items: center;
43
+ top: 30px;
44
+ left: 30px;
45
+ padding: 0px;
46
+ margin: 0px;
47
+ font-family: var(--breadcrumbs-font-family);
48
+ font-size: 16px;
49
+ line-height: normal;
50
+ }
51
+
52
+ .bjs-breadcrumbs-shown .bjs-breadcrumbs {
53
+ display: flex;
54
+ }
55
+
56
+ .djs-palette-shown .bjs-breadcrumbs {
57
+ left: 90px;
58
+ }
59
+
60
+ .djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs {
61
+ left: 140px;
62
+ }
63
+
64
+ .bjs-breadcrumbs li {
65
+ display: inline-flex;
66
+ padding-bottom: 5px;
67
+ align-items: center;
68
+ }
69
+
70
+ .bjs-breadcrumbs li a {
71
+ cursor: pointer;
72
+ color: var(--breadcrumbs-item-color);
73
+ }
74
+
75
+ .bjs-breadcrumbs li:last-of-type a {
76
+ color: inherit;
77
+ cursor: default;
78
+ }
79
+
80
+ .bjs-breadcrumbs li:not(:first-child)::before {
81
+ content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
82
+ padding: 0 8px;
83
+ color: var(--breadcrumbs-arrow-color);
84
+ height: 1em;
85
+ }
86
+
87
+ .bjs-breadcrumbs .bjs-crumb {
88
+ display: inline-block;
89
+ max-width: 200px;
90
+ overflow: hidden;
91
+ text-overflow: ellipsis;
92
+ white-space: nowrap;
93
+ }
94
+
95
+ .bjs-drilldown {
96
+ width: 20px;
97
+ height: 20px;
98
+
99
+ padding: 0px;
100
+ margin-left: -20px;
101
+
102
+ cursor: pointer;
103
+ border: none;
104
+ border-radius: 2px;
105
+ outline: none;
106
+
107
+ fill: var(--drilldown-fill-color);
108
+ background-color: var(--drilldown-background-color);
109
+ }
110
+
111
+ .bjs-drilldown-empty {
112
+ display: none;
113
+ }
114
+
115
+ .selected .bjs-drilldown-empty {
116
+ display: inherit;
117
+ }
118
+
119
+ [data-popup="align-elements"] .djs-popup-results {
120
+ display: flex;
121
+ }
122
+
123
+ [data-popup="align-elements"] .djs-popup-body [data-group] + [data-group] {
124
+ border-left: 1px solid var(--popup-border-color);
125
+ }
126
+
127
+ [data-popup="align-elements"] [data-group="align"] {
128
+ display: grid;
129
+ grid-template-columns: repeat(3, 1fr);
130
+ }
131
+
132
+ [data-popup="align-elements"] .djs-popup-body .entry {
133
+ padding: 6px 8px;
134
+ }
135
+
136
+ [data-popup="align-elements"] .djs-popup-body .entry:not(:first-child) {
137
+ margin-top: 0;
138
+ }
139
+
140
+ [data-popup="align-elements"] .djs-popup-entry-icon {
141
+ display: block;
142
+ margin: 0;
143
+ height: 20px;
144
+ width: 20px;
145
+ }
@@ -819,13 +819,20 @@ textarea.bio-properties-panel-input {
819
819
  }
820
820
 
821
821
  .bio-properties-panel-list-entry-header {
822
- position: relative;
822
+ position: sticky;
823
823
  overflow: hidden;
824
824
  display: flex;
825
825
  justify-content: space-between;
826
826
  height: 32px;
827
827
  }
828
828
 
829
+ .bio-properties-panel-list-entry-header.sticky {
830
+ background-color: var(--color-white);
831
+ border-bottom: 1px solid var(--sticky-group-bottom-border-color);
832
+ top: 32px;
833
+ z-index: 9;
834
+ }
835
+
829
836
  /* Nested list dot */
830
837
  .bio-properties-panel-list-entry::before {
831
838
  content: "";
@@ -1226,8 +1233,8 @@ textarea.bio-properties-panel-input {
1226
1233
  }
1227
1234
 
1228
1235
  .bio-properties-panel-tooltip .bio-properties-panel-tooltip-arrow {
1229
- width: 0;
1230
- height: 0;
1236
+ width: 0;
1237
+ height: 0;
1231
1238
  border-top: 5px solid transparent;
1232
1239
  border-bottom: 5px solid transparent;
1233
1240
  border-left: 5px solid var(--tooltip-background-color);
@@ -1291,9 +1298,9 @@ textarea.bio-properties-panel-input {
1291
1298
  font-size: 14px;
1292
1299
  }
1293
1300
 
1294
- .bio-properties-panel-popup h1,
1295
- .bio-properties-panel-popup h2,
1296
- .bio-properties-panel-popup h3,
1301
+ .bio-properties-panel-popup h1,
1302
+ .bio-properties-panel-popup h2,
1303
+ .bio-properties-panel-popup h3,
1297
1304
  .bio-properties-panel-popup h4 {
1298
1305
  font-weight: 500;
1299
1306
  font-size: inherit;
@@ -1405,7 +1412,7 @@ textarea.bio-properties-panel-input {
1405
1412
  }
1406
1413
 
1407
1414
  .bio-properties-panel-feel-popup__title-link {
1408
- margin-left: 8px;
1415
+ margin-left: 8px;
1409
1416
  display: flex;
1410
1417
  }
1411
1418