@ibodr/editor 0.1.9 → 0.1.11
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/index.d.ts +15 -8
- package/dist/index.mjs +258 -42
- package/dist/index.mjs.map +1 -1
- package/editor.css +32 -0
- package/package.json +7 -7
package/editor.css
CHANGED
|
@@ -159,6 +159,8 @@
|
|
|
159
159
|
/* if you ever update --dr-color-background, update the hardcoded values in theme-init.js and globals.css
|
|
160
160
|
they're there to make sure the background color matches the user's preference before the actual app loads*/
|
|
161
161
|
--dr-color-grid: hsl(0, 0%, 43%);
|
|
162
|
+
--dr-color-board-bg-line: hsl(210, 50%, 55%, 35%);
|
|
163
|
+
--dr-color-board-bg-line-secondary: hsl(210, 50%, 55%, 18%);
|
|
162
164
|
/* UI */
|
|
163
165
|
--dr-color-low: hsl(204, 16%, 94%);
|
|
164
166
|
--dr-color-low-border: hsl(204, 16%, 92%);
|
|
@@ -213,6 +215,8 @@
|
|
|
213
215
|
/* if you ever update --dr-color-background, update the hardcoded values in theme-init.js and globals.css
|
|
214
216
|
they're there to make sure the background color matches the user's preference before the actual app loads*/
|
|
215
217
|
--dr-color-grid: hsl(0, 0%, 40%);
|
|
218
|
+
--dr-color-board-bg-line: hsl(210, 70%, 70%, 25%);
|
|
219
|
+
--dr-color-board-bg-line-secondary: hsl(210, 70%, 70%, 13%);
|
|
216
220
|
/* UI */
|
|
217
221
|
--dr-color-low: hsl(260, 4.5%, 10.5%);
|
|
218
222
|
--dr-color-low-border: hsl(207, 10%, 10%);
|
|
@@ -342,6 +346,34 @@ input,
|
|
|
342
346
|
height: 100%;
|
|
343
347
|
}
|
|
344
348
|
|
|
349
|
+
/* Board background patterns (`DrInstance.backgroundType`), rendered as an SVG overlay
|
|
350
|
+
on top of `.dr-background`. Unlike the old CSS `background-image` version, this is
|
|
351
|
+
generated dynamically (see `DefaultBackground`) so the pattern pans and scales with
|
|
352
|
+
the camera exactly like the dot grid rendered by `DefaultGrid`. */
|
|
353
|
+
.dr-background-pattern {
|
|
354
|
+
position: absolute;
|
|
355
|
+
inset: 0px;
|
|
356
|
+
width: 100%;
|
|
357
|
+
height: 100%;
|
|
358
|
+
pointer-events: none;
|
|
359
|
+
}
|
|
360
|
+
|
|
361
|
+
.dr-bg-line {
|
|
362
|
+
stroke: var(--dr-color-board-bg-line);
|
|
363
|
+
stroke-width: 1px;
|
|
364
|
+
fill: none;
|
|
365
|
+
}
|
|
366
|
+
|
|
367
|
+
.dr-bg-line-secondary {
|
|
368
|
+
stroke: var(--dr-color-board-bg-line-secondary);
|
|
369
|
+
stroke-width: 1px;
|
|
370
|
+
fill: none;
|
|
371
|
+
}
|
|
372
|
+
|
|
373
|
+
.dr-bg-dot {
|
|
374
|
+
fill: var(--dr-color-board-bg-line);
|
|
375
|
+
}
|
|
376
|
+
|
|
345
377
|
/* --------------------- Grid Layer --------------------- */
|
|
346
378
|
|
|
347
379
|
.dr-grid {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ibodr/editor",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -29,12 +29,12 @@
|
|
|
29
29
|
"eventemitter3": "^4.0.7",
|
|
30
30
|
"idb": "^7.1.1",
|
|
31
31
|
"rbush": "^3.0.1",
|
|
32
|
-
"@ibodr/schema": "0.1.
|
|
33
|
-
"@ibodr/
|
|
34
|
-
"@ibodr/utils": "0.1.
|
|
35
|
-
"@ibodr/
|
|
36
|
-
"@ibodr/
|
|
37
|
-
"@ibodr/
|
|
32
|
+
"@ibodr/schema": "0.1.11",
|
|
33
|
+
"@ibodr/store": "0.1.11",
|
|
34
|
+
"@ibodr/utils": "0.1.11",
|
|
35
|
+
"@ibodr/state-react": "0.1.11",
|
|
36
|
+
"@ibodr/state": "0.1.11",
|
|
37
|
+
"@ibodr/validate": "0.1.11"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": "^18.2.0 || ^19.2.1",
|