@myoc/excalidraw 0.18.1 → 0.18.3

package/dist/dev/data/{image-ZD4HK457.js → image-I5I3FC2R.js}

@@ -2,12 +2,12 @@ import {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
-} from "../chunk-ND5KUA7P.js";
-import "../chunk-IVKGBVG7.js";
+} from "../chunk-S4MA4GYT.js";
+import "../chunk-3K6YEH7O.js";
 import "../chunk-XDFCUUT6.js";
 export {
   decodePngMetadata,
   encodePngMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-ZD4HK457.js.map
+//# sourceMappingURL=image-I5I3FC2R.js.map

package/dist/dev/index.css

@@ -376,7 +376,7 @@
   --border-radius-md: 0.375rem;
   --border-radius-lg: 0.5rem;
   --color-surface-high: #f1f0ff;
-  --color-surface-mid: #f2f2f7;
+  --color-surface-mid: #f6f6f9;
   --color-surface-low: #ececf4;
   --color-surface-lowest: #ffffff;
   --color-on-surface: #1b1b1f;
@@ -470,7 +470,7 @@
   --color-muted-background: var(--color-gray-40);
   --color-muted-background-darker: var(--color-gray-20);
   --color-logo-text: #e2dfff;
-  --color-surface-high: hsl(245, 10%, 21%);
+  --color-surface-high: #2e2d39;
   --color-surface-low: hsl(240, 8%, 15%);
   --color-surface-mid: hsl(240 6% 10%);
   --color-surface-lowest: hsl(0, 0%, 7%);
@@ -611,14 +611,16 @@
 .excalidraw .color-picker__top-picks {
   display: flex;
   justify-content: space-between;
+  align-items: center;
 }
 .excalidraw .color-picker__button {
-  --radius: 0.25rem;
+  --radius: 4px;
+  --size: 1.375rem;
   padding: 0;
   margin: 0;
-  width: 1.35rem;
-  height: 1.35rem;
-  border: 1px solid var(--color-gray-30);
+  width: var(--size);
+  height: var(--size);
+  border: 0;
   border-radius: var(--radius);
   filter: var(--theme-filter);
   background-color: var(--swatch-color);
@@ -627,26 +629,33 @@
   font-family: inherit;
   box-sizing: border-box;
 }
-.excalidraw .color-picker__button:hover::after {
+.excalidraw .color-picker__button.has-outline {
+  box-shadow: inset 0 0 0 1px #d9d9d9;
+}
+.excalidraw .color-picker__button:hover:not(.active):not(.color-picker__button--large) {
+  transform: scale(1.075);
+}
+.excalidraw .color-picker__button:hover:not(.active).color-picker__button--large::after {
   content: "";
   position: absolute;
-  top: -2px;
-  left: -2px;
-  right: -2px;
-  bottom: -2px;
+  top: -1px;
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
   box-shadow: 0 0 0 1px var(--color-gray-30);
-  border-radius: calc(var(--radius) + 1px);
+  border-radius: var(--radius);
   filter: var(--theme-filter);
 }
 .excalidraw .color-picker__button.active .color-picker__button-outline {
   position: absolute;
-  top: -2px;
-  left: -2px;
-  right: -2px;
-  bottom: -2px;
+  --offset: -1px;
+  top: var(--offset);
+  left: var(--offset);
+  right: var(--offset);
+  bottom: var(--offset);
   box-shadow: 0 0 0 1px var(--color-primary-darkest);
   z-index: 1;
-  border-radius: calc(var(--radius) + 1px);
+  border-radius: var(--radius);
   filter: var(--theme-filter);
 }
 .excalidraw .color-picker__button:focus-visible {
@@ -689,10 +698,11 @@
 }
 .excalidraw .color-picker__button__hotkey-label {
   position: absolute;
-  right: 4px;
-  bottom: 4px;
+  right: 5px;
+  bottom: 3px;
   filter: none;
   font-size: 11px;
+  font-weight: 500;
 }
 .excalidraw .color-picker {
   background: var(--popup-bg-color);
@@ -1160,7 +1170,7 @@
 .excalidraw .range-wrapper {
   position: relative;
   padding-top: 10px;
-  padding-bottom: 30px;
+  padding-bottom: 25px;
 }
 .excalidraw .range-input {
   width: 100%;
@@ -2511,7 +2521,7 @@
   --border-radius-md: 0.375rem;
   --border-radius-lg: 0.5rem;
   --color-surface-high: #f1f0ff;
-  --color-surface-mid: #f2f2f7;
+  --color-surface-mid: #f6f6f9;
   --color-surface-low: #ececf4;
   --color-surface-lowest: #ffffff;
   --color-on-surface: #1b1b1f;
@@ -2605,7 +2615,7 @@
   --color-muted-background: var(--color-gray-40);
   --color-muted-background-darker: var(--color-gray-20);
   --color-logo-text: #e2dfff;
-  --color-surface-high: hsl(245, 10%, 21%);
+  --color-surface-high: #2e2d39;
   --color-surface-low: hsl(240, 8%, 15%);
   --color-surface-mid: hsl(240 6% 10%);
   --color-surface-lowest: hsl(0, 0%, 7%);
@@ -2947,7 +2957,7 @@
   margin-right: 6px;
 }
 
-/* element/ElementCanvasButtons.scss */
+/* components/ElementCanvasButtons.scss */
 .excalidraw .excalidraw-canvas-buttons {
   position: absolute;
   box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.3);
@@ -4407,10 +4417,12 @@
 .excalidraw .drag-input-container {
   display: flex;
   width: 100%;
+  border-radius: var(--border-radius-lg);
 }
 .excalidraw .drag-input-container:focus-within {
   box-shadow: 0 0 0 1px var(--color-primary-darkest);
   border-radius: var(--border-radius-md);
+  background: transparent;
 }
 .excalidraw .disabled {
   opacity: 0.5;
@@ -4418,26 +4430,18 @@
 }
 .excalidraw .drag-input-label {
   flex-shrink: 0;
-  border: 1px solid var(--default-border-color);
-  border-right: 0;
-  padding: 0 0.5rem 0 0.75rem;
+  border: 0;
+  padding: 0 0.5rem 0 0.25rem;
   min-width: 1rem;
+  width: 1.5rem;
   height: 2rem;
-  box-sizing: border-box;
+  box-sizing: content-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-md) 0 0 var(--border-radius-md);
-}
-:root[dir=rtl] .excalidraw .drag-input-label {
-  border-radius: 0 var(--border-radius-md) var(--border-radius-md) 0;
-  border-right: 1px solid var(--default-border-color);
-  border-left: 0;
-}
 .excalidraw .drag-input {
   box-sizing: border-box;
   width: 100%;
@@ -4449,21 +4453,11 @@
   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-md) var(--border-radius-md) 0;
-}
-:root[dir=rtl] .excalidraw .drag-input {
-  border-radius: var(--border-radius-md) 0 0 var(--border-radius-md);
-  border-left: 1px solid var(--default-border-color);
-  border-right: 0;
-}
 .excalidraw .drag-input:focus-visible {
   box-shadow: none;
 }
@@ -4508,6 +4502,9 @@
 .exc-stats__row div + div {
   text-align: right;
 }
+.exc-stats__row:empty {
+  display: none;
+}
 .exc-stats__row--heading {
   text-align: center;
   font-weight: bold;
@@ -5798,7 +5795,7 @@
   --border-radius-md: 0.375rem;
   --border-radius-lg: 0.5rem;
   --color-surface-high: #f1f0ff;
-  --color-surface-mid: #f2f2f7;
+  --color-surface-mid: #f6f6f9;
   --color-surface-low: #ececf4;
   --color-surface-lowest: #ffffff;
   --color-on-surface: #1b1b1f;
@@ -5892,7 +5889,7 @@
   --color-muted-background: var(--color-gray-40);
   --color-muted-background-darker: var(--color-gray-20);
   --color-logo-text: #e2dfff;
-  --color-surface-high: hsl(245, 10%, 21%);
+  --color-surface-high: #2e2d39;
   --color-surface-low: hsl(240, 8%, 15%);
   --color-surface-mid: hsl(240 6% 10%);
   --color-surface-lowest: hsl(0, 0%, 7%);