@almadar/ui 6.54.0 → 6.56.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 (114) 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-QUEG6WFM.js → UISlotRenderer-QTHFT6Z4.js} +6 -6
  5. package/dist/avl/index.cjs +3385 -1883
  6. package/dist/avl/index.js +45 -737
  7. package/dist/{chunk-ERXIHZW3.js → chunk-D2E44ODB.js} +29 -15
  8. package/dist/{chunk-FJDS4SVD.js → chunk-F4ZTPKZL.js} +3 -3
  9. package/dist/{chunk-U3CGKPOK.js → chunk-FQM37C56.js} +136 -107
  10. package/dist/{chunk-4UP6BZ4R.js → chunk-HCSJHRC4.js} +1 -1
  11. package/dist/{chunk-N2V4LHFQ.js → chunk-HRCR53OW.js} +10 -1
  12. package/dist/{chunk-O7OLVVBR.js → chunk-Q47ZN2DW.js} +24 -22
  13. package/dist/{chunk-4HC5HRHB.js → chunk-QGH4NAQO.js} +2 -2
  14. package/dist/{chunk-MCKFWPT2.js → chunk-RNY5LJXJ.js} +1 -1
  15. package/dist/{chunk-Z7JWXIRE.js → chunk-SGJHVPHC.js} +2 -2
  16. package/dist/{chunk-6O37FCX4.js → chunk-V3FGTQUE.js} +37 -2
  17. package/dist/{chunk-U2FGMHQP.js → chunk-XZKGRSIO.js} +3334 -1796
  18. package/dist/{chunk-Z5IYJU44.js → chunk-Y53Q55H5.js} +521 -24
  19. package/dist/components/index.cjs +5194 -3008
  20. package/dist/components/index.d.ts +117 -52
  21. package/dist/components/index.js +13 -13
  22. package/dist/context/index.cjs +36 -1
  23. package/dist/context/index.d.ts +1 -1
  24. package/dist/context/index.js +1 -1
  25. package/dist/design-classes/index.cjs +29 -15
  26. package/dist/design-classes/index.d.cts +1 -0
  27. package/dist/design-classes/index.d.ts +1 -0
  28. package/dist/design-classes/index.js +29 -15
  29. package/dist/hooks/index.cjs +10 -1
  30. package/dist/hooks/index.js +3 -3
  31. package/dist/lib/drawable/three/index.cjs +442 -82
  32. package/dist/lib/drawable/three/index.d.ts +2 -2
  33. package/dist/lib/drawable/three/index.js +28 -24
  34. package/dist/lib/index.cjs +52 -3
  35. package/dist/lib/index.d.ts +1 -1
  36. package/dist/lib/index.js +4 -4
  37. package/dist/locales/index.cjs +30 -3
  38. package/dist/locales/index.js +21 -3
  39. package/dist/providers/index.cjs +5330 -3091
  40. package/dist/providers/index.d.ts +1 -1
  41. package/dist/providers/index.js +12 -9
  42. package/dist/runtime/index.cjs +5400 -3182
  43. package/dist/runtime/index.d.ts +7 -3
  44. package/dist/runtime/index.js +8 -8
  45. package/dist/ssr/index.cjs +24 -8
  46. package/dist/ssr/index.js +24 -8
  47. package/dist/{themeTokens-Ccu7EmGY.d.ts → themeTokens-D6MFwKrC.d.ts} +6 -2
  48. package/locales/ar.json +10 -1
  49. package/locales/en.json +10 -1
  50. package/locales/sl.json +10 -1
  51. package/package.json +6 -6
  52. package/scripts/theme-contrast-audit.mjs +20 -1
  53. package/tailwind-preset.cjs +3 -0
  54. package/themes/_base.css +61 -0
  55. package/themes/_contract.md +37 -0
  56. package/themes/almadar-heritage.css +82 -0
  57. package/themes/almadar-website.css +82 -0
  58. package/themes/almadar.css +82 -0
  59. package/themes/aqua.css +82 -0
  60. package/themes/arabesque.css +82 -0
  61. package/themes/art-deco.css +82 -0
  62. package/themes/art-nouveau.css +82 -0
  63. package/themes/atelier.css +82 -0
  64. package/themes/bauhaus.css +82 -0
  65. package/themes/bloomberg-dense.css +83 -1
  66. package/themes/blueprint.css +84 -0
  67. package/themes/clay.css +82 -0
  68. package/themes/comic.css +82 -0
  69. package/themes/constructivist.css +82 -0
  70. package/themes/corporate.css +82 -0
  71. package/themes/cyberpunk.css +82 -0
  72. package/themes/frutiger-aero.css +83 -0
  73. package/themes/game-adventure.css +15 -0
  74. package/themes/game-rpg.css +16 -0
  75. package/themes/game-sci-fi.css +15 -0
  76. package/themes/game-ui-pack.css +15 -0
  77. package/themes/gazette.css +82 -0
  78. package/themes/glass.css +82 -0
  79. package/themes/gothic.css +82 -0
  80. package/themes/ink-wash.css +82 -0
  81. package/themes/kawaii.css +82 -0
  82. package/themes/kiosk.css +82 -0
  83. package/themes/linear-clean.css +82 -0
  84. package/themes/luxury.css +82 -0
  85. package/themes/mac-classic.css +90 -8
  86. package/themes/material.css +82 -0
  87. package/themes/memphis.css +82 -0
  88. package/themes/mid-century.css +82 -0
  89. package/themes/minimalist.css +82 -0
  90. package/themes/mudcloth.css +82 -0
  91. package/themes/neon.css +83 -0
  92. package/themes/neumorphic.css +82 -0
  93. package/themes/newsprint.css +82 -0
  94. package/themes/notion-editorial.css +82 -0
  95. package/themes/orb.css +82 -0
  96. package/themes/pixel.css +82 -0
  97. package/themes/prism.css +82 -0
  98. package/themes/retro.css +83 -0
  99. package/themes/risograph.css +82 -0
  100. package/themes/scandi.css +82 -0
  101. package/themes/sketch.css +82 -0
  102. package/themes/solarpunk.css +82 -0
  103. package/themes/steampunk.css +82 -0
  104. package/themes/swiss.css +82 -0
  105. package/themes/terminal.css +84 -1
  106. package/themes/trait-wars.css +82 -0
  107. package/themes/ukiyo-e.css +82 -0
  108. package/themes/vaporwave.css +82 -0
  109. package/themes/victorian.css +82 -0
  110. package/themes/wabi-sabi.css +82 -0
  111. package/themes/win95.css +84 -0
  112. package/themes/wireframe.css +82 -0
  113. package/themes/zine.css +82 -0
  114. package/dist/Typography-CFI7JUVE.js +0 -5
