@excalidraw/excalidraw 0.17.1-88812e0 → 0.17.1-96eeec5

package/dist/browser/dev/excalidraw-assets-dev/{en-TR4QLF5E.js → en-AZFA5HJJ.js}

@@ -7,6 +7,7 @@ import {
   colors,
   commandPalette,
   confirmDialog,
+  element,
   en_default,
   encrypted,
   errorDialog,
@@ -30,7 +31,7 @@ import {
   toolBar,
   userList,
   welcomeScreen
-} from "./chunk-XOM7LNOU.js";
+} from "./chunk-EM6LVGFW.js";
 import "./chunk-F3UQABQJ.js";
 export {
   alerts,
@@ -42,6 +43,7 @@ export {
   commandPalette,
   confirmDialog,
   en_default as default,
+  element,
   encrypted,
   errorDialog,
   errorSplash,
@@ -65,4 +67,4 @@ export {
   userList,
   welcomeScreen
 };
-//# sourceMappingURL=en-TR4QLF5E.js.map
+//# sourceMappingURL=en-AZFA5HJJ.js.map

package/dist/browser/dev/excalidraw-assets-dev/{image-LHMGJWTI.js → image-5XCR4WHS.js}

@@ -4,7 +4,7 @@ import {
   encodePngMetadata,
   encodeSvgMetadata,
   getTEXtChunk
-} from "./chunk-47LVF2XL.js";
+} from "./chunk-DEYXWPUO.js";
 import "./chunk-YRUDZAGT.js";
 import "./chunk-F3UQABQJ.js";
 export {
@@ -14,4 +14,4 @@ export {
   encodeSvgMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-LHMGJWTI.js.map
+//# sourceMappingURL=image-5XCR4WHS.js.map

package/dist/browser/dev/index.css

@@ -2243,7 +2243,7 @@
   --color-muted-darkest: var(--color-gray-100);
   --color-muted-background: var(--color-gray-80);
   --color-muted-background-darker: var(--color-gray-100);
-  --color-promo: #e70078;
+  --color-promo: var(--color-primary);
   --color-success: #268029;
   --color-success-lighter: #cafccc;
   --color-logo-icon: var(--color-primary);
@@ -2341,7 +2341,6 @@
   --color-muted-darkest: var(--color-gray-20);
   --color-muted-background: var(--color-gray-40);
   --color-muted-background-darker: var(--color-gray-20);
-  --color-promo: #d297ff;
   --color-logo-text: #e2dfff;
   --color-surface-high: hsl(245, 10%, 21%);
   --color-surface-low: hsl(240, 8%, 15%);
@@ -3253,55 +3252,6 @@
   color: var(--color-gray-60);
 }
 
-/* components/Stats.scss */
-:export {
-  themeFilter: invert(93%) hue-rotate(180deg);
-  rightSidebarWidth: 302px;
-}
-.excalidraw .Stats {
-  position: absolute;
-  top: 64px;
-  right: 12px;
-  font-size: 12px;
-  z-index: 10;
-  pointer-events: var(--ui-pointerEvents);
-}
-.excalidraw .Stats h3 {
-  margin: 0 24px 8px 0;
-  white-space: nowrap;
-}
-.excalidraw .Stats .close {
-  float: right;
-  height: 16px;
-  width: 16px;
-  cursor: pointer;
-}
-.excalidraw .Stats .close svg {
-  width: 100%;
-  height: 100%;
-}
-.excalidraw .Stats table {
-  width: 100%;
-}
-.excalidraw .Stats table th {
-  border-bottom: 1px solid var(--input-border-color);
-  padding: 4px;
-}
-.excalidraw .Stats table tr td:nth-child(2) {
-  min-width: 24px;
-  text-align: right;
-}
-:root[dir=rtl] .excalidraw .Stats {
-  left: 12px;
-  right: initial;
-}
-:root[dir=rtl] .excalidraw .Stats h3 {
-  margin: 0 0 8px 24px;
-}
-:root[dir=rtl] .excalidraw .Stats .close {
-  float: left;
-}
-
 /* components/PasteChartDialog.scss */
 :export {
   themeFilter: invert(93%) hue-rotate(180deg);
@@ -4235,6 +4185,84 @@
 .excalidraw .layer-ui__wrapper__top-right > * {
   pointer-events: var(--ui-pointerEvents);
 }
+.excalidraw .layer-ui__wrapper__top-right > .Stats {
+  width: 204px;
+  position: absolute;
+  top: 60px;
+  font-size: 12px;
+  z-index: var(--zIndex-layerUI);
+  pointer-events: var(--ui-pointerEvents);
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .title h2 {
+  margin: 0;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .sectionContent {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .elementType {
+  font-size: 12px;
+  font-weight: 700;
+  margin-top: 8px;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .elementsCount {
+  width: 100%;
+  font-size: 12px;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 8px;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .statsItem {
+  margin-top: 8px;
+  width: 100%;
+  margin-bottom: 4px;
+  display: grid;
+  gap: 4px;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .statsItem .label {
+  margin-right: 4px;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats h3 {
+  white-space: nowrap;
+  margin: 0;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .close {
+  height: 16px;
+  width: 16px;
+  cursor: pointer;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .close svg {
+  width: 100%;
+  height: 100%;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats table {
+  width: 100%;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats table th {
+  border-bottom: 1px solid var(--input-border-color);
+  padding: 4px;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats table tr td:nth-child(2) {
+  min-width: 24px;
+  text-align: right;
+}
+.excalidraw .layer-ui__wrapper__top-right > .Stats .divider {
+  width: 100%;
+  height: 1px;
+  background-color: var(--default-border-color);
+}
+:root[dir=rtl] .excalidraw .layer-ui__wrapper__top-right > .Stats {
+  left: 12px;
+  right: initial;
+}
 .excalidraw .layer-ui__wrapper__footer {
   width: 100%;
 }
@@ -4640,6 +4668,70 @@
   border-radius: 4px;
 }
 
+/* components/Stats/DragInput.scss */
+.excalidraw .drag-input-container {
+  display: flex;
+  width: 100%;
+}
+.excalidraw .drag-input-container:focus-within {
+  box-shadow: 0 0 0 1px var(--color-primary-darkest);
+  border-radius: var(--border-radius-lg);
+}
+.excalidraw .disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+.excalidraw .drag-input-label {
+  flex-shrink: 0;
+  border: 1px solid var(--default-border-color);
+  border-right: 0;
+  width: 2rem;
+  height: 2rem;
+  box-sizing: border-box;
+  color: var(--popup-text-color);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+}
+:root[dir=ltr] .excalidraw .drag-input-label {
+  border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);
+}
+:root[dir=rtl] .excalidraw .drag-input-label {
+  border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0;
+  border-right: 1px solid var(--default-border-color);
+  border-left: 0;
+}
+.excalidraw .drag-input {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  font-size: 0.875rem;
+  font-family: inherit;
+  background-color: transparent;
+  color: var(--text-primary-color);
+  border: 0;
+  outline: none;
+  height: 2rem;
+  border: 1px solid var(--default-border-color);
+  border-left: 0;
+  letter-spacing: 0.4px;
+  padding: 0.5rem;
+  padding-left: 0.25rem;
+  appearance: none;
+}
+:root[dir=ltr] .excalidraw .drag-input {
+  border-radius: 0 var(--border-radius-lg) var(--border-radius-lg) 0;
+}
+:root[dir=rtl] .excalidraw .drag-input {
+  border-radius: var(--border-radius-lg) 0 0 var(--border-radius-lg);
+  border-left: 1px solid var(--default-border-color);
+  border-right: 0;
+}
+.excalidraw .drag-input:focus-visible {
+  box-shadow: none;
+}
+
 /* components/Toast.scss */
 :export {
   themeFilter: invert(93%) hue-rotate(180deg);
@@ -4926,7 +5018,7 @@
   --color-muted-darkest: var(--color-gray-100);
   --color-muted-background: var(--color-gray-80);
   --color-muted-background-darker: var(--color-gray-100);
-  --color-promo: #e70078;
+  --color-promo: var(--color-primary);
   --color-success: #268029;
   --color-success-lighter: #cafccc;
   --color-logo-icon: var(--color-primary);
@@ -5024,7 +5116,6 @@
   --color-muted-darkest: var(--color-gray-20);
   --color-muted-background: var(--color-gray-40);
   --color-muted-background-darker: var(--color-gray-20);
-  --color-promo: #d297ff;
   --color-logo-text: #e2dfff;
   --color-surface-high: hsl(245, 10%, 21%);
   --color-surface-low: hsl(240, 8%, 15%);
@@ -5057,6 +5148,11 @@
   --sar: env(safe-area-inset-right);
   --sat: env(safe-area-inset-top);
 }
+body.excalidraw-cursor-resize,
+body.excalidraw-cursor-resize a:hover,
+body.excalidraw-cursor-resize * {
+  cursor: ew-resize;
+}
 .excalidraw {
   --ui-font:
     Assistant,
@@ -6005,9 +6101,8 @@
   text-decoration: none;
   background: var(--button-hover-bg);
 }
-.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut {
-  color: var(--color-gray-50);
-}
+.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,
+.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,
 .excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__text {
   color: var(--color-gray-100);
 }
@@ -6015,9 +6110,8 @@
   background: var(--button-hover-bg);
   border-color: var(--color-brand-active);
 }
-.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut {
-  color: var(--color-gray-50);
-}
+.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,
+.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,
 .excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__text {
   color: var(--color-gray-100);
 }
@@ -6036,12 +6130,13 @@
 .excalidraw.theme--dark .welcome-screen-menu-item:hover {
   background-color: var(--color-surface-low);
 }
-.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut {
-  color: var(--color-gray-50);
-}
+.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,
+.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,
 .excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__text {
   color: var(--color-gray-10);
 }
+.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,
+.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,
 .excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__text {
   color: var(--color-gray-10);
 }