@excalidraw/excalidraw 0.18.0-195a743 → 0.18.0-200a6bd94

package/dist/dev/data/{image-TTQKTTOH.js → image-XM2PNARE.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-H3EW23X2.js";
-import "../chunk-WMGEUIQQ.js";
+} from "../chunk-VISTIWDQ.js";
+import "../chunk-CP5DND7P.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-TTQKTTOH.js.map
+//# sourceMappingURL=image-XM2PNARE.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;
@@ -1700,6 +1710,8 @@
   border-radius: var(--border-radius-lg);
   position: relative;
   transition: box-shadow 0.5s ease-in-out;
+  display: flex;
+  flex-direction: column;
 }
 .excalidraw .dropdown-menu--mobile .dropdown-menu-container.zen-mode {
   box-shadow: none;
@@ -1761,6 +1773,7 @@
   align-items: center;
   cursor: pointer;
   border-radius: var(--border-radius-md);
+  flex: 1 0 auto;
 }
 @media screen and (min-width: 1921px) {
   .excalidraw .dropdown-menu .dropdown-menu-item {
@@ -2949,6 +2962,7 @@
   display: flex;
   align-items: center;
   gap: 0.25rem;
+  overflow: hidden;
 }
 .excalidraw .command-palette-dialog .commands .item-selected {
   background-color: var(--color-surface-mid);
@@ -4111,18 +4125,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 {
@@ -5286,6 +5326,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;
@@ -5985,14 +6056,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;
@@ -6000,36 +6071,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;
@@ -6128,10 +6199,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;
@@ -6147,9 +6214,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%;
 }
@@ -6177,6 +6241,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);