@visuallyjs/browser-ui 1.2.4 → 1.2.5

package/css/visuallyjs.css

@@ -400,20 +400,40 @@ This class is assigned to an element while it is being flashed.
 /* ################################################################################################################## */
 :root {
   --vjs-lasso-border: rgb(49, 119, 184);
-  --vjs-lasso-background: WhiteSmoke;
+  --vjs-lasso-background: #83c7e1;
   --vjs-lasso-mask: #07234e;
+  --vjs-lasso-border-width:2px;
+  --vjs-lasso-opacity:0.5;
+  --vjs-lasso-corner-radius:5px;
 }
 
 /*
-    Assigned to the element used for node select with the mouse ("lasso").
+    Assigned to a DIV element used for node select with the mouse ("lasso"). This applies
+    when the surface container is an HTML element.
 */
-.vjs-lasso {
-  border: 2px solid var(--vjs-lasso-border);
+div.vjs-lasso {
+  border: var(--vjs-lasso-border-width) solid var(--vjs-lasso-border);
   background-color: var(--vjs-lasso-background);
-  opacity: 0.5;
+  opacity: var(--vjs-lasso-opacity);
   display: none;
   z-index: 20000;
   position: absolute;
+  border-radius: var(--vjs-lasso-corner-radius);
+}
+
+/*
+    Assigned to an SVG element used for node select with the mouse ("lasso"). This applies
+    when the surface container is an SVG element - either via being explicitly set in the render options,
+    or when your UI is a Diagram.
+*/
+svg.vjs-lasso {
+  overflow: visible;
+  display: none;
+}
+svg.vjs-lasso rect {
+  opacity: var(--vjs-lasso-opacity);
+  rx: var(--vjs-lasso-corner-radius);
+  ry: var(--vjs-lasso-corner-radius);
 }
 
 /*
@@ -853,7 +873,7 @@ Assigned to the skeleton element when a resize is active.
 }
 
 .vjs-cell-tool {
-  color: black;
+  color: var(--vjs-resize-handle-color);
   cursor: pointer;
   transition: all 0.2s ease-in-out;
   transform-origin: center;
@@ -1109,6 +1129,9 @@ Assigned to tile images in a tiled background
   width: 90%;
   display: none;
 }
+.vjs-shape-library-palette .vjs-shape-library-palette-shape-group-title {
+  margin: 5px;
+}
 .vjs-shape-library-palette[data-show-all=true] .vjs-shape-library-palette-set {
   display: flex;
 }
@@ -1574,6 +1597,11 @@ Added to an element that is the container for a Paper component.
   overflow: auto !important;
 }
 
+[data-vjs-locked=true] [data-vjs-source], [data-vjs-locked=true] [data-vjs-target] {
+  cursor: default !important;
+  pointer-events: none !important;
+}
+
 .vjs-palette-selected-element {
   outline: 1px dashed var(--vjs-selected-element-border-color);
   outline-offset: 2px;
@@ -1679,16 +1707,6 @@ Added to an element that is the container for a Paper component.
   content: "✎";
 }
 
-.vjs-controls .vjs-undo:after {
-  content: "↺";
-  margin-bottom: 0.4rem;
-}
-
-.vjs-controls .vjs-redo:after {
-  content: "↻";
-  margin-bottom: 0.4rem;
-}
-
 /**
   Reset selection button not visible by default
  */