@@ -38,6 +38,21 @@
38
38
  --color-info: #0060c4;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #d741c6;
42
+ --color-series-2: #0090a0;
43
+ --color-series-3: #6a1bd1;
44
+ --color-series-4: #d65a00;
45
+ --color-series-5: #2a5fd6;
46
+ --color-series-6: #c4165a;
47
+ --color-series-7: #188973;
48
+ --color-series-8: #934bea;
49
+ --color-diagram-ink: #2a0a4a;
50
+ --color-diagram-label: #5a2a6a;
51
+ --color-diagram-guide: #a060b0;
52
+ --color-diagram-axis: #4a1a7a;
53
+ --color-diagram-grid: #e8b8e0;
54
+ --color-diagram-highlight: #c4008f;
55
+ --color-diagram-fill: #ffd0ec;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 0px;
43
58
  --radius-md: 2px;
@@ -186,6 +201,32 @@
186
201
  --border-style-interactive: solid;
187
202
  --surface-page-image: linear-gradient(180deg, rgba(255, 150, 190, 0.35) 0%, transparent 60%), repeating-linear-gradient(0deg, rgba(106, 27, 209, 0.14) 0px, rgba(106, 27, 209, 0.14) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, rgba(106, 27, 209, 0.14) 0px, rgba(106, 27, 209, 0.14) 1px, transparent 1px, transparent 40px);
188
203
  --surface-page-image-size: auto;
204
+ --diagram-stroke-thin: 1px;
205
+ --diagram-stroke-normal: 2px;
206
+ --diagram-stroke-bold: 3px;
207
+ --diagram-line-cap: round;
208
+ --diagram-line-join: round;
209
+ --diagram-dash: 3 5;
210
+ --diagram-dot: 1 5;
211
+ --diagram-fill-style: tint;
212
+ --diagram-fill-opacity: 0.3;
213
+ --diagram-roughness: 0;
214
+ --diagram-glow: 8;
215
+ --diagram-shadow: 0 0 12px rgba(196, 0, 143, 0.5);
216
+ --diagram-marker: triangle;
217
+ --diagram-label-font: mono;
218
+ --diagram-label-size: xs;
219
+ --diagram-label-weight: 400;
220
+ --diagram-label-case: uppercase;
221
+ --diagram-corner: 2px;
222
+ --material-roughness: 0.2;
223
+ --material-metalness: 0.5;
224
+ --material-flat: 0;
225
+ --material-outline: 0;
226
+ --light-ambient: 0.5;
227
+ --light-key: 1.2;
228
+ --light-key-color: #ff9ae0;
229
+ --scene-fog: 0.35;
189
230
  }
