@almadar/ui 6.53.1 → 6.55.0

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 (120) hide show
  1. package/dist/{AwaitingSkeletonContext-Bh399p1x.d.ts → AwaitingSkeletonContext-DPgW__WV.d.ts} +3 -1
  2. package/dist/{Canvas3DHost-B-y2TNij.d.ts → Canvas3DHost-DfAhg6EH.d.ts} +2 -0
  3. package/dist/Typography-7PDT62PG.js +5 -0
  4. package/dist/{UISlotRenderer-P7A4SZSK.js → UISlotRenderer-QTHFT6Z4.js} +8 -8
  5. package/dist/avl/index.cjs +3031 -1790
  6. package/dist/avl/index.js +57 -745
  7. package/dist/{avl-3d-context-MAt_NuU9.d.ts → avl-3d-context-BpBKZIbc.d.ts} +1 -0
  8. package/dist/{chunk-ERXIHZW3.js → chunk-D2E44ODB.js} +29 -15
  9. package/dist/{chunk-UOTYAPV5.js → chunk-F4ZTPKZL.js} +3 -3
  10. package/dist/{chunk-53VTY5CC.js → chunk-FQM37C56.js} +352 -162
  11. package/dist/{chunk-HB4C27KU.js → chunk-HCSJHRC4.js} +1 -1
  12. package/dist/{chunk-7KSLPY56.js → chunk-HRCR53OW.js} +11 -1
  13. package/dist/{chunk-O7OLVVBR.js → chunk-Q47ZN2DW.js} +24 -22
  14. package/dist/{chunk-DQTV6QVS.js → chunk-QGH4NAQO.js} +53 -2
  15. package/dist/{chunk-QVXLKFUQ.js → chunk-RNY5LJXJ.js} +1 -1
  16. package/dist/{chunk-FUQASYEW.js → chunk-SGJHVPHC.js} +2 -2
  17. package/dist/{chunk-6O37FCX4.js → chunk-V3FGTQUE.js} +37 -2
  18. package/dist/{chunk-HUG25TT3.js → chunk-XZKGRSIO.js} +2745 -1644
  19. package/dist/{chunk-7LM6I3NA.js → chunk-Y53Q55H5.js} +522 -24
  20. package/dist/components/index.cjs +4614 -2858
  21. package/dist/components/index.d.ts +122 -53
  22. package/dist/components/index.js +16 -17
  23. package/dist/context/index.cjs +38 -1
  24. package/dist/context/index.d.ts +1 -1
  25. package/dist/context/index.js +3 -1
  26. package/dist/design-classes/index.cjs +29 -15
  27. package/dist/design-classes/index.d.cts +1 -0
  28. package/dist/design-classes/index.d.ts +1 -0
  29. package/dist/design-classes/index.js +29 -15
  30. package/dist/hooks/index.cjs +16 -1
  31. package/dist/hooks/index.d.ts +10 -1
  32. package/dist/hooks/index.js +3 -4
  33. package/dist/lib/drawable/three/index.cjs +444 -82
  34. package/dist/lib/drawable/three/index.d.ts +4 -4
  35. package/dist/lib/drawable/three/index.js +28 -24
  36. package/dist/lib/index.cjs +53 -3
  37. package/dist/lib/index.d.ts +1 -1
  38. package/dist/lib/index.js +4 -4
  39. package/dist/locales/index.cjs +33 -3
  40. package/dist/locales/index.js +23 -3
  41. package/dist/providers/index.cjs +4987 -3183
  42. package/dist/providers/index.d.ts +2 -2
  43. package/dist/providers/index.js +14 -11
  44. package/dist/runtime/index.cjs +8973 -7000
  45. package/dist/runtime/index.d.ts +28 -6
  46. package/dist/runtime/index.js +16 -13
  47. package/dist/ssr/index.cjs +26 -9
  48. package/dist/ssr/index.js +26 -9
  49. package/dist/{themeTokens-Ccu7EmGY.d.ts → themeTokens-D6MFwKrC.d.ts} +6 -2
  50. package/locales/ar.json +11 -1
  51. package/locales/en.json +11 -1
  52. package/locales/sl.json +11 -1
  53. package/package.json +8 -7
  54. package/scripts/audit-tailwind-safelist.ts +21 -1
  55. package/scripts/theme-contrast-audit.mjs +20 -1
  56. package/tailwind-preset.cjs +5 -6
  57. package/themes/_base.css +61 -0
  58. package/themes/_contract.md +37 -0
  59. package/themes/_fonts.css +6 -4
  60. package/themes/_presets.css +2 -0
  61. package/themes/almadar-heritage.css +455 -0
  62. package/themes/almadar-website.css +82 -0
  63. package/themes/almadar.css +82 -0
  64. package/themes/aqua.css +82 -0
  65. package/themes/arabesque.css +82 -0
  66. package/themes/art-deco.css +82 -0
  67. package/themes/art-nouveau.css +82 -0
  68. package/themes/atelier.css +82 -0
  69. package/themes/bauhaus.css +82 -0
  70. package/themes/bloomberg-dense.css +83 -1
  71. package/themes/blueprint.css +84 -0
  72. package/themes/clay.css +82 -0
  73. package/themes/comic.css +82 -0
  74. package/themes/constructivist.css +82 -0
  75. package/themes/corporate.css +82 -0
  76. package/themes/cyberpunk.css +82 -0
  77. package/themes/frutiger-aero.css +83 -0
  78. package/themes/game-adventure.css +15 -0
  79. package/themes/game-rpg.css +16 -0
  80. package/themes/game-sci-fi.css +15 -0
  81. package/themes/game-ui-pack.css +15 -0
  82. package/themes/gazette.css +82 -0
  83. package/themes/glass.css +82 -0
  84. package/themes/gothic.css +82 -0
  85. package/themes/ink-wash.css +82 -0
  86. package/themes/kawaii.css +82 -0
  87. package/themes/kiosk.css +82 -0
  88. package/themes/linear-clean.css +82 -0
  89. package/themes/luxury.css +82 -0
  90. package/themes/mac-classic.css +90 -8
  91. package/themes/material.css +82 -0
  92. package/themes/memphis.css +82 -0
  93. package/themes/mid-century.css +82 -0
  94. package/themes/minimalist.css +82 -0
  95. package/themes/mudcloth.css +82 -0
  96. package/themes/neon.css +83 -0
  97. package/themes/neumorphic.css +82 -0
  98. package/themes/newsprint.css +82 -0
  99. package/themes/notion-editorial.css +82 -0
  100. package/themes/orb.css +455 -0
  101. package/themes/pixel.css +82 -0
  102. package/themes/prism.css +82 -0
  103. package/themes/retro.css +83 -0
  104. package/themes/risograph.css +82 -0
  105. package/themes/scandi.css +82 -0
  106. package/themes/sketch.css +82 -0
  107. package/themes/solarpunk.css +82 -0
  108. package/themes/steampunk.css +82 -0
  109. package/themes/swiss.css +82 -0
  110. package/themes/terminal.css +84 -1
  111. package/themes/trait-wars.css +82 -0
  112. package/themes/ukiyo-e.css +82 -0
  113. package/themes/vaporwave.css +82 -0
  114. package/themes/victorian.css +82 -0
  115. package/themes/wabi-sabi.css +82 -0
  116. package/themes/win95.css +84 -0
  117. package/themes/wireframe.css +82 -0
  118. package/themes/zine.css +82 -0
  119. package/dist/Typography-7QEWUTW3.js +0 -5
  120. package/dist/chunk-E37BYSXY.js +0 -51
