@tldraw/tlschema 3.12.0-canary.a6c2905c622f → 3.12.0-canary.ae51995a58aa

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 (16) hide show
  1. package/dist-cjs/index.d.ts +8 -0
  2. package/dist-cjs/index.js +1 -1
  3. package/dist-cjs/shapes/TLFrameShape.js +23 -3
  4. package/dist-cjs/shapes/TLFrameShape.js.map +2 -2
  5. package/dist-cjs/styles/TLColorStyle.js +233 -11
  6. package/dist-cjs/styles/TLColorStyle.js.map +2 -2
  7. package/dist-esm/index.d.mts +8 -0
  8. package/dist-esm/index.mjs +1 -1
  9. package/dist-esm/shapes/TLFrameShape.mjs +24 -4
  10. package/dist-esm/shapes/TLFrameShape.mjs.map +2 -2
  11. package/dist-esm/styles/TLColorStyle.mjs +233 -11
  12. package/dist-esm/styles/TLColorStyle.mjs.map +2 -2
  13. package/package.json +5 -5
  14. package/src/migrations.test.ts +13 -0
  15. package/src/shapes/TLFrameShape.ts +25 -2
  16. package/src/styles/TLColorStyle.ts +205 -16
package/dist-esm/index.mjs CHANGED
@@ -167,7 +167,7 @@ import {
167
167
  } from "./translations/translations.mjs";
168
168
  registerTldrawLibraryVersion(
169
169
  "@tldraw/tlschema",
170
- "3.12.0-canary.a6c2905c622f",
170
+ "3.12.0-canary.ae51995a58aa",
171
171
  "esm"
172
172
  );
173
173
  export {
package/dist-esm/shapes/TLFrameShape.mjs CHANGED
@@ -1,15 +1,35 @@
1
1
  import { T } from "@tldraw/validate";
2
- import { createShapePropsMigrationSequence } from "../records/TLShape.mjs";
2
+ import { createShapePropsMigrationIds, createShapePropsMigrationSequence } from "../records/TLShape.mjs";
3
+ import { DefaultColorStyle } from "../styles/TLColorStyle.mjs";
3
4
  const frameShapeProps = {
4
5
  w: T.nonZeroNumber,
5
6
  h: T.nonZeroNumber,
6
- name: T.string
7
+ name: T.string,
8
+ // because shape colors are an option, we don't want them to be picked up by the editor as a
9
+ // style prop by default, so instead of a proper style we just supply an equivalent validator.
10
+ // Check `FrameShapeUtil.configure` for how we replace this with the original
11
+ // `DefaultColorStyle` style when the option is turned on.
12
+ color: T.literalEnum(...DefaultColorStyle.values)
7
13
  };
14
+ const Versions = createShapePropsMigrationIds("frame", {
15
+ AddColorProp: 1
16
+ });
8
17
  const frameShapeMigrations = createShapePropsMigrationSequence({
9
- sequence: []
18
+ sequence: [
19
+ {
20
+ id: Versions.AddColorProp,
21
+ up: (props) => {
22
+ props.color = "black";
23
+ },
24
+ down: (props) => {
25
+ delete props.color;
26
+ }
27
+ }
28
+ ]
10
29
  });
11
30
  export {
12
31
  frameShapeMigrations,
13
- frameShapeProps
32
+ frameShapeProps,
33
+ Versions as frameShapeVersions
14
34
  };
15
35
  //# sourceMappingURL=TLFrameShape.mjs.map
package/dist-esm/shapes/TLFrameShape.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/shapes/TLFrameShape.ts"],
4
- "sourcesContent": ["import { T } from '@tldraw/validate'\nimport { createShapePropsMigrationSequence } from '../records/TLShape'\nimport { RecordProps } from '../recordsWithProps'\nimport { TLBaseShape } from './TLBaseShape'\n\n/** @public */\nexport interface TLFrameShapeProps {\n\tw: number\n\th: number\n\tname: string\n}\n\n/** @public */\nexport type TLFrameShape = TLBaseShape<'frame', TLFrameShapeProps>\n\n/** @public */\nexport const frameShapeProps: RecordProps<TLFrameShape> = {\n\tw: T.nonZeroNumber,\n\th: T.nonZeroNumber,\n\tname: T.string,\n}\n\n/** @public */\nexport const frameShapeMigrations = createShapePropsMigrationSequence({\n\tsequence: [],\n})\n"],
5
- "mappings": "AAAA,SAAS,SAAS;AAClB,SAAS,yCAAyC;AAe3C,MAAM,kBAA6C;AAAA,EACzD,GAAG,EAAE;AAAA,EACL,GAAG,EAAE;AAAA,EACL,MAAM,EAAE;AACT;AAGO,MAAM,uBAAuB,kCAAkC;AAAA,EACrE,UAAU,CAAC;AACZ,CAAC;",
4
+ "sourcesContent": ["import { T } from '@tldraw/validate'\nimport { createShapePropsMigrationIds, createShapePropsMigrationSequence } from '../records/TLShape'\nimport { RecordProps } from '../recordsWithProps'\nimport { DefaultColorStyle, TLDefaultColorStyle } from '../styles/TLColorStyle'\nimport { TLBaseShape } from './TLBaseShape'\n\n/** @public */\nexport interface TLFrameShapeProps {\n\tw: number\n\th: number\n\tname: string\n\tcolor: TLDefaultColorStyle\n}\n\n/** @public */\nexport type TLFrameShape = TLBaseShape<'frame', TLFrameShapeProps>\n\n/** @public */\nexport const frameShapeProps: RecordProps<TLFrameShape> = {\n\tw: T.nonZeroNumber,\n\th: T.nonZeroNumber,\n\tname: T.string,\n\t// because shape colors are an option, we don't want them to be picked up by the editor as a\n\t// style prop by default, so instead of a proper style we just supply an equivalent validator.\n\t// Check `FrameShapeUtil.configure` for how we replace this with the original\n\t// `DefaultColorStyle` style when the option is turned on.\n\tcolor: T.literalEnum(...DefaultColorStyle.values),\n}\n\nconst Versions = createShapePropsMigrationIds('frame', {\n\tAddColorProp: 1,\n})\n\nexport { Versions as frameShapeVersions }\n\n/** @public */\nexport const frameShapeMigrations = createShapePropsMigrationSequence({\n\tsequence: [\n\t\t{\n\t\t\tid: Versions.AddColorProp,\n\t\t\tup: (props) => {\n\t\t\t\tprops.color = 'black'\n\t\t\t},\n\t\t\tdown: (props) => {\n\t\t\t\tdelete props.color\n\t\t\t},\n\t\t},\n\t],\n})\n"],
5
+ "mappings": "AAAA,SAAS,SAAS;AAClB,SAAS,8BAA8B,yCAAyC;AAEhF,SAAS,yBAA8C;AAehD,MAAM,kBAA6C;AAAA,EACzD,GAAG,EAAE;AAAA,EACL,GAAG,EAAE;AAAA,EACL,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAKR,OAAO,EAAE,YAAY,GAAG,kBAAkB,MAAM;AACjD;AAEA,MAAM,WAAW,6BAA6B,SAAS;AAAA,EACtD,cAAc;AACf,CAAC;AAKM,MAAM,uBAAuB,kCAAkC;AAAA,EACrE,UAAU;AAAA,IACT;AAAA,MACC,IAAI,SAAS;AAAA,MACb,IAAI,CAAC,UAAU;AACd,cAAM,QAAQ;AAAA,MACf;AAAA,MACA,MAAM,CAAC,UAAU;AAChB,eAAO,MAAM;AAAA,MACd;AAAA,IACD;AAAA,EACD;AACD,CAAC;",
6
6
  "names": []
7
7
  }
