@ecopages/radiant-themes 0.3.1 → 0.3.3

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 (50) hide show
  1. package/README.md +17 -1
  2. package/dist/compiled/themes/cloudflare/compact.css +19 -0
  3. package/dist/compiled/themes/cloudflare.css +19 -0
  4. package/dist/compiled/themes/github/compact.css +23 -2
  5. package/dist/compiled/themes/github.css +23 -2
  6. package/dist/compiled/themes/high-contrast/compact.css +28 -4
  7. package/dist/compiled/themes/high-contrast.css +28 -4
  8. package/dist/compiled/themes/macos/compact.css +28 -4
  9. package/dist/compiled/themes/macos-classic/compact.css +39 -4
  10. package/dist/compiled/themes/macos-classic.css +39 -4
  11. package/dist/compiled/themes/macos.css +28 -4
  12. package/dist/compiled/themes/material/compact.css +27 -4
  13. package/dist/compiled/themes/material.css +27 -4
  14. package/dist/compiled/themes/vercel/compact.css +44 -11
  15. package/dist/compiled/themes/vercel.css +44 -11
  16. package/dist/compiled/themes/vscode/compact.css +28 -4
  17. package/dist/compiled/themes/vscode.css +28 -4
  18. package/dist/compiled/themes/windows95/compact.css +42 -5
  19. package/dist/compiled/themes/windows95.css +42 -5
  20. package/dist/compiled/themes/zed/compact.css +1204 -0
  21. package/dist/compiled/themes/zed.css +1187 -0
  22. package/dist/foundation.css +2 -2
  23. package/dist/themes/zed/compact.css +2 -0
  24. package/dist/themes/zed.css +4 -0
  25. package/dist/tokens/colors/github.css +4 -2
  26. package/dist/tokens/colors/high-contrast.css +4 -2
  27. package/dist/tokens/colors/macos-classic.css +4 -2
  28. package/dist/tokens/colors/macos.css +6 -3
  29. package/dist/tokens/colors/material.css +4 -2
  30. package/dist/tokens/colors/vercel.css +4 -2
  31. package/dist/tokens/colors/vscode.css +4 -2
  32. package/dist/tokens/colors/windows95.css +4 -2
  33. package/dist/tokens/colors/zed.css +54 -0
  34. package/dist/tokens/components/high-contrast.css +1 -0
  35. package/dist/tokens/components/macos-classic.css +14 -1
  36. package/dist/tokens/components/macos.css +1 -0
  37. package/dist/tokens/components/material.css +0 -1
  38. package/dist/tokens/components/vercel.css +24 -7
  39. package/dist/tokens/components/vscode.css +5 -2
  40. package/dist/tokens/components/windows95.css +16 -1
  41. package/dist/tokens/components/zed.css +440 -0
  42. package/dist/tokens/roles/high-contrast.css +4 -2
  43. package/dist/tokens/roles/macos-classic.css +4 -2
  44. package/dist/tokens/roles/macos.css +4 -2
  45. package/dist/tokens/roles/material.css +4 -2
  46. package/dist/tokens/roles/vercel.css +4 -2
  47. package/dist/tokens/roles/vscode.css +4 -2
  48. package/dist/tokens/roles/windows95.css +4 -2
  49. package/dist/tokens/roles/zed.css +153 -0
  50. package/package.json +15 -3
@@ -66,6 +66,18 @@
66
66
  --duration-slow: 300ms;
67
67
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
68
68
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
69
+ --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
70
+ --popup-scale-from: 0.96;
71
+ --popup-shift: 4px;
72
+ --popup-enter-duration: var(--duration-fast);
73
+ --popup-exit-duration: 100ms;
74
+ --tooltip-duration: 120ms;
75
+ --hover-card-enter-duration: 180ms;
76
+ --dialog-enter-duration: var(--duration-normal);
77
+ --dialog-exit-duration: 120ms;
78
+ --backdrop-duration: var(--duration-fast);
79
+ --check-duration: min(120ms, var(--duration-fast));
80
+ --press-shift: 1px;
69
81
  --color-black: oklch(0% 0 0);
70
82
  --color-white: oklch(100% 0 0);
71
83
  --border-width-hairline: 1px;
@@ -200,6 +212,13 @@
200
212
  --duration-fast: 0ms;
201
213
  --duration-normal: 0ms;