package/themes/luxury.css CHANGED
@@ -38,6 +38,21 @@
38
38
  --color-info: #2b4a6b;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #5e6327;
42
+ --color-series-2: #2a3a5a;
43
+ --color-series-3: #5a1f2a;
44
+ --color-series-4: #1f5245;
45
+ --color-series-5: #6a5a7a;
46
+ --color-series-6: #8a4a2a;
47
+ --color-series-7: #526264;
48
+ --color-series-8: #988343;
49
+ --color-diagram-ink: #141210;
50
+ --color-diagram-label: #5b554a;
51
+ --color-diagram-guide: #8f8670;
52
+ --color-diagram-axis: #5b554a;
53
+ --color-diagram-grid: rgba(125,98,41,0.18);
54
+ --color-diagram-highlight: #7d6229;
55
+ --color-diagram-fill: #ebe5d6;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 0px;
43
58
  --radius-md: 0px;
@@ -184,6 +199,32 @@
184
199
  --corner-shape-pill: round;
185
200
  --border-style: solid;
186
201
  --border-style-interactive: solid;
202
+ --diagram-stroke-thin: 0.75;
203
+ --diagram-stroke-normal: 1;
204
+ --diagram-stroke-bold: 1.5;
205
+ --diagram-line-cap: butt;
206
+ --diagram-line-join: miter;
207
+ --diagram-dash: 10 5;
208
+ --diagram-dot: 1 5;
209
+ --diagram-fill-style: outline;
210
+ --diagram-fill-opacity: 0.12;
211
+ --diagram-roughness: 0;
212
+ --diagram-glow: 0;
213
+ --diagram-shadow: none;
214
+ --diagram-marker: line;
215
+ --diagram-label-font: display;
216
+ --diagram-label-size: sm;
217
+ --diagram-label-weight: 500;
218
+ --diagram-label-case: uppercase;
219
+ --diagram-corner: 2px;
220
+ --material-roughness: 0.3;
221
+ --material-metalness: 0.7;
222
+ --material-flat: 0;
223
+ --material-outline: 0;
224
+ --light-ambient: 0.4;
225
+ --light-key: 1.3;
226
+ --light-key-color: #ffe8c0;
227
+ --scene-fog: 0.1;
187
228
  }
188
229
 
