@zsviczian/excalidraw 0.17.1-obsidian-20 → 0.17.1-obsidian-22

package/dist/styles.development.css

@@ -179,6 +179,7 @@
   --color-gray-85: #242424;
   --color-gray-90: #1e1e1e;
   --color-gray-100: #121212;
+  --color-disabled: var(--color-gray-40);
   --color-warning: #fceeca;
   --color-warning-dark: #f5c354;
   --color-warning-darker: #f3ab2c;
@@ -202,7 +203,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);
@@ -278,6 +279,7 @@
   --color-primary-light: #4f4d6f;
   --color-primary-light-darker: #43415e;
   --color-primary-hover: #bbb8ff;
+  --color-disabled: var(--color-gray-70);
   --color-text-warning: var(--color-gray-80);
   --color-danger: #ffa8a5;
   --color-danger-dark: #672120;
@@ -297,7 +299,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%);
@@ -368,8 +369,7 @@
   position: relative;
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .ToolIcon__hidden {
   display: none !important;
@@ -406,6 +406,13 @@
 .excalidraw .ToolIcon .ToolIcon__icon:active svg {
   color: var(--color-on-primary-container);
 }
+.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] {
+  background: initial;
+  border: none;
+}
+.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] svg {
+  color: var(--color-disabled);
+}
 .excalidraw .ToolIcon--plain {
   background-color: transparent;
 }
@@ -455,8 +462,7 @@
   font-size: 0.8em;
 }
 .excalidraw .ToolIcon_type_button,
