@excalidraw/excalidraw 0.18.0-6fc8502 → 0.18.0-864353b

package/dist/dev/data/{image-NKFINVKH.js → image-OFYK7EOY.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-KYBDXI6F.js";
-import "../chunk-H7XJ5UVD.js";
+} from "../chunk-LL55DS44.js";
+import "../chunk-BBNNHA7I.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-NKFINVKH.js.map
+//# sourceMappingURL=image-OFYK7EOY.js.map

package/dist/dev/index.css

@@ -646,6 +646,16 @@
   border-radius: var(--radius);
   filter: var(--theme-filter);
 }
+.excalidraw .color-picker__button .color-picker__button-outline {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.excalidraw .color-picker__button .color-picker__button-outline svg {
+  color: var(--color-gray-60);
+  width: 1.25rem;
+  height: 1.25rem;
+}
 .excalidraw .color-picker__button.active .color-picker__button-outline {
   position: absolute;
   --offset: -1px;
@@ -1454,6 +1464,21 @@
   flex: 0 0 auto;
 }
 
+/* components/ConvertElementTypePopup.scss */
+.excalidraw .ConvertElementTypePopup {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.2rem;
+  border-radius: 0.5rem;
+  background: var(--island-bg-color);
+  box-shadow: var(--shadow-island);
+  padding: 0.5rem;
+}
+.excalidraw .ConvertElementTypePopup:focus {
+  outline: none;
+}
+
 /* components/DialogActionButton.scss */
 .excalidraw .Dialog__action-button {
   position: relative;
@@ -4096,18 +4121,44 @@
   flex: 1 1 0;
   display: flex;
   flex-direction: column;
+  padding: 0 0.75rem;
   gap: 0.125rem;
 }
+.excalidraw .layer-ui__search .collapsible-items {
+  gap: 2px;
+}
+.excalidraw .layer-ui__search-result-title {
+  font-size: 0.875rem;
+  margin-bottom: 0.25rem;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  font-weight: 700;
+}
+.excalidraw .layer-ui__search-result-title .title-icon {
+  width: 0.875rem;
+  height: 0.875rem;
+  margin-right: 0.25rem;
+}
+.excalidraw .layer-ui__search-result-title .title-icon svg g {
+  stroke-width: 1.25;
+}
+.excalidraw .layer-ui__divider {
+  width: 100%;
+  margin-top: 0.25rem;
+  margin-bottom: 1rem;
+  position: relative;
+}
 .excalidraw .layer-ui__result-item {
   display: flex;
   align-items: center;
-  min-height: 2rem;
+  min-height: 1.875rem;
   flex: 0 0 auto;
   padding: 0.25rem 0.75rem;
   cursor: pointer;
   border: 1px solid transparent;
   outline: none;
-  margin: 0 0.75rem;
+  font-size: 16px;
   border-radius: var(--border-radius-md);
 }
 .excalidraw .layer-ui__result-item .text-icon {
@@ -5271,6 +5322,37 @@
   }
 }
 
+/* components/UnlockPopup.scss */
+.excalidraw .UnlockPopup {
+  position: absolute;
+  z-index: var(--zIndex-interactiveCanvas);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  border-radius: 0.5rem;
+  background: var(--island-bg-color);
+  box-shadow: var(--shadow-island);
+  padding: 0.8rem;
+  cursor: pointer;
+  color: var(--color-gray-60);
+}
+.excalidraw .UnlockPopup:focus {
+  outline: none;
+}
+.excalidraw .UnlockPopup svg {
+  display: block;
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--color-gray-60);
+}
+.excalidraw .UnlockPopup:hover svg {
+  color: var(--color-primary);
+}
+.excalidraw .UnlockPopup:active svg {
+  transform: scale(0.95);
+}
+
 /* components/footer/FooterCenter.scss */
 .footer-center {
   pointer-events: none;
@@ -5970,14 +6052,14 @@ body.excalidraw-cursor-resize * {
   display: flex;
   justify-content: space-between;
 }
-.excalidraw .panelColumn {
+.excalidraw .selected-shape-actions {
   display: flex;
   flex-direction: column;
   row-gap: 0.75rem;
 }
-.excalidraw .panelColumn h3,
-.excalidraw .panelColumn legend,
-.excalidraw .panelColumn .control-label {
+.excalidraw .selected-shape-actions h3,
+.excalidraw .selected-shape-actions legend,
+.excalidraw .selected-shape-actions .control-label {
   margin: 0;
   margin-bottom: 0.25rem;
   font-size: 0.75rem;
@@ -5985,36 +6067,36 @@ body.excalidraw-cursor-resize * {
   font-weight: 400;
   display: block;
 }
-.excalidraw .panelColumn .control-label input {
+.excalidraw .selected-shape-actions .control-label input {
   display: block;
   width: 100%;
 }
-.excalidraw .panelColumn legend {
+.excalidraw .selected-shape-actions legend {
   padding: 0;
 }
-.excalidraw .panelColumn .iconSelectList {
+.excalidraw .selected-shape-actions .iconSelectList {
   flex-wrap: wrap;
   position: relative;
 }
-.excalidraw .panelColumn .buttonList {
+.excalidraw .selected-shape-actions .buttonList {
   flex-wrap: wrap;
   display: flex;
   column-gap: 0.5rem;
   row-gap: 0.5rem;
 }
-.excalidraw .panelColumn .buttonList label {
+.excalidraw .selected-shape-actions .buttonList label {
   font-size: 0.75rem;
 }
-.excalidraw .panelColumn .buttonList input[type=radio],
-.excalidraw .panelColumn .buttonList input[type=button] {
+.excalidraw .selected-shape-actions .buttonList input[type=radio],
+.excalidraw .selected-shape-actions .buttonList input[type=button] {
   opacity: 0;
   position: absolute;
   pointer-events: none;
 }
-.excalidraw .panelColumn .buttonList .iconRow {
+.excalidraw .selected-shape-actions .buttonList .iconRow {
   margin-top: 8px;
 }
-.excalidraw .panelColumn fieldset {
+.excalidraw .selected-shape-actions fieldset {
   margin: 0;
   padding: 0;
   border: none;
@@ -6113,10 +6195,6 @@ body.excalidraw-cursor-resize * {
   left: 0;
   right: 0;
   --bar-padding: calc(4 * var(--space-factor));
-  padding-top: max(var(--bar-padding), var(--sat,0));
-  padding-right: var(--sar, 0);
-  padding-bottom: var(--sab, 0);
-  padding-left: var(--sal, 0);
   z-index: 4;
   display: flex;
   align-items: flex-end;
@@ -6132,9 +6210,6 @@ body.excalidraw-cursor-resize * {
   flex-direction: column;
   pointer-events: var(--ui-pointerEvents);
 }
-.excalidraw .App-bottom-bar > .Island .panelColumn {
-  padding: 8px 8px 0 8px;
-}
 .excalidraw .App-toolbar {
   width: 100%;
 }
@@ -6162,6 +6237,9 @@ body.excalidraw-cursor-resize * {
   box-sizing: border-box;
   margin-bottom: var(--bar-padding);
 }
+.excalidraw .App-mobile-menu .selected-shape-actions {
+  padding: 8px 8px 0 8px;
+}
 .excalidraw .App-menu {
   display: grid;
   color: var(--icon-fill-color);