189
230
  [data-theme="luxury-dark"] {
@@ -220,6 +261,21 @@
220
261
  --color-info: #8fb4dc;
221
262
  --color-info-foreground: #0c0b0a;
222
263
  --color-scrim: rgba(0, 0, 0, 0.7);
264
+ --color-series-1: #feba55;
265
+ --color-series-2: #8aa4d4;
266
+ --color-series-3: #ca6d76;
267
+ --color-series-4: #5cac88;
268
+ --color-series-5: #a89ac4;
269
+ --color-series-6: #d4905a;
270
+ --color-series-7: #9ab0a8;
271
+ --color-series-8: #cbdbb0;
272
+ --color-diagram-ink: #f1ebdc;
273
+ --color-diagram-label: #bdb5a2;
274
+ --color-diagram-guide: #8a826f;
275
+ --color-diagram-axis: #bdb5a2;
276
+ --color-diagram-grid: rgba(201,168,92,0.2);
277
+ --color-diagram-highlight: #bf9f53;
278
+ --color-diagram-fill: #26221a;
223
279
  --radius-none: 0px;
224
280
  --radius-sm: 0px;
225
281
  --radius-md: 0px;
@@ -366,4 +422,30 @@
366
422
  --corner-shape-pill: round;
367
423
  --border-style: solid;
368
424
  --border-style-interactive: solid;
425
+ --diagram-stroke-thin: 0.75;
426
+ --diagram-stroke-normal: 1;
427
+ --diagram-stroke-bold: 1.5;
428
+ --diagram-line-cap: butt;
429
+ --diagram-line-join: miter;
430
+ --diagram-dash: 10 5;
431
+ --diagram-dot: 1 5;
432
+ --diagram-fill-style: outline;
433
+ --diagram-fill-opacity: 0.12;
434
+ --diagram-roughness: 0;
435
+ --diagram-glow: 0;
436
+ --diagram-shadow: none;
437
+ --diagram-marker: line;
438
+ --diagram-label-font: display;
439
+ --diagram-label-size: sm;
440
+ --diagram-label-weight: 500;
441
+ --diagram-label-case: uppercase;
442
+ --diagram-corner: 2px;
443
+ --material-roughness: 0.3;
444
+ --material-metalness: 0.7;
445
+ --material-flat: 0;
446
+ --material-outline: 0;
447
+ --light-ambient: 0.4;
448
+ --light-key: 1.3;
449
+ --light-key-color: #ffe8c0;
450
+ --scene-fog: 0.1;
369
451
  }
@@ -29,15 +29,30 @@
29
29
  --color-surface-hover: #e0e0e0;
30
30
  --color-border-hover: #000000;
31
31
  --color-placeholder: #5a5a5a;
32
- --color-error: #000000;
32
+ --color-error: #b30000;
33
33
  --color-error-foreground: #ffffff;
34
- --color-success: #000000;
34
+ --color-success: #006411;
35
35
  --color-success-foreground: #ffffff;
36
- --color-warning: #ffffff;
37
- --color-warning-foreground: #000000;
36
+ --color-warning: #8a5a00;
37
+ --color-warning-foreground: #ffffff;
38
38
  --color-info: #000000;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #00001c;
42
+ --color-series-2: #373ffe;
43
+ --color-series-3: #358838;
44
+ --color-series-4: #562c05;
45
+ --color-series-5: #7605a0;
46
+ --color-series-6: #b30069;
47
+ --color-series-7: #1f6b8a;
48
+ --color-series-8: #7a7a7a;
49
+ --color-diagram-ink: #000000;
50
+ --color-diagram-label: #000000;
51
+ --color-diagram-guide: #595959;
52
+ --color-diagram-axis: #000000;
53
+ --color-diagram-grid: rgba(0,0,0,0.25);
54
+ --color-diagram-highlight: #0000d3;
55
+ --color-diagram-fill: #e6e6e6;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 3px;
43
58
  --radius-md: 4px;
@@ -186,6 +201,32 @@
186
201
  --border-style-interactive: solid;
187
202
  --surface-page-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.12) 0px, rgba(0, 0, 0, 0.12) 1px, transparent 1px, transparent 3px);
188
203
  --surface-page-image-size: auto;
204
+ --diagram-stroke-thin: 1;
205
+ --diagram-stroke-normal: 2;
206
+ --diagram-stroke-bold: 3;
207
+ --diagram-line-cap: butt;
208
+ --diagram-line-join: miter;
209
+ --diagram-dash: 2 2;
210
+ --diagram-dot: 1 1;
211
+ --diagram-fill-style: hatch;
212
+ --diagram-fill-opacity: 0.35;
213
+ --diagram-roughness: 0;
214
+ --diagram-glow: 0;
215
+ --diagram-shadow: 2px 2px 0 #000000;
216
+ --diagram-marker: triangle;
217
+ --diagram-label-font: display;
218
+ --diagram-label-size: xs;
219
+ --diagram-label-weight: 400;
220
+ --diagram-label-case: none;
221
+ --diagram-corner: 0px;
222
+ --material-roughness: 1;
223
+ --material-metalness: 0;
224
+ --material-flat: 1;
225
+ --material-outline: 1;
226
+ --light-ambient: 0.7;
227
+ --light-key: 0.9;
228
+ --light-key-color: #ffffff;
229
+ --scene-fog: 0;
189
230
  }
