@myoc/excalidraw 0.19.502 → 0.19.503

package/dist/dev/data/{image-BOZX7YCK.js → image-I24D3FB6.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-WGIZZ2NT.js";
-import "../chunk-ERXRO4IP.js";
+} from "../chunk-YVUPBWS6.js";
+import "../chunk-OF725VHI.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-BOZX7YCK.js.map
+//# sourceMappingURL=image-I24D3FB6.js.map

package/dist/dev/index.css

@@ -284,9 +284,13 @@
   --popup-text-inverted-color: #fff;
   --select-highlight-color: #339af0;
   --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
     0px 7px 14px 0px rgba(0, 0, 0, 0.05);
+  --shadow-island-stronger:
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
+    0px 7px 14px 0px rgb(0 0 0 / 18%);
   --button-hover-bg: var(--color-surface-high);
   --button-active-bg: var(--color-surface-high);
   --button-active-border: var(--color-brand-active);
@@ -439,10 +443,6 @@
   --popup-text-color: #ced4da;
   --popup-text-inverted-color: #2c2c2c;
   --select-highlight-color: #4dabf7;
-  --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
-    0px 7px 14px 0px rgba(0, 0, 0, 0.05);
   --modal-shadow:
     0px 100px 80px rgba(0, 0, 0, 0.07),
     0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
@@ -1137,13 +1137,18 @@
   padding: 0.5rem;
   background: var(--popup-bg-color);
   border: 0 solid rgba(255, 255, 255, 0.25);
-  box-shadow: var(--shadow-island);
+  box-shadow: var(--shadow-island-stronger);
   border-radius: 4px;
-  position: absolute;
 }
 :root[dir=rtl] .excalidraw .picker {
   padding: 0.4rem;
 }