190
231
 
191
232
  [data-theme="vaporwave-dark"] {
@@ -222,6 +263,21 @@
222
263
  --color-info: #4dc3ff;
223
264
  --color-info-foreground: #001a2e;
224
265
  --color-scrim: rgba(0, 0, 0, 0.7);
266
+ --color-series-1: #ff3dcb;
267
+ --color-series-2: #3af4d6;
268
+ --color-series-3: #b388ff;
269
+ --color-series-4: #ff9a5a;
270
+ --color-series-5: #5a8aff;
271
+ --color-series-6: #f98ceb;
272
+ --color-series-7: #26cc95;
273
+ --color-series-8: #b66dbf;
274
+ --color-diagram-ink: #f9dde5;
275
+ --color-diagram-label: #e0cffb;
276
+ --color-diagram-guide: #9a7ad0;
277
+ --color-diagram-axis: #f8e9ff;
278
+ --color-diagram-grid: #4a2a8a;
279
+ --color-diagram-highlight: #00f0ff;
280
+ --color-diagram-fill: #3a1a7a;
225
281
  --radius-none: 0px;
226
282
  --radius-sm: 0px;
227
283
  --radius-md: 2px;
@@ -370,4 +426,30 @@
370
426
  --border-style-interactive: solid;
371
427
  --surface-page-image: linear-gradient(180deg, rgba(255, 61, 203, 0.28) 0%, transparent 60%), repeating-linear-gradient(0deg, rgba(0, 240, 255, 0.18) 0px, rgba(0, 240, 255, 0.18) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, rgba(0, 240, 255, 0.18) 0px, rgba(0, 240, 255, 0.18) 1px, transparent 1px, transparent 40px);
372
428
  --surface-page-image-size: auto;
429
+ --diagram-stroke-thin: 1px;
430
+ --diagram-stroke-normal: 2px;
431
+ --diagram-stroke-bold: 3px;
432
+ --diagram-line-cap: round;
433
+ --diagram-line-join: round;
434
+ --diagram-dash: 3 5;
435
+ --diagram-dot: 1 5;
436
+ --diagram-fill-style: tint;
437
+ --diagram-fill-opacity: 0.3;
438
+ --diagram-roughness: 0;
439
+ --diagram-glow: 8;
440
+ --diagram-shadow: 0 0 12px rgba(196, 0, 143, 0.5);
441
+ --diagram-marker: triangle;
442
+ --diagram-label-font: mono;
443
+ --diagram-label-size: xs;
444
+ --diagram-label-weight: 400;
445
+ --diagram-label-case: uppercase;
446
+ --diagram-corner: 2px;
447
+ --material-roughness: 0.2;
448
+ --material-metalness: 0.5;
449
+ --material-flat: 0;
450
+ --material-outline: 0;
451
+ --light-ambient: 0.5;
452
+ --light-key: 1.2;
453
+ --light-key-color: #ff9ae0;
454
+ --scene-fog: 0.35;
373
455
  }
@@ -38,6 +38,21 @@
38
38
  --color-info: #27507a;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #943b5c;
42
+ --color-series-2: #16452b;
43
+ --color-series-3: #8a6a14;
44
+ --color-series-4: #2a4a7a;
45
+ --color-series-5: #5a2a6a;
46
+ --color-series-6: #a04a1a;
47
+ --color-series-7: #4f5926;
48
+ --color-series-8: #6a3a2a;
49
+ --color-diagram-ink: #2a1a14;
50
+ --color-diagram-label: #54452a;
51
+ --color-diagram-guide: #8a6a3a;
52
+ --color-diagram-axis: #3a2a1a;
53
+ --color-diagram-grid: #dccdaa;
54
+ --color-diagram-highlight: #70152c;
55
+ --color-diagram-fill: #e8d8b0;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 4px;
43
58
  --radius-md: 6px;
@@ -185,6 +200,32 @@
185
200
  --border-style-interactive: ridge;
186
201
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96'><g fill='%237a1f34' opacity='.10'><path d='M48 10c6 10 14 12 14 22s-8 14-14 22c-6-8-14-12-14-22s8-12 14-22z'/><path d='M48 54c6 8 14 12 14 22s-8 12-14 20c-6-8-14-10-14-20s8-14 14-22z' opacity='.7'/><circle cx='0' cy='48' r='6'/><circle cx='96' cy='48' r='6'/></g><g fill='%23b08a2a' opacity='.12'><circle cx='48' cy='32' r='3'/><circle cx='48' cy='76' r='3'/></g></svg>");
187
202
  --surface-page-image-size: 96px 96px;