190
231
 
191
232
  [data-theme="mac-classic-dark"] {
@@ -213,15 +254,30 @@
213
254
  --color-surface-hover: #262626;
214
255
  --color-border-hover: #ffffff;
215
256
  --color-placeholder: #a0a0a0;
216
- --color-error: #ffffff;
257
+ --color-error: #ff6b6b;
217
258
  --color-error-foreground: #000000;
218
- --color-success: #ffffff;
259
+ --color-success: #5fd070;
219
260
  --color-success-foreground: #000000;
220
- --color-warning: #000000;
221
- --color-warning-foreground: #ffffff;
261
+ --color-warning: #d4a06a;
262
+ --color-warning-foreground: #000000;
222
263
  --color-info: #ffffff;
223
264
  --color-info-foreground: #000000;
224
265
  --color-scrim: rgba(0, 0, 0, 0.7);
266
+ --color-series-1: #c6d78c;
267
+ --color-series-2: #7f6de4;
268
+ --color-series-3: #38f3b4;
269
+ --color-series-4: #ca866a;
270
+ --color-series-5: #b78aff;
271
+ --color-series-6: #ff6fb0;
272
+ --color-series-7: #5fd0e0;
273
+ --color-series-8: #a0a0a0;
274
+ --color-diagram-ink: #ffffff;
275
+ --color-diagram-label: #ffffff;
276
+ --color-diagram-guide: #a0a0a0;
277
+ --color-diagram-axis: #ffffff;
278
+ --color-diagram-grid: rgba(255,255,255,0.25);
279
+ --color-diagram-highlight: #6a8cff;
280
+ --color-diagram-fill: #222222;
225
281
  --radius-none: 0px;
226
282
  --radius-sm: 3px;
227
283
  --radius-md: 4px;
@@ -370,4 +426,30 @@
370
426
  --border-style-interactive: solid;
371
427
  --surface-page-image: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.14) 0px, rgba(255, 255, 255, 0.14) 1px, transparent 1px, transparent 3px);
372
428
  --surface-page-image-size: auto;
429
+ --diagram-stroke-thin: 1;
430
+ --diagram-stroke-normal: 2;
431
+ --diagram-stroke-bold: 3;
432
+ --diagram-line-cap: butt;
433
+ --diagram-line-join: miter;
434
+ --diagram-dash: 2 2;
435
+ --diagram-dot: 1 1;
436
+ --diagram-fill-style: hatch;
437
+ --diagram-fill-opacity: 0.35;
438
+ --diagram-roughness: 0;
439
+ --diagram-glow: 0;
440
+ --diagram-shadow: 2px 2px 0 #000000;
441
+ --diagram-marker: triangle;
442
+ --diagram-label-font: display;
443
+ --diagram-label-size: xs;
444
+ --diagram-label-weight: 400;
445
+ --diagram-label-case: none;
446
+ --diagram-corner: 0px;
447
+ --material-roughness: 1;
448
+ --material-metalness: 0;
449
+ --material-flat: 1;
450
+ --material-outline: 1;
451
+ --light-ambient: 0.7;
452
+ --light-key: 0.9;
453
+ --light-key-color: #ffffff;
454
+ --scene-fog: 0;
373
455
  }
@@ -38,6 +38,21 @@
38
38
  --color-info: #00639B;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #9a3ba4;
42
+ --color-series-2: #00696b;
43
+ --color-series-3: #0061a4;
44
+ --color-series-4: #8d5100;
45
+ --color-series-5: #237f56;
46
+ --color-series-6: #984061;
47
+ --color-series-7: #6a5f00;
48
+ --color-series-8: #676777;
49
+ --color-diagram-ink: #1D1B20;
50
+ --color-diagram-label: #49454F;
51
+ --color-diagram-guide: #7a757f;
52
+ --color-diagram-axis: #49454F;
53
+ --color-diagram-grid: #cac4d0;
54
+ --color-diagram-highlight: #6750A4;
55
+ --color-diagram-fill: #E8DEF8;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 8px;
43
58
  --radius-md: 12px;
@@ -185,6 +200,32 @@
185
200
  --border-style: solid;
186
201
  --border-style-interactive: solid;
187
202
  --surface-card-image: linear-gradient(rgba(103, 80, 164, 0.06), rgba(103, 80, 164, 0.06));
