@excalidraw/excalidraw 0.17.1-1d71f84 → 0.17.1-22b3927

package/dist/browser/dev/excalidraw-assets-dev/{flowchart-elk-definition-5fe447d6-27LUKRI6.js → flowchart-elk-definition-5fe447d6-25Y7PCBL.js}

@@ -1,7 +1,7 @@
 import {
   db,
   parser$1
-} from "./chunk-YZIOORVX.js";
+} from "./chunk-LVIQQW6F.js";
 import {
   addEdgeMarkers,
   getLineFunctionsWithOffset,
@@ -9,8 +9,8 @@ import {
   insertMarkers$1,
   insertNode,
   labelHelper
-} from "./chunk-HO2HMSK7.js";
-import "./chunk-MXVETLVM.js";
+} from "./chunk-4KQVEBHW.js";
+import "./chunk-JYIQCNWV.js";
 import {
   common$1,
   getConfig$1,
@@ -24,7 +24,7 @@ import {
   require_purify,
   select_default,
   setupGraphViewbox$1
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -93519,4 +93519,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=flowchart-elk-definition-5fe447d6-27LUKRI6.js.map
+//# sourceMappingURL=flowchart-elk-definition-5fe447d6-25Y7PCBL.js.map

package/dist/browser/dev/excalidraw-assets-dev/{ganttDiagram-9a3bba1f-EHGYGNG6.js → ganttDiagram-9a3bba1f-GNL6ZDTC.js}

@@ -36,7 +36,7 @@ import {
   timeTuesday,
   timeWednesday,
   utils
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -2325,4 +2325,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=ganttDiagram-9a3bba1f-EHGYGNG6.js.map
+//# sourceMappingURL=ganttDiagram-9a3bba1f-GNL6ZDTC.js.map

package/dist/browser/dev/excalidraw-assets-dev/{gitGraphDiagram-96e6b4ee-AJQNBDW5.js → gitGraphDiagram-96e6b4ee-HNW52NVO.js}

@@ -16,7 +16,7 @@ import {
   setDiagramTitle,
   setupGraphViewbox,
   utils
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -1818,4 +1818,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=gitGraphDiagram-96e6b4ee-AJQNBDW5.js.map
+//# sourceMappingURL=gitGraphDiagram-96e6b4ee-HNW52NVO.js.map

package/dist/browser/dev/excalidraw-assets-dev/{image-EDKQZH7Z.js → image-J7S3ALXP.js}

@@ -4,7 +4,7 @@ import {
   encodePngMetadata,
   encodeSvgMetadata,
   getTEXtChunk
-} from "./chunk-RWZVJAQU.js";
+} from "./chunk-VC7RRIDZ.js";
 import "./chunk-YRUDZAGT.js";
 import "./chunk-F3UQABQJ.js";
 export {
@@ -14,4 +14,4 @@ export {
   encodeSvgMetadata,
   getTEXtChunk
 };
-//# sourceMappingURL=image-EDKQZH7Z.js.map
+//# sourceMappingURL=image-J7S3ALXP.js.map

package/dist/browser/dev/excalidraw-assets-dev/{image-OFRRV5MB.css → image-O66MQ7WQ.css}

@@ -3,4 +3,4 @@
   themeFilter: invert(93%) hue-rotate(180deg);
   rightSidebarWidth: 302px;
 }
-/*# sourceMappingURL=image-OFRRV5MB.css.map */
+/*# sourceMappingURL=image-O66MQ7WQ.css.map */

package/dist/browser/dev/excalidraw-assets-dev/image-O66MQ7WQ.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../css/variables.module.scss"],
+  "sourcesContent": ["@import \"open-color/open-color.scss\";\n\n@mixin isMobile() {\n  @at-root .excalidraw--mobile#{&} {\n    @content;\n  }\n}\n\n@mixin toolbarButtonColorStates {\n  &.fillable {\n    .ToolIcon_type_radio,\n    .ToolIcon_type_checkbox {\n      &:checked + .ToolIcon__icon {\n        --icon-fill-color: var(--color-on-primary-container);\n\n        svg {\n          fill: var(--icon-fill-color);\n        }\n      }\n    }\n  }\n\n  .ToolIcon_type_radio,\n  .ToolIcon_type_checkbox {\n    &:checked + .ToolIcon__icon {\n      background: var(--color-surface-primary-container);\n      --keybinding-color: var(--color-on-primary-container);\n\n      svg {\n        color: var(--color-on-primary-container);\n      }\n    }\n  }\n\n  .ToolIcon__keybinding {\n    bottom: 4px;\n    right: 4px;\n  }\n\n  .ToolIcon__icon {\n    &:hover {\n      background: var(--button-hover-bg);\n    }\n\n    &:active {\n      background: var(--button-hover-bg);\n      border: 1px solid var(--button-active-border);\n\n      svg {\n        color: var(--color-on-primary-container);\n      }\n    }\n\n    &[aria-disabled=\"true\"] {\n      background: initial;\n      border: none;\n\n      svg {\n        color: var(--color-disabled);\n      }\n    }\n  }\n}\n\n@mixin outlineButtonStyles {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0.625rem;\n  width: var(--button-width, var(--default-button-size));\n  height: var(--button-height, var(--default-button-size));\n  box-sizing: border-box;\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--button-border, var(--default-border-color));\n  border-radius: var(--border-radius-lg);\n  cursor: pointer;\n  background-color: var(--button-bg, var(--island-bg-color));\n  color: var(--button-color, var(--color-on-surface));\n  font-family: var(--ui-font);\n\n  svg {\n    width: var(--button-width, var(--lg-icon-size));\n    height: var(--button-height, var(--lg-icon-size));\n  }\n\n  &:hover {\n    background-color: var(--button-hover-bg, var(--island-bg-color));\n    border-color: var(\n      --button-hover-border,\n      var(--button-border, var(--default-border-color))\n    );\n    color: var(\n      --button-hover-color,\n      var(--button-color, var(--text-primary-color, inherit))\n    );\n  }\n\n  &:active {\n    background-color: var(--button-active-bg, var(--island-bg-color));\n    border-color: var(--button-active-border, var(--color-primary-darkest));\n  }\n\n  &.active {\n    background-color: var(\n      --button-selected-bg,\n      var(--color-surface-primary-container)\n    );\n    border-color: var(\n      --button-selected-border,\n      var(--color-surface-primary-container)\n    );\n\n    &:hover {\n      background-color: var(\n        --button-selected-hover-bg,\n        var(--color-surface-primary-container)\n      );\n    }\n\n    svg {\n      color: var(--button-color, var(--color-on-primary-container));\n    }\n  }\n}\n\n@mixin avatarStyles {\n  width: var(--avatar-size, 1.5rem);\n  height: var(--avatar-size, 1.5rem);\n  position: relative;\n  border-radius: 100%;\n  outline-offset: 2px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  font-size: 0.75rem;\n  font-weight: 800;\n  line-height: 1;\n  color: var(--color-gray-90);\n  flex: 0 0 auto;\n\n  &:active {\n    transform: scale(0.94);\n  }\n\n  &-img {\n    width: 100%;\n    height: 100%;\n    border-radius: 100%;\n  }\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: -3px;\n    right: -3px;\n    bottom: -3px;\n    left: -3px;\n    border-radius: 100%;\n  }\n\n  &.is-followed::before {\n    border-color: var(--color-primary-hover);\n    box-shadow: 0 0 0 1px var(--color-primary-hover);\n  }\n  &.is-current-user {\n    cursor: auto;\n  }\n}\n\n@mixin filledButtonOnCanvas {\n  border: none;\n  box-shadow: 0 0 0 1px var(--color-surface-lowest);\n  background-color: var(--color-surface-low);\n\n  &:active {\n    box-shadow: 0 0 0 1px var(--color-brand-active);\n  }\n}\n\n$theme-filter: \"invert(93%) hue-rotate(180deg)\";\n$right-sidebar-width: \"302px\";\n\n:export {\n  themeFilter: unquote($theme-filter);\n  rightSidebarWidth: unquote($right-sidebar-width);\n}\n"],
+  "mappings": ";AAwLA;AACE,eAAA,OAAA,KAAA,WAAA;AACA,qBAAA;;",
+  "names": []
+}

package/dist/browser/dev/excalidraw-assets-dev/{infoDiagram-bcd20f53-SWLLQVES.js → infoDiagram-bcd20f53-FWEUVFLT.js}

@@ -5,7 +5,7 @@ import {
   require_dist,
   require_purify,
   selectSvgElement
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -527,4 +527,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=infoDiagram-bcd20f53-SWLLQVES.js.map
+//# sourceMappingURL=infoDiagram-bcd20f53-FWEUVFLT.js.map

package/dist/browser/dev/excalidraw-assets-dev/{journeyDiagram-4fe6b3dc-7UAVCWOZ.js → journeyDiagram-4fe6b3dc-RZIUI7UG.js}

@@ -3,7 +3,7 @@ import {
   drawRect,
   drawText,
   getNoteRect
-} from "./chunk-NJ77ZFNJ.js";
+} from "./chunk-VURILHLY.js";
 import {
   arc_default,
   clear,
@@ -19,7 +19,7 @@ import {
   setAccDescription,
   setAccTitle,
   setDiagramTitle
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -1211,4 +1211,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=journeyDiagram-4fe6b3dc-7UAVCWOZ.js.map
+//# sourceMappingURL=journeyDiagram-4fe6b3dc-RZIUI7UG.js.map

package/dist/browser/dev/excalidraw-assets-dev/{mindmap-definition-f354de21-SROW5KGM.js → mindmap-definition-f354de21-GBVN45GU.js}

@@ -1,6 +1,6 @@
 import {
   createText
-} from "./chunk-MXVETLVM.js";
+} from "./chunk-JYIQCNWV.js";
 import {
   darken_default,
   defaultConfig$2,
@@ -16,7 +16,7 @@ import {
   selectSvgElement,
   select_default,
   setupGraphViewbox$1
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -33025,4 +33025,4 @@ cytoscape/dist/cytoscape.cjs.js:
   (*! Bezier curve function generator. Copyright Gaetan Renaudeau. MIT License: http://en.wikipedia.org/wiki/MIT_License *)
   (*! Runge-Kutta spring physics function generator. Adapted from Framer.js, copyright Koen Bok. MIT License: http://en.wikipedia.org/wiki/MIT_License *)
 */
-//# sourceMappingURL=mindmap-definition-f354de21-SROW5KGM.js.map
+//# sourceMappingURL=mindmap-definition-f354de21-GBVN45GU.js.map

package/dist/browser/dev/excalidraw-assets-dev/{pieDiagram-79897490-QKCI6NCB.js → pieDiagram-79897490-ECENNII6.js}

@@ -20,7 +20,7 @@ import {
   setAccDescription,
   setAccTitle,
   setDiagramTitle
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -744,4 +744,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=pieDiagram-79897490-QKCI6NCB.js.map
+//# sourceMappingURL=pieDiagram-79897490-ECENNII6.js.map

package/dist/browser/dev/excalidraw-assets-dev/{quadrantDiagram-62f64e94-LNYJZFC5.js → quadrantDiagram-62f64e94-ZMEOFVNL.js}

@@ -17,7 +17,7 @@ import {
   setAccDescription,
   setAccTitle,
   setDiagramTitle
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -1226,4 +1226,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=quadrantDiagram-62f64e94-LNYJZFC5.js.map
+//# sourceMappingURL=quadrantDiagram-62f64e94-ZMEOFVNL.js.map

package/dist/browser/dev/excalidraw-assets-dev/{requirementDiagram-05bf5f74-ZZD7ZHFA.js → requirementDiagram-05bf5f74-FHZSFHCR.js}

@@ -1,9 +1,9 @@
 import {
   layout
-} from "./chunk-EDFX3S7X.js";
+} from "./chunk-A2WCJI4I.js";
 import {
   Graph
-} from "./chunk-7DACDEY3.js";
+} from "./chunk-TO2AW5PW.js";
 import {
   clear,
   common$1,
@@ -19,7 +19,7 @@ import {
   select_default,
   setAccDescription,
   setAccTitle
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -1117,4 +1117,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=requirementDiagram-05bf5f74-ZZD7ZHFA.js.map
+//# sourceMappingURL=requirementDiagram-05bf5f74-FHZSFHCR.js.map

package/dist/browser/dev/excalidraw-assets-dev/{sankeyDiagram-97764748-L75ZZ4UM.js → sankeyDiagram-97764748-VDKIKTA6.js}

@@ -16,7 +16,7 @@ import {
   setAccTitle,
   setDiagramTitle,
   setupGraphViewbox$1
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -1283,4 +1283,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=sankeyDiagram-97764748-L75ZZ4UM.js.map
+//# sourceMappingURL=sankeyDiagram-97764748-VDKIKTA6.js.map

package/dist/browser/dev/excalidraw-assets-dev/{sequenceDiagram-acc0e65c-6PCU7TDK.js → sequenceDiagram-acc0e65c-6JUSPVKX.js}

@@ -5,7 +5,7 @@ import {
   drawRect,
   getNoteRect,
   getTextObj
-} from "./chunk-NJ77ZFNJ.js";
+} from "./chunk-VURILHLY.js";
 import {
   ZERO_WIDTH_SPACE,
   assignWithDepth$1,
@@ -31,7 +31,7 @@ import {
   setAccTitle,
   setDiagramTitle,
   utils
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -3378,4 +3378,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=sequenceDiagram-acc0e65c-6PCU7TDK.js.map
+//# sourceMappingURL=sequenceDiagram-acc0e65c-6JUSPVKX.js.map

package/dist/browser/dev/excalidraw-assets-dev/{stateDiagram-0ff1cf1a-WM76WOPR.js → stateDiagram-0ff1cf1a-L3AKWENF.js}

@@ -2,13 +2,13 @@ import {
   db,
   parser$1,
   styles
-} from "./chunk-2T2GU7NF.js";
+} from "./chunk-ZAYGSUHF.js";
 import {
   layout
-} from "./chunk-EDFX3S7X.js";
+} from "./chunk-A2WCJI4I.js";
 import {
   Graph
-} from "./chunk-7DACDEY3.js";
+} from "./chunk-TO2AW5PW.js";
 import {
   basis_default,
   common$1,
@@ -21,7 +21,7 @@ import {
   require_purify,
   select_default,
   utils
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -494,4 +494,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=stateDiagram-0ff1cf1a-WM76WOPR.js.map
+//# sourceMappingURL=stateDiagram-0ff1cf1a-L3AKWENF.js.map

package/dist/browser/dev/excalidraw-assets-dev/{stateDiagram-v2-9a9d610d-N4HZW3O2.js → stateDiagram-v2-9a9d610d-NU3GGMCH.js}

@@ -7,16 +7,16 @@ import {
   db,
   parser$1,
   styles
-} from "./chunk-2T2GU7NF.js";
+} from "./chunk-ZAYGSUHF.js";
 import {
   render
-} from "./chunk-IX4V72YG.js";
-import "./chunk-HO2HMSK7.js";
-import "./chunk-MXVETLVM.js";
-import "./chunk-EDFX3S7X.js";
+} from "./chunk-EFLPX7NE.js";
+import "./chunk-4KQVEBHW.js";
+import "./chunk-JYIQCNWV.js";
+import "./chunk-A2WCJI4I.js";
 import {
   Graph
-} from "./chunk-7DACDEY3.js";
+} from "./chunk-TO2AW5PW.js";
 import {
   common$1,
   configureSvgSize,
@@ -27,7 +27,7 @@ import {
   require_purify,
   select_default,
   utils
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -354,4 +354,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=stateDiagram-v2-9a9d610d-N4HZW3O2.js.map
+//# sourceMappingURL=stateDiagram-v2-9a9d610d-NU3GGMCH.js.map

package/dist/browser/dev/excalidraw-assets-dev/{timeline-definition-fea2a41d-ZHGCAXGP.js → timeline-definition-fea2a41d-JGP7XCHW.js}

@@ -12,7 +12,7 @@ import {
   require_purify,
   select_default,
   setupGraphViewbox$1
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -1233,4 +1233,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=timeline-definition-fea2a41d-ZHGCAXGP.js.map
+//# sourceMappingURL=timeline-definition-fea2a41d-JGP7XCHW.js.map

package/dist/browser/dev/excalidraw-assets-dev/{xychartDiagram-ab372869-2DLOVRAZ.js → xychartDiagram-ab372869-HLFHHF2I.js}

@@ -1,6 +1,6 @@
 import {
   computeDimensionOfText
-} from "./chunk-MXVETLVM.js";
+} from "./chunk-JYIQCNWV.js";
 import {
   band,
   cleanAndMerge,
@@ -23,7 +23,7 @@ import {
   setAccDescription,
   setAccTitle,
   setDiagramTitle
-} from "./chunk-Z3PH3V2B.js";
+} from "./chunk-ZQR5ML6Y.js";
 import {
   init_define_import_meta_env
 } from "./chunk-YRUDZAGT.js";
@@ -1768,4 +1768,4 @@ var diagram = {
 export {
   diagram
 };
-//# sourceMappingURL=xychartDiagram-ab372869-2DLOVRAZ.js.map
+//# sourceMappingURL=xychartDiagram-ab372869-HLFHHF2I.js.map

package/dist/browser/dev/index.css

@@ -94,6 +94,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;
 }
@@ -143,8 +150,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;
@@ -152,33 +158,45 @@
   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 {
@@ -1552,6 +1570,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-bg);
   text-decoration: none;
@@ -1565,6 +1588,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;
 }
@@ -2181,6 +2219,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;
@@ -2204,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);
@@ -2282,6 +2321,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;
@@ -2301,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%);
@@ -4645,6 +4684,10 @@
 }
 
 /* components/SVGLayer.scss */
+:export {
+  themeFilter: invert(93%) hue-rotate(180deg);
+  rightSidebarWidth: 302px;
+}
 .excalidraw .SVGLayer {
   pointer-events: none;
   width: 100vw;
@@ -4652,7 +4695,7 @@
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 2;
+  z-index: var(--zIndex-svgLayer);
 }
 .excalidraw .SVGLayer svg {
   image-rendering: auto;
@@ -4858,6 +4901,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;
@@ -4881,7 +4925,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);
@@ -4959,6 +5003,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;
@@ -4978,7 +5023,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%);
@@ -4996,6 +5040,7 @@
 :root {
   --zIndex-canvas: 1;
   --zIndex-interactiveCanvas: 2;
+  --zIndex-svgLayer: 3;
   --zIndex-wysiwyg: 3;
   --zIndex-canvasButtons: 3;
   --zIndex-layerUI: 4;
@@ -5958,9 +6003,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);
 }
@@ -5968,9 +6012,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);
 }
@@ -5989,12 +6032,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);
 }