npm - @zsviczian/excalidraw - Versions diffs - 0.18.0-4 → 0.18.0-5 - Mend

@zsviczian/excalidraw 0.18.0-4 → 0.18.0-5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (387) hide show

package/dist/styles.development.css CHANGED Viewed

@@ -407,7 +407,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;
@@ -499,7 +499,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%);
@@ -644,14 +644,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);
@@ -660,26 +662,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 {
@@ -722,10 +731,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);
@@ -1201,7 +1211,7 @@
 .excalidraw .range-wrapper {
   position: relative;
   padding-top: 10px;
-  padding-bottom: 30px;
+  padding-bottom: 25px;
 }
 .excalidraw .range-input {
   width: 100%;
@@ -2548,7 +2558,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;
@@ -2640,7 +2650,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%);
@@ -2992,9 +3002,9 @@
   height: 16px;
   margin-right: 6px;
 }
-/*!**************************************************************************************************************************************************************************************************************!*\
-  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./element/ElementCanvasButtons.scss ***!
-  \**************************************************************************************************************************************************************************************************************/
+/*!*****************************************************************************************************************************************************************************************************************!*\
+  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../../node_modules/sass-loader/dist/cjs.js!./components/ElementCanvasButtons.scss ***!
+  \*****************************************************************************************************************************************************************************************************************/
 .excalidraw .excalidraw-canvas-buttons {
   position: absolute;
   box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.3);
@@ -3221,10 +3231,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;
@@ -3232,26 +3244,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%;
@@ -3263,21 +3267,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;
 }
@@ -3323,6 +3317,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;
@@ -5858,7 +5855,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;
@@ -5950,7 +5947,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%);