203
+ --diagram-stroke-thin: 1;
204
+ --diagram-stroke-normal: 2;
205
+ --diagram-stroke-bold: 3;
206
+ --diagram-line-cap: round;
207
+ --diagram-line-join: round;
208
+ --diagram-dash: 8 4;
209
+ --diagram-dot: 1 4;
210
+ --diagram-fill-style: tint;
211
+ --diagram-fill-opacity: 0.2;
212
+ --diagram-roughness: 0;
213
+ --diagram-glow: 0;
214
+ --diagram-shadow: 0 1px 3px rgba(0,0,0,0.3);
215
+ --diagram-marker: triangle;
216
+ --diagram-label-font: body;
217
+ --diagram-label-size: sm;
218
+ --diagram-label-weight: 500;
219
+ --diagram-label-case: none;
220
+ --diagram-corner: 8px;
221
+ --material-roughness: 0.5;
222
+ --material-metalness: 0;
223
+ --material-flat: 0;
224
+ --material-outline: 0;
225
+ --light-ambient: 0.6;
226
+ --light-key: 1;
227
+ --light-key-color: #ffffff;
228
+ --scene-fog: 0;
188
229
  }
189
230
 
190
231
  [data-theme="material-dark"] {
@@ -221,6 +262,21 @@
221
262
  --color-info: #99CBFF;
222
263
  --color-info-foreground: #003355;
223
264
  --color-scrim: rgba(0, 0, 0, 0.7);
265
+ --color-series-1: #e5a9d9;
266
+ --color-series-2: #6fd8d9;
267
+ --color-series-3: #9ccaff;
268
+ --color-series-4: #f5ae5c;
269
+ --color-series-5: #1dcd78;
270
+ --color-series-6: #f485ab;
271
+ --color-series-7: #cccb6d;
272
+ --color-series-8: #9a9cac;
273
+ --color-diagram-ink: #f5eae4;
274
+ --color-diagram-label: #CAC4D0;
275
+ --color-diagram-guide: #938F99;
276
+ --color-diagram-axis: #CAC4D0;
277
+ --color-diagram-grid: #49454F;
278
+ --color-diagram-highlight: #D0BCFF;
279
+ --color-diagram-fill: #36343b;
224
280
  --radius-none: 0px;
225
281
  --radius-sm: 8px;
226
282
  --radius-md: 12px;
@@ -368,4 +424,30 @@
368
424
  --border-style: solid;
369
425
  --border-style-interactive: solid;
370
426
  --surface-card-image: linear-gradient(rgba(208, 188, 255, 0.08), rgba(208, 188, 255, 0.08));
427
+ --diagram-stroke-thin: 1;
428
+ --diagram-stroke-normal: 2;
429
+ --diagram-stroke-bold: 3;
430
+ --diagram-line-cap: round;
431
+ --diagram-line-join: round;
432
+ --diagram-dash: 8 4;
433
+ --diagram-dot: 1 4;
434
+ --diagram-fill-style: tint;
435
+ --diagram-fill-opacity: 0.2;
436
+ --diagram-roughness: 0;
437
+ --diagram-glow: 0;
438
+ --diagram-shadow: 0 1px 3px rgba(0,0,0,0.3);
439
+ --diagram-marker: triangle;
440
+ --diagram-label-font: body;
441
+ --diagram-label-size: sm;
442
+ --diagram-label-weight: 500;
443
+ --diagram-label-case: none;
444
+ --diagram-corner: 8px;
445
+ --material-roughness: 0.5;
446
+ --material-metalness: 0;
447
+ --material-flat: 0;
448
+ --material-outline: 0;
449
+ --light-ambient: 0.6;
450
+ --light-key: 1;
451
+ --light-key-color: #ffffff;
452
+ --scene-fog: 0;
371
453
  }
@@ -38,6 +38,21 @@
38
38
  --color-info: #5a2ee0;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #ef4ab2;
42
+ --color-series-2: #0f8f99;
43
+ --color-series-3: #b07d00;
44
+ --color-series-4: #6b3fe0;
45
+ --color-series-5: #e8590c;
46
+ --color-series-6: #2f6fe0;
47
+ --color-series-7: #439326;
48
+ --color-series-8: #8a2f6a;
49
+ --color-diagram-ink: #14101f;
50
+ --color-diagram-label: #14101f;
51
+ --color-diagram-guide: #4a3a6a;
52
+ --color-diagram-axis: #14101f;
53
+ --color-diagram-grid: rgba(20,16,31,0.15);
54
+ --color-diagram-highlight: #d81b7a;
55
+ --color-diagram-fill: #ffd21f;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 0px;
43
58
  --radius-md: 0px;
@@ -185,6 +200,32 @@
185
200
  --border-style-interactive: dashed;
186
201
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><g fill='none' stroke-width='3' stroke-linecap='round'><path d='M10 20 q8 -10 16 0 t16 0' stroke='%23ff5fa2' opacity='.35'/><path d='M70 90 q8 -10 16 0 t16 0' stroke='%2315b8c4' opacity='.35'/></g><circle cx='90' cy='25' r='5' fill='%23ffd21f' opacity='.4'/><rect x='20' y='80' width='10' height='10' fill='%237b4dff' opacity='.3' transform='rotate(20 25 85)'/><path d='M55 50 l6 10 l-12 0 z' fill='%23ff5fa2' opacity='.3'/></svg>");
187
202
  --surface-page-image-size: 120px 120px;