203
+ --diagram-stroke-thin: 0.75px;
204
+ --diagram-stroke-normal: 1.5px;
205
+ --diagram-stroke-bold: 3px;
206
+ --diagram-line-cap: round;
207
+ --diagram-line-join: bevel;
208
+ --diagram-dash: 1 3 6 3;
209
+ --diagram-dot: 1 3;
210
+ --diagram-fill-style: tint;
211
+ --diagram-fill-opacity: 0.28;
212
+ --diagram-roughness: 0.15;
213
+ --diagram-glow: 0;
214
+ --diagram-shadow: 1px 2px 0 rgba(42, 26, 20, 0.45);
215
+ --diagram-marker: open;
216
+ --diagram-label-font: display;
217
+ --diagram-label-size: sm;
218
+ --diagram-label-weight: 600;
219
+ --diagram-label-case: none;
220
+ --diagram-corner: 2px;
221
+ --material-roughness: 0.35;
222
+ --material-metalness: 0.8;
223
+ --material-flat: 0;
224
+ --material-outline: 0;
225
+ --light-ambient: 0.4;
226
+ --light-key: 1.15;
227
+ --light-key-color: #ffe2b0;
228
+ --scene-fog: 0.2;
188
229
  }
189
230
 
190
231
  [data-theme="victorian-dark"] {
@@ -221,6 +262,21 @@
221
262
  --color-info: #8ab4e0;
222
263
  --color-info-foreground: #05182e;
223
264
  --color-scrim: rgba(0, 0, 0, 0.7);
265
+ --color-series-1: #d181a6;
266
+ --color-series-2: #56a579;
267
+ --color-series-3: #b99943;
268
+ --color-series-4: #7aa0e0;
269
+ --color-series-5: #c090d8;
270
+ --color-series-6: #e89a6a;
271
+ --color-series-7: #87b24c;
272
+ --color-series-8: #c38b7e;
273
+ --color-diagram-ink: #fdfccd;
274
+ --color-diagram-label: #dccdae;
275
+ --color-diagram-guide: #8a7048;
276
+ --color-diagram-axis: #e8d8b8;
277
+ --color-diagram-grid: #4a342a;
278
+ --color-diagram-highlight: #c2be66;
279
+ --color-diagram-fill: #4a2a28;
224
280
  --radius-none: 0px;
225
281
  --radius-sm: 4px;
226
282
  --radius-md: 6px;
@@ -368,4 +424,30 @@
368
424
  --border-style-interactive: ridge;
369
425
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='96' height='96'><g fill='%23d99aa8' opacity='.10'><path d='M48 10c6 10 14 12 14 22s-8 14-14 22c-6-8-14-12-14-22s8-12 14-22z'/><path d='M48 54c6 8 14 12 14 22s-8 12-14 20c-6-8-14-10-14-20s8-14 14-22z' opacity='.7'/><circle cx='0' cy='48' r='6'/><circle cx='96' cy='48' r='6'/></g><g fill='%23e0bf6a' opacity='.12'><circle cx='48' cy='32' r='3'/><circle cx='48' cy='76' r='3'/></g></svg>");
370
426
  --surface-page-image-size: 96px 96px;
427
+ --diagram-stroke-thin: 0.75px;
428
+ --diagram-stroke-normal: 1.5px;
429
+ --diagram-stroke-bold: 3px;
430
+ --diagram-line-cap: round;
431
+ --diagram-line-join: bevel;
432
+ --diagram-dash: 1 3 6 3;
433
+ --diagram-dot: 1 3;
434
+ --diagram-fill-style: tint;
435
+ --diagram-fill-opacity: 0.28;
436
+ --diagram-roughness: 0.15;
437
+ --diagram-glow: 0;
438
+ --diagram-shadow: 1px 2px 0 rgba(42, 26, 20, 0.45);
439
+ --diagram-marker: open;
440
+ --diagram-label-font: display;
441
+ --diagram-label-size: sm;
442
+ --diagram-label-weight: 600;
443
+ --diagram-label-case: none;
444
+ --diagram-corner: 2px;
445
+ --material-roughness: 0.35;
446
+ --material-metalness: 0.8;
447
+ --material-flat: 0;
448
+ --material-outline: 0;
449
+ --light-ambient: 0.4;
450
+ --light-key: 1.15;
451
+ --light-key-color: #ffe2b0;
452
+ --scene-fog: 0.2;
371
453
  }
@@ -38,6 +38,21 @@
38
38
  --color-info: #3a5f8a;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #ab614f;