-.excalidraw .Modal .ToolIcon_type_button,
-.excalidraw .ToolIcon_type_button {
+.excalidraw .Modal .ToolIcon_type_button {
   padding: 0;
   border: none;
   margin: 0;
@@ -464,33 +470,43 @@
   background-color: initial;
 }
 .excalidraw .ToolIcon_type_button:focus-visible,
-.excalidraw .Modal .ToolIcon_type_button:focus-visible,
-.excalidraw .ToolIcon_type_button:focus-visible {
+.excalidraw .Modal .ToolIcon_type_button:focus-visible {
   box-shadow: 0 0 0 2px var(--focus-highlight-color);
 }
 .excalidraw .ToolIcon_type_button.ToolIcon--selected,
-.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected,
-.excalidraw .ToolIcon_type_button.ToolIcon--selected {
+.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected {
   background-color: var(--button-gray-2);
 }
 .excalidraw .ToolIcon_type_button.ToolIcon--selected:active,
-.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,
-.excalidraw .ToolIcon_type_button.ToolIcon--selected:active {
+.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active {
   background-color: var(--button-gray-3);
 }
 .excalidraw .ToolIcon_type_button:active,
-.excalidraw .Modal .ToolIcon_type_button:active,
-.excalidraw .ToolIcon_type_button:active {
+.excalidraw .Modal .ToolIcon_type_button:active {
   background-color: var(--button-gray-3);
 }
+.excalidraw .ToolIcon_type_button:disabled,
+.excalidraw .Modal .ToolIcon_type_button:disabled {
+  cursor: default;
+}
+.excalidraw .ToolIcon_type_button:disabled:active, .excalidraw .ToolIcon_type_button:disabled:focus-visible, .excalidraw .ToolIcon_type_button:disabled:hover,
+.excalidraw .Modal .ToolIcon_type_button:disabled:active,
+.excalidraw .Modal .ToolIcon_type_button:disabled:focus-visible,
+.excalidraw .Modal .ToolIcon_type_button:disabled:hover {
+  background-color: initial;
+  border: none;
+  box-shadow: none;
+}
+.excalidraw .ToolIcon_type_button:disabled svg,
+.excalidraw .Modal .ToolIcon_type_button:disabled svg {
+  color: var(--color-disabled);
+}
 .excalidraw .ToolIcon_type_button--show,
-.excalidraw .Modal .ToolIcon_type_button--show,
-.excalidraw .ToolIcon_type_button--show {
+.excalidraw .Modal .ToolIcon_type_button--show {
   visibility: visible;
 }
 .excalidraw .ToolIcon_type_button--hide,
-.excalidraw .Modal .ToolIcon_type_button--hide,
-.excalidraw .ToolIcon_type_button--hide {
+.excalidraw .Modal .ToolIcon_type_button--hide {
   display: none !important;
 }
 .excalidraw .ToolIcon_type_floating {
@@ -520,8 +536,7 @@
   font-size: 0.625rem;
   color: var(--keybinding-color);
   font-family: var(--ui-font);
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 :root[dir=ltr] .excalidraw .unlocked-icon {
   left: 2px;
@@ -1237,8 +1252,7 @@
   display: flex;
   align-items: center;
   cursor: pointer;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   -webkit-tap-highlight-color: transparent;
 }
 .excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) {
@@ -1417,8 +1431,7 @@
 }
 
 .excalidraw .Dialog {
-  -webkit-user-select: text;
-          user-select: text;
+  user-select: text;
   cursor: auto;
 }
 .excalidraw .Dialog__title {
@@ -1640,8 +1653,7 @@
   font-family: inherit;
   font-size: 0.875rem;
   font-weight: 600;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .Dialog__action-button svg {
   display: block;
@@ -1895,6 +1907,11 @@
   margin-inline-start: auto;
   opacity: 0.5;
 }
+.excalidraw .dropdown-menu .dropdown-menu-item__shortcut--orphaned {
+  text-align: right;
+  font-size: 0.875rem;
+  padding: 0 0.625rem;
+}
 .excalidraw .dropdown-menu .dropdown-menu-item:hover {
   background-color: var(--button-hover) !important;
   text-decoration: none;
@@ -1908,6 +1925,21 @@
   height: 1rem;
   display: block;
 }
+.excalidraw .dropdown-menu .dropdown-menu-item-bare {
+  align-items: center;
+  height: 2rem;
+  justify-content: space-between;
+}
+@media screen and (min-width: 1921px) {
+  .excalidraw .dropdown-menu .dropdown-menu-item-bare {
+    height: 2.25rem;
+  }
+}
+.excalidraw .dropdown-menu .dropdown-menu-item-bare svg {
+  width: 1rem;
+  height: 1rem;
+  display: block;
+}
 .excalidraw .dropdown-menu .dropdown-menu-item-custom {
   margin-top: 0.5rem;
 }
@@ -2376,8 +2408,7 @@
   line-height: 150%;
   color: var(--ExcTextField--label-color);
   margin-bottom: 0.25rem;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .ExcTextField__input {
   box-sizing: border-box;
@@ -2525,8 +2556,7 @@
 }
 
 .excalidraw .command-palette-dialog {
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .command-palette-dialog .Modal__content {
   height: auto;
@@ -2586,8 +2616,7 @@
   box-sizing: border-box;
   margin-top: 12px;
   color: var(--popup-text-color);
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .command-palette-dialog .commands .command-category {
   display: flex;
@@ -2654,8 +2683,7 @@
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
   padding: 0;
   list-style: none;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   margin: -0.25rem 0 0 0.125rem;
   padding: 0.5rem 0;
   background-color: var(--popup-secondary-bg-color);
@@ -2772,8 +2800,7 @@
   font-weight: 600;
   font-size: 0.75rem;
   line-height: 100%;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   letter-spacing: 0.4px;
   transition: all 75ms ease-out;
 }
@@ -2919,8 +2946,7 @@
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .ImageExportModal h3 {
   font-family: "Assistant";
@@ -3074,8 +3100,7 @@
   border-width: 1px;
   border-style: solid;
   font-family: var(--font-family);
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw .ExcButton:hover {
   transition: all 150ms ease-out;
@@ -3889,7 +3914,6 @@
   }
 }
 .excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName {
-  width: -moz-fit-content;
   width: fit-content;
   margin: 1em auto;
   align-items: flex-start;
@@ -4787,6 +4811,11 @@
 /*!*****************************************************************************************************************************************************************************************************!*\
   !*** 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/SVGLayer.scss ***!
   \*****************************************************************************************************************************************************************************************************/
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
+}
+
 .excalidraw .SVGLayer {
   pointer-events: none;
   width: 100vw;
@@ -4794,7 +4823,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 2;
+  z-index: var(--zIndex-svgLayer);
 }
 .excalidraw .SVGLayer svg {
   image-rendering: auto;
@@ -4882,8 +4911,7 @@
   clip: rect(1px, 1px, 1px, 1px);
   white-space: nowrap;
   /* added line */
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 
 .LoadingMessage {
@@ -5004,6 +5032,7 @@
   --color-gray-85: #242424;
   --color-gray-90: #1e1e1e;
   --color-gray-100: #121212;
+  --color-disabled: var(--color-gray-40);
   --color-warning: #fceeca;
   --color-warning-dark: #f5c354;
   --color-warning-darker: #f3ab2c;
@@ -5027,7 +5056,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);
@@ -5103,6 +5132,7 @@
   --color-primary-light: #4f4d6f;
   --color-primary-light-darker: #43415e;
   --color-primary-hover: #bbb8ff;
+  --color-disabled: var(--color-gray-70);
   --color-text-warning: var(--color-gray-80);
   --color-danger: #ffa8a5;
   --color-danger-dark: #672120;
@@ -5122,7 +5152,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%);
@@ -5141,6 +5170,7 @@
 :root {
   --zIndex-canvas: 1;
   --zIndex-interactiveCanvas: 2;
+  --zIndex-svgLayer: 3;
   --zIndex-wysiwyg: 3;
   --zIndex-canvasButtons: 3;
   --zIndex-layerUI: 4;
@@ -5170,14 +5200,12 @@
   right: 0;
   height: 100%;
   width: 100%;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   /*zsviczian*/
 }
 .excalidraw button {
   cursor: pointer;
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
 }
 .excalidraw:focus {
   outline: none;
@@ -5187,8 +5215,7 @@
   font-weight: 500;
   text-decoration: none;
   color: var(--link-color);
-  -webkit-user-select: none;
-          user-select: none;
+  user-select: none;
   cursor: pointer;
 }
 .excalidraw .excalidraw-link:hover,
@@ -5789,8 +5816,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  -webkit-user-select: text;
-          user-select: text;
+  user-select: text;
 }
 .ErrorSplash.excalidraw .ErrorSplash-messageContainer {
   display: flex;
@@ -6082,9 +6108,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);
 }
@@ -6092,9 +6117,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);
 }
@@ -6113,12 +6137,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);
 }