203
+ --diagram-stroke-thin: 2;
204
+ --diagram-stroke-normal: 3;
205
+ --diagram-stroke-bold: 5;
206
+ --diagram-line-cap: round;
207
+ --diagram-line-join: round;
208
+ --diagram-dash: 10 6;
209
+ --diagram-dot: 1 7;
210
+ --diagram-fill-style: solid;
211
+ --diagram-fill-opacity: 0.35;
212
+ --diagram-roughness: 0;
213
+ --diagram-glow: 0;
214
+ --diagram-shadow: 3px 3px 0 #14101f;
215
+ --diagram-marker: dot;
216
+ --diagram-label-font: display;
217
+ --diagram-label-size: xs;
218
+ --diagram-label-weight: 400;
219
+ --diagram-label-case: uppercase;
220
+ --diagram-corner: 0px;
221
+ --material-roughness: 0.8;
222
+ --material-metalness: 0;
223
+ --material-flat: 1;
224
+ --material-outline: 3;
225
+ --light-ambient: 0.7;
226
+ --light-key: 1;
227
+ --light-key-color: #fff4c4;
228
+ --scene-fog: 0;
188
229
  }
189
230
 
190
231
  [data-theme="memphis-dark"] {
@@ -221,6 +262,21 @@
221
262
  --color-info: #a48bff;
222
263
  --color-info-foreground: #0f0630;
223
264
  --color-scrim: rgba(0, 0, 0, 0.7);
265
+ --color-series-1: #ff6fb5;
266
+ --color-series-2: #3fd8e0;
267
+ --color-series-3: #b4c705;
268
+ --color-series-4: #a58aff;
269
+ --color-series-5: #ff9a4a;
270
+ --color-series-6: #6fa8ff;
271
+ --color-series-7: #75d650;
272
+ --color-series-8: #e887f6;
273
+ --color-diagram-ink: #fdf3d8;
274
+ --color-diagram-label: #fdf3d8;
275
+ --color-diagram-guide: #b8aed8;
276
+ --color-diagram-axis: #fdf3d8;
277
+ --color-diagram-grid: rgba(253,243,216,0.18);
278
+ --color-diagram-highlight: #fef043;
279
+ --color-diagram-fill: #3a2c6a;
224
280
  --radius-none: 0px;
225
281
  --radius-sm: 0px;
226
282
  --radius-md: 0px;
@@ -368,4 +424,30 @@
368
424
  --border-style-interactive: dashed;
369
425
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><g fill='none' stroke-width='3' stroke-linecap='round'><path d='M10 20 q8 -10 16 0 t16 0' stroke='%23ff5fa2' opacity='.35'/><path d='M70 90 q8 -10 16 0 t16 0' stroke='%2315b8c4' opacity='.35'/></g><circle cx='90' cy='25' r='5' fill='%23ffd21f' opacity='.4'/><rect x='20' y='80' width='10' height='10' fill='%237b4dff' opacity='.3' transform='rotate(20 25 85)'/><path d='M55 50 l6 10 l-12 0 z' fill='%23ff5fa2' opacity='.3'/></svg>");
370
426
  --surface-page-image-size: 120px 120px;
427
+ --diagram-stroke-thin: 2;
428
+ --diagram-stroke-normal: 3;
429
+ --diagram-stroke-bold: 5;
430
+ --diagram-line-cap: round;
431
+ --diagram-line-join: round;
432
+ --diagram-dash: 10 6;
433
+ --diagram-dot: 1 7;
434
+ --diagram-fill-style: solid;
435
+ --diagram-fill-opacity: 0.35;
436
+ --diagram-roughness: 0;
437
+ --diagram-glow: 0;
438
+ --diagram-shadow: 3px 3px 0 #14101f;
439
+ --diagram-marker: dot;
440
+ --diagram-label-font: display;
441
+ --diagram-label-size: xs;
442
+ --diagram-label-weight: 400;
443
+ --diagram-label-case: uppercase;
444
+ --diagram-corner: 0px;
445
+ --material-roughness: 0.8;
446
+ --material-metalness: 0;
447
+ --material-flat: 1;
448
+ --material-outline: 3;
449
+ --light-ambient: 0.7;
450
+ --light-key: 1;
451
+ --light-key-color: #fff4c4;
452
+ --scene-fog: 0;
371
453
  }
@@ -38,6 +38,21 @@
38
38
  --color-info: #1f6a8a;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #cd7520;
42
+ --color-series-2: #1f7a7a;
43
+ --color-series-3: #9a6e0a;
44
+ --color-series-4: #616c24;
45
+ --color-series-5: #3a5a7a;
46
+ --color-series-6: #8a3a4a;
47
+ --color-series-7: #805847;
48
+ --color-series-8: #7a5a8a;
49
+ --color-diagram-ink: #33231a;
50
+ --color-diagram-label: #5a4630;
51
+ --color-diagram-guide: #8a7358;
52
+ --color-diagram-axis: #5a4630;
53
+ --color-diagram-grid: rgba(107,74,50,0.18);
54
+ --color-diagram-highlight: #b5531a;
55
+ --color-diagram-fill: #f0d9a8;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 8px;
43
58
  --radius-md: 14px;