42
+ --color-series-2: #67713f;
43
+ --color-series-3: #7a5a12;
44
+ --color-series-4: #4a5a6a;
45
+ --color-series-5: #7a4a5a;
46
+ --color-series-6: #5f6d61;
47
+ --color-series-7: #a56d38;
48
+ --color-series-8: #2c645e;
49
+ --color-diagram-ink: #2f2b26;
50
+ --color-diagram-label: #5d564a;
51
+ --color-diagram-guide: #9a9080;
52
+ --color-diagram-axis: #3f3a32;
53
+ --color-diagram-grid: #d9d1bd;
54
+ --color-diagram-highlight: #884d26;
55
+ --color-diagram-fill: #b9c2a3;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 2px;
43
58
  --radius-md: 4px;
@@ -188,6 +203,32 @@
188
203
  --surface-card-image: none;
189
204
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .3 0 0 0 .10 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
190
205
  --surface-page-image-size: 200px 200px;
206
+ --diagram-stroke-thin: 1px;
207
+ --diagram-stroke-normal: 2px;
208
+ --diagram-stroke-bold: 3px;
209
+ --diagram-line-cap: round;
210
+ --diagram-line-join: round;
211
+ --diagram-dash: 9 7;
212
+ --diagram-dot: 1 6;
213
+ --diagram-fill-style: tint;
214
+ --diagram-fill-opacity: 0.2;
215
+ --diagram-roughness: 1.8;
216
+ --diagram-glow: 0;
217
+ --diagram-shadow: none;
218
+ --diagram-marker: open;
219
+ --diagram-label-font: body;
220
+ --diagram-label-size: sm;
221
+ --diagram-label-weight: 400;
222
+ --diagram-label-case: none;
223
+ --diagram-corner: 4px;
224
+ --material-roughness: 1;
225
+ --material-metalness: 0;
226
+ --material-flat: 0;
227
+ --material-outline: 0;
228
+ --light-ambient: 0.7;
229
+ --light-key: 0.7;
230
+ --light-key-color: #f5e8d0;
231
+ --scene-fog: 0.2;
191
232
  }
192
233
 
193
234
  [data-theme="wabi-sabi-dark"] {
@@ -224,6 +265,21 @@
224
265
  --color-info: #8ab0dc;
225
266
  --color-info-foreground: #071b3d;
226
267
  --color-scrim: rgba(0, 0, 0, 0.7);
268
+ --color-series-1: #d16554;
269
+ --color-series-2: #a8b888;
270
+ --color-series-3: #b1963c;
271
+ --color-series-4: #9ab0c4;
272
+ --color-series-5: #c89aa8;
273
+ --color-series-6: #b0c4bb;
274
+ --color-series-7: #ed9b45;
275
+ --color-series-8: #78ad96;
276
+ --color-diagram-ink: #e9e2d3;
277
+ --color-diagram-label: #bdb5a4;
278
+ --color-diagram-guide: #7a7262;
279
+ --color-diagram-axis: #d8d0bf;
280
+ --color-diagram-grid: #3a3630;
281
+ --color-diagram-highlight: #cf8964;
282
+ --color-diagram-fill: #3a3830;
227
283
  --radius-none: 0px;
228
284
  --radius-sm: 2px;
229
285
  --radius-md: 4px;
@@ -374,4 +430,30 @@
374
430
  --surface-card-image: none;
375
431
  --surface-page-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/><feColorMatrix values='0 0 0 0 .9 0 0 0 0 .85 0 0 0 0 .75 0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
376
432
  --surface-page-image-size: 200px 200px;
433
+ --diagram-stroke-thin: 1px;
434
+ --diagram-stroke-normal: 2px;
435
+ --diagram-stroke-bold: 3px;
436
+ --diagram-line-cap: round;
437
+ --diagram-line-join: round;
438
+ --diagram-dash: 9 7;
439
+ --diagram-dot: 1 6;
440
+ --diagram-fill-style: tint;
441
+ --diagram-fill-opacity: 0.2;
442
+ --diagram-roughness: 1.8;
443
+ --diagram-glow: 0;
444
+ --diagram-shadow: none;
445
+ --diagram-marker: open;
446
+ --diagram-label-font: body;
447
+ --diagram-label-size: sm;
448
+ --diagram-label-weight: 400;
449
+ --diagram-label-case: none;
450
+ --diagram-corner: 4px;
451
+ --material-roughness: 1;
452
+ --material-metalness: 0;
453
+ --material-flat: 0;
454
+ --material-outline: 0;
455
+ --light-ambient: 0.7;
456
+ --light-key: 0.7;
457
+ --light-key-color: #f5e8d0;
458
+ --scene-fog: 0.2;
377
459
  }
package/themes/win95.css CHANGED
@@ -38,6 +38,21 @@
38
38
  --color-info: #000080;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.7);