+.excalidraw .picker-sections,
+.excalidraw .picker-section {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
 .excalidraw .picker-container button,
 .excalidraw .picker button {
   position: relative;
@@ -1190,7 +1195,12 @@
 }
 .excalidraw .picker-collapsible {
   font-size: 0.75rem;
-  padding: 0.5rem 0;
+  padding: 0;
+  color: var(--text-primary-color);
+}
+.excalidraw .picker-section-label {
+  font-size: 0.75rem;
+  color: var(--text-primary-color);
 }
 .excalidraw .picker-keybinding {
   position: absolute;
@@ -1415,6 +1425,62 @@
   background: none;
 }
 
+/* components/Toast.scss */
+.excalidraw .Toast {
+  animation: Toast-fade-in 0.5s;
+  min-width: 220px;
+  max-width: min(360px, 100vw - 32px);
+  border-radius: var(--border-radius-lg);
+  border: 1px solid var(--default-border-color);
+  background-color: var(--island-bg-color);
+  color: var(--text-primary-color);
+  padding: 0.5rem 0.75rem;
+  box-shadow: 0 0 0 1px var(--color-surface-lowest);
+  box-sizing: border-box;
+  cursor: default;
+  pointer-events: none;
+}
+.excalidraw .Toast .Toast__message {
+  font-family: var(--ui-font);
+  font-size: 0.75rem;
+  line-height: 1.25rem;
+  text-align: center;
+  padding: 0 1.6rem;
+  white-space: pre-wrap;
+}
+.excalidraw .Toast .Toast__progress-bar {
+  margin-top: 0.35rem;
+  width: 100%;
+  height: 4px;
+  border-radius: 999px;
+  background-color: var(--button-gray-2);
+  overflow: hidden;
+}
+.excalidraw .Toast .Toast__progress-bar-fill {
+  height: 100%;
+  border-radius: inherit;
+  background-color: var(--color-primary);
+}
+.excalidraw .Toast .close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0.4rem;
+  pointer-events: auto;
+}
+.excalidraw .Toast .close .ToolIcon__icon {
+  width: 1.2rem;
+  height: 1.2rem;
+}
+@keyframes Toast-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 /* components/Avatar.scss */
 .excalidraw .Avatar {
   width: var(--avatar-size, 1.5rem);
@@ -1747,36 +1813,39 @@
 
 /* components/dropdownMenu/DropdownMenu.scss */
 .excalidraw .dropdown-menu {
-  position: absolute;
-  top: 2.5rem;
-  margin-top: 0.5rem;
   max-width: 16rem;
+  z-index: 1;
 }
 .excalidraw .dropdown-menu--placement-top {
-  top: auto;
-  bottom: 100%;
-  margin-top: 0;
   margin-bottom: 0.5rem;
 }
+.excalidraw .dropdown-menu__submenu-trigger[aria-expanded=true] .dropdown-menu-item {
+  background-color: var(--button-hover-bg);
+}
+.excalidraw .dropdown-menu__submenu-trigger-icon {
+  margin-left: auto;
+  opacity: 0.5;
+}
+.excalidraw .dropdown-menu__submenu-trigger-icon svg g {
+  stroke-width: 2;
+}
 .excalidraw .dropdown-menu--mobile {
   width: 100%;
   row-gap: 0.75rem;
 }
-.excalidraw .dropdown-menu--mobile.main-menu-dropdown {
+.excalidraw .dropdown-menu--mobile.main-menu {
   min-width: 232px;
   margin-top: 0;
   margin-bottom: 0;
 }
 @media screen and (orientation: landscape) {
-  .excalidraw .dropdown-menu--mobile.main-menu-dropdown {
+  .excalidraw .dropdown-menu--mobile.main-menu {
     max-width: 232px;
   }
 }
 .excalidraw .dropdown-menu--mobile .dropdown-menu-container {
   padding: 8px 8px;
   box-sizing: border-box;
-  max-height: calc(100svh - var(--editor-container-padding) * 2 - 2.25rem);
-  box-shadow: var(--shadow-island);
   border-radius: var(--border-radius-lg);
   position: relative;
   transition: box-shadow 0.5s ease-in-out;
@@ -1790,11 +1859,19 @@
 .excalidraw .dropdown-menu .dropdown-menu-container {
   background-color: var(--island-bg-color);
   overflow-y: auto;
-  --gap: 2;
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  box-shadow: var(--box-shadow, var(--shadow-island));
+  max-height: calc(100svh - var(--editor-container-padding) * 2 - 2.25rem);
+}
+.excalidraw.theme--dark.excalidraw .dropdown-menu .dropdown-menu-container {
+  box-shadow: var(--box-shadow, var(--shadow-island)), 0 0 0 1px rgba(0, 0, 0, 0.15);
 }
 .excalidraw .dropdown-menu .dropdown-menu-item-base {
   display: flex;
   column-gap: 0.625rem;
+  padding: 0 0.5rem;
   font-size: 0.875rem;
   color: var(--color-on-surface);
   width: 100%;
@@ -1835,11 +1912,9 @@
 }
 .excalidraw .dropdown-menu .dropdown-menu-item {
   height: 2rem;
-  margin: 1px;
   padding: 0 0.5rem;
-  width: calc(100% - 2px);
   background-color: transparent;
-  border: 1px solid transparent;
+  border: none;
   align-items: center;
   cursor: pointer;
   border-radius: var(--border-radius-md);
@@ -1878,7 +1953,19 @@
 }
 .excalidraw .dropdown-menu .dropdown-menu-item:active {
   background-color: var(--button-hover-bg);
-  border-color: var(--color-brand-active);
+  box-shadow: 0 0 0 1px var(--color-brand-active);
+}
+.excalidraw .dropdown-menu .dropdown-menu-item[disabled] {
+  cursor: not-allowed;
+  opacity: 0.5;
+  pointer-events: none;
+}
+.excalidraw .dropdown-menu .dropdown-menu-item[disabled]:hover {
+  background-color: transparent;
+}
+.excalidraw .dropdown-menu .dropdown-menu-item[disabled]:active {
+  background-color: transparent;
+  box-shadow: none;
 }
 .excalidraw .dropdown-menu .dropdown-menu-item svg {
   width: 1rem;
@@ -1969,7 +2056,7 @@
   text-decoration: none;
 }
 .excalidraw .dropdown-menu-button:active {
-  border-color: var(--color-primary);
+  box-shadow: 0 0 0 1px var(--color-primary);
 }
 .excalidraw .dropdown-menu-button[disabled] {
   cursor: not-allowed;
@@ -1979,7 +2066,7 @@
   background-color: var(--background);
 }
 .excalidraw .dropdown-menu-button[disabled]:active {
-  border-color: transparent;
+  box-shadow: none;
 }
 .excalidraw.theme--dark.excalidraw .dropdown-menu-button[disabled]:hover {
   --background: var(--color-surface-high);
@@ -2308,9 +2395,13 @@
   --popup-text-inverted-color: #fff;
   --select-highlight-color: #339af0;
   --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
     0px 7px 14px 0px rgba(0, 0, 0, 0.05);
+  --shadow-island-stronger:
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
+    0px 7px 14px 0px rgb(0 0 0 / 18%);
   --button-hover-bg: var(--color-surface-high);
   --button-active-bg: var(--color-surface-high);
   --button-active-border: var(--color-brand-active);
@@ -2463,10 +2554,6 @@
   --popup-text-color: #ced4da;
   --popup-text-inverted-color: #2c2c2c;
   --select-highlight-color: #4dabf7;
-  --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
-    0px 7px 14px 0px rgba(0, 0, 0, 0.05);
   --modal-shadow:
     0px 100px 80px rgba(0, 0, 0, 0.07),
     0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
@@ -2767,9 +2854,9 @@
 }
 .excalidraw .layer-ui__library .dropdown-menu .dropdown-menu-container {
   width: 196px;
-  box-shadow: var(--library-dropdown-shadow);
   border-radius: var(--border-radius-lg);
   padding: 0.25rem 0.5rem;
+  --box-shadow: var(--library-dropdown-shadow);
 }
 .excalidraw .layer-ui__library .library-menu-dropdown-container {
   z-index: 1;
@@ -3474,6 +3561,37 @@
 }
 
 /* components/PasteChartDialog.scss */
+.excalidraw .PasteChartDialog .PasteChartDialog__title {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+.excalidraw .PasteChartDialog .PasteChartDialog__titleText {
+  min-width: 0;
+}
+.excalidraw .PasteChartDialog .PasteChartDialog__reshuffleBtn {
+  margin-left: auto;
+  flex: 0 0 auto;
+  width: 1rem;
+  height: 1rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  cursor: pointer;
+  color: var(--text-primary-color);
+  transition:
+    transform 120ms ease,
+    background-color 120ms ease,
+    color 120ms ease;
+  user-select: none;
+}
+.excalidraw .PasteChartDialog .PasteChartDialog__reshuffleBtn:hover {
+  color: #228be6;
+}
+.excalidraw .PasteChartDialog .PasteChartDialog__reshuffleBtn:active {
+  transform: scale(0.94);
+}
 .excalidraw--mobile.excalidraw .PasteChartDialog .Island {
   display: flex;
   flex-direction: column;
@@ -3481,36 +3599,61 @@
 .excalidraw .PasteChartDialog .container {
   display: flex;
   align-items: center;
-  justify-content: space-around;
+  justify-content: center;
   flex-wrap: wrap;
+  gap: 1rem;
 }
 .excalidraw--mobile.excalidraw .PasteChartDialog .container {
   flex-direction: column;
   justify-content: center;
+  align-items: stretch;
 }
 .excalidraw .PasteChartDialog .ChartPreview {
-  margin: 8px;
-  text-align: center;
-  width: 192px;
-  height: 128px;
-  border-radius: 2px;
-  padding: 1px;
-  border: 1px solid var(--button-grey-4);
+  width: 260px;
+  min-height: 190px;
+  border-radius: 8px;
+  padding: 10px;
+  border: 1px solid #ced4da;
   display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  gap: 10px;
+  background: transparent;
+}
+.excalidraw .PasteChartDialog .ChartPreview .ChartPreview__canvas {
+  display: flex;
+  flex: 1;
   align-items: center;
   justify-content: center;
-  background: transparent;
+  overflow: hidden;
 }
-.excalidraw .PasteChartDialog .ChartPreview div {
-  display: inline-block;
+.excalidraw .PasteChartDialog .ChartPreview .ChartPreview__label {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1;
+  text-align: center;
+  color: var(--text-primary-color);
 }
 .excalidraw .PasteChartDialog .ChartPreview svg {
-  max-height: 120px;
-  max-width: 186px;
+  max-height: 144px;
+  max-width: 100%;
 }
 .excalidraw .PasteChartDialog .ChartPreview:hover {
-  padding: 0;
-  border: 2px solid #339af0;
+  border-color: #339af0;
+}
+.excalidraw .PasteChartDialog .ChartPreview:active {
+  border-color: #339af0;
+  box-shadow: 0 0 0 1px #339af0;
+  transform: scale(0.98);
+}
+.excalidraw .PasteChartDialog .ChartPreview:focus-visible {
+  border-color: #339af0;
+  box-shadow: 0 0 0 1px #339af0;
+}
+.excalidraw--mobile.excalidraw .PasteChartDialog .ChartPreview {
+  width: 100%;
+  min-height: 200px;
 }
 
 /* components/UserList.scss */
@@ -4064,6 +4207,7 @@
 .excalidraw .ExcButton.ExcButton--status-loading,
 .excalidraw .ExcButton.ExcButton--status-success {
   pointer-events: none;
+  background-color: var(--color-success);
 }
 .excalidraw .ExcButton.ExcButton--status-loading .ExcButton__contents,
 .excalidraw .ExcButton.ExcButton--status-success .ExcButton__contents {
@@ -5470,46 +5614,6 @@
   left: 0;
 }
 
-/* components/Toast.scss */
-.excalidraw .Toast {
-  animation: fade-in 0.5s;
-  background-color: var(--button-gray-1);
-  border-radius: 4px;
-  bottom: 10px;
-  box-sizing: border-box;
-  cursor: default;
-  left: 50%;
-  margin-left: -150px;
-  padding: 4px 0;
-  position: absolute;
-  text-align: center;
-  width: 300px;
-  z-index: 999999;
-}
-.excalidraw .Toast .Toast__message {
-  padding: 0 1.6rem;
-  color: var(--popup-text-color);
-  white-space: pre-wrap;
-}
-.excalidraw .Toast .close {
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 0.4rem;
-}
-.excalidraw .Toast .close .ToolIcon__icon {
-  width: 1.2rem;
-  height: 1.2rem;
-}
-@keyframes fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
 /* components/UnlockPopup.scss */
 .excalidraw .UnlockPopup {
   position: absolute;
@@ -5681,7 +5785,7 @@
 .excalidraw.theme--dark .welcome-screen-decor {
   color: var(--color-gray-60);
 }
-@media (max-height: 599px) {
+@media (max-height: 780px) {
   .excalidraw .welcome-screen-decor-hint {
     display: none !important;
   }
@@ -5777,6 +5881,7 @@
 .excalidraw .welcome-screen-center__heading {
   font-size: 1.125rem;
   text-align: center;
+  line-height: 1.35rem;
 }
 .excalidraw .welcome-screen-menu {
   display: flex;
@@ -5933,9 +6038,13 @@
   --popup-text-inverted-color: #fff;
   --select-highlight-color: #339af0;
   --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
     0px 7px 14px 0px rgba(0, 0, 0, 0.05);
+  --shadow-island-stronger:
+    0px 0px 1px 0px rgba(0, 0, 0, 0.17),
+    0px 0px 3px 0px rgba(0, 0, 0, 0.08),
+    0px 7px 14px 0px rgb(0 0 0 / 18%);
   --button-hover-bg: var(--color-surface-high);
   --button-active-bg: var(--color-surface-high);
   --button-active-border: var(--color-brand-active);
@@ -6088,10 +6197,6 @@
   --popup-text-color: #ced4da;
   --popup-text-inverted-color: #2c2c2c;
   --select-highlight-color: #4dabf7;
-  --shadow-island:
-    0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
-    0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
-    0px 7px 14px 0px rgba(0, 0, 0, 0.05);
   --modal-shadow:
     0px 100px 80px rgba(0, 0, 0, 0.07),
     0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
@@ -6159,6 +6264,7 @@
   --zIndex-ui-context-menu: 90;
   --zIndex-ui-styles-popup: 100;
   --zIndex-ui-top: 100;
+  --zIndex-ui-main-menu: 110;
   --zIndex-ui-library: 120;
   --zIndex-modal: 1000;
   --zIndex-popup: 1001;
@@ -6329,6 +6435,9 @@ body.excalidraw-cursor-resize * {
   outline: transparent;
   box-shadow: 0 0 0 1px var(--color-brand-hover);
 }
+.excalidraw [data-radix-collection-item]:focus-visible {
+  box-shadow: none !important;
+}
 .excalidraw .buttonList .ToolIcon__icon {
   all: unset !important;
   display: flex !important;
@@ -6613,6 +6722,24 @@ body.excalidraw-cursor-resize * {
 .excalidraw .scroll-back-to-content:active {
   border: 1px solid var(--button-active-border);
 }
+.excalidraw .floating-status-stack {
+  position: absolute;
+  left: 50%;
+  bottom: 30px;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.5rem;
+  pointer-events: none;
+}
+.excalidraw .floating-status-stack .scroll-back-to-content {
+  position: static;
+  left: auto;
+  bottom: auto;
+  transform: none;
+  pointer-events: var(--ui-pointerEvents);
+}
 .excalidraw .help-icon {
   display: flex;
   justify-content: center;
@@ -6849,6 +6976,9 @@ body.excalidraw-cursor-resize * {
   margin: 0 0 0.25rem;
   padding: 0;
 }
+.excalidraw .main-menu {
+  z-index: var(--zIndex-ui-main-menu);
+}
 .excalidraw .main-menu-trigger {
   border: none;
   box-shadow: 0 0 0 1px var(--color-surface-lowest);