@@ -186,6 +201,32 @@
186
201
  --border-style-interactive: solid;
187
202
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g stroke='%23c8772a' stroke-width='1.5' opacity='.18' stroke-linecap='round'><path d='M70 54V86M54 70H86M58.7 58.7L81.3 81.3M81.3 58.7L58.7 81.3'/></g><circle cx='70' cy='70' r='3' fill='%232a8a8a' opacity='.22'/><circle cx='70' cy='54' r='2' fill='%23d9a21b' opacity='.3'/><circle cx='70' cy='86' r='2' fill='%23d9a21b' opacity='.3'/><circle cx='54' cy='70' r='2' fill='%23d9a21b' opacity='.3'/><circle cx='86' cy='70' r='2' fill='%23d9a21b' opacity='.3'/></svg>");
188
203
  --surface-page-image-size: 140px 140px;
204
+ --diagram-stroke-thin: 1;
205
+ --diagram-stroke-normal: 2;
206
+ --diagram-stroke-bold: 3;
207
+ --diagram-line-cap: round;
208
+ --diagram-line-join: round;
209
+ --diagram-dash: 7 4;
210
+ --diagram-dot: 1 5;
211
+ --diagram-fill-style: solid;
212
+ --diagram-fill-opacity: 0.3;
213
+ --diagram-roughness: 0;
214
+ --diagram-glow: 0;
215
+ --diagram-shadow: 2px 2px 0 rgba(107,74,50,0.3);
216
+ --diagram-marker: dot;
217
+ --diagram-label-font: body;
218
+ --diagram-label-size: sm;
219
+ --diagram-label-weight: 600;
220
+ --diagram-label-case: none;
221
+ --diagram-corner: 6px;
222
+ --material-roughness: 0.65;
223
+ --material-metalness: 0.05;
224
+ --material-flat: 1;
225
+ --material-outline: 0;
226
+ --light-ambient: 0.6;
227
+ --light-key: 1;
228
+ --light-key-color: #ffe9c0;
229
+ --scene-fog: 0.05;
189
230
  }
190
231
 
191
232
  [data-theme="mid-century-dark"] {
@@ -222,6 +263,21 @@
222
263
  --color-info: #7fc4e0;
223
264
  --color-info-foreground: #05222e;
224
265
  --color-scrim: rgba(0, 0, 0, 0.7);
266
+ --color-series-1: #c7651e;
267
+ --color-series-2: #4fc0b8;
268
+ --color-series-3: #b4a22b;
269
+ --color-series-4: #9fb661;
270
+ --color-series-5: #7aa4d0;
271
+ --color-series-6: #d4788a;
272
+ --color-series-7: #c4a07a;
273
+ --color-series-8: #b09ac4;
274
+ --color-diagram-ink: #f7fade;
275
+ --color-diagram-label: #d4c4a4;
276
+ --color-diagram-guide: #a89478;
277
+ --color-diagram-axis: #d4c4a4;
278
+ --color-diagram-grid: rgba(247,236,210,0.15);
279
+ --color-diagram-highlight: #f08a4a;
280
+ --color-diagram-fill: #4a3626;
225
281
  --radius-none: 0px;
226
282
  --radius-sm: 8px;
227
283
  --radius-md: 14px;
@@ -370,4 +426,30 @@
370
426
  --border-style-interactive: solid;
371
427
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><g stroke='%23c8772a' stroke-width='1.5' opacity='.18' stroke-linecap='round'><path d='M70 54V86M54 70H86M58.7 58.7L81.3 81.3M81.3 58.7L58.7 81.3'/></g><circle cx='70' cy='70' r='3' fill='%232a8a8a' opacity='.22'/><circle cx='70' cy='54' r='2' fill='%23d9a21b' opacity='.3'/><circle cx='70' cy='86' r='2' fill='%23d9a21b' opacity='.3'/><circle cx='54' cy='70' r='2' fill='%23d9a21b' opacity='.3'/><circle cx='86' cy='70' r='2' fill='%23d9a21b' opacity='.3'/></svg>");
372
428
  --surface-page-image-size: 140px 140px;
429
+ --diagram-stroke-thin: 1;
430
+ --diagram-stroke-normal: 2;
431
+ --diagram-stroke-bold: 3;
432
+ --diagram-line-cap: round;
433
+ --diagram-line-join: round;
434
+ --diagram-dash: 7 4;
435
+ --diagram-dot: 1 5;
436
+ --diagram-fill-style: solid;
437
+ --diagram-fill-opacity: 0.3;
438
+ --diagram-roughness: 0;
439
+ --diagram-glow: 0;
440
+ --diagram-shadow: 2px 2px 0 rgba(107,74,50,0.3);
441
+ --diagram-marker: dot;
442
+ --diagram-label-font: body;
443
+ --diagram-label-size: sm;
444
+ --diagram-label-weight: 600;
445
+ --diagram-label-case: none;
446
+ --diagram-corner: 6px;
447
+ --material-roughness: 0.65;
448
+ --material-metalness: 0.05;
449
+ --material-flat: 1;
450
+ --material-outline: 0;
451
+ --light-ambient: 0.6;
452
+ --light-key: 1;
453
+ --light-key-color: #ffe9c0;
454
+ --scene-fog: 0.05;
373
455
  }