41
+ --color-series-1: #4f2cab;
42
+ --color-series-2: #8a0d29;
43
+ --color-series-3: #348830;
44
+ --color-series-4: #808000;
45
+ --color-series-5: #800080;
46
+ --color-series-6: #006a6a;
47
+ --color-series-7: #b4521e;
48
+ --color-series-8: #1f445d;
49
+ --color-diagram-ink: #000000;
50
+ --color-diagram-label: #000000;
51
+ --color-diagram-guide: #808080;
52
+ --color-diagram-axis: #000000;
53
+ --color-diagram-grid: #c0c0c0;
54
+ --color-diagram-highlight: #000080;
55
+ --color-diagram-fill: #c0c0c0;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 0px;
43
58
  --radius-md: 0px;
@@ -185,6 +200,33 @@
185
200
  --border-style: outset;
186
201
  --border-style-interactive: outset;
187
202
  --surface-page-image: none;
203
+ --surface-diagram: #ffffff;
204
+ --diagram-stroke-thin: 1px;
205
+ --diagram-stroke-normal: 1px;
206
+ --diagram-stroke-bold: 2px;
207
+ --diagram-line-cap: butt;
208
+ --diagram-line-join: miter;
209
+ --diagram-dash: 2 2;
210
+ --diagram-dot: 1 1;
211
+ --diagram-fill-style: solid;
212
+ --diagram-fill-opacity: 0.35;
213
+ --diagram-roughness: 0;
214
+ --diagram-glow: 0;
215
+ --diagram-shadow: 1px 1px 0 #000000;
216
+ --diagram-marker: triangle;
217
+ --diagram-label-font: mono;
218
+ --diagram-label-size: xs;
219
+ --diagram-label-weight: 400;
220
+ --diagram-label-case: none;
221
+ --diagram-corner: 0;
222
+ --material-roughness: 1;
223
+ --material-metalness: 0;
224
+ --material-flat: 1;
225
+ --material-outline: 0;
226
+ --light-ambient: 0.8;
227
+ --light-key: 0.6;
228
+ --light-key-color: #ffffff;
229
+ --scene-fog: 0;
188
230
  }
189
231
 
190
232
  [data-theme="win95-dark"] {
@@ -221,6 +263,21 @@
221
263
  --color-info: #6a8cff;
222
264
  --color-info-foreground: #000000;
223
265
  --color-scrim: rgba(0, 0, 0, 0.7);
266
+ --color-series-1: #6a8aff;
267
+ --color-series-2: #fe6978;
268
+ --color-series-3: #7dec6c;
269
+ --color-series-4: #aebd05;
270
+ --color-series-5: #e070e0;
271
+ --color-series-6: #40e0e0;
272
+ --color-series-7: #ffa040;
273
+ --color-series-8: #999999;
274
+ --color-diagram-ink: #ffffff;
275
+ --color-diagram-label: #ffffff;
276
+ --color-diagram-guide: #a0a0a0;
277
+ --color-diagram-axis: #ffffff;
278
+ --color-diagram-grid: #5a5a5a;
279
+ --color-diagram-highlight: #cbf529;
280
+ --color-diagram-fill: #4a4a4a;
224
281
  --radius-none: 0px;
225
282
  --radius-sm: 0px;
226
283
  --radius-md: 0px;
@@ -368,4 +425,31 @@
368
425
  --border-style: outset;
369
426
  --border-style-interactive: outset;
370
427
  --surface-page-image: none;
428
+ --surface-diagram: #1c1c1c;
429
+ --diagram-stroke-thin: 1px;
430
+ --diagram-stroke-normal: 1px;
431
+ --diagram-stroke-bold: 2px;
432
+ --diagram-line-cap: butt;
433
+ --diagram-line-join: miter;
434
+ --diagram-dash: 2 2;
435
+ --diagram-dot: 1 1;
436
+ --diagram-fill-style: solid;
437
+ --diagram-fill-opacity: 0.35;
438
+ --diagram-roughness: 0;
439
+ --diagram-glow: 0;
440
+ --diagram-shadow: 1px 1px 0 #000000;
441
+ --diagram-marker: triangle;
442
+ --diagram-label-font: mono;
443
+ --diagram-label-size: xs;
444
+ --diagram-label-weight: 400;
445
+ --diagram-label-case: none;
446
+ --diagram-corner: 0;
447
+ --material-roughness: 1;
448
+ --material-metalness: 0;
449
+ --material-flat: 1;
450
+ --material-outline: 0;
451
+ --light-ambient: 0.8;
452
+ --light-key: 0.6;
453
+ --light-key-color: #ffffff;
454
+ --scene-fog: 0;
371
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: #00001c;
36
+ --color-series-2: #3d3d3d;
37
+ --color-series-3: #244cb4;
38
+ --color-series-4: #a91326;
39
+ --color-series-5: #168c72;
40
+ --color-series-6: #6a1b9a;
41
+ --color-series-7: #b96601;
42
+ --color-series-8: #888888;
43
+ --color-diagram-ink: #000000;
44
+ --color-diagram-label: #666666;
45
+ --color-diagram-guide: #999999;
46
+ --color-diagram-axis: #000000;
47
+ --color-diagram-grid: #dddddd;
48
+ --color-diagram-highlight: #0066ff;
49
+ --color-diagram-fill: #ffffff;
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: dashed;
180
195
  --border-style-interactive: dashed;
196
+ --diagram-stroke-thin: 1px;
197
+ --diagram-stroke-normal: 1px;
198
+ --diagram-stroke-bold: 2px;
199
+ --diagram-line-cap: butt;
200
+ --diagram-line-join: miter;
201
+ --diagram-dash: 6 4;
202
+ --diagram-dot: 1 4;
203
+ --diagram-fill-style: outline;
204
+ --diagram-fill-opacity: 0.15;
205
+ --diagram-roughness: 0;
206
+ --diagram-glow: 0;
207
+ --diagram-shadow: none;
208
+ --diagram-marker: line;
209
+ --diagram-label-font: mono;
210
+ --diagram-label-size: xs;
211
+ --diagram-label-weight: 400;
212
+ --diagram-label-case: none;
213
+ --diagram-corner: 0;
214
+ --material-roughness: 1;
215
+ --material-metalness: 0;
216
+ --material-flat: 1;
217
+ --material-outline: 1;
218
+ --light-ambient: 0.9;
219
+ --light-key: 0.3;
220
+ --light-key-color: #ffffff;
221
+ --scene-fog: 0;
181
222
  }