package/dist-esm/styles/TLColorStyle.mjs CHANGED
@@ -18,11 +18,18 @@ const DefaultColorThemePalette = {
18
18
  lightMode: {
19
19
  id: "light",
20
20
  text: "#000000",
21
- background: "rgb(249, 250, 251)",
21
+ background: "#f9fafb",
22
22
  solid: "#fcfffe",
23
23
  black: {
24
24
  solid: "#1d1d1d",
25
25
  fill: "#1d1d1d",
26
+ frame: {
27
+ headingStroke: "#717171",
28
+ headingFill: "#ffffff",
29
+ stroke: "#717171",
30
+ fill: "#ffffff",
31
+ text: "#000000"
32
+ },
26
33
  note: {
27
34
  fill: "#FCE19C",
28
35
  text: "#000000"
@@ -37,6 +44,13 @@ const DefaultColorThemePalette = {
37
44
  blue: {
38
45
  solid: "#4465e9",
39
46
  fill: "#4465e9",
47
+ frame: {
48
+ headingStroke: "#6681ec",
49
+ headingFill: "#f9fafe",
50
+ stroke: "#6681ec",
51
+ fill: "#f9fafe",
52
+ text: "#000000"
53
+ },
40
54
  note: {
41
55
  fill: "#8AA3FF",
42
56
  text: "#000000"
@@ -51,6 +65,13 @@ const DefaultColorThemePalette = {
51
65
  green: {
52
66
  solid: "#099268",
53
67
  fill: "#099268",
68
+ frame: {
69
+ headingStroke: "#37a684",
70
+ headingFill: "#f8fcfa",
71
+ stroke: "#37a684",
72
+ fill: "#f8fcfa",
73
+ text: "#000000"
74
+ },
54
75
  note: {
55
76
  fill: "#6FC896",
56
77
  text: "#000000"
@@ -65,6 +86,13 @@ const DefaultColorThemePalette = {
65
86
  grey: {
66
87
  solid: "#9fa8b2",
67
88
  fill: "#9fa8b2",
89
+ frame: {
90
+ headingStroke: "#aaaaab",
91
+ headingFill: "#fbfcfc",
92
+ stroke: "#aaaaab",
93
+ fill: "#fcfcfd",
94
+ text: "#000000"
95
+ },
68
96
  note: {
69
97
  fill: "#C0CAD3",
70
98
  text: "#000000"
@@ -79,6 +107,13 @@ const DefaultColorThemePalette = {
79
107
  "light-blue": {
80
108
  solid: "#4ba1f1",
81
109
  fill: "#4ba1f1",
110
+ frame: {
111
+ headingStroke: "#6cb2f3",
112
+ headingFill: "#f8fbfe",
113
+ stroke: "#6cb2f3",
114
+ fill: "#fafcff",
115
+ text: "#000000"
116
+ },
82
117
  note: {
83
118
  fill: "#9BC4FD",
84
119
  text: "#000000"
@@ -93,6 +128,13 @@ const DefaultColorThemePalette = {
93
128
  "light-green": {
94
129
  solid: "#4cb05e",
95
130
  fill: "#4cb05e",
131
+ frame: {
132
+ headingStroke: "#6dbe7c",
133
+ headingFill: "#f8fcf9",
134
+ stroke: "#6dbe7c",
135
+ fill: "#fafdfa",
136
+ text: "#000000"
137
+ },
96
138
  note: {
97
139
  fill: "#98D08A",
98
140
  text: "#000000"
@@ -107,6 +149,13 @@ const DefaultColorThemePalette = {
107
149
  "light-red": {
108
150
  solid: "#f87777",
109
151
  fill: "#f87777",
152
+ frame: {
153
+ headingStroke: "#f89090",
154
+ headingFill: "#fffafa",
155
+ stroke: "#f89090",
156
+ fill: "#fffbfb",
157
+ text: "#000000"
158
+ },
110
159
  note: {
111
160
  fill: "#F7A5A1",
112
161
  text: "#000000"
@@ -121,6 +170,13 @@ const DefaultColorThemePalette = {
121
170
  "light-violet": {
122
171
  solid: "#e085f4",
123
172
  fill: "#e085f4",
173
+ frame: {
174
+ headingStroke: "#e59bf5",
175
+ headingFill: "#fefaff",
176
+ stroke: "#e59bf5",
177
+ fill: "#fefbff",
178
+ text: "#000000"
179
+ },
124
180
  note: {
125
181
  fill: "#DFB0F9",
126
182
  text: "#000000"
@@ -135,6 +191,13 @@ const DefaultColorThemePalette = {
135
191
  orange: {
136
192
  solid: "#e16919",
137
193
  fill: "#e16919",
194
+ frame: {
195
+ headingStroke: "#e68544",
196
+ headingFill: "#fef9f6",
197
+ stroke: "#e68544",
198
+ fill: "#fef9f6",
199
+ text: "#000000"
200
+ },
138
201
  note: {
139
202
  fill: "#FAA475",
140
203
  text: "#000000"
@@ -149,6 +212,13 @@ const DefaultColorThemePalette = {
149
212
  red: {
150
213
  solid: "#e03131",
151
214
  fill: "#e03131",
215
+ frame: {
216
+ headingStroke: "#e55757",
217
+ headingFill: "#fef7f7",
218
+ stroke: "#e55757",
219
+ fill: "#fef9f9",
220
+ text: "#000000"
221
+ },
152
222
  note: {
153
223
  fill: "#FC8282",
154
224
  text: "#000000"
@@ -163,6 +233,13 @@ const DefaultColorThemePalette = {
163
233
  violet: {
164
234
  solid: "#ae3ec9",
165
235
  fill: "#ae3ec9",
236
+ frame: {
237
+ headingStroke: "#bc62d3",
238
+ headingFill: "#fcf7fd",
239
+ stroke: "#bc62d3",
240
+ fill: "#fdf9fd",
241
+ text: "#000000"
242
+ },
166
243
  note: {
167
244
  fill: "#DB91FD",
168
245
  text: "#000000"
@@ -177,6 +254,13 @@ const DefaultColorThemePalette = {
177
254
  yellow: {
178
255
  solid: "#f1ac4b",
179
256
  fill: "#f1ac4b",
257
+ frame: {
258
+ headingStroke: "#f3bb6c",
259
+ headingFill: "#fefcf8",
260
+ stroke: "#f3bb6c",
261
+ fill: "#fffdfa",
262
+ text: "#000000"
263
+ },
180
264
  note: {
181
265
  fill: "#FED49A",
182
266
  text: "#000000"
@@ -193,6 +277,13 @@ const DefaultColorThemePalette = {
193
277
  fill: "#FFFFFF",
194
278
  semi: "#f5f5f5",
195
279
  pattern: "#f9f9f9",
280
+ frame: {
281
+ headingStroke: "#7d7d7d",
282
+ headingFill: "#ffffff",
283
+ stroke: "#7d7d7d",
284
+ fill: "#ffffff",
285
+ text: "#000000"
286
+ },
196
287
  note: {
197
288
  fill: "#FFFFFF",
198
289
  text: "#000000"
@@ -211,6 +302,13 @@ const DefaultColorThemePalette = {
211
302
  black: {
212
303
  solid: "#f2f2f2",
213
304
  fill: "#f2f2f2",
305
+ frame: {
306
+ headingStroke: "#5c5c5c",
307
+ headingFill: "#252525",
308
+ stroke: "#5c5c5c",
309
+ fill: "#0c0c0c",
310
+ text: "#f2f2f2"
311
+ },
214
312
  note: {
215
313
  fill: "#2c2c2c",
216
314
  text: "#f2f2f2"
@@ -226,6 +324,13 @@ const DefaultColorThemePalette = {
226
324
  solid: "#4f72fc",
227
325
  // 3c60f0
228
326
  fill: "#4f72fc",
327
+ frame: {
328
+ headingStroke: "#384994",
329
+ headingFill: "#1C2036",
330
+ stroke: "#384994",
331
+ fill: "#11141f",
332
+ text: "#f2f2f2"
333
+ },
229
334
  note: {
230
335
  fill: "#2A3F98",
231
336
  text: "#f2f2f2"
@@ -240,6 +345,13 @@ const DefaultColorThemePalette = {
240
345
  green: {
241
346
  solid: "#099268",
242
347
  fill: "#099268",
348
+ frame: {
349
+ headingStroke: "#10513C",
350
+ headingFill: "#14241f",
351
+ stroke: "#10513C",
352
+ fill: "#0E1614",
353
+ text: "#f2f2f2"
354
+ },
243
355
  note: {
244
356
  fill: "#014429",
245
357
  text: "#f2f2f2"
@@ -254,6 +366,13 @@ const DefaultColorThemePalette = {
254
366
  grey: {
255
367
  solid: "#9398b0",
256
368
  fill: "#9398b0",
369
+ frame: {
370
+ headingStroke: "#42474D",
371
+ headingFill: "#23262A",
372
+ stroke: "#42474D",
373
+ fill: "#151719",
374
+ text: "#f2f2f2"
375
+ },
257
376
  note: {
258
377
  fill: "#56595F",
259
378
  text: "#f2f2f2"
@@ -268,6 +387,13 @@ const DefaultColorThemePalette = {
268
387
  "light-blue": {
269
388
  solid: "#4dabf7",
270
389
  fill: "#4dabf7",
390
+ frame: {
391
+ headingStroke: "#075797",
392
+ headingFill: "#142839",
393
+ stroke: "#075797",
394
+ fill: "#0B1823",
395
+ text: "#f2f2f2"
396
+ },
271
397
  note: {
272
398
  fill: "#1F5495",
273
399
  text: "#f2f2f2"
@@ -282,6 +408,13 @@ const DefaultColorThemePalette = {
282
408
  "light-green": {
283
409
  solid: "#40c057",
284
410
  fill: "#40c057",
411
+ frame: {
412
+ headingStroke: "#1C5427",
413
+ headingFill: "#18251A",
414
+ stroke: "#1C5427",
415
+ fill: "#0F1911",
416
+ text: "#f2f2f2"
417
+ },
285
418
  note: {
286
419
  fill: "#21581D",
287
420
  text: "#f2f2f2"
@@ -296,12 +429,27 @@ const DefaultColorThemePalette = {
296
429
  "light-red": {
297
430
  solid: "#ff8787",
298
431
  fill: "#ff8787",
432
+ frame: {
433
+ headingStroke: "#6f3232",
434
+ // Darker and desaturated variant of solid
435
+ headingFill: "#341818",
436
+ // Deep, muted dark red
437
+ stroke: "#6f3232",
438
+ // Matches headingStroke
439
+ fill: "#181212",
440
+ // Darker, muted background shade
441
+ text: "#f2f2f2"
442
+ // Consistent bright text color
443
+ },
299
444
  note: {
300
- fill: "#923632",
445
+ fill: "#7a3333",
446
+ // Medium-dark, muted variant of solid
301
447
  text: "#f2f2f2"
302
448
  },
303
- semi: "#3b3235",
449
+ semi: "#3c2b2b",
450
+ // Subdued, darker neutral-red tone
304
451
  pattern: "#a56767",
452
+ // Existing pattern shade retained
305
453
  highlight: {
306
454
  srgb: "#db005b",
307
455
  p3: "color(display-p3 0.7849 0.0585 0.3589)"
@@ -310,6 +458,13 @@ const DefaultColorThemePalette = {
310
458
  "light-violet": {
311
459
  solid: "#e599f7",
312
460
  fill: "#e599f7",
461
+ frame: {
462
+ headingStroke: "#6c367a",
463
+ headingFill: "#2D2230",
464
+ stroke: "#6c367a",
465
+ fill: "#1C151E",
466
+ text: "#f2f2f2"
467
+ },
313
468
  note: {
314
469
  fill: "#762F8E",
315
470
  text: "#f2f2f2"
@@ -324,12 +479,27 @@ const DefaultColorThemePalette = {
324
479
  orange: {
325
480
  solid: "#f76707",
326
481
  fill: "#f76707",
482
+ frame: {
483
+ headingStroke: "#773a0e",
484
+ // Darker, muted version of solid
485
+ headingFill: "#2f1d13",
486
+ // Deep, warm, muted background
487
+ stroke: "#773a0e",
488
+ // Matches headingStroke
489
+ fill: "#1c1512",
490
+ // Darker, richer muted background
491
+ text: "#f2f2f2"
492
+ // Bright text for contrast
493
+ },
327
494
  note: {
328
- fill: "#843906",
495
+ fill: "#7c3905",
496
+ // Muted dark variant for note fill
329
497
  text: "#f2f2f2"
330
498
  },
331
- semi: "#3a2e2a",
499
+ semi: "#3b2e27",
500
+ // Muted neutral-orange tone
332
501
  pattern: "#9f552d",
502
+ // Retained existing shade
333
503
  highlight: {
334
504
  srgb: "#d07a00",
335
505
  p3: "color(display-p3 0.7699 0.4937 0.0085)"
@@ -338,12 +508,27 @@ const DefaultColorThemePalette = {
338
508
  red: {
339
509
  solid: "#e03131",
340
510
  fill: "#e03131",
511
+ frame: {
512
+ headingStroke: "#701e1e",
513
+ // Darker, muted variation of solid
514
+ headingFill: "#301616",
515
+ // Deep, muted reddish backdrop
516
+ stroke: "#701e1e",
517
+ // Matches headingStroke
518
+ fill: "#1b1313",
519
+ // Rich, dark muted background
520
+ text: "#f2f2f2"
521
+ // Bright text for readability
522
+ },
341
523
  note: {
342
- fill: "#89231A",
524
+ fill: "#7e201f",
525
+ // Muted dark variant for note fill
343
526
  text: "#f2f2f2"
344
527
  },
345
- semi: "#36292b",
528
+ semi: "#382726",
529
+ // Dark neutral-red tone
346
530
  pattern: "#8f3734",
531
+ // Existing pattern color retained
347
532
  highlight: {
348
533
  srgb: "#de002c",
349
534
  p3: "color(display-p3 0.7978 0.0509 0.2035)"
@@ -352,12 +537,27 @@ const DefaultColorThemePalette = {
352
537
  violet: {
353
538
  solid: "#ae3ec9",
354
539
  fill: "#ae3ec9",
540
+ frame: {
541
+ headingStroke: "#6d1583",
542
+ // Darker, muted variation of solid
543
+ headingFill: "#27152e",
544
+ // Deep, rich muted violet backdrop
545
+ stroke: "#6d1583",
546
+ // Matches headingStroke
547
+ fill: "#1b0f21",
548
+ // Darker muted violet background
549
+ text: "#f2f2f2"
550
+ // Consistent bright text color
551
+ },
355
552
  note: {
356
- fill: "#681683",
553
+ fill: "#5f1c70",
554
+ // Muted dark variant for note fill
357
555
  text: "#f2f2f2"
358
556
  },
359
- semi: "#31293c",
557
+ semi: "#342938",
558
+ // Dark neutral-violet tone
360
559
  pattern: "#763a8b",
560
+ // Retained existing pattern color
361
561
  highlight: {
362
562
  srgb: "#9e00ee",
363
563
  p3: "color(display-p3 0.5651 0.0079 0.8986)"
@@ -366,12 +566,27 @@ const DefaultColorThemePalette = {
366
566
  yellow: {
367
567
  solid: "#ffc034",
368
568
  fill: "#ffc034",
569
+ frame: {
570
+ headingStroke: "#684e12",
571
+ // Darker, muted variant of solid
572
+ headingFill: "#2a2113",
573
+ // Rich, muted dark-yellow background
574
+ stroke: "#684e12",
575
+ // Matches headingStroke
576
+ fill: "#1e1911",
577
+ // Darker muted shade for background fill
578
+ text: "#f2f2f2"
579
+ // Bright text color for readability
580
+ },
369
581
  note: {
370
- fill: "#98571B",
582
+ fill: "#8a5e1c",
583
+ // Muted, dark complementary variant
371
584
  text: "#f2f2f2"
372
585
  },
373
- semi: "#3c3934",
586
+ semi: "#3b352b",
587
+ // Dark muted neutral-yellow tone
374
588
  pattern: "#fecb92",
589
+ // Existing shade retained
375
590
  highlight: {
376
591
  srgb: "#d2b700",
377
592
  p3: "color(display-p3 0.8078 0.7225 0.0312)"
@@ -382,6 +597,13 @@ const DefaultColorThemePalette = {
382
597
  fill: "#f3f3f3",
383
598
  semi: "#f5f5f5",
384
599
  pattern: "#f9f9f9",
600
+ frame: {
601
+ headingStroke: "#ffffff",
602
+ headingFill: "#ffffff",
603
+ stroke: "#ffffff",
604
+ fill: "#ffffff",
605
+ text: "#000000"
606
+ },
385
607
  note: {
386
608
  fill: "#eaeaea",
387
609
  text: "#1d1d1d"
package/dist-esm/styles/TLColorStyle.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/styles/TLColorStyle.ts"],
4
- "sourcesContent": ["import { Expand } from '@tldraw/utils'\nimport { T } from '@tldraw/validate'\nimport { StyleProp } from './StyleProp'\n\n/** @public */\nexport const defaultColorNames = [\n\t'black',\n\t'grey',\n\t'light-violet',\n\t'violet',\n\t'blue',\n\t'light-blue',\n\t'yellow',\n\t'orange',\n\t'green',\n\t'light-green',\n\t'light-red',\n\t'red',\n\t'white',\n] as const\n\n/** @public */\nexport interface TLDefaultColorThemeColor {\n\tsolid: string\n\tsemi: string\n\tpattern: string\n\tfill: string // same as solid\n\tnote: {\n\t\tfill: string\n\t\ttext: string\n\t}\n\thighlight: {\n\t\tsrgb: string\n\t\tp3: string\n\t}\n}\n\n/** @public */\nexport type TLDefaultColorTheme = Expand<\n\t{\n\t\tid: 'light' | 'dark'\n\t\ttext: string\n\t\tbackground: string\n\t\tsolid: string\n\t} & Record<(typeof defaultColorNames)[number], TLDefaultColorThemeColor>\n>\n\n/** @public */\nexport const DefaultColorThemePalette: {\n\tlightMode: TLDefaultColorTheme\n\tdarkMode: TLDefaultColorTheme\n} = {\n\tlightMode: {\n\t\tid: 'light',\n\t\ttext: '#000000',\n\t\tbackground: 'rgb(249, 250, 251)',\n\t\tsolid: '#fcfffe',\n\t\tblack: {\n\t\t\tsolid: '#1d1d1d',\n\t\t\tfill: '#1d1d1d',\n\t\t\tnote: {\n\t\t\t\tfill: '#FCE19C',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#e8e8e8',\n\t\t\tpattern: '#494949',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#fddd00',\n\t\t\t\tp3: 'color(display-p3 0.972 0.8205 0.05)',\n\t\t\t},\n\t\t},\n\t\tblue: {\n\t\t\tsolid: '#4465e9',\n\t\t\tfill: '#4465e9',\n\t\t\tnote: {\n\t\t\t\tfill: '#8AA3FF',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#dce1f8',\n\t\t\tpattern: '#6681ee',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#10acff',\n\t\t\t\tp3: 'color(display-p3 0.308 0.6632 0.9996)',\n\t\t\t},\n\t\t},\n\t\tgreen: {\n\t\t\tsolid: '#099268',\n\t\t\tfill: '#099268',\n\t\t\tnote: {\n\t\t\t\tfill: '#6FC896',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#d3e9e3',\n\t\t\tpattern: '#39a785',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00ffc8',\n\t\t\t\tp3: 'color(display-p3 0.2536 0.984 0.7981)',\n\t\t\t},\n\t\t},\n\t\tgrey: {\n\t\t\tsolid: '#9fa8b2',\n\t\t\tfill: '#9fa8b2',\n\t\t\tnote: {\n\t\t\t\tfill: '#C0CAD3',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#eceef0',\n\t\t\tpattern: '#bcc3c9',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#cbe7f1',\n\t\t\t\tp3: 'color(display-p3 0.8163 0.9023 0.9416)',\n\t\t\t},\n\t\t},\n\t\t'light-blue': {\n\t\t\tsolid: '#4ba1f1',\n\t\t\tfill: '#4ba1f1',\n\t\t\tnote: {\n\t\t\t\tfill: '#9BC4FD',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#ddedfa',\n\t\t\tpattern: '#6fbbf8',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00f4ff',\n\t\t\t\tp3: 'color(display-p3 0.1512 0.9414 0.9996)',\n\t\t\t},\n\t\t},\n\t\t'light-green': {\n\t\t\tsolid: '#4cb05e',\n\t\t\tfill: '#4cb05e',\n\t\t\tnote: {\n\t\t\t\tfill: '#98D08A',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#dbf0e0',\n\t\t\tpattern: '#65cb78',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#65f641',\n\t\t\t\tp3: 'color(display-p3 0.563 0.9495 0.3857)',\n\t\t\t},\n\t\t},\n\t\t'light-red': {\n\t\t\tsolid: '#f87777',\n\t\t\tfill: '#f87777',\n\t\t\tnote: {\n\t\t\t\tfill: '#F7A5A1',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f4dadb',\n\t\t\tpattern: '#fe9e9e',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ff7fa3',\n\t\t\t\tp3: 'color(display-p3 0.9988 0.5301 0.6397)',\n\t\t\t},\n\t\t},\n\t\t'light-violet': {\n\t\t\tsolid: '#e085f4',\n\t\t\tfill: '#e085f4',\n\t\t\tnote: {\n\t\t\t\tfill: '#DFB0F9',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f5eafa',\n\t\t\tpattern: '#e9acf8',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ff88ff',\n\t\t\t\tp3: 'color(display-p3 0.9676 0.5652 0.9999)',\n\t\t\t},\n\t\t},\n\t\torange: {\n\t\t\tsolid: '#e16919',\n\t\t\tfill: '#e16919',\n\t\t\tnote: {\n\t\t\t\tfill: '#FAA475',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f8e2d4',\n\t\t\tpattern: '#f78438',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ffa500',\n\t\t\t\tp3: 'color(display-p3 0.9988 0.6905 0.266)',\n\t\t\t},\n\t\t},\n\t\tred: {\n\t\t\tsolid: '#e03131',\n\t\t\tfill: '#e03131',\n\t\t\tnote: {\n\t\t\t\tfill: '#FC8282',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f4dadb',\n\t\t\tpattern: '#e55959',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ff636e',\n\t\t\t\tp3: 'color(display-p3 0.9992 0.4376 0.45)',\n\t\t\t},\n\t\t},\n\t\tviolet: {\n\t\t\tsolid: '#ae3ec9',\n\t\t\tfill: '#ae3ec9',\n\t\t\tnote: {\n\t\t\t\tfill: '#DB91FD',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#ecdcf2',\n\t\t\tpattern: '#bd63d3',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#c77cff',\n\t\t\t\tp3: 'color(display-p3 0.7469 0.5089 0.9995)',\n\t\t\t},\n\t\t},\n\t\tyellow: {\n\t\t\tsolid: '#f1ac4b',\n\t\t\tfill: '#f1ac4b',\n\t\t\tnote: {\n\t\t\t\tfill: '#FED49A',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f9f0e6',\n\t\t\tpattern: '#fecb92',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#fddd00',\n\t\t\t\tp3: 'color(display-p3 0.972 0.8705 0.05)',\n\t\t\t},\n\t\t},\n\t\twhite: {\n\t\t\tsolid: '#FFFFFF',\n\t\t\tfill: '#FFFFFF',\n\t\t\tsemi: '#f5f5f5',\n\t\t\tpattern: '#f9f9f9',\n\t\t\tnote: {\n\t\t\t\tfill: '#FFFFFF',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ffffff',\n\t\t\t\tp3: 'color(display-p3 1 1 1)',\n\t\t\t},\n\t\t},\n\t},\n\tdarkMode: {\n\t\tid: 'dark',\n\t\ttext: 'hsl(210, 17%, 98%)',\n\t\tbackground: 'hsl(240, 5%, 6.5%)',\n\t\tsolid: '#010403',\n\n\t\tblack: {\n\t\t\tsolid: '#f2f2f2',\n\t\t\tfill: '#f2f2f2',\n\t\t\tnote: {\n\t\t\t\tfill: '#2c2c2c',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#2c3036',\n\t\t\tpattern: '#989898',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#d2b700',\n\t\t\t\tp3: 'color(display-p3 0.8078 0.6225 0.0312)',\n\t\t\t},\n\t\t},\n\t\tblue: {\n\t\t\tsolid: '#4f72fc', // 3c60f0\n\t\t\tfill: '#4f72fc',\n\t\t\tnote: {\n\t\t\t\tfill: '#2A3F98',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#262d40',\n\t\t\tpattern: '#3a4b9e',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#0079d2',\n\t\t\t\tp3: 'color(display-p3 0.0032 0.4655 0.7991)',\n\t\t\t},\n\t\t},\n\t\tgreen: {\n\t\t\tsolid: '#099268',\n\t\t\tfill: '#099268',\n\t\t\tnote: {\n\t\t\t\tfill: '#014429',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#253231',\n\t\t\tpattern: '#366a53',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#009774',\n\t\t\t\tp3: 'color(display-p3 0.0085 0.582 0.4604)',\n\t\t\t},\n\t\t},\n\t\tgrey: {\n\t\t\tsolid: '#9398b0',\n\t\t\tfill: '#9398b0',\n\t\t\tnote: {\n\t\t\t\tfill: '#56595F',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#33373c',\n\t\t\tpattern: '#7c8187',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#9cb4cb',\n\t\t\t\tp3: 'color(display-p3 0.6299 0.7012 0.7856)',\n\t\t\t},\n\t\t},\n\t\t'light-blue': {\n\t\t\tsolid: '#4dabf7',\n\t\t\tfill: '#4dabf7',\n\t\t\tnote: {\n\t\t\t\tfill: '#1F5495',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#2a3642',\n\t\t\tpattern: '#4d7aa9',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00bdc8',\n\t\t\t\tp3: 'color(display-p3 0.0023 0.7259 0.7735)',\n\t\t\t},\n\t\t},\n\t\t'light-green': {\n\t\t\tsolid: '#40c057',\n\t\t\tfill: '#40c057',\n\t\t\tnote: {\n\t\t\t\tfill: '#21581D',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#2a3830',\n\t\t\tpattern: '#4e874e',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00a000',\n\t\t\t\tp3: 'color(display-p3 0.2711 0.6172 0.0195)',\n\t\t\t},\n\t\t},\n\t\t'light-red': {\n\t\t\tsolid: '#ff8787',\n\t\t\tfill: '#ff8787',\n\t\t\tnote: {\n\t\t\t\tfill: '#923632',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#3b3235',\n\t\t\tpattern: '#a56767',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#db005b',\n\t\t\t\tp3: 'color(display-p3 0.7849 0.0585 0.3589)',\n\t\t\t},\n\t\t},\n\t\t'light-violet': {\n\t\t\tsolid: '#e599f7',\n\t\t\tfill: '#e599f7',\n\t\t\tnote: {\n\t\t\t\tfill: '#762F8E',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#383442',\n\t\t\tpattern: '#9770a9',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#c400c7',\n\t\t\t\tp3: 'color(display-p3 0.7024 0.0403 0.753)',\n\t\t\t},\n\t\t},\n\t\torange: {\n\t\t\tsolid: '#f76707',\n\t\t\tfill: '#f76707',\n\t\t\tnote: {\n\t\t\t\tfill: '#843906',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#3a2e2a',\n\t\t\tpattern: '#9f552d',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#d07a00',\n\t\t\t\tp3: 'color(display-p3 0.7699 0.4937 0.0085)',\n\t\t\t},\n\t\t},\n\t\tred: {\n\t\t\tsolid: '#e03131',\n\t\t\tfill: '#e03131',\n\t\t\tnote: {\n\t\t\t\tfill: '#89231A',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#36292b',\n\t\t\tpattern: '#8f3734',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#de002c',\n\t\t\t\tp3: 'color(display-p3 0.7978 0.0509 0.2035)',\n\t\t\t},\n\t\t},\n\t\tviolet: {\n\t\t\tsolid: '#ae3ec9',\n\t\t\tfill: '#ae3ec9',\n\t\t\tnote: {\n\t\t\t\tfill: '#681683',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#31293c',\n\t\t\tpattern: '#763a8b',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#9e00ee',\n\t\t\t\tp3: 'color(display-p3 0.5651 0.0079 0.8986)',\n\t\t\t},\n\t\t},\n\t\tyellow: {\n\t\t\tsolid: '#ffc034',\n\t\t\tfill: '#ffc034',\n\t\t\tnote: {\n\t\t\t\tfill: '#98571B',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#3c3934',\n\t\t\tpattern: '#fecb92',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#d2b700',\n\t\t\t\tp3: 'color(display-p3 0.8078 0.7225 0.0312)',\n\t\t\t},\n\t\t},\n\t\twhite: {\n\t\t\tsolid: '#f3f3f3',\n\t\t\tfill: '#f3f3f3',\n\t\t\tsemi: '#f5f5f5',\n\t\t\tpattern: '#f9f9f9',\n\t\t\tnote: {\n\t\t\t\tfill: '#eaeaea',\n\t\t\t\ttext: '#1d1d1d',\n\t\t\t},\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ffffff',\n\t\t\t\tp3: 'color(display-p3 1 1 1)',\n\t\t\t},\n\t\t},\n\t},\n}\n\n/** @public */\nexport function getDefaultColorTheme(opts: { isDarkMode: boolean }): TLDefaultColorTheme {\n\treturn opts.isDarkMode ? DefaultColorThemePalette.darkMode : DefaultColorThemePalette.lightMode\n}\n\n/** @public */\nexport const DefaultColorStyle = StyleProp.defineEnum('tldraw:color', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/** @public */\nexport const DefaultLabelColorStyle = StyleProp.defineEnum('tldraw:labelColor', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/** @public */\nexport type TLDefaultColorStyle = T.TypeOf<typeof DefaultColorStyle>\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["import { Expand } from '@tldraw/utils'\nimport { T } from '@tldraw/validate'\nimport { StyleProp } from './StyleProp'\n\n/** @public */\nexport const defaultColorNames = [\n\t'black',\n\t'grey',\n\t'light-violet',\n\t'violet',\n\t'blue',\n\t'light-blue',\n\t'yellow',\n\t'orange',\n\t'green',\n\t'light-green',\n\t'light-red',\n\t'red',\n\t'white',\n] as const\n\n/** @public */\nexport interface TLDefaultColorThemeColor {\n\tsolid: string\n\tsemi: string\n\tpattern: string\n\tfill: string // same as solid\n\tframe: {\n\t\theadingStroke: string\n\t\theadingFill: string\n\t\tstroke: string\n\t\tfill: string\n\t\ttext: string\n\t}\n\tnote: {\n\t\tfill: string\n\t\ttext: string\n\t}\n\thighlight: {\n\t\tsrgb: string\n\t\tp3: string\n\t}\n}\n\n/** @public */\nexport type TLDefaultColorTheme = Expand<\n\t{\n\t\tid: 'light' | 'dark'\n\t\ttext: string\n\t\tbackground: string\n\t\tsolid: string\n\t} & Record<(typeof defaultColorNames)[number], TLDefaultColorThemeColor>\n>\n\n/** @public */\nexport const DefaultColorThemePalette: {\n\tlightMode: TLDefaultColorTheme\n\tdarkMode: TLDefaultColorTheme\n} = {\n\tlightMode: {\n\t\tid: 'light',\n\t\ttext: '#000000',\n\t\tbackground: '#f9fafb',\n\t\tsolid: '#fcfffe',\n\t\tblack: {\n\t\t\tsolid: '#1d1d1d',\n\t\t\tfill: '#1d1d1d',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#717171',\n\t\t\t\theadingFill: '#ffffff',\n\t\t\t\tstroke: '#717171',\n\t\t\t\tfill: '#ffffff',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#FCE19C',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#e8e8e8',\n\t\t\tpattern: '#494949',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#fddd00',\n\t\t\t\tp3: 'color(display-p3 0.972 0.8205 0.05)',\n\t\t\t},\n\t\t},\n\t\tblue: {\n\t\t\tsolid: '#4465e9',\n\t\t\tfill: '#4465e9',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#6681ec',\n\t\t\t\theadingFill: '#f9fafe',\n\t\t\t\tstroke: '#6681ec',\n\t\t\t\tfill: '#f9fafe',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#8AA3FF',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#dce1f8',\n\t\t\tpattern: '#6681ee',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#10acff',\n\t\t\t\tp3: 'color(display-p3 0.308 0.6632 0.9996)',\n\t\t\t},\n\t\t},\n\t\tgreen: {\n\t\t\tsolid: '#099268',\n\t\t\tfill: '#099268',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#37a684',\n\t\t\t\theadingFill: '#f8fcfa',\n\t\t\t\tstroke: '#37a684',\n\t\t\t\tfill: '#f8fcfa',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#6FC896',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#d3e9e3',\n\t\t\tpattern: '#39a785',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00ffc8',\n\t\t\t\tp3: 'color(display-p3 0.2536 0.984 0.7981)',\n\t\t\t},\n\t\t},\n\t\tgrey: {\n\t\t\tsolid: '#9fa8b2',\n\t\t\tfill: '#9fa8b2',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#aaaaab',\n\t\t\t\theadingFill: '#fbfcfc',\n\t\t\t\tstroke: '#aaaaab',\n\t\t\t\tfill: '#fcfcfd',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#C0CAD3',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#eceef0',\n\t\t\tpattern: '#bcc3c9',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#cbe7f1',\n\t\t\t\tp3: 'color(display-p3 0.8163 0.9023 0.9416)',\n\t\t\t},\n\t\t},\n\t\t'light-blue': {\n\t\t\tsolid: '#4ba1f1',\n\t\t\tfill: '#4ba1f1',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#6cb2f3',\n\t\t\t\theadingFill: '#f8fbfe',\n\t\t\t\tstroke: '#6cb2f3',\n\t\t\t\tfill: '#fafcff',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#9BC4FD',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#ddedfa',\n\t\t\tpattern: '#6fbbf8',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00f4ff',\n\t\t\t\tp3: 'color(display-p3 0.1512 0.9414 0.9996)',\n\t\t\t},\n\t\t},\n\t\t'light-green': {\n\t\t\tsolid: '#4cb05e',\n\t\t\tfill: '#4cb05e',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#6dbe7c',\n\t\t\t\theadingFill: '#f8fcf9',\n\t\t\t\tstroke: '#6dbe7c',\n\t\t\t\tfill: '#fafdfa',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#98D08A',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#dbf0e0',\n\t\t\tpattern: '#65cb78',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#65f641',\n\t\t\t\tp3: 'color(display-p3 0.563 0.9495 0.3857)',\n\t\t\t},\n\t\t},\n\t\t'light-red': {\n\t\t\tsolid: '#f87777',\n\t\t\tfill: '#f87777',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#f89090',\n\t\t\t\theadingFill: '#fffafa',\n\t\t\t\tstroke: '#f89090',\n\t\t\t\tfill: '#fffbfb',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#F7A5A1',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f4dadb',\n\t\t\tpattern: '#fe9e9e',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ff7fa3',\n\t\t\t\tp3: 'color(display-p3 0.9988 0.5301 0.6397)',\n\t\t\t},\n\t\t},\n\t\t'light-violet': {\n\t\t\tsolid: '#e085f4',\n\t\t\tfill: '#e085f4',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#e59bf5',\n\t\t\t\theadingFill: '#fefaff',\n\t\t\t\tstroke: '#e59bf5',\n\t\t\t\tfill: '#fefbff',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#DFB0F9',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f5eafa',\n\t\t\tpattern: '#e9acf8',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ff88ff',\n\t\t\t\tp3: 'color(display-p3 0.9676 0.5652 0.9999)',\n\t\t\t},\n\t\t},\n\t\torange: {\n\t\t\tsolid: '#e16919',\n\t\t\tfill: '#e16919',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#e68544',\n\t\t\t\theadingFill: '#fef9f6',\n\t\t\t\tstroke: '#e68544',\n\t\t\t\tfill: '#fef9f6',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#FAA475',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f8e2d4',\n\t\t\tpattern: '#f78438',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ffa500',\n\t\t\t\tp3: 'color(display-p3 0.9988 0.6905 0.266)',\n\t\t\t},\n\t\t},\n\t\tred: {\n\t\t\tsolid: '#e03131',\n\t\t\tfill: '#e03131',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#e55757',\n\t\t\t\theadingFill: '#fef7f7',\n\t\t\t\tstroke: '#e55757',\n\t\t\t\tfill: '#fef9f9',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#FC8282',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f4dadb',\n\t\t\tpattern: '#e55959',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ff636e',\n\t\t\t\tp3: 'color(display-p3 0.9992 0.4376 0.45)',\n\t\t\t},\n\t\t},\n\t\tviolet: {\n\t\t\tsolid: '#ae3ec9',\n\t\t\tfill: '#ae3ec9',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#bc62d3',\n\t\t\t\theadingFill: '#fcf7fd',\n\t\t\t\tstroke: '#bc62d3',\n\t\t\t\tfill: '#fdf9fd',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#DB91FD',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#ecdcf2',\n\t\t\tpattern: '#bd63d3',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#c77cff',\n\t\t\t\tp3: 'color(display-p3 0.7469 0.5089 0.9995)',\n\t\t\t},\n\t\t},\n\t\tyellow: {\n\t\t\tsolid: '#f1ac4b',\n\t\t\tfill: '#f1ac4b',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#f3bb6c',\n\t\t\t\theadingFill: '#fefcf8',\n\t\t\t\tstroke: '#f3bb6c',\n\t\t\t\tfill: '#fffdfa',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#FED49A',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tsemi: '#f9f0e6',\n\t\t\tpattern: '#fecb92',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#fddd00',\n\t\t\t\tp3: 'color(display-p3 0.972 0.8705 0.05)',\n\t\t\t},\n\t\t},\n\t\twhite: {\n\t\t\tsolid: '#FFFFFF',\n\t\t\tfill: '#FFFFFF',\n\t\t\tsemi: '#f5f5f5',\n\t\t\tpattern: '#f9f9f9',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#7d7d7d',\n\t\t\t\theadingFill: '#ffffff',\n\t\t\t\tstroke: '#7d7d7d',\n\t\t\t\tfill: '#ffffff',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#FFFFFF',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ffffff',\n\t\t\t\tp3: 'color(display-p3 1 1 1)',\n\t\t\t},\n\t\t},\n\t},\n\tdarkMode: {\n\t\tid: 'dark',\n\t\ttext: 'hsl(210, 17%, 98%)',\n\t\tbackground: 'hsl(240, 5%, 6.5%)',\n\t\tsolid: '#010403',\n\n\t\tblack: {\n\t\t\tsolid: '#f2f2f2',\n\t\t\tfill: '#f2f2f2',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#5c5c5c',\n\t\t\t\theadingFill: '#252525',\n\t\t\t\tstroke: '#5c5c5c',\n\t\t\t\tfill: '#0c0c0c',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#2c2c2c',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#2c3036',\n\t\t\tpattern: '#989898',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#d2b700',\n\t\t\t\tp3: 'color(display-p3 0.8078 0.6225 0.0312)',\n\t\t\t},\n\t\t},\n\t\tblue: {\n\t\t\tsolid: '#4f72fc', // 3c60f0\n\t\t\tfill: '#4f72fc',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#384994',\n\t\t\t\theadingFill: '#1C2036',\n\t\t\t\tstroke: '#384994',\n\t\t\t\tfill: '#11141f',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#2A3F98',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#262d40',\n\t\t\tpattern: '#3a4b9e',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#0079d2',\n\t\t\t\tp3: 'color(display-p3 0.0032 0.4655 0.7991)',\n\t\t\t},\n\t\t},\n\t\tgreen: {\n\t\t\tsolid: '#099268',\n\t\t\tfill: '#099268',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#10513C',\n\t\t\t\theadingFill: '#14241f',\n\t\t\t\tstroke: '#10513C',\n\t\t\t\tfill: '#0E1614',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#014429',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#253231',\n\t\t\tpattern: '#366a53',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#009774',\n\t\t\t\tp3: 'color(display-p3 0.0085 0.582 0.4604)',\n\t\t\t},\n\t\t},\n\t\tgrey: {\n\t\t\tsolid: '#9398b0',\n\t\t\tfill: '#9398b0',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#42474D',\n\t\t\t\theadingFill: '#23262A',\n\t\t\t\tstroke: '#42474D',\n\t\t\t\tfill: '#151719',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#56595F',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#33373c',\n\t\t\tpattern: '#7c8187',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#9cb4cb',\n\t\t\t\tp3: 'color(display-p3 0.6299 0.7012 0.7856)',\n\t\t\t},\n\t\t},\n\t\t'light-blue': {\n\t\t\tsolid: '#4dabf7',\n\t\t\tfill: '#4dabf7',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#075797',\n\t\t\t\theadingFill: '#142839',\n\t\t\t\tstroke: '#075797',\n\t\t\t\tfill: '#0B1823',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#1F5495',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#2a3642',\n\t\t\tpattern: '#4d7aa9',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00bdc8',\n\t\t\t\tp3: 'color(display-p3 0.0023 0.7259 0.7735)',\n\t\t\t},\n\t\t},\n\t\t'light-green': {\n\t\t\tsolid: '#40c057',\n\t\t\tfill: '#40c057',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#1C5427',\n\t\t\t\theadingFill: '#18251A',\n\t\t\t\tstroke: '#1C5427',\n\t\t\t\tfill: '#0F1911',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#21581D',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#2a3830',\n\t\t\tpattern: '#4e874e',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#00a000',\n\t\t\t\tp3: 'color(display-p3 0.2711 0.6172 0.0195)',\n\t\t\t},\n\t\t},\n\t\t'light-red': {\n\t\t\tsolid: '#ff8787',\n\t\t\tfill: '#ff8787',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#6f3232', // Darker and desaturated variant of solid\n\t\t\t\theadingFill: '#341818', // Deep, muted dark red\n\t\t\t\tstroke: '#6f3232', // Matches headingStroke\n\t\t\t\tfill: '#181212', // Darker, muted background shade\n\t\t\t\ttext: '#f2f2f2', // Consistent bright text color\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#7a3333', // Medium-dark, muted variant of solid\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#3c2b2b', // Subdued, darker neutral-red tone\n\t\t\tpattern: '#a56767', // Existing pattern shade retained\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#db005b',\n\t\t\t\tp3: 'color(display-p3 0.7849 0.0585 0.3589)',\n\t\t\t},\n\t\t},\n\t\t'light-violet': {\n\t\t\tsolid: '#e599f7',\n\t\t\tfill: '#e599f7',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#6c367a',\n\t\t\t\theadingFill: '#2D2230',\n\t\t\t\tstroke: '#6c367a',\n\t\t\t\tfill: '#1C151E',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#762F8E',\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#383442',\n\t\t\tpattern: '#9770a9',\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#c400c7',\n\t\t\t\tp3: 'color(display-p3 0.7024 0.0403 0.753)',\n\t\t\t},\n\t\t},\n\t\torange: {\n\t\t\tsolid: '#f76707',\n\t\t\tfill: '#f76707',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#773a0e', // Darker, muted version of solid\n\t\t\t\theadingFill: '#2f1d13', // Deep, warm, muted background\n\t\t\t\tstroke: '#773a0e', // Matches headingStroke\n\t\t\t\tfill: '#1c1512', // Darker, richer muted background\n\t\t\t\ttext: '#f2f2f2', // Bright text for contrast\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#7c3905', // Muted dark variant for note fill\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#3b2e27', // Muted neutral-orange tone\n\t\t\tpattern: '#9f552d', // Retained existing shade\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#d07a00',\n\t\t\t\tp3: 'color(display-p3 0.7699 0.4937 0.0085)',\n\t\t\t},\n\t\t},\n\t\tred: {\n\t\t\tsolid: '#e03131',\n\t\t\tfill: '#e03131',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#701e1e', // Darker, muted variation of solid\n\t\t\t\theadingFill: '#301616', // Deep, muted reddish backdrop\n\t\t\t\tstroke: '#701e1e', // Matches headingStroke\n\t\t\t\tfill: '#1b1313', // Rich, dark muted background\n\t\t\t\ttext: '#f2f2f2', // Bright text for readability\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#7e201f', // Muted dark variant for note fill\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#382726', // Dark neutral-red tone\n\t\t\tpattern: '#8f3734', // Existing pattern color retained\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#de002c',\n\t\t\t\tp3: 'color(display-p3 0.7978 0.0509 0.2035)',\n\t\t\t},\n\t\t},\n\t\tviolet: {\n\t\t\tsolid: '#ae3ec9',\n\t\t\tfill: '#ae3ec9',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#6d1583', // Darker, muted variation of solid\n\t\t\t\theadingFill: '#27152e', // Deep, rich muted violet backdrop\n\t\t\t\tstroke: '#6d1583', // Matches headingStroke\n\t\t\t\tfill: '#1b0f21', // Darker muted violet background\n\t\t\t\ttext: '#f2f2f2', // Consistent bright text color\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#5f1c70', // Muted dark variant for note fill\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#342938', // Dark neutral-violet tone\n\t\t\tpattern: '#763a8b', // Retained existing pattern color\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#9e00ee',\n\t\t\t\tp3: 'color(display-p3 0.5651 0.0079 0.8986)',\n\t\t\t},\n\t\t},\n\t\tyellow: {\n\t\t\tsolid: '#ffc034',\n\t\t\tfill: '#ffc034',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#684e12', // Darker, muted variant of solid\n\t\t\t\theadingFill: '#2a2113', // Rich, muted dark-yellow background\n\t\t\t\tstroke: '#684e12', // Matches headingStroke\n\t\t\t\tfill: '#1e1911', // Darker muted shade for background fill\n\t\t\t\ttext: '#f2f2f2', // Bright text color for readability\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#8a5e1c', // Muted, dark complementary variant\n\t\t\t\ttext: '#f2f2f2',\n\t\t\t},\n\t\t\tsemi: '#3b352b', // Dark muted neutral-yellow tone\n\t\t\tpattern: '#fecb92', // Existing shade retained\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#d2b700',\n\t\t\t\tp3: 'color(display-p3 0.8078 0.7225 0.0312)',\n\t\t\t},\n\t\t},\n\t\twhite: {\n\t\t\tsolid: '#f3f3f3',\n\t\t\tfill: '#f3f3f3',\n\t\t\tsemi: '#f5f5f5',\n\t\t\tpattern: '#f9f9f9',\n\t\t\tframe: {\n\t\t\t\theadingStroke: '#ffffff',\n\t\t\t\theadingFill: '#ffffff',\n\t\t\t\tstroke: '#ffffff',\n\t\t\t\tfill: '#ffffff',\n\t\t\t\ttext: '#000000',\n\t\t\t},\n\t\t\tnote: {\n\t\t\t\tfill: '#eaeaea',\n\t\t\t\ttext: '#1d1d1d',\n\t\t\t},\n\t\t\thighlight: {\n\t\t\t\tsrgb: '#ffffff',\n\t\t\t\tp3: 'color(display-p3 1 1 1)',\n\t\t\t},\n\t\t},\n\t},\n}\n\n/** @public */\nexport function getDefaultColorTheme(opts: { isDarkMode: boolean }): TLDefaultColorTheme {\n\treturn opts.isDarkMode ? DefaultColorThemePalette.darkMode : DefaultColorThemePalette.lightMode\n}\n\n/** @public */\nexport const DefaultColorStyle = StyleProp.defineEnum('tldraw:color', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/** @public */\nexport const DefaultLabelColorStyle = StyleProp.defineEnum('tldraw:labelColor', {\n\tdefaultValue: 'black',\n\tvalues: defaultColorNames,\n})\n\n/** @public */\nexport type TLDefaultColorStyle = T.TypeOf<typeof DefaultColorStyle>\n"],
5
+ "mappings": "AAEA,SAAS,iBAAiB;AAGnB,MAAM,oBAAoB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;AAoCO,MAAM,2BAGT;AAAA,EACH,WAAW;AAAA,IACV,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,OAAO;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,MAAM;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,MAAM;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,cAAc;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,eAAe;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,aAAa;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,gBAAgB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,KAAK;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,EACD;AAAA,EACA,UAAU;AAAA,IACT,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,OAAO;AAAA,IAEP,OAAO;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,MAAM;AAAA,MACL,OAAO;AAAA;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,MAAM;AAAA,MACL,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,cAAc;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,eAAe;AAAA,MACd,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,aAAa;AAAA,MACZ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA;AAAA,QACf,aAAa;AAAA;AAAA,QACb,QAAQ;AAAA;AAAA,QACR,MAAM;AAAA;AAAA,QACN,MAAM;AAAA;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA;AAAA,MACN,SAAS;AAAA;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,gBAAgB;AAAA,MACf,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA;AAAA,QACf,aAAa;AAAA;AAAA,QACb,QAAQ;AAAA;AAAA,QACR,MAAM;AAAA;AAAA,QACN,MAAM;AAAA;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA;AAAA,MACN,SAAS;AAAA;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,KAAK;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA;AAAA,QACf,aAAa;AAAA;AAAA,QACb,QAAQ;AAAA;AAAA,QACR,MAAM;AAAA;AAAA,QACN,MAAM;AAAA;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA;AAAA,MACN,SAAS;AAAA;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA;AAAA,QACf,aAAa;AAAA;AAAA,QACb,QAAQ;AAAA;AAAA,QACR,MAAM;AAAA;AAAA,QACN,MAAM;AAAA;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA;AAAA,MACN,SAAS;AAAA;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,QAAQ;AAAA,MACP,OAAO;AAAA,MACP,MAAM;AAAA,MACN,OAAO;AAAA,QACN,eAAe;AAAA;AAAA,QACf,aAAa;AAAA;AAAA,QACb,QAAQ;AAAA;AAAA,QACR,MAAM;AAAA;AAAA,QACN,MAAM;AAAA;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA;AAAA,MACN,SAAS;AAAA;AAAA,MACT,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,IACA,OAAO;AAAA,MACN,OAAO;AAAA,MACP,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,QACN,eAAe;AAAA,QACf,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,MAAM;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,WAAW;AAAA,QACV,MAAM;AAAA,QACN,IAAI;AAAA,MACL;AAAA,IACD;AAAA,EACD;AACD;AAGO,SAAS,qBAAqB,MAAoD;AACxF,SAAO,KAAK,aAAa,yBAAyB,WAAW,yBAAyB;AACvF;AAGO,MAAM,oBAAoB,UAAU,WAAW,gBAAgB;AAAA,EACrE,cAAc;AAAA,EACd,QAAQ;AACT,CAAC;AAGM,MAAM,yBAAyB,UAAU,WAAW,qBAAqB;AAAA,EAC/E,cAAc;AAAA,EACd,QAAQ;AACT,CAAC;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tldraw/tlschema",
3
3
  "description": "A tiny little drawing app (schema).",
4
- "version": "3.12.0-canary.a6c2905c622f",
4
+ "version": "3.12.0-canary.ae51995a58aa",
5
5
  "author": {
6
6
  "name": "tldraw Inc.",
7
7
  "email": "hello@tldraw.com"
@@ -54,10 +54,10 @@
54
54
  }
55
55
  },
56
56
  "dependencies": {
57
- "@tldraw/state": "3.12.0-canary.a6c2905c622f",
58
- "@tldraw/store": "3.12.0-canary.a6c2905c622f",
59
- "@tldraw/utils": "3.12.0-canary.a6c2905c622f",
60
- "@tldraw/validate": "3.12.0-canary.a6c2905c622f"
57
+ "@tldraw/state": "3.12.0-canary.ae51995a58aa",
58
+ "@tldraw/store": "3.12.0-canary.ae51995a58aa",
59
+ "@tldraw/utils": "3.12.0-canary.ae51995a58aa",
60
+ "@tldraw/validate": "3.12.0-canary.ae51995a58aa"
61
61
  },
62
62
  "peerDependencies": {
63
63
  "react": "^18.2.0 || ^19.0.0",
package/src/migrations.test.ts CHANGED
@@ -17,6 +17,7 @@ import { arrowShapeVersions } from './shapes/TLArrowShape'
17
17
  import { bookmarkShapeVersions } from './shapes/TLBookmarkShape'
18
18
  import { drawShapeVersions } from './shapes/TLDrawShape'
19
19
  import { embedShapeVersions } from './shapes/TLEmbedShape'
20
+ import { frameShapeVersions } from './shapes/TLFrameShape'
20
21
  import { geoShapeVersions } from './shapes/TLGeoShape'
21
22
  import { highlightShapeVersions } from './shapes/TLHighlightShape'
22
23
  import { imageShapeVersions } from './shapes/TLImageShape'
@@ -2120,6 +2121,18 @@ describe('TLPresence NullableCameraCursor', () => {
2120
2121
  })
2121
2122
  })
2122
2123
 
2124
+ describe('Adding color to frame shapes', () => {
2125
+ const { up, down } = getTestMigration(frameShapeVersions.AddColorProp)
2126
+
2127
+ test('up works as expected', () => {
2128
+ expect(up({ props: {} })).toEqual({ props: { color: 'black' } })
2129
+ })
2130
+
2131
+ test('down works as expected', () => {
2132
+ expect(down({ props: { color: 'black' } })).toEqual({ props: {} })
2133
+ })
2134
+ })
2135
+
2123
2136
  /* --- PUT YOUR MIGRATIONS TESTS ABOVE HERE --- */
2124
2137
 
2125
2138
  // check that all migrator fns were called at least once