@@ -32,6 +32,21 @@
32
32
  --color-info: #2563eb;
33
33
  --color-info-foreground: #ffffff;
34
34
  --color-scrim: rgba(0, 0, 0, 0.6);
35
+ --color-series-1: #0b618e;
36
+ --color-series-2: #b45f3a;
37
+ --color-series-3: #589373;
38
+ --color-series-4: #8a5a9a;
39
+ --color-series-5: #a3902c;
40
+ --color-series-6: #536d73;
41
+ --color-series-7: #a04a5a;
42
+ --color-series-8: #3a8a9a;
43
+ --color-diagram-ink: #18181b;
44
+ --color-diagram-label: #65656e;
45
+ --color-diagram-guide: #8d8d96;
46
+ --color-diagram-axis: #65656e;
47
+ --color-diagram-grid: #e4e4e7;
48
+ --color-diagram-highlight: #2563eb;
49
+ --color-diagram-fill: #f4f4f5;
35
50
  --radius-none: 0px;
36
51
  --radius-sm: 0px;
37
52
  --radius-md: 0px;
@@ -178,6 +193,32 @@
178
193
  --corner-shape-pill: round;
179
194
  --border-style: none;
180
195
  --border-style-interactive: solid;
196
+ --diagram-stroke-thin: 1;
197
+ --diagram-stroke-normal: 1;
198
+ --diagram-stroke-bold: 2;
199
+ --diagram-line-cap: butt;
200
+ --diagram-line-join: miter;
201
+ --diagram-dash: 3 3;
202
+ --diagram-dot: 1 3;
203
+ --diagram-fill-style: outline;
204
+ --diagram-fill-opacity: 0.08;
205
+ --diagram-roughness: 0;
206
+ --diagram-glow: 0;
207
+ --diagram-shadow: none;
208
+ --diagram-marker: line;
209
+ --diagram-label-font: body;
210
+ --diagram-label-size: xs;
211
+ --diagram-label-weight: 400;
212
+ --diagram-label-case: none;
213
+ --diagram-corner: 0px;
214
+ --material-roughness: 0.8;
215
+ --material-metalness: 0;
216
+ --material-flat: 0;
217
+ --material-outline: 0;
218
+ --light-ambient: 0.7;
219
+ --light-key: 0.8;
220
+ --light-key-color: #ffffff;
221
+ --scene-fog: 0;
181
222
  }
182
223
 
183
224
  [data-theme="minimalist-dark"] {
@@ -208,6 +249,21 @@
208
249
  --color-info: #60a5fa;
209
250
  --color-info-foreground: #000000;
210
251
  --color-scrim: rgba(0, 0, 0, 0.7);
252
+ --color-series-1: #929bdf;
253
+ --color-series-2: #e0906a;
254
+ --color-series-3: #6fc09a;
255
+ --color-series-4: #c49ad4;
256
+ --color-series-5: #cebb6b;
257
+ --color-series-6: #758996;
258
+ --color-series-7: #de8aa1;
259
+ --color-series-8: #6fbfd0;
260
+ --color-diagram-ink: #fafafa;
261
+ --color-diagram-label: #a1a1aa;
262
+ --color-diagram-guide: #78787f;
263
+ --color-diagram-axis: #a1a1aa;
264
+ --color-diagram-grid: #27272a;
265
+ --color-diagram-highlight: #60a5fa;
266
+ --color-diagram-fill: #27272a;
211
267
  --radius-none: 0px;
212
268
  --radius-sm: 0px;
213
269
  --radius-md: 0px;
@@ -354,4 +410,30 @@
354
410
  --corner-shape-pill: round;
355
411
  --border-style: none;
356
412
  --border-style-interactive: solid;
413
+ --diagram-stroke-thin: 1;
414
+ --diagram-stroke-normal: 1;
415
+ --diagram-stroke-bold: 2;
416
+ --diagram-line-cap: butt;
417
+ --diagram-line-join: miter;
418
+ --diagram-dash: 3 3;
419
+ --diagram-dot: 1 3;
420
+ --diagram-fill-style: outline;
421
+ --diagram-fill-opacity: 0.08;
422
+ --diagram-roughness: 0;
423
+ --diagram-glow: 0;
424
+ --diagram-shadow: none;
425
+ --diagram-marker: line;
426
+ --diagram-label-font: body;
427
+ --diagram-label-size: xs;
428
+ --diagram-label-weight: 400;
429
+ --diagram-label-case: none;
430
+ --diagram-corner: 0px;
431
+ --material-roughness: 0.8;
432
+ --material-metalness: 0;
433
+ --material-flat: 0;
434
+ --material-outline: 0;
435
+ --light-ambient: 0.7;
436
+ --light-key: 0.8;
437
+ --light-key-color: #ffffff;
438
+ --scene-fog: 0;
357
439
  }