182
223
 
183
224
  [data-theme="wireframe-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: #fdf7c9;
253
+ --color-series-2: #a0bee1;
254
+ --color-series-3: #737dea;
255
+ --color-series-4: #f96f42;
256
+ --color-series-5: #07d0ab;
257
+ --color-series-6: #c58aff;
258
+ --color-series-7: #f09c38;
259
+ --color-series-8: #7f7f7f;
260
+ --color-diagram-ink: #ffffff;
261
+ --color-diagram-label: #a3a3a3;
262
+ --color-diagram-guide: #6a6a72;
263
+ --color-diagram-axis: #ffffff;
264
+ --color-diagram-grid: #33333a;
265
+ --color-diagram-highlight: #5a9bff;
266
+ --color-diagram-fill: #1c1c22;
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: dashed;
356
412
  --border-style-interactive: dashed;
413
+ --diagram-stroke-thin: 1px;
414
+ --diagram-stroke-normal: 1px;
415
+ --diagram-stroke-bold: 2px;
416
+ --diagram-line-cap: butt;
417
+ --diagram-line-join: miter;
418
+ --diagram-dash: 6 4;
419
+ --diagram-dot: 1 4;
420
+ --diagram-fill-style: outline;
421
+ --diagram-fill-opacity: 0.15;
422
+ --diagram-roughness: 0;
423
+ --diagram-glow: 0;
424
+ --diagram-shadow: none;
425
+ --diagram-marker: line;
426
+ --diagram-label-font: mono;
427
+ --diagram-label-size: xs;
428
+ --diagram-label-weight: 400;
429
+ --diagram-label-case: none;
430
+ --diagram-corner: 0;
431
+ --material-roughness: 1;
432
+ --material-metalness: 0;
433
+ --material-flat: 1;
434
+ --material-outline: 1;
435
+ --light-ambient: 0.9;
436
+ --light-key: 0.3;
437
+ --light-key-color: #ffffff;
438
+ --scene-fog: 0;
357
439
  }
package/themes/zine.css CHANGED
@@ -38,6 +38,21 @@
38
38
  --color-info: #0040c0;
39
39
  --color-info-foreground: #ffffff;
40
40
  --color-scrim: rgba(0, 0, 0, 0.6);
41
+ --color-series-1: #180113;
42
+ --color-series-2: #d11fa6;
43
+ --color-series-3: #1f4fd6;
44
+ --color-series-4: #b36b00;
45
+ --color-series-5: #3e8c4b;
46
+ --color-series-6: #7a2aa8;
47
+ --color-series-7: #d4502d;
48
+ --color-series-8: #6a6a60;
49
+ --color-diagram-ink: #0a0a0a;
50
+ --color-diagram-label: #444444;
51
+ --color-diagram-guide: #888880;
52
+ --color-diagram-axis: #0a0a0a;
53
+ --color-diagram-grid: #dcdcd6;
54
+ --color-diagram-highlight: #ff2d95;
55
+ --color-diagram-fill: #ffe14d;
41
56
  --radius-none: 0px;