202
214
  --duration-slow: 0ms;
215
+ --press-shift: 0px;
216
+ --popup-scale-from: 1;
217
+ --popup-shift: 0px;
218
+ --popup-exit-duration: 0ms;
219
+ --tooltip-duration: 0ms;
220
+ --hover-card-enter-duration: 0ms;
221
+ --dialog-exit-duration: 0ms;
203
222
  }
204
223
  *,
205
224
  *::before,
@@ -336,7 +355,8 @@
336
355
  :where(.dark) {
337
356
  color-scheme: dark;
338
357
  }
339
- :where(:root), :root[data-rui-theme='windows95'] {
358
+ :where(:root),
359
+ :root[data-rui-theme='windows95'] {
340
360
  --windows95-canvas: #c0c0c0;
341
361
  --windows95-face: #c0c0c0;
342
362
  --windows95-light: #ffffff;
@@ -357,7 +377,8 @@
357
377
  --windows95-red: #800000;
358
378
  --windows95-amber: #634000;
359
379
  }
360
- :where(.dark), :root.dark[data-rui-theme='windows95'] {
380
+ :where(.dark),
381
+ :root.dark[data-rui-theme='windows95'] {
361
382
  --windows95-canvas: #2b2b2b;
362
383
  --windows95-face: #3a3a3a;
363
384
  --windows95-light: #8a8a8a;
@@ -378,7 +399,8 @@
378
399
  --windows95-red: #ff8a80;
379
400
  --windows95-amber: #ffce65;
380
401
  }
381
- :where(:root), :root[data-rui-theme='windows95'] {
402
+ :where(:root),
403
+ :root[data-rui-theme='windows95'] {
382
404
  --gray-50: #ffffff;
383
405
  --gray-100: #dfdfdf;
384
406
  --gray-200: #c0c0c0;
@@ -458,7 +480,8 @@
458
480
  --background-code: #ffffff;
459
481
  --on-background-code: #000000;
460
482
  }
461
- :where(.dark), :root.dark[data-rui-theme='windows95'] {
483
+ :where(.dark),
484
+ :root.dark[data-rui-theme='windows95'] {
462
485
  --gray-50: #ffffff;
463
486
  --gray-100: #e0e0e0;
464
487
  --gray-200: #c0c0c0;
@@ -527,6 +550,18 @@
527
550
  }
528
551
  :root,
529
552
  :root[data-rui-theme='windows95'] {
553
+ --rui-knob-linecap: butt;
554
+ --press-shift: 0px;
555
+ --popup-enter-duration: 0ms;
556
+ --popup-exit-duration: 0ms;
557
+ --popup-scale-from: 1;
558
+ --popup-shift: 0px;
559
+ --tooltip-duration: 0ms;
560
+ --hover-card-enter-duration: 0ms;
561
+ --dialog-enter-duration: 0ms;
562
+ --dialog-exit-duration: 0ms;
563
+ --backdrop-duration: 0ms;
564
+ --check-duration: 0ms;
530
565
  --font-sans: Tahoma, 'MS Sans Serif', Arial, sans-serif;
531
566
  --font-heading: Tahoma, 'MS Sans Serif', Arial, sans-serif;
532
567
  --font-mono: 'Lucida Console', Consolas, Menlo, Monaco, 'Courier New', monospace;
@@ -1165,7 +1200,9 @@
1165
1200
  border: 1px solid var(--windows95-line);
1166
1201
  background-color: var(--windows95-field);
1167
1202
  color: var(--windows95-field-text);
1168
- font: 9px/7px 'MS Sans Serif', Tahoma, sans-serif;
1203
+ font: 9px/7px 'MS Sans Serif',
1204
+ Tahoma,
1205
+ sans-serif;
1169
1206
  text-align: center;
1170
1207
  transform: none;
1171
1208
  transition: none;
@@ -66,6 +66,18 @@
66
66
  --duration-slow: 300ms;
67
67
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
68
68
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
69
+ --ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
70
+ --popup-scale-from: 0.96;
71
+ --popup-shift: 4px;
72
+ --popup-enter-duration: var(--duration-fast);
73
+ --popup-exit-duration: 100ms;
74
+ --tooltip-duration: 120ms;
75
+ --hover-card-enter-duration: 180ms;
76
+ --dialog-enter-duration: var(--duration-normal);
77
+ --dialog-exit-duration: 120ms;
78
+ --backdrop-duration: var(--duration-fast);
79
+ --check-duration: min(120ms, var(--duration-fast));
80
+ --press-shift: 1px;
69
81
  --color-black: oklch(0% 0 0);
70
82
  --color-white: oklch(100% 0 0);
71
83
  --border-width-hairline: 1px;
@@ -200,6 +212,13 @@
200
212
  --duration-fast: 0ms;
201
213
  --duration-normal: 0ms;
202
214
  --duration-slow: 0ms;
215
+ --press-shift: 0px;
216
+ --popup-scale-from: 1;
217
+ --popup-shift: 0px;
218
+ --popup-exit-duration: 0ms;
219
+ --tooltip-duration: 0ms;
220
+ --hover-card-enter-duration: 0ms;
221
+ --dialog-exit-duration: 0ms;
203
222
  }
204
223
  *,
205
224
  *::before,
@@ -336,7 +355,8 @@
336
355
  :where(.dark) {
337
356
  color-scheme: dark;
338
357
  }
339
- :where(:root), :root[data-rui-theme='windows95'] {
358
+ :where(:root),
359
+ :root[data-rui-theme='windows95'] {
340
360
  --windows95-canvas: #c0c0c0;
341
361
  --windows95-face: #c0c0c0;
342
362
  --windows95-light: #ffffff;
@@ -357,7 +377,8 @@
357
377
  --windows95-red: #800000;
358
378
  --windows95-amber: #634000;
359
379
  }
360
- :where(.dark), :root.dark[data-rui-theme='windows95'] {
380
+ :where(.dark),
381
+ :root.dark[data-rui-theme='windows95'] {
361
382
  --windows95-canvas: #2b2b2b;
362
383
  --windows95-face: #3a3a3a;
363
384
  --windows95-light: #8a8a8a;
@@ -378,7 +399,8 @@
378
399
  --windows95-red: #ff8a80;
379
400
  --windows95-amber: #ffce65;
380
401
  }
381
- :where(:root), :root[data-rui-theme='windows95'] {
402
+ :where(:root),
403
+ :root[data-rui-theme='windows95'] {
382
404
  --gray-50: #ffffff;
383
405
  --gray-100: #dfdfdf;
384
406
  --gray-200: #c0c0c0;
@@ -458,7 +480,8 @@
458
480
  --background-code: #ffffff;
459
481
  --on-background-code: #000000;
460
482
  }
461
- :where(.dark), :root.dark[data-rui-theme='windows95'] {
483
+ :where(.dark),
484
+ :root.dark[data-rui-theme='windows95'] {
462
485
  --gray-50: #ffffff;
463
486
  --gray-100: #e0e0e0;
464
487
  --gray-200: #c0c0c0;
@@ -527,6 +550,18 @@
527
550
  }
528
551
  :root,
529
552
  :root[data-rui-theme='windows95'] {
553
+ --rui-knob-linecap: butt;
554
+ --press-shift: 0px;
555
+ --popup-enter-duration: 0ms;
556
+ --popup-exit-duration: 0ms;
557
+ --popup-scale-from: 1;
558
+ --popup-shift: 0px;
559
+ --tooltip-duration: 0ms;
560
+ --hover-card-enter-duration: 0ms;
561
+ --dialog-enter-duration: 0ms;
562
+ --dialog-exit-duration: 0ms;
563
+ --backdrop-duration: 0ms;
564
+ --check-duration: 0ms;
530
565
  --font-sans: Tahoma, 'MS Sans Serif', Arial, sans-serif;
531
566
  --font-heading: Tahoma, 'MS Sans Serif', Arial, sans-serif;
532
567
  --font-mono: 'Lucida Console', Consolas, Menlo, Monaco, 'Courier New', monospace;
@@ -1165,7 +1200,9 @@
1165
1200
  border: 1px solid var(--windows95-line);
1166
1201
  background-color: var(--windows95-field);
1167
1202
  color: var(--windows95-field-text);
1168
- font: 9px/7px 'MS Sans Serif', Tahoma, sans-serif;
1203
+ font: 9px/7px 'MS Sans Serif',
1204
+ Tahoma,
1205
+ sans-serif;
1169
1206
  text-align: center;
1170
1207
  transform: none;
1171
1208
  transition: none;