@zsviczian/excalidraw 0.17.6-19 → 0.17.6-20
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.
- package/dist/excalidraw.development.js +20 -9
- package/dist/excalidraw.production.min.js +1 -1
- package/dist/styles.development.css +376 -376
- package/dist/styles.production.css +2 -2
- package/package.json +1 -1
- package/types/excalidraw/components/TTDDialog/MermaidToExcalidraw.d.ts +1 -7
- package/types/excalidraw/components/TTDDialog/MermaidToExcalidrawLib.d.ts +9 -0
- package/types/excalidraw/components/TTDDialog/common.d.ts +1 -1
- package/types/excalidraw/dist/excalidraw.production.min.d.ts +3 -1
- package/types/utils/export.d.ts +1 -1
|
@@ -77,285 +77,6 @@
|
|
|
77
77
|
stroke-dashoffset: -280;
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
|
-
/*!**************************************************************************************************************************************************************************************************************************!*\
|
|
81
|
-
!*** 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/TTDDialog/MermaidToExcalidraw.scss ***!
|
|
82
|
-
\**************************************************************************************************************************************************************************************************************************/
|
|
83
|
-
.excalidraw .dialog-mermaid-title {
|
|
84
|
-
margin-block: 0.25rem;
|
|
85
|
-
font-size: 1.25rem;
|
|
86
|
-
font-weight: 700;
|
|
87
|
-
padding-inline: 2.5rem;
|
|
88
|
-
}
|
|
89
|
-
/*!***************************************************************************************************************************************************************************************************!*\
|
|
90
|
-
!*** 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/Button.scss ***!
|
|
91
|
-
\***************************************************************************************************************************************************************************************************/
|
|
92
|
-
:export {
|
|
93
|
-
themeFilter: invert(93%) hue-rotate(180deg);
|
|
94
|
-
rightSidebarWidth: 302px;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.excalidraw {
|
|
98
|
-
--theme-filter: none;
|
|
99
|
-
--button-destructive-bg-color: #ffe3e3;
|
|
100
|
-
--button-destructive-color: #c92a2a;
|
|
101
|
-
--button-gray-1: #e9ecef;
|
|
102
|
-
--button-gray-2: #ced4da;
|
|
103
|
-
--button-gray-3: #adb5bd;
|
|
104
|
-
--button-special-active-bg-color: #ebfbee;
|
|
105
|
-
--dialog-border-color: var(--color-gray-20);
|
|
106
|
-
--dropdown-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\" viewBox=\"0 0 292 292\"><path d=\"M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z\"/></svg>");
|
|
107
|
-
--focus-highlight-color: #a5d8ff;
|
|
108
|
-
--icon-fill-color: var(--color-on-surface);
|
|
109
|
-
--icon-green-fill-color: #2b8a3e;
|
|
110
|
-
--default-bg-color: #ffffff;
|
|
111
|
-
--input-bg-color: #ffffff;
|
|
112
|
-
--input-border-color: #ced4da;
|
|
113
|
-
--input-hover-bg-color: #f1f3f5;
|
|
114
|
-
--input-label-color: #495057;
|
|
115
|
-
--island-bg-color: #ffffff;
|
|
116
|
-
--keybinding-color: var(--color-gray-40);
|
|
117
|
-
--link-color: #1c7ed6;
|
|
118
|
-
--overlay-bg-color: rgba(255, 255, 255, 0.88);
|
|
119
|
-
--popup-bg-color: var(--island-bg-color);
|
|
120
|
-
--popup-secondary-bg-color: #f1f3f5;
|
|
121
|
-
--popup-text-color: #000000;
|
|
122
|
-
--popup-text-inverted-color: #ffffff;
|
|
123
|
-
--select-highlight-color: #339af0;
|
|
124
|
-
--shadow-island: 0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
|
|
125
|
-
0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
|
|
126
|
-
0px 7px 14px 0px rgba(0, 0, 0, 0.05);
|
|
127
|
-
--button-hover-bg: var(--color-surface-high);
|
|
128
|
-
--button-active-bg: var(--color-surface-high);
|
|
129
|
-
--button-active-border: var(--color-brand-active);
|
|
130
|
-
--default-border-color: var(--color-surface-high);
|
|
131
|
-
--default-button-size: 2rem;
|
|
132
|
-
--default-icon-size: 1rem;
|
|
133
|
-
--lg-button-size: 2.25rem;
|
|
134
|
-
--lg-icon-size: 1rem;
|
|
135
|
-
--editor-container-padding: 1rem;
|
|
136
|
-
--scrollbar-thumb: var(--button-gray-2);
|
|
137
|
-
--scrollbar-thumb-hover: var(--button-gray-3);
|
|
138
|
-
--modal-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
|
|
139
|
-
0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
|
|
140
|
-
0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
|
|
141
|
-
0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
|
|
142
|
-
0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
|
|
143
|
-
0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
|
|
144
|
-
--avatar-border-color: var(--color-gray-20);
|
|
145
|
-
--sidebar-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
|
|
146
|
-
0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
|
|
147
|
-
0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
|
|
148
|
-
0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
|
|
149
|
-
0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
|
|
150
|
-
0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
|
|
151
|
-
--sidebar-border-color: var(--color-surface-high);
|
|
152
|
-
--sidebar-bg-color: var(--island-bg-color);
|
|
153
|
-
--library-dropdown-shadow: 0px 15px 6px rgba(0, 0, 0, 0.01),
|
|
154
|
-
0px 8px 5px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.09),
|
|
155
|
-
0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
|
|
156
|
-
--space-factor: 0.25rem;
|
|
157
|
-
--text-primary-color: var(--color-on-surface);
|
|
158
|
-
--color-selection: #6965db;
|
|
159
|
-
--color-icon-white: #ffffff;
|
|
160
|
-
--color-primary: #6965db;
|
|
161
|
-
--color-primary-darker: #5b57d1;
|
|
162
|
-
--color-primary-darkest: #4a47b1;
|
|
163
|
-
--color-primary-light: #e3e2fe;
|
|
164
|
-
--color-primary-light-darker: #d7d5ff;
|
|
165
|
-
--color-primary-hover: #5753d0;
|
|
166
|
-
--color-gray-10: #f5f5f5;
|
|
167
|
-
--color-gray-20: #ebebeb;
|
|
168
|
-
--color-gray-30: #d6d6d6;
|
|
169
|
-
--color-gray-40: #b8b8b8;
|
|
170
|
-
--color-gray-50: #999999;
|
|
171
|
-
--color-gray-60: #7a7a7a;
|
|
172
|
-
--color-gray-70: #5c5c5c;
|
|
173
|
-
--color-gray-80: #3d3d3d;
|
|
174
|
-
--color-gray-85: #242424;
|
|
175
|
-
--color-gray-90: #1e1e1e;
|
|
176
|
-
--color-gray-100: #121212;
|
|
177
|
-
--color-disabled: var(--color-gray-40);
|
|
178
|
-
--color-warning: #fceeca;
|
|
179
|
-
--color-warning-dark: #f5c354;
|
|
180
|
-
--color-warning-darker: #f3ab2c;
|
|
181
|
-
--color-warning-darkest: #ec8b14;
|
|
182
|
-
--color-text-warning: var(--text-primary-color);
|
|
183
|
-
--color-danger: #db6965;
|
|
184
|
-
--color-danger-dark: #db6965;
|
|
185
|
-
--color-danger-darker: #d65550;
|
|
186
|
-
--color-danger-darkest: #d1413c;
|
|
187
|
-
--color-danger-text: black;
|
|
188
|
-
--color-danger-background: #fff0f0;
|
|
189
|
-
--color-danger-icon-background: #ffdad6;
|
|
190
|
-
--color-danger-color: #700000;
|
|
191
|
-
--color-danger-icon-color: #700000;
|
|
192
|
-
--color-warning-background: var(--color-warning);
|
|
193
|
-
--color-warning-icon-background: var(--color-warning-dark);
|
|
194
|
-
--color-warning-color: var(--text-primary-color);
|
|
195
|
-
--color-warning-icon-color: var(--text-primary-color);
|
|
196
|
-
--color-muted: var(--color-gray-30);
|
|
197
|
-
--color-muted-darker: var(--color-gray-60);
|
|
198
|
-
--color-muted-darkest: var(--color-gray-100);
|
|
199
|
-
--color-muted-background: var(--color-gray-80);
|
|
200
|
-
--color-muted-background-darker: var(--color-gray-100);
|
|
201
|
-
--color-promo: var(--color-primary);
|
|
202
|
-
--color-success: #cafccc;
|
|
203
|
-
--color-success-darker: #bafabc;
|
|
204
|
-
--color-success-darkest: #a5eba8;
|
|
205
|
-
--color-success-text: #268029;
|
|
206
|
-
--color-success-contrast: #65bb6a;
|
|
207
|
-
--color-success-contrast-hover: #6bcf70;
|
|
208
|
-
--color-success-contrast-active: #6edf74;
|
|
209
|
-
--color-logo-icon: var(--color-primary);
|
|
210
|
-
--color-logo-text: #190064;
|
|
211
|
-
--border-radius-md: 0.375rem;
|
|
212
|
-
--border-radius-lg: 0.5rem;
|
|
213
|
-
--color-surface-high: #f1f0ff;
|
|
214
|
-
--color-surface-mid: #f2f2f7;
|
|
215
|
-
--color-surface-low: #ececf4;
|
|
216
|
-
--color-surface-lowest: #ffffff;
|
|
217
|
-
--color-on-surface: #1b1b1f;
|
|
218
|
-
--color-brand-hover: #5753d0;
|
|
219
|
-
--color-on-primary-container: #030064;
|
|
220
|
-
--color-surface-primary-container: #e0dfff;
|
|
221
|
-
--color-brand-active: #4440bf;
|
|
222
|
-
--color-border-outline: #767680;
|
|
223
|
-
--color-border-outline-variant: #c5c5d0;
|
|
224
|
-
--color-surface-primary-container: #e0dfff;
|
|
225
|
-
--color-badge: #0b6513;
|
|
226
|
-
--background-color-badge: #d3ffd2;
|
|
227
|
-
}
|
|
228
|
-
@media screen and (min-device-width: 1921px) {
|
|
229
|
-
.excalidraw {
|
|
230
|
-
--lg-button-size: 2.5rem;
|
|
231
|
-
--lg-icon-size: 1.25rem;
|
|
232
|
-
--default-button-size: 2.25rem;
|
|
233
|
-
--default-icon-size: 1.25rem;
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
.excalidraw.theme--dark.theme--dark-background-none {
|
|
237
|
-
background: none;
|
|
238
|
-
}
|
|
239
|
-
.excalidraw.theme--dark {
|
|
240
|
-
--theme-filter: invert(93%) hue-rotate(180deg);
|
|
241
|
-
--button-destructive-bg-color: #5a0000;
|
|
242
|
-
--button-destructive-color: #ffa8a8;
|
|
243
|
-
--button-gray-1: #363636;
|
|
244
|
-
--button-gray-2: #272727;
|
|
245
|
-
--button-gray-3: #222;
|
|
246
|
-
--button-special-active-bg-color: #204624;
|
|
247
|
-
--dialog-border-color: var(--color-gray-80);
|
|
248
|
-
--dropdown-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\" viewBox=\"0 0 292 292\"><path fill=\"%23ced4da\" d=\"M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z\"/></svg>");
|
|
249
|
-
--focus-highlight-color: #228be6;
|
|
250
|
-
--icon-green-fill-color: #69db7c;
|
|
251
|
-
--default-bg-color: #121212;
|
|
252
|
-
--input-bg-color: #121212;
|
|
253
|
-
--input-border-color: #2e2e2e;
|
|
254
|
-
--input-hover-bg-color: #181818;
|
|
255
|
-
--input-label-color: #e9ecef;
|
|
256
|
-
--island-bg-color: #232329;
|
|
257
|
-
--keybinding-color: var(--color-gray-60);
|
|
258
|
-
--link-color: #4dabf7;
|
|
259
|
-
--overlay-bg-color: rgba(52, 58, 64, 0.12);
|
|
260
|
-
--popup-secondary-bg-color: #222;
|
|
261
|
-
--popup-text-color: #ced4da;
|
|
262
|
-
--popup-text-inverted-color: #2c2c2c;
|
|
263
|
-
--select-highlight-color: #4dabf7;
|
|
264
|
-
--shadow-island: 0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
|
|
265
|
-
0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
|
|
266
|
-
0px 7px 14px 0px rgba(0, 0, 0, 0.05);
|
|
267
|
-
--modal-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
|
|
268
|
-
0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
|
|
269
|
-
0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
|
|
270
|
-
0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
|
|
271
|
-
0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
|
|
272
|
-
0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
|
|
273
|
-
--avatar-border-color: var(--color-gray-85);
|
|
274
|
-
--scrollbar-thumb: #343a40;
|
|
275
|
-
--scrollbar-thumb-hover: #495057;
|
|
276
|
-
--color-selection: #3530c4;
|
|
277
|
-
--color-icon-white: var(--color-gray-90);
|
|
278
|
-
--color-primary: #a8a5ff;
|
|
279
|
-
--color-primary-darker: #b2aeff;
|
|
280
|
-
--color-primary-darkest: #beb9ff;
|
|
281
|
-
--color-primary-light: #4f4d6f;
|
|
282
|
-
--color-primary-light-darker: #43415e;
|
|
283
|
-
--color-primary-hover: #bbb8ff;
|
|
284
|
-
--color-disabled: var(--color-gray-70);
|
|
285
|
-
--color-text-warning: var(--color-gray-80);
|
|
286
|
-
--color-danger: #ffa8a5;
|
|
287
|
-
--color-danger-dark: #672120;
|
|
288
|
-
--color-danger-darker: #8f2625;
|
|
289
|
-
--color-danger-darkest: #ac2b29;
|
|
290
|
-
--color-danger-text: #fbcbcc;
|
|
291
|
-
--color-danger-background: #fbcbcc;
|
|
292
|
-
--color-danger-icon-background: #672120;
|
|
293
|
-
--color-danger-color: #261919;
|
|
294
|
-
--color-danger-icon-color: #fbcbcc;
|
|
295
|
-
--color-warning-background: var(--color-warning);
|
|
296
|
-
--color-warning-icon-background: var(--color-warning-dark);
|
|
297
|
-
--color-warning-color: var(--color-gray-80);
|
|
298
|
-
--color-warning-icon-color: var(--color-gray-80);
|
|
299
|
-
--color-muted: var(--color-gray-80);
|
|
300
|
-
--color-muted-darker: var(--color-gray-60);
|
|
301
|
-
--color-muted-darkest: var(--color-gray-20);
|
|
302
|
-
--color-muted-background: var(--color-gray-40);
|
|
303
|
-
--color-muted-background-darker: var(--color-gray-20);
|
|
304
|
-
--color-logo-text: #e2dfff;
|
|
305
|
-
--color-surface-high: hsl(245, 10%, 21%);
|
|
306
|
-
--color-surface-low: hsl(240, 8%, 15%);
|
|
307
|
-
--color-surface-mid: hsl(240 6% 10%);
|
|
308
|
-
--color-surface-lowest: hsl(0, 0%, 7%);
|
|
309
|
-
--color-on-surface: #e3e3e8;
|
|
310
|
-
--color-brand-hover: #bbb8ff;
|
|
311
|
-
--color-on-primary-container: #e0dfff;
|
|
312
|
-
--color-surface-primary-container: #403e6a;
|
|
313
|
-
--color-brand-active: #d0ccff;
|
|
314
|
-
--color-border-outline: #8e8d9c;
|
|
315
|
-
--color-border-outline-variant: #46464f;
|
|
316
|
-
--color-surface-primary-container: #403e6a;
|
|
317
|
-
}
|
|
318
|
-
|
|
319
|
-
.excalidraw .excalidraw-button {
|
|
320
|
-
display: flex;
|
|
321
|
-
justify-content: center;
|
|
322
|
-
align-items: center;
|
|
323
|
-
padding: 0.625rem;
|
|
324
|
-
width: var(--button-width, var(--default-button-size));
|
|
325
|
-
height: var(--button-height, var(--default-button-size));
|
|
326
|
-
box-sizing: border-box;
|
|
327
|
-
border-width: 1px;
|
|
328
|
-
border-style: solid;
|
|
329
|
-
border-color: var(--button-border, var(--default-border-color));
|
|
330
|
-
border-radius: var(--border-radius-lg);
|
|
331
|
-
cursor: pointer;
|
|
332
|
-
background-color: var(--button-bg, var(--island-bg-color));
|
|
333
|
-
color: var(--button-color, var(--color-on-surface));
|
|
334
|
-
font-family: var(--ui-font);
|
|
335
|
-
}
|
|
336
|
-
.excalidraw .excalidraw-button svg {
|
|
337
|
-
width: var(--button-width, var(--lg-icon-size));
|
|
338
|
-
height: var(--button-height, var(--lg-icon-size));
|
|
339
|
-
}
|
|
340
|
-
.excalidraw .excalidraw-button:hover {
|
|
341
|
-
background-color: var(--button-hover-bg, var(--island-bg-color));
|
|
342
|
-
border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
|
|
343
|
-
color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)));
|
|
344
|
-
}
|
|
345
|
-
.excalidraw .excalidraw-button:active {
|
|
346
|
-
background-color: var(--button-active-bg, var(--island-bg-color));
|
|
347
|
-
border-color: var(--button-active-border, var(--color-primary-darkest));
|
|
348
|
-
}
|
|
349
|
-
.excalidraw .excalidraw-button.active {
|
|
350
|
-
background-color: var(--button-selected-bg, var(--color-surface-primary-container));
|
|
351
|
-
border-color: var(--button-selected-border, var(--color-surface-primary-container));
|
|
352
|
-
}
|
|
353
|
-
.excalidraw .excalidraw-button.active:hover {
|
|
354
|
-
background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container));
|
|
355
|
-
}
|
|
356
|
-
.excalidraw .excalidraw-button.active svg {
|
|
357
|
-
color: var(--button-color, var(--color-on-primary-container));
|
|
358
|
-
}
|
|
359
80
|
/*!*****************************************************************************************************************************************************************************************************!*\
|
|
360
81
|
!*** 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/ToolIcon.scss ***!
|
|
361
82
|
\*****************************************************************************************************************************************************************************************************/
|
|
@@ -2764,115 +2485,385 @@
|
|
|
2764
2485
|
.excalidraw .layer-ui__library .library-menu-dropdown-container {
|
|
2765
2486
|
position: relative;
|
|
2766
2487
|
}
|
|
2767
|
-
.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading {
|
|
2768
|
-
padding: 0;
|
|
2769
|
-
position: absolute;
|
|
2770
|
-
top: 1rem;
|
|
2771
|
-
right: 0.75rem;
|
|
2772
|
-
z-index: 1;
|
|
2488
|
+
.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading {
|
|
2489
|
+
padding: 0;
|
|
2490
|
+
position: absolute;
|
|
2491
|
+
top: 1rem;
|
|
2492
|
+
right: 0.75rem;
|
|
2493
|
+
z-index: 1;
|
|
2494
|
+
}
|
|
2495
|
+
.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu {
|
|
2496
|
+
top: 100%;
|
|
2497
|
+
}
|
|
2498
|
+
/*!******************************************************************************************************************************************************************************************************!*\
|
|
2499
|
+
!*** 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/TextField.scss ***!
|
|
2500
|
+
\******************************************************************************************************************************************************************************************************/
|
|
2501
|
+
:export {
|
|
2502
|
+
themeFilter: invert(93%) hue-rotate(180deg);
|
|
2503
|
+
rightSidebarWidth: 302px;
|
|
2504
|
+
}
|
|
2505
|
+
|
|
2506
|
+
.excalidraw {
|
|
2507
|
+
--ExcTextField--color: var(--color-on-surface);
|
|
2508
|
+
--ExcTextField--label-color: var(--color-on-surface);
|
|
2509
|
+
--ExcTextField--background: var(--color-surface-low);
|
|
2510
|
+
--ExcTextField--readonly--background: var(--color-surface-high);
|
|
2511
|
+
--ExcTextField--readonly--color: var(--color-on-surface);
|
|
2512
|
+
--ExcTextField--border: var(--color-gray-20);
|
|
2513
|
+
--ExcTextField--readonly--border: var(--color-border-outline-variant);
|
|
2514
|
+
--ExcTextField--border-hover: var(--color-brand-hover);
|
|
2515
|
+
--ExcTextField--border-active: var(--color-brand-active);
|
|
2516
|
+
--ExcTextField--placeholder: var(--color-border-outline-variant);
|
|
2517
|
+
}
|
|
2518
|
+
.excalidraw .ExcTextField {
|
|
2519
|
+
position: relative;
|
|
2520
|
+
}
|
|
2521
|
+
.excalidraw .ExcTextField svg {
|
|
2522
|
+
position: absolute;
|
|
2523
|
+
top: 50%;
|
|
2524
|
+
transform: translateY(-50%);
|
|
2525
|
+
left: 0.75rem;
|
|
2526
|
+
width: 1.25rem;
|
|
2527
|
+
height: 1.25rem;
|
|
2528
|
+
color: var(--color-gray-40);
|
|
2529
|
+
z-index: 1;
|
|
2530
|
+
}
|
|
2531
|
+
.excalidraw .ExcTextField--fullWidth {
|
|
2532
|
+
width: 100%;
|
|
2533
|
+
flex-grow: 1;
|
|
2534
|
+
}
|
|
2535
|
+
.excalidraw .ExcTextField__label {
|
|
2536
|
+
font-family: "Assistant";
|
|
2537
|
+
font-style: normal;
|
|
2538
|
+
font-weight: 600;
|
|
2539
|
+
font-size: 0.875rem;
|
|
2540
|
+
line-height: 150%;
|
|
2541
|
+
color: var(--ExcTextField--label-color);
|
|
2542
|
+
margin-bottom: 0.25rem;
|
|
2543
|
+
-webkit-user-select: none;
|
|
2544
|
+
user-select: none;
|
|
2545
|
+
}
|
|
2546
|
+
.excalidraw .ExcTextField__input {
|
|
2547
|
+
box-sizing: border-box;
|
|
2548
|
+
display: flex;
|
|
2549
|
+
flex-direction: row;
|
|
2550
|
+
align-items: center;
|
|
2551
|
+
height: 3rem;
|
|
2552
|
+
background: var(--ExcTextField--background);
|
|
2553
|
+
border: 1px solid var(--ExcTextField--border);
|
|
2554
|
+
border-radius: 0.5rem;
|
|
2555
|
+
padding: 0 0.75rem;
|
|
2556
|
+
}
|
|
2557
|
+
.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover {
|
|
2558
|
+
border-color: var(--ExcTextField--border-hover);
|
|
2559
|
+
}
|
|
2560
|
+
.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):active, .excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):focus-within {
|
|
2561
|
+
border-color: var(--ExcTextField--border-active);
|
|
2562
|
+
}
|
|
2563
|
+
.excalidraw .ExcTextField__input input {
|
|
2564
|
+
display: flex;
|
|
2565
|
+
align-items: center;
|
|
2566
|
+
border: none;
|
|
2567
|
+
outline: none;
|
|
2568
|
+
padding: 0;
|
|
2569
|
+
margin: 0;
|
|
2570
|
+
height: 1.5rem;
|
|
2571
|
+
color: var(--ExcTextField--color);
|
|
2572
|
+
font-family: "Assistant";
|
|
2573
|
+
font-style: normal;
|
|
2574
|
+
font-weight: 400;
|
|
2575
|
+
font-size: 1rem;
|
|
2576
|
+
line-height: 150%;
|
|
2577
|
+
text-overflow: ellipsis;
|
|
2578
|
+
background: transparent;
|
|
2579
|
+
width: 100%;
|
|
2580
|
+
}
|
|
2581
|
+
.excalidraw .ExcTextField__input input:not(:focus):hover {
|
|
2582
|
+
background-color: initial;
|
|
2583
|
+
}
|
|
2584
|
+
.excalidraw .ExcTextField__input input:focus {
|
|
2585
|
+
outline: initial;
|
|
2586
|
+
box-shadow: initial;
|
|
2587
|
+
}
|
|
2588
|
+
.excalidraw .ExcTextField__input--readonly {
|
|
2589
|
+
background: var(--ExcTextField--readonly--background);
|
|
2590
|
+
border-color: var(--ExcTextField--readonly--border);
|
|
2591
|
+
}
|
|
2592
|
+
.excalidraw .ExcTextField__input--readonly input {
|
|
2593
|
+
color: var(--ExcTextField--readonly--color);
|
|
2594
|
+
}
|
|
2595
|
+
.excalidraw .ExcTextField--hasIcon .ExcTextField__input {
|
|
2596
|
+
padding-left: 2.5rem;
|
|
2597
|
+
}
|
|
2598
|
+
/*!***************************************************************************************************************************************************************************************************!*\
|
|
2599
|
+
!*** 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/Button.scss ***!
|
|
2600
|
+
\***************************************************************************************************************************************************************************************************/
|
|
2601
|
+
:export {
|
|
2602
|
+
themeFilter: invert(93%) hue-rotate(180deg);
|
|
2603
|
+
rightSidebarWidth: 302px;
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2606
|
+
.excalidraw {
|
|
2607
|
+
--theme-filter: none;
|
|
2608
|
+
--button-destructive-bg-color: #ffe3e3;
|
|
2609
|
+
--button-destructive-color: #c92a2a;
|
|
2610
|
+
--button-gray-1: #e9ecef;
|
|
2611
|
+
--button-gray-2: #ced4da;
|
|
2612
|
+
--button-gray-3: #adb5bd;
|
|
2613
|
+
--button-special-active-bg-color: #ebfbee;
|
|
2614
|
+
--dialog-border-color: var(--color-gray-20);
|
|
2615
|
+
--dropdown-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\" viewBox=\"0 0 292 292\"><path d=\"M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z\"/></svg>");
|
|
2616
|
+
--focus-highlight-color: #a5d8ff;
|
|
2617
|
+
--icon-fill-color: var(--color-on-surface);
|
|
2618
|
+
--icon-green-fill-color: #2b8a3e;
|
|
2619
|
+
--default-bg-color: #ffffff;
|
|
2620
|
+
--input-bg-color: #ffffff;
|
|
2621
|
+
--input-border-color: #ced4da;
|
|
2622
|
+
--input-hover-bg-color: #f1f3f5;
|
|
2623
|
+
--input-label-color: #495057;
|
|
2624
|
+
--island-bg-color: #ffffff;
|
|
2625
|
+
--keybinding-color: var(--color-gray-40);
|
|
2626
|
+
--link-color: #1c7ed6;
|
|
2627
|
+
--overlay-bg-color: rgba(255, 255, 255, 0.88);
|
|
2628
|
+
--popup-bg-color: var(--island-bg-color);
|
|
2629
|
+
--popup-secondary-bg-color: #f1f3f5;
|
|
2630
|
+
--popup-text-color: #000000;
|
|
2631
|
+
--popup-text-inverted-color: #ffffff;
|
|
2632
|
+
--select-highlight-color: #339af0;
|
|
2633
|
+
--shadow-island: 0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
|
|
2634
|
+
0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
|
|
2635
|
+
0px 7px 14px 0px rgba(0, 0, 0, 0.05);
|
|
2636
|
+
--button-hover-bg: var(--color-surface-high);
|
|
2637
|
+
--button-active-bg: var(--color-surface-high);
|
|
2638
|
+
--button-active-border: var(--color-brand-active);
|
|
2639
|
+
--default-border-color: var(--color-surface-high);
|
|
2640
|
+
--default-button-size: 2rem;
|
|
2641
|
+
--default-icon-size: 1rem;
|
|
2642
|
+
--lg-button-size: 2.25rem;
|
|
2643
|
+
--lg-icon-size: 1rem;
|
|
2644
|
+
--editor-container-padding: 1rem;
|
|
2645
|
+
--scrollbar-thumb: var(--button-gray-2);
|
|
2646
|
+
--scrollbar-thumb-hover: var(--button-gray-3);
|
|
2647
|
+
--modal-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
|
|
2648
|
+
0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
|
|
2649
|
+
0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
|
|
2650
|
+
0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
|
|
2651
|
+
0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
|
|
2652
|
+
0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
|
|
2653
|
+
--avatar-border-color: var(--color-gray-20);
|
|
2654
|
+
--sidebar-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
|
|
2655
|
+
0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
|
|
2656
|
+
0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
|
|
2657
|
+
0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
|
|
2658
|
+
0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
|
|
2659
|
+
0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
|
|
2660
|
+
--sidebar-border-color: var(--color-surface-high);
|
|
2661
|
+
--sidebar-bg-color: var(--island-bg-color);
|
|
2662
|
+
--library-dropdown-shadow: 0px 15px 6px rgba(0, 0, 0, 0.01),
|
|
2663
|
+
0px 8px 5px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.09),
|
|
2664
|
+
0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
|
|
2665
|
+
--space-factor: 0.25rem;
|
|
2666
|
+
--text-primary-color: var(--color-on-surface);
|
|
2667
|
+
--color-selection: #6965db;
|
|
2668
|
+
--color-icon-white: #ffffff;
|
|
2669
|
+
--color-primary: #6965db;
|
|
2670
|
+
--color-primary-darker: #5b57d1;
|
|
2671
|
+
--color-primary-darkest: #4a47b1;
|
|
2672
|
+
--color-primary-light: #e3e2fe;
|
|
2673
|
+
--color-primary-light-darker: #d7d5ff;
|
|
2674
|
+
--color-primary-hover: #5753d0;
|
|
2675
|
+
--color-gray-10: #f5f5f5;
|
|
2676
|
+
--color-gray-20: #ebebeb;
|
|
2677
|
+
--color-gray-30: #d6d6d6;
|
|
2678
|
+
--color-gray-40: #b8b8b8;
|
|
2679
|
+
--color-gray-50: #999999;
|
|
2680
|
+
--color-gray-60: #7a7a7a;
|
|
2681
|
+
--color-gray-70: #5c5c5c;
|
|
2682
|
+
--color-gray-80: #3d3d3d;
|
|
2683
|
+
--color-gray-85: #242424;
|
|
2684
|
+
--color-gray-90: #1e1e1e;
|
|
2685
|
+
--color-gray-100: #121212;
|
|
2686
|
+
--color-disabled: var(--color-gray-40);
|
|
2687
|
+
--color-warning: #fceeca;
|
|
2688
|
+
--color-warning-dark: #f5c354;
|
|
2689
|
+
--color-warning-darker: #f3ab2c;
|
|
2690
|
+
--color-warning-darkest: #ec8b14;
|
|
2691
|
+
--color-text-warning: var(--text-primary-color);
|
|
2692
|
+
--color-danger: #db6965;
|
|
2693
|
+
--color-danger-dark: #db6965;
|
|
2694
|
+
--color-danger-darker: #d65550;
|
|
2695
|
+
--color-danger-darkest: #d1413c;
|
|
2696
|
+
--color-danger-text: black;
|
|
2697
|
+
--color-danger-background: #fff0f0;
|
|
2698
|
+
--color-danger-icon-background: #ffdad6;
|
|
2699
|
+
--color-danger-color: #700000;
|
|
2700
|
+
--color-danger-icon-color: #700000;
|
|
2701
|
+
--color-warning-background: var(--color-warning);
|
|
2702
|
+
--color-warning-icon-background: var(--color-warning-dark);
|
|
2703
|
+
--color-warning-color: var(--text-primary-color);
|
|
2704
|
+
--color-warning-icon-color: var(--text-primary-color);
|
|
2705
|
+
--color-muted: var(--color-gray-30);
|
|
2706
|
+
--color-muted-darker: var(--color-gray-60);
|
|
2707
|
+
--color-muted-darkest: var(--color-gray-100);
|
|
2708
|
+
--color-muted-background: var(--color-gray-80);
|
|
2709
|
+
--color-muted-background-darker: var(--color-gray-100);
|
|
2710
|
+
--color-promo: var(--color-primary);
|
|
2711
|
+
--color-success: #cafccc;
|
|
2712
|
+
--color-success-darker: #bafabc;
|
|
2713
|
+
--color-success-darkest: #a5eba8;
|
|
2714
|
+
--color-success-text: #268029;
|
|
2715
|
+
--color-success-contrast: #65bb6a;
|
|
2716
|
+
--color-success-contrast-hover: #6bcf70;
|
|
2717
|
+
--color-success-contrast-active: #6edf74;
|
|
2718
|
+
--color-logo-icon: var(--color-primary);
|
|
2719
|
+
--color-logo-text: #190064;
|
|
2720
|
+
--border-radius-md: 0.375rem;
|
|
2721
|
+
--border-radius-lg: 0.5rem;
|
|
2722
|
+
--color-surface-high: #f1f0ff;
|
|
2723
|
+
--color-surface-mid: #f2f2f7;
|
|
2724
|
+
--color-surface-low: #ececf4;
|
|
2725
|
+
--color-surface-lowest: #ffffff;
|
|
2726
|
+
--color-on-surface: #1b1b1f;
|
|
2727
|
+
--color-brand-hover: #5753d0;
|
|
2728
|
+
--color-on-primary-container: #030064;
|
|
2729
|
+
--color-surface-primary-container: #e0dfff;
|
|
2730
|
+
--color-brand-active: #4440bf;
|
|
2731
|
+
--color-border-outline: #767680;
|
|
2732
|
+
--color-border-outline-variant: #c5c5d0;
|
|
2733
|
+
--color-surface-primary-container: #e0dfff;
|
|
2734
|
+
--color-badge: #0b6513;
|
|
2735
|
+
--background-color-badge: #d3ffd2;
|
|
2736
|
+
}
|
|
2737
|
+
@media screen and (min-device-width: 1921px) {
|
|
2738
|
+
.excalidraw {
|
|
2739
|
+
--lg-button-size: 2.5rem;
|
|
2740
|
+
--lg-icon-size: 1.25rem;
|
|
2741
|
+
--default-button-size: 2.25rem;
|
|
2742
|
+
--default-icon-size: 1.25rem;
|
|
2743
|
+
}
|
|
2773
2744
|
}
|
|
2774
|
-
.excalidraw
|
|
2775
|
-
|
|
2745
|
+
.excalidraw.theme--dark.theme--dark-background-none {
|
|
2746
|
+
background: none;
|
|
2776
2747
|
}
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
:
|
|
2781
|
-
|
|
2782
|
-
|
|
2748
|
+
.excalidraw.theme--dark {
|
|
2749
|
+
--theme-filter: invert(93%) hue-rotate(180deg);
|
|
2750
|
+
--button-destructive-bg-color: #5a0000;
|
|
2751
|
+
--button-destructive-color: #ffa8a8;
|
|
2752
|
+
--button-gray-1: #363636;
|
|
2753
|
+
--button-gray-2: #272727;
|
|
2754
|
+
--button-gray-3: #222;
|
|
2755
|
+
--button-special-active-bg-color: #204624;
|
|
2756
|
+
--dialog-border-color: var(--color-gray-80);
|
|
2757
|
+
--dropdown-icon: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"292.4\" height=\"292.4\" viewBox=\"0 0 292 292\"><path fill=\"%23ced4da\" d=\"M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z\"/></svg>");
|
|
2758
|
+
--focus-highlight-color: #228be6;
|
|
2759
|
+
--icon-green-fill-color: #69db7c;
|
|
2760
|
+
--default-bg-color: #121212;
|
|
2761
|
+
--input-bg-color: #121212;
|
|
2762
|
+
--input-border-color: #2e2e2e;
|
|
2763
|
+
--input-hover-bg-color: #181818;
|
|
2764
|
+
--input-label-color: #e9ecef;
|
|
2765
|
+
--island-bg-color: #232329;
|
|
2766
|
+
--keybinding-color: var(--color-gray-60);
|
|
2767
|
+
--link-color: #4dabf7;
|
|
2768
|
+
--overlay-bg-color: rgba(52, 58, 64, 0.12);
|
|
2769
|
+
--popup-secondary-bg-color: #222;
|
|
2770
|
+
--popup-text-color: #ced4da;
|
|
2771
|
+
--popup-text-inverted-color: #2c2c2c;
|
|
2772
|
+
--select-highlight-color: #4dabf7;
|
|
2773
|
+
--shadow-island: 0px 0px 0.9310142993927002px 0px rgba(0, 0, 0, 0.17),
|
|
2774
|
+
0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, 0.08),
|
|
2775
|
+
0px 7px 14px 0px rgba(0, 0, 0, 0.05);
|
|
2776
|
+
--modal-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07),
|
|
2777
|
+
0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198),
|
|
2778
|
+
0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275),
|
|
2779
|
+
0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035),
|
|
2780
|
+
0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725),
|
|
2781
|
+
0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
|
|
2782
|
+
--avatar-border-color: var(--color-gray-85);
|
|
2783
|
+
--scrollbar-thumb: #343a40;
|
|
2784
|
+
--scrollbar-thumb-hover: #495057;
|
|
2785
|
+
--color-selection: #3530c4;
|
|
2786
|
+
--color-icon-white: var(--color-gray-90);
|
|
2787
|
+
--color-primary: #a8a5ff;
|
|
2788
|
+
--color-primary-darker: #b2aeff;
|
|
2789
|
+
--color-primary-darkest: #beb9ff;
|
|
2790
|
+
--color-primary-light: #4f4d6f;
|
|
2791
|
+
--color-primary-light-darker: #43415e;
|
|
2792
|
+
--color-primary-hover: #bbb8ff;
|
|
2793
|
+
--color-disabled: var(--color-gray-70);
|
|
2794
|
+
--color-text-warning: var(--color-gray-80);
|
|
2795
|
+
--color-danger: #ffa8a5;
|
|
2796
|
+
--color-danger-dark: #672120;
|
|
2797
|
+
--color-danger-darker: #8f2625;
|
|
2798
|
+
--color-danger-darkest: #ac2b29;
|
|
2799
|
+
--color-danger-text: #fbcbcc;
|
|
2800
|
+
--color-danger-background: #fbcbcc;
|
|
2801
|
+
--color-danger-icon-background: #672120;
|
|
2802
|
+
--color-danger-color: #261919;
|
|
2803
|
+
--color-danger-icon-color: #fbcbcc;
|
|
2804
|
+
--color-warning-background: var(--color-warning);
|
|
2805
|
+
--color-warning-icon-background: var(--color-warning-dark);
|
|
2806
|
+
--color-warning-color: var(--color-gray-80);
|
|
2807
|
+
--color-warning-icon-color: var(--color-gray-80);
|
|
2808
|
+
--color-muted: var(--color-gray-80);
|
|
2809
|
+
--color-muted-darker: var(--color-gray-60);
|
|
2810
|
+
--color-muted-darkest: var(--color-gray-20);
|
|
2811
|
+
--color-muted-background: var(--color-gray-40);
|
|
2812
|
+
--color-muted-background-darker: var(--color-gray-20);
|
|
2813
|
+
--color-logo-text: #e2dfff;
|
|
2814
|
+
--color-surface-high: hsl(245, 10%, 21%);
|
|
2815
|
+
--color-surface-low: hsl(240, 8%, 15%);
|
|
2816
|
+
--color-surface-mid: hsl(240 6% 10%);
|
|
2817
|
+
--color-surface-lowest: hsl(0, 0%, 7%);
|
|
2818
|
+
--color-on-surface: #e3e3e8;
|
|
2819
|
+
--color-brand-hover: #bbb8ff;
|
|
2820
|
+
--color-on-primary-container: #e0dfff;
|
|
2821
|
+
--color-surface-primary-container: #403e6a;
|
|
2822
|
+
--color-brand-active: #d0ccff;
|
|
2823
|
+
--color-border-outline: #8e8d9c;
|
|
2824
|
+
--color-border-outline-variant: #46464f;
|
|
2825
|
+
--color-surface-primary-container: #403e6a;
|
|
2783
2826
|
}
|
|
2784
2827
|
|
|
2785
|
-
.excalidraw {
|
|
2786
|
-
--ExcTextField--color: var(--color-on-surface);
|
|
2787
|
-
--ExcTextField--label-color: var(--color-on-surface);
|
|
2788
|
-
--ExcTextField--background: var(--color-surface-low);
|
|
2789
|
-
--ExcTextField--readonly--background: var(--color-surface-high);
|
|
2790
|
-
--ExcTextField--readonly--color: var(--color-on-surface);
|
|
2791
|
-
--ExcTextField--border: var(--color-gray-20);
|
|
2792
|
-
--ExcTextField--readonly--border: var(--color-border-outline-variant);
|
|
2793
|
-
--ExcTextField--border-hover: var(--color-brand-hover);
|
|
2794
|
-
--ExcTextField--border-active: var(--color-brand-active);
|
|
2795
|
-
--ExcTextField--placeholder: var(--color-border-outline-variant);
|
|
2796
|
-
}
|
|
2797
|
-
.excalidraw .ExcTextField {
|
|
2798
|
-
position: relative;
|
|
2799
|
-
}
|
|
2800
|
-
.excalidraw .ExcTextField svg {
|
|
2801
|
-
position: absolute;
|
|
2802
|
-
top: 50%;
|
|
2803
|
-
transform: translateY(-50%);
|
|
2804
|
-
left: 0.75rem;
|
|
2805
|
-
width: 1.25rem;
|
|
2806
|
-
height: 1.25rem;
|
|
2807
|
-
color: var(--color-gray-40);
|
|
2808
|
-
z-index: 1;
|
|
2809
|
-
}
|
|
2810
|
-
.excalidraw .ExcTextField--fullWidth {
|
|
2811
|
-
width: 100%;
|
|
2812
|
-
flex-grow: 1;
|
|
2813
|
-
}
|
|
2814
|
-
.excalidraw .ExcTextField__label {
|
|
2815
|
-
font-family: "Assistant";
|
|
2816
|
-
font-style: normal;
|
|
2817
|
-
font-weight: 600;
|
|
2818
|
-
font-size: 0.875rem;
|
|
2819
|
-
line-height: 150%;
|
|
2820
|
-
color: var(--ExcTextField--label-color);
|
|
2821
|
-
margin-bottom: 0.25rem;
|
|
2822
|
-
-webkit-user-select: none;
|
|
2823
|
-
user-select: none;
|
|
2824
|
-
}
|
|
2825
|
-
.excalidraw .ExcTextField__input {
|
|
2826
|
-
box-sizing: border-box;
|
|
2828
|
+
.excalidraw .excalidraw-button {
|
|
2827
2829
|
display: flex;
|
|
2828
|
-
|
|
2830
|
+
justify-content: center;
|
|
2829
2831
|
align-items: center;
|
|
2830
|
-
|
|
2831
|
-
|
|
2832
|
-
|
|
2833
|
-
|
|
2834
|
-
|
|
2835
|
-
|
|
2836
|
-
|
|
2837
|
-
border-
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2832
|
+
padding: 0.625rem;
|
|
2833
|
+
width: var(--button-width, var(--default-button-size));
|
|
2834
|
+
height: var(--button-height, var(--default-button-size));
|
|
2835
|
+
box-sizing: border-box;
|
|
2836
|
+
border-width: 1px;
|
|
2837
|
+
border-style: solid;
|
|
2838
|
+
border-color: var(--button-border, var(--default-border-color));
|
|
2839
|
+
border-radius: var(--border-radius-lg);
|
|
2840
|
+
cursor: pointer;
|
|
2841
|
+
background-color: var(--button-bg, var(--island-bg-color));
|
|
2842
|
+
color: var(--button-color, var(--color-on-surface));
|
|
2843
|
+
font-family: var(--ui-font);
|
|
2841
2844
|
}
|
|
2842
|
-
.excalidraw .
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
border: none;
|
|
2846
|
-
outline: none;
|
|
2847
|
-
padding: 0;
|
|
2848
|
-
margin: 0;
|
|
2849
|
-
height: 1.5rem;
|
|
2850
|
-
color: var(--ExcTextField--color);
|
|
2851
|
-
font-family: "Assistant";
|
|
2852
|
-
font-style: normal;
|
|
2853
|
-
font-weight: 400;
|
|
2854
|
-
font-size: 1rem;
|
|
2855
|
-
line-height: 150%;
|
|
2856
|
-
text-overflow: ellipsis;
|
|
2857
|
-
background: transparent;
|
|
2858
|
-
width: 100%;
|
|
2845
|
+
.excalidraw .excalidraw-button svg {
|
|
2846
|
+
width: var(--button-width, var(--lg-icon-size));
|
|
2847
|
+
height: var(--button-height, var(--lg-icon-size));
|
|
2859
2848
|
}
|
|
2860
|
-
.excalidraw .
|
|
2861
|
-
background-color:
|
|
2849
|
+
.excalidraw .excalidraw-button:hover {
|
|
2850
|
+
background-color: var(--button-hover-bg, var(--island-bg-color));
|
|
2851
|
+
border-color: var(--button-hover-border, var(--button-border, var(--default-border-color)));
|
|
2852
|
+
color: var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)));
|
|
2862
2853
|
}
|
|
2863
|
-
.excalidraw .
|
|
2864
|
-
|
|
2865
|
-
|
|
2854
|
+
.excalidraw .excalidraw-button:active {
|
|
2855
|
+
background-color: var(--button-active-bg, var(--island-bg-color));
|
|
2856
|
+
border-color: var(--button-active-border, var(--color-primary-darkest));
|
|
2866
2857
|
}
|
|
2867
|
-
.excalidraw .
|
|
2868
|
-
background: var(--
|
|
2869
|
-
border-color: var(--
|
|
2858
|
+
.excalidraw .excalidraw-button.active {
|
|
2859
|
+
background-color: var(--button-selected-bg, var(--color-surface-primary-container));
|
|
2860
|
+
border-color: var(--button-selected-border, var(--color-surface-primary-container));
|
|
2870
2861
|
}
|
|
2871
|
-
.excalidraw .
|
|
2872
|
-
color: var(--
|
|
2862
|
+
.excalidraw .excalidraw-button.active:hover {
|
|
2863
|
+
background-color: var(--button-selected-hover-bg, var(--color-surface-primary-container));
|
|
2873
2864
|
}
|
|
2874
|
-
.excalidraw .
|
|
2875
|
-
|
|
2865
|
+
.excalidraw .excalidraw-button.active svg {
|
|
2866
|
+
color: var(--button-color, var(--color-on-primary-container));
|
|
2876
2867
|
}
|
|
2877
2868
|
/*!****************************************************************************************************************************************************************************************************!*\
|
|
2878
2869
|
!*** 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/Actions.scss ***!
|
|
@@ -4918,6 +4909,15 @@
|
|
|
4918
4909
|
.excalidraw .layer-ui__result-item.active {
|
|
4919
4910
|
background-color: var(--color-surface-high);
|
|
4920
4911
|
}
|
|
4912
|
+
/*!**************************************************************************************************************************************************************************************************************************!*\
|
|
4913
|
+
!*** 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/TTDDialog/MermaidToExcalidraw.scss ***!
|
|
4914
|
+
\**************************************************************************************************************************************************************************************************************************/
|
|
4915
|
+
.excalidraw .dialog-mermaid-title {
|
|
4916
|
+
margin-block: 0.25rem;
|
|
4917
|
+
font-size: 1.25rem;
|
|
4918
|
+
font-weight: 700;
|
|
4919
|
+
padding-inline: 2.5rem;
|
|
4920
|
+
}
|
|
4921
4921
|
/*!****************************************************************************************************************************************************************************************************************!*\
|
|
4922
4922
|
!*** 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/TTDDialog/TTDDialog.scss ***!
|
|
4923
4923
|
\****************************************************************************************************************************************************************************************************************/
|