42
57
  --radius-sm: 0px;
43
58
  --radius-md: 0px;
@@ -186,6 +201,32 @@
186
201
  --border-style-interactive: dashed;
187
202
  --surface-page-image: radial-gradient(rgba(0, 0, 0, 0.16) 1px, transparent 1.5px);
188
203
  --surface-page-image-size: 6px 6px;
204
+ --diagram-stroke-thin: 1px;
205
+ --diagram-stroke-normal: 2.5px;
206
+ --diagram-stroke-bold: 4px;
207
+ --diagram-line-cap: round;
208
+ --diagram-line-join: bevel;
209
+ --diagram-dash: 6 6;
210
+ --diagram-dot: 1 5;
211
+ --diagram-fill-style: hatch;
212
+ --diagram-fill-opacity: 0.3;
213
+ --diagram-roughness: 1.1;
214
+ --diagram-glow: 0;
215
+ --diagram-shadow: 2px 2px 0 #0a0a0a;
216
+ --diagram-marker: open;
217
+ --diagram-label-font: mono;
218
+ --diagram-label-size: sm;
219
+ --diagram-label-weight: 700;
220
+ --diagram-label-case: uppercase;
221
+ --diagram-corner: 0;
222
+ --material-roughness: 1;
223
+ --material-metalness: 0;
224
+ --material-flat: 1;
225
+ --material-outline: 2;
226
+ --light-ambient: 0.8;
227
+ --light-key: 0.6;
228
+ --light-key-color: #ffffff;
229
+ --scene-fog: 0;
189
230
  }
190
231
 
191
232
  [data-theme="zine-dark"] {
@@ -222,6 +263,21 @@
222
263
  --color-info: #7aa8ff;
223
264
  --color-info-foreground: #0d0d0d;
224
265
  --color-scrim: rgba(0, 0, 0, 0.7);
266
+ --color-series-1: #fcf0c3;
267
+ --color-series-2: #e5226c;
268
+ --color-series-3: #6a9aff;
269
+ --color-series-4: #ffb347;
270
+ --color-series-5: #98cf6a;
271
+ --color-series-6: #c58aff;
272
+ --color-series-7: #fc7f50;
273
+ --color-series-8: #989691;
274
+ --color-diagram-ink: #f0f0ea;
275
+ --color-diagram-label: #c0c0ba;
276
+ --color-diagram-guide: #808078;
277
+ --color-diagram-axis: #f0f0ea;
278
+ --color-diagram-grid: #3a3a3a;
279
+ --color-diagram-highlight: #ff4da6;
280
+ --color-diagram-fill: #3a3a3a;
225
281
  --radius-none: 0px;
226
282
  --radius-sm: 0px;
227
283
  --radius-md: 0px;
@@ -370,4 +426,30 @@
370
426
  --border-style-interactive: dashed;
371
427
  --surface-page-image: radial-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1.5px);
372
428
  --surface-page-image-size: 6px 6px;
429
+ --diagram-stroke-thin: 1px;
430
+ --diagram-stroke-normal: 2.5px;
431
+ --diagram-stroke-bold: 4px;
432
+ --diagram-line-cap: round;
433
+ --diagram-line-join: bevel;
434
+ --diagram-dash: 6 6;
435
+ --diagram-dot: 1 5;
436
+ --diagram-fill-style: hatch;
437
+ --diagram-fill-opacity: 0.3;
438
+ --diagram-roughness: 1.1;
439
+ --diagram-glow: 0;
440
+ --diagram-shadow: 2px 2px 0 #0a0a0a;
441
+ --diagram-marker: open;
442
+ --diagram-label-font: mono;
443
+ --diagram-label-size: sm;
444
+ --diagram-label-weight: 700;
445
+ --diagram-label-case: uppercase;
446
+ --diagram-corner: 0;
447
+ --material-roughness: 1;
448
+ --material-metalness: 0;
449
+ --material-flat: 1;
450
+ --material-outline: 2;
451
+ --light-ambient: 0.8;
452
+ --light-key: 0.6;
453
+ --light-key-color: #ffffff;
454
+ --scene-fog: 0;
373
455
  }
@@ -1,5 +0,0 @@
1
- export { Typography } from './chunk-4UP6BZ4R.js';
2
- import './chunk-64WACXM7.js';
3
- import './chunk-MCKFWPT2.js';
4
- import './chunk-N2V4LHFQ.js';
5
- import './chunk-QPXIAUJD.js';