camunda-bpmn-js 1.2.0 → 1.3.1

package/dist/assets/bpmn-font/css/bpmn.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'bpmn';
-  src: url('../font/bpmn.eot?26374340');
-  src: url('../font/bpmn.eot?26374340#iefix') format('embedded-opentype'),
-       url('../font/bpmn.woff2?26374340') format('woff2'),
-       url('../font/bpmn.woff?26374340') format('woff'),
-       url('../font/bpmn.ttf?26374340') format('truetype'),
-       url('../font/bpmn.svg?26374340#bpmn') format('svg');
+  src: url('../font/bpmn.eot?21877404');
+  src: url('../font/bpmn.eot?21877404#iefix') format('embedded-opentype'),
+       url('../font/bpmn.woff2?21877404') format('woff2'),
+       url('../font/bpmn.woff?21877404') format('woff'),
+       url('../font/bpmn.ttf?21877404') format('truetype'),
+       url('../font/bpmn.svg?21877404#bpmn') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,12 +15,11 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'bpmn';
-    src: url('../font/bpmn.svg?26374340#bpmn') format('svg');
+    src: url('../font/bpmn.svg?21877404#bpmn') format('svg');
   }
 }
 */
-
- [class^="bpmn-icon-"]:before, [class*=" bpmn-icon-"]:before {
+[class^="bpmn-icon-"]:before, [class*=" bpmn-icon-"]:before {
   font-family: "bpmn";
   font-style: normal;
   font-weight: normal;
@@ -55,10 +54,7 @@
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
 
-.bpmn-icon-screw-wrench:before { content: '\e800'; } /* '' */
 .bpmn-icon-trash:before { content: '\e801'; } /* '' */
-.bpmn-icon-conditional-flow:before { content: '\e802'; } /* '' */
-.bpmn-icon-default-flow:before { content: '\e803'; } /* '' */
 .bpmn-icon-gateway-parallel:before { content: '\e804'; } /* '' */
 .bpmn-icon-intermediate-event-catch-cancel:before { content: '\e805'; } /* '' */
 .bpmn-icon-intermediate-event-catch-non-interrupting-message:before { content: '\e806'; } /* '' */
@@ -71,7 +67,6 @@
 .bpmn-icon-intermediate-event-catch-parallel-multiple:before { content: '\e80d'; } /* '' */
 .bpmn-icon-intermediate-event-catch-compensation:before { content: '\e80e'; } /* '' */
 .bpmn-icon-gateway-xor:before { content: '\e80f'; } /* '' */
-.bpmn-icon-connection:before { content: '\e810'; } /* '' */
 .bpmn-icon-end-event-cancel:before { content: '\e811'; } /* '' */
 .bpmn-icon-intermediate-event-catch-condition:before { content: '\e812'; } /* '' */
 .bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before { content: '\e813'; } /* '' */
@@ -103,7 +98,6 @@
 .bpmn-icon-intermediate-event-none:before { content: '\e82d'; } /* '' */
 .bpmn-icon-intermediate-event-catch-link:before { content: '\e82e'; } /* '' */
 .bpmn-icon-end-event-escalation:before { content: '\e82f'; } /* '' */
-.bpmn-icon-text-annotation:before { content: '\e830'; } /* '' */
 .bpmn-icon-bpmn-io:before { content: '\e831'; } /* '' */
 .bpmn-icon-gateway-complex:before { content: '\e832'; } /* '' */
 .bpmn-icon-gateway-eventbased:before { content: '\e833'; } /* '' */
@@ -161,4 +155,9 @@
 .bpmn-icon-data-output:before { content: '\e867'; } /* '' */
 .bpmn-icon-hand-tool:before { content: '\e868'; } /* '' */
 .bpmn-icon-group:before { content: '\e869'; } /* '' */
-.bpmn-icon-transaction:before { content: '\e8c4'; } /* '' */
+.bpmn-icon-text-annotation:before { content: '\e86b'; } /* '' */
+.bpmn-icon-transaction:before { content: '\e8c4'; } /* '' */
+.bpmn-icon-screw-wrench:before { content: '\e8db'; } /* '' */
+.bpmn-icon-connection:before { content: '\e8dc'; } /* '' */
+.bpmn-icon-conditional-flow:before { content: '\e8e0'; } /* '' */
+.bpmn-icon-default-flow:before { content: '\e8e1'; } /* '' */

package/dist/assets/bpmn-font/font/bpmn.svg

@@ -6,14 +6,8 @@
 <font id="bpmn" horiz-adv-x="1000" >
 <font-face font-family="bpmn" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
 <missing-glyph horiz-adv-x="1000" />
-<glyph glyph-name="screw-wrench" unicode="&#xe800;" d="M756 704c-55 0-108-22-147-61-39-39-61-92-61-147 0-55 22-108 61-147 39-39 92-61 147-61 91 0 171 59 198 146l-149-40-116 77 62 124 79 21 78 21c-39 42-94 67-152 67z m-247-278l-461-316c-14-42 32-111 80-114l451 310c-36 31-61 73-70 120z" horiz-adv-x="1000" />
-
 <glyph glyph-name="trash" unicode="&#xe801;" d="M429 743c-58-4-70 11-71-52l0-9-172-56c-20-5-20-29 0-30l624 0c19 0 19 25 0 30l-168 55 0 10c0 62-7 48-71 52l-71 0z m-215-204c-14 0-25-12-24-26l50-555c1-12 11-22 24-22l457 0c13 0 23 9 25 22l64 554c2 15-9 27-24 27l-143 0-143 0z m27-49l259 0 259 0-59-505-414 0z m120-73c-1 0-2 0-3 0-16-1-28-15-25-31l44-320c2-15 16-26 31-24 15 2 25 17 22 32l-44 319c-2 13-12 23-25 24z m280 0c-13 0-25-10-27-24l-44-319c-3-15 7-30 22-32 16-2 29 9 31 24l44 320c3 16-9 30-26 31z" horiz-adv-x="1000" />
 
-<glyph glyph-name="conditional-flow" unicode="&#xe802;" d="M911 749c0 0-285-146-431-214 31-28 60-59 90-89-140-142-77-81-199-205l-209-34-41-247 247 40 3 15 31 194c123 125 60 64 201 206 30-29 60-60 90-90 77 153 218 424 218 424z m-552-552l-27-160-160-27 26 161 161 26z" horiz-adv-x="1000" />
-
-<glyph glyph-name="default-flow" unicode="&#xe803;" d="M911 749c0 0-285-146-431-214 31-28 60-59 90-89-91-93-183-186-275-279l-166 0 0-43 124 0c-42-42-84-84-126-126 11-11 22-21 33-31 52 52 104 105 156 157l175 0 0 43-133 0c82 83 163 166 245 248 30-29 60-60 90-90 77 153 218 424 218 424z" horiz-adv-x="1000" />
-
 <glyph glyph-name="gateway-parallel" unicode="&#xe804;" d="M500 802c-9 0-19-4-26-11l-415-415c-14-14-14-38 0-52l415-415c14-14 38-14 52 0l415 415c14 14 14 38 0 52l-415 415c-7 7-17 11-26 11z m0-62l390-390-390-390-390 390 390 390z m-11-161c0 0-4-1-4-1 0 0-4-3-4-3 0 0-3-4-3-4 0 0-1-4-1-4l0-194-194 0 0 0c0 0-4-1-4-1 0 0-4-3-4-3l0 0c0 0-3-4-3-4 0 0-1-4-1-4l0-21c0 0 1-5 1-5 0 0 3-4 3-4 0 0 4-3 4-3 0 0 4-1 4-1l194 0 0-194 0 0c0 0 1-4 1-4 0 0 3-4 3-4 0 0 4-3 4-3 0 0 4-1 4-1l22 0c0 0 4 1 4 1 0 0 4 3 4 3 0 0 3 4 3 4 0 0 1 4 1 4l0 194 194 0c0 0 4 1 4 1 0 0 4 3 4 3 0 0 3 4 3 4 0 0 1 4 1 4l0 22c0 0-1 4-1 4 0 0-3 4-3 4 0 0-4 3-4 3 0 0-4 1-4 1l-194 0 0 194c0 0-1 4-1 4 0 0-3 4-3 4 0 0-4 3-4 3 0 0-4 1-4 1l-22 0z" horiz-adv-x="1000" />
 
 <glyph glyph-name="intermediate-event-catch-cancel" unicode="&#xe805;" d="M499 802c-220 4-425-177-448-396-24-185 78-380 247-461 160-80 368-56 501 66 134 118 190 318 128 486-57 167-217 293-393 303-12 1-23 2-35 2z m-5-49c202 7 391-161 407-362 19-178-92-361-262-420-166-61-368-2-468 145-103 144-99 356 18 490 74 90 188 146 305 147z m8-44c-186 6-358-158-361-344-9-169 116-334 283-367 155-33 328 46 397 190 71 140 39 327-83 430-64 57-150 91-236 91z m-2-48c164 4 314-144 311-308 3-152-119-297-272-312-143-19-295 73-336 213-43 134 14 295 138 364 48 28 103 43 159 43z m-112-111c-29-30-58-59-87-88 37-38 75-75 112-113-37-36-74-73-110-110 28-29 57-58 86-86 37 37 73 73 110 110 38-37 75-75 113-112 29 29 58 58 88 87-38 38-76 75-113 113 37 37 74 73 110 110-28 29-57 58-86 86-37-36-73-73-110-110-38 37-75 75-113 113z m0-35c38-38 75-75 113-113 37 37 73 74 110 111 17-17 35-35 52-52-37-37-74-73-111-110 38-38 75-75 113-113-18-18-35-35-53-53-38 38-75 75-113 113-36-37-73-74-110-111-17 17-35 35-52 52 37 37 74 74 111 110-38 38-75 76-113 113 18 18 35 35 53 53z" horiz-adv-x="1000" />
@@ -38,8 +32,6 @@
 
 <glyph glyph-name="gateway-xor" unicode="&#xe80f;" d="M500 802c-9 0-19-4-26-11l-415-415c-14-14-14-38 0-52l415-415c14-14 38-14 52 0l415 415c14 14 14 38 0 52l-415 415c-7 7-17 11-26 11z m0-62l390-390-390-390-390 390 390 390z m-146-217c0 0-4-1-4-1 0 0-4-3-4-3l-15-15c0 0-3-4-3-4 0 0-1-4-1-4 0 0 1-5 1-5 0 0 3-4 3-4l137-137-137-137 0 0c0 0-3-4-3-4 0 0-1-5-1-5 0 0 1-4 1-4 0 0 3-4 3-4l15-15c0 0 4-3 4-3 0 0 4-1 4-1 0 0 5 1 5 1 0 0 4 3 4 3l137 137 137-137c0 0 4-3 4-3 0 0 5-1 5-1 0 0 4 1 4 1 0 0 4 3 4 3l15 15c0 0 3 4 3 4 0 0 1 4 1 4 0 0-1 5-1 5 0 0-3 4-3 4l-137 137 137 137c0 0 3 4 3 4 0 0 1 5 1 5 0 0-1 4-1 4 0 0-3 4-3 4l-15 15c0 0-4 3-4 3 0 0-4 1-4 1 0 0-5-1-5-1 0 0-4-3-4-3l-137-137-137 137 0 1c0 0-4 2-4 2 0 0-5 1-5 1l0 0z" horiz-adv-x="1000" />
 
-<glyph glyph-name="connection" unicode="&#xe810;" d="M911 749c0 0-285-146-431-214 31-28 60-59 90-89-147-149-295-299-443-448 11-11 22-21 33-31 148 149 295 299 443 448 30-29 60-60 90-90 77 153 218 424 218 424z" horiz-adv-x="1000" />
-
 <glyph glyph-name="end-event-cancel" unicode="&#xe811;" d="M491 802c-219 0-420-183-440-400-22-186 82-380 253-459 158-77 361-53 492 67 134 115 192 312 133 480-55 172-220 303-401 311-13 1-25 1-37 1z m9-142c161 5 308-137 310-298 7-147-103-292-250-317-142-28-300 54-350 192-53 136 2 309 132 380 47 28 103 43 158 43z m-112-110c-29-30-58-59-87-88 37-38 75-75 112-113-37-36-74-73-110-110 28-29 57-58 86-86 37 37 73 73 110 110 38-37 75-75 113-112 29 29 58 58 88 87-38 38-76 75-113 113 37 37 74 73 110 110-28 29-57 58-86 86-37-36-73-73-110-110-38 37-75 75-113 113z" horiz-adv-x="1000" />
 
 <glyph glyph-name="intermediate-event-catch-condition" unicode="&#xe812;" d="M499 802c-1 0-2 0-3 0-202 1-391-150-436-346-42-173 28-368 174-471 145-107 354-116 506-18 149 93 235 276 207 450-26 176-164 330-338 371-36 9-73 14-110 14z m-5-49c3 0 7 0 10 0 187 2 362-146 392-331 32-167-54-348-205-427-154-85-363-54-483 77-124 127-147 338-53 488 71 116 203 192 339 193z m8-44c-3 0-7 0-10 0-172 0-330-143-349-314-22-161 79-328 233-382 145-55 322-3 413 124 98 129 92 326-17 447-67 77-167 125-270 125z m-2-48c2 0 4 0 6 0 153 0 292-129 304-281 16-145-84-293-225-330-137-40-296 27-361 154-69 129-33 305 86 392 54 42 122 65 190 65z m-151-121l0-12 0-368 50 0 202 0 50 0 0 380-302 0z m24-24l254 0 0-332-26 0-202 0-26 0 0 332z m26-37l0-25 202 0 0 25-202 0z m0-74l0-24 202 0 0 24-202 0z m0-85l0-24 202 0 0 24-202 0z m0-77l0-24 202 0 0 24-202 0z" horiz-adv-x="1000" />
@@ -102,8 +94,6 @@
 
 <glyph glyph-name="end-event-escalation" unicode="&#xe82f;" d="M491 802c-219 0-420-183-440-400-22-186 82-380 253-459 158-77 361-53 492 67 134 115 192 312 133 480-55 172-220 303-401 311-13 1-25 1-37 1z m9-142c161 5 308-137 310-298 7-147-103-292-250-317-142-28-300 54-350 192-53 136 2 309 132 380 47 28 103 43 158 43z m0-110c-47-131-77-268-124-400 43 43 81 91 124 135 42-45 83-90 125-135-43 133-83 267-125 400z" horiz-adv-x="1000" />
 
-<glyph glyph-name="text-annotation" unicode="&#xe830;" d="M677 795l0-25 0-411 0-412 0-24 24 0 224 0 25 0 0 49-25 0-199 0 0 387 0 386 199 0 25 0 0 50-25 0-224 0-24 0z m-81-386l-75-60 60-75 75 60-60 75z m-151-119l-75-60 60-75 75 59-60 76z m-150-120l-76-59 60-76 75 60-59 75z m-151-119l-76-60 60-75 76 59-60 76z" horiz-adv-x="1000" />
-
 <glyph glyph-name="bpmn-io" unicode="&#xe831;" d="M674 41h-348v-191h348z m-348 809v-714h176c114 0 171 57 171 166v58c0 76-23 133-81 157 48 24 67 71 67 143v28c0 105-48 162-162 162z m114-100h57c43 0 57-24 57-76v-38c0-57-23-76-66-76h-48z m-5-300h53c47 0 71-19 71-86v-62c0-52-19-71-57-71h-67z" horiz-adv-x="1000" />
 
 <glyph glyph-name="gateway-complex" unicode="&#xe832;" d="M500 802c-9 0-19-4-26-11l-415-415c-14-14-14-38 0-52l415-415c14-14 38-14 52 0l415 415c14 14 14 38 0 52l-415 415c-7 7-17 11-26 11z m0-62l390-390-390-390-390 390 390 390z m-9-192l0 0c0 0-4-1-4-1 0 0-4-2-4-2 0 0-2-3-2-3 0 0-1-4-1-4l0-140-99 99 0 0c0 0-3 2-3 2 0 0-4 1-4 1 0 0-4-1-4-1 0 0-4-2-4-2l-13-13c0 0-2-4-2-4 0 0-1-4-1-4 0 0 1-4 1-4 0 0 2-3 2-3l99-99-140 0 0 0c0 0-4-1-4-1 0 0-3-2-3-2l0 0c0 0-2-4-2-4 0 0-1-4-1-4l0-18c0 0 1-4 1-4 0 0 2-4 2-4 0 0 3-2 3-2 0 0 4-1 4-1l140 0-99-99 0 0c0 0-2-3-2-3 0 0-1-4-1-4 0 0 1-4 1-4 0 0 2-4 2-4l13-13c0 0 4-2 4-2 0 0 4-1 4-1 0 0 4 1 4 1 0 0 3 2 3 2l99 99 0-140 0 0c0 0 1-4 1-4 0 0 2-3 2-3 0 0 4-2 4-2 0 0 4-1 4-1l18 0c0 0 4 1 4 1 0 0 4 2 4 2 0 0 2 3 2 3 0 0 1 4 1 4l0 140 99-99c0 0 3-2 3-2 0 0 4-1 4-1 0 0 4 1 4 1 0 0 4 2 4 2l13 13c0 0 2 4 2 4 0 0 1 4 1 4 0 0-1 4-1 4 0 0-2 4-2 4l-99 98 140 0c0 0 4 1 4 1 0 0 3 2 3 2 0 0 3 4 3 4 0 0 0 4 0 4l0 18c0 0 0 4 0 4 0 0-3 4-3 4 0 0-3 2-3 2 0 0-4 1-4 1l-140 0 99 99c0 0 2 3 2 3 0 0 1 4 1 4 0 0-1 4-1 4 0 0-2 4-2 4l-13 13c0 0-4 2-4 2 0 0-4 1-4 1 0 0-4-1-4-1 0 0-3-2-3-2l-99-99 0 140c0 0-1 4-1 4 0 0-2 3-2 3 0 0-4 3-4 3 0 0-4 0-4 0l-18 0z m-117-48c0 0 0 0 0 0l0 0c0 0 0 0 0 0z" horiz-adv-x="1000" />
@@ -198,7 +188,7 @@
 
 <glyph glyph-name="space-tool" unicode="&#xe85f;" d="M366 800l0-900 38 0 0 900-38 0z m233 0l0-900 38 0 0 900-38 0z m-394-287l-164-163 164-163 0 111 93 0 0 105-93 0 0 110z m595 0l0-108-94-1 0-106 94 0 0-111 163 163-163 163z" horiz-adv-x="1000" />
 
-<glyph glyph-name="connection-multi" unicode="&#xe860;" d="M916 798l-410-109 64-95-486-327 25-38 486 328 62-92 259 333 0 0z m0-328l-411-109 151-224 260 333 0 0z m-409-245l-63-43 25-37 63 42-25 38z m-126-85l-62-42 25-38 62 43-25 37z m-133-90l-63-43 25-37 63 43-25 37z m-126-85l-38-26 25-37 38 26-25 37z" horiz-adv-x="1000" />
+<glyph glyph-name="connection-multi" unicode="&#xe860;" d="M917 767l-413-162a3 3 0 0 1-1-5l96-95a5 5 0 0 0 0-6l-471-472a5 5 0 0 1 0-6l45-43a5 5 0 0 1 7 0l471 470a5 5 0 0 0 7 0l89-90a3 3 0 0 1 5 1l167 405a2 2 0 0 1-2 3z" horiz-adv-x="1000" />
 
 <glyph glyph-name="lane" unicode="&#xe861;" d="M47 614l0-528 906 0 0 528z m47-483l0 435 810 0 0 0 0-435z" horiz-adv-x="1000" />
 
@@ -218,7 +208,17 @@
 
 <glyph glyph-name="group" unicode="&#xe869;" d="M258 735c-56 0-113-42-128-100-10-40-4-83-6-124v-70h50c0 56-2 112 1 168 6 46 47 80 90 77h216v49c-74 0-149 1-223 0z m315-49h47v49h-47z m139 0c30 2 64-1 87-25 25-24 29-61 27-94v-152h50c-1 64 1 129-1 193-4 66-63 123-126 126-12 2-25 1-37 1 0-16 0-32 0-49z m-588-392h50v49h-50z m702-26h50v49h-50z m-702-163c0-53 34-105 80-127 42-20 89-11 133-13 11 3 31-6 35 4v45c-43 1-87-2-129 2-41 9-71 49-69 93v87h-50v-91z m702 2c1-47-37-91-82-92-47-2-94-1-141-1v-49c51 1 102-2 153 1 61 7 116 64 119 129 2 25 0 50 1 75h-50l0-63z m-362-142h46v49h-46z" horiz-adv-x="1000" />
 
+<glyph glyph-name="text-annotation" unicode="&#xe86b;" d="M618 788l0-438 0-438 263 0 30 0 0 60-30 0-204 0 0 378 0 378 204 0 30 0 0 60-30 0-263 0z m-102-297l-61-62 62-61 61 62-62 61z m-122-123l-61-62 62-61 61 62-62 61z m-122-123l-61-62 62-61 61 62-62 61z m-122-123l-61-61 62-62 61 62-62 61z" horiz-adv-x="1000" />
+
 <glyph glyph-name="transaction" unicode="&#xe8c4;" d="M210 716c-83 0-149-66-149-149l0-434c0-82 66-149 149-149l581 0c82 0 149 67 149 149l0 434c0 83-67 149-149 149l-581 0z m0-34l581 0c63 0 114-51 114-115l0-434c0-64-51-115-114-115l-581 0c-64 0-115 51-115 115l0 434c0 64 51 115 115 115z m29-49c-51 0-93-41-93-92l0-382c0-51 42-92 93-92l523 0c51 0 92 41 92 92l0 382c0 51-41 92-92 92l-523 0z m0-34l523 0c32 0 58-26 58-58l0-382c0-32-26-58-58-58l-523 0c-33 0-59 26-59 58l0 382c0 32 26 58 59 58z" horiz-adv-x="1000" />
+
+<glyph glyph-name="screw-wrench" unicode="&#xe8db;" d="M674 755c-59-4-114-32-154-78-39-45-59-105-55-165 4-60 32-116 76-156 45-39 103-59 163-55 98 7 180 78 203 175l-158-55-130 75 58 140 166 58c-45 43-106 65-169 61z m-226-352l-357-365c-6-45 53-106 100-99l349 356c-42 24-74 62-92 108z" horiz-adv-x="1000" />
+
+<glyph glyph-name="connection" unicode="&#xe8dc;" d="M904 753c0 0-286-146-432-214 32-28 62-61 93-91-148-149-298-297-445-446 10-11 21-21 32-32 148 150 297 298 445 447 30-30 58-58 88-88 78 153 219 424 219 424z" horiz-adv-x="1000" />
+
+<glyph glyph-name="conditional-flow" unicode="&#xe8e0;" d="M906 755c0 0-286-146-432-214 32-28 62-61 92-91-141-143-79-79-202-204l-207-34-40-247 247 40 2 15 32 197c122 123 60 60 201 202 30-30 58-58 88-88 78 153 219 424 219 424z m-552-553l-27-161-160-26 26 161 161 26z" horiz-adv-x="1000" />
+
+<glyph glyph-name="default-flow" unicode="&#xe8e1;" d="M906 753l-431-214 91-90-443-447 32-32 444 448 89-89z m-782-582v-43h362v43z" horiz-adv-x="1000" />
 </font>
 </defs>
-</svg>
+</svg>

package/dist/assets/diagram-js.css

@@ -29,6 +29,7 @@
   --color-white: hsl(0, 0%, 100%);
   --color-black: hsl(0, 0%, 0%);
   --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
+  --color-black-opacity-30: hsla(0, 0%, 0%, 30%);
 
   --canvas-fill-color: var(--color-white);
 
@@ -58,8 +59,8 @@
   --popup-header-entry-selected-color: var(--color-blue-205-100-50);
   --popup-header-font-weight: bolder;
   --popup-background-color: var(--color-white);
-  --popup-border-color: var(--color-grey-225-10-75);
-  --popup-shadow-color: var(--color-grey-225-10-80);
+  --popup-border-color: transparent;
+  --popup-shadow-color: var(--color-black-opacity-30);
   --popup-description-color: var(--color-grey-225-10-55);
   --popup-no-results-color: var(--color-grey-225-10-55);
   --popup-entry-title-color: var(--color-grey-225-10-55);
@@ -527,12 +528,14 @@ marker.djs-dragger tspan {
 }
 
 .djs-popup {
+  box-sizing: border-box;
   width: min-content;
   background: var(--popup-background-color);
   overflow: hidden;
   position: absolute;
 
-  box-shadow: 0px 2px 10px var(--popup-shadow-color);
+  box-shadow: 0px 2px 6px var(--popup-shadow-color);
+  border: solid 1px var(--popup-border-color);
   min-width: 120px;
   outline: none;
   font-size: var(--popup-font-size);

package/dist/assets/properties-panel.css

@@ -455,6 +455,10 @@ textarea.bio-properties-panel-input,
   width: 100%;
 }
 
+textarea.bio-properties-panel-input.auto-resize {
+  min-height: 28px;
+}
+
 .bio-properties-panel-input:focus,
 .bio-properties-panel-input:focus-within {
   outline: none;