@loworbitstudio/visor-core 0.6.0 → 0.8.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 (5) hide show
  1. package/dist/themes/blackout.css +137 -135
  2. package/dist/themes/modern-minimal.css +103 -103
  3. package/dist/themes/neutral.css +110 -110
  4. package/dist/themes/space.css +148 -144
  5. package/package.json +2 -2
package/dist/themes/modern-minimal.css CHANGED
@@ -1,5 +1,5 @@
1
1
  @font-face {
2
- font-family: "Product Sans";
2
+ font-family: "Product Sans [modern-minimal]";
3
3
  src: url("https://fonts.visor.design/low-orbit-studio/product-sans/ProductSans-Regular.woff2") format("woff2");
4
4
  font-weight: 400;
5
5
  font-style: normal;
@@ -7,7 +7,7 @@
7
7
  }
8
8
 
9
9
  @font-face {
10
- font-family: "Product Sans";
10
+ font-family: "Product Sans [modern-minimal]";
11
11
  src: url("https://fonts.visor.design/low-orbit-studio/product-sans/ProductSans-Bold.woff2") format("woff2");
12
12
  font-weight: 700;
13
13
  font-style: normal;
@@ -30,62 +30,62 @@
30
30
  --color-white: #ffffff;
31
31
  --color-black: #000000;
32
32
  --color-primary-50: #e8faf0;
33
- --color-primary-100: #ddfceb;
34
- --color-primary-200: #ccffe3;
35
- --color-primary-300: #bbffdb;
36
- --color-primary-400: #a0ffcf;
33
+ --color-primary-100: #d7f6e4;
34
+ --color-primary-200: #b8f0d2;
35
+ --color-primary-300: #89e5b7;
36
+ --color-primary-400: #4ed197;
37
37
  --color-primary-500: #04bf81;
38
- --color-primary-600: #016643;
39
- --color-primary-700: #005033;
40
- --color-primary-800: #003823;
41
- --color-primary-900: #002113;
38
+ --color-primary-600: #018e5f;
39
+ --color-primary-700: #016e48;
40
+ --color-primary-800: #004a30;
41
+ --color-primary-900: #002a19;
42
42
  --color-primary-950: #000d05;
43
43
  --color-accent-50: #e8faf0;
44
- --color-accent-100: #ddfceb;
45
- --color-accent-200: #ccffe3;
46
- --color-accent-300: #bbffdb;
47
- --color-accent-400: #a0ffcf;
44
+ --color-accent-100: #d7f6e4;
45
+ --color-accent-200: #b8f0d2;
46
+ --color-accent-300: #89e5b7;
47
+ --color-accent-400: #4ed197;
48
48
  --color-accent-500: #04bf81;
49
- --color-accent-600: #016643;
50
- --color-accent-700: #005033;
51
- --color-accent-800: #003823;
52
- --color-accent-900: #002113;
49
+ --color-accent-600: #018e5f;
50
+ --color-accent-700: #016e48;
51
+ --color-accent-800: #004a30;
52
+ --color-accent-900: #002a19;
53
53
  --color-accent-950: #000d05;
54
54
  --color-neutral-50: #f4f5f7;
55
- --color-neutral-100: #f0f2f6;
56
- --color-neutral-200: #eaeef5;
57
- --color-neutral-300: #e2e8f3;
58
- --color-neutral-400: #d8dfec;
59
- --color-neutral-500: #6c727e;
55
+ --color-neutral-100: #e6e8ec;
56
+ --color-neutral-200: #d1d4db;
57
+ --color-neutral-300: #b2b7c2;
58
+ --color-neutral-400: #898f9c;
59
+ --color-neutral-500: #6b7280;
60
60
  --color-neutral-600: #505561;
61
61
  --color-neutral-700: #3d424d;
62
62
  --color-neutral-800: #292e38;
63
63
  --color-neutral-900: #171b22;
64
64
  --color-neutral-950: #07090e;
65
65
  --color-success-50: #e8fbeb;
66
- --color-success-100: #defde3;
66
+ --color-success-100: #d8f7dc;
67
67
  --color-success-500: #22c55e;
68
- --color-success-600: #00672b;
69
- --color-success-700: #005120;
70
- --color-success-900: #002209;
68
+ --color-success-600: #019341;
69
+ --color-success-700: #017231;
70
+ --color-success-900: #002b0e;
71
71
  --color-warning-50: #fff3e6;
72
- --color-warning-100: #fff1e3;
72
+ --color-warning-100: #ffebd5;
73
73
  --color-warning-500: #f59e0b;
74
- --color-warning-600: #774a01;
75
- --color-warning-700: #5e3900;
76
- --color-warning-900: #281600;
74
+ --color-warning-600: #b77401;
75
+ --color-warning-700: #8d5800;
76
+ --color-warning-900: #361f00;
77
77
  --color-error-50: #fff2f0;
78
- --color-error-100: #ffefed;
78
+ --color-error-100: #ffe3e0;
79
79
  --color-error-500: #ef4444;
80
- --color-error-600: #a30016;
81
- --color-error-700: #81000f;
82
- --color-error-900: #3a0003;
80
+ --color-error-600: #c3041e;
81
+ --color-error-700: #990015;
82
+ --color-error-900: #410004;
83
83
  --color-info-50: #ecf7ff;
84
- --color-info-100: #e8f5ff;
84
+ --color-info-100: #daf0ff;
85
85
  --color-info-500: #0ea5e9;
86
- --color-info-600: #005c85;
87
- --color-info-700: #004869;
88
- --color-info-900: #001d2e;
86
+ --color-info-600: #017baf;
87
+ --color-info-700: #005f88;
88
+ --color-info-900: #002437;
89
89
  }
90
90
 
91
91
 
@@ -122,10 +122,10 @@
122
122
 
123
123
  /* --- Primitive: Typography --- */
124
124
  .modern-minimal-theme {
125
- --font-display: Product Sans;
126
- --font-sans: Product Sans;
127
- --font-heading: var(--font-sans);
128
- --font-body: Product Sans;
125
+ --font-display: "Product Sans [modern-minimal]", "Product Sans";
126
+ --font-sans: "Product Sans [modern-minimal]", "Product Sans";
127
+ --font-heading: "Product Sans [modern-minimal]", "Product Sans";
128
+ --font-body: "Product Sans [modern-minimal]", "Product Sans";
129
129
  --font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
130
130
  --font-size-xs: 0.75rem; /* 12px */
131
131
  --font-size-sm: 0.875rem; /* 14px */
@@ -199,15 +199,15 @@
199
199
  /* --- Primitive overrides (dark) — dark brand color anchors at shade 500 --- */
200
200
  .dark .modern-minimal-theme {
201
201
  --color-primary-50: #e7fbf0;
202
- --color-primary-100: #dcfdeb;
203
- --color-primary-200: #ceffe5;
204
- --color-primary-300: #c0ffde;
205
- --color-primary-400: #aaffd5;
202
+ --color-primary-100: #d7f7e6;
203
+ --color-primary-200: #b8f4d5;
204
+ --color-primary-300: #8aecbd;
205
+ --color-primary-400: #4fdca1;
206
206
  --color-primary-500: #02cd8d;
207
- --color-primary-600: #006644;
208
- --color-primary-700: #005034;
209
- --color-primary-800: #003823;
210
- --color-primary-900: #002113;
207
+ --color-primary-600: #029868;
208
+ --color-primary-700: #00754f;
209
+ --color-primary-800: #004f34;
210
+ --color-primary-900: #002c1b;
211
211
  --color-primary-950: #000d06;
212
212
  }
213
213
 
@@ -241,17 +241,17 @@
241
241
  --surface-interactive-hover: #3d424d;
242
242
  --surface-interactive-active: #505561;
243
243
  --surface-interactive-disabled: #292e38;
244
- --surface-selected: #003823;
245
- --surface-accent-subtle: #002113;
244
+ --surface-selected: #004f34;
245
+ --surface-accent-subtle: #002c1b;
246
246
  --surface-accent-default: #04bf81;
247
247
  --surface-accent-strong: #a0ffcf;
248
- --surface-success-subtle: #002209;
248
+ --surface-success-subtle: #002b0e;
249
249
  --surface-success-default: #22c55e;
250
- --surface-warning-subtle: #281600;
250
+ --surface-warning-subtle: #361f00;
251
251
  --surface-warning-default: #f59e0b;
252
- --surface-error-subtle: #3a0003;
252
+ --surface-error-subtle: #410004;
253
253
  --surface-error-default: #ef4444;
254
- --surface-info-subtle: #001d2e;
254
+ --surface-info-subtle: #002437;
255
255
  --surface-info-default: #0ea5e9;
256
256
  --surface-elev-0: #07090e;
257
257
  --surface-elev-1: #171b22;
@@ -287,7 +287,7 @@
287
287
  --interactive-secondary-text: #f4f5f7;
288
288
  --interactive-secondary-border: #505561;
289
289
  --interactive-destructive-bg: #ef4444;
290
- --interactive-destructive-bg-hover: #a30016;
290
+ --interactive-destructive-bg-hover: #c3041e;
291
291
  --interactive-destructive-text: #ffffff;
292
292
  --interactive-ghost-bg: #292e38;
293
293
  --interactive-ghost-bg-hover: #3d424d;
@@ -326,17 +326,17 @@
326
326
  --surface-interactive-hover: #3d424d;
327
327
  --surface-interactive-active: #505561;
328
328
  --surface-interactive-disabled: #292e38;
329
- --surface-selected: #003823;
330
- --surface-accent-subtle: #002113;
329
+ --surface-selected: #004f34;
330
+ --surface-accent-subtle: #002c1b;
331
331
  --surface-accent-default: #04bf81;
332
332
  --surface-accent-strong: #a0ffcf;
333
- --surface-success-subtle: #002209;
333
+ --surface-success-subtle: #002b0e;
334
334
  --surface-success-default: #22c55e;
335
- --surface-warning-subtle: #281600;
335
+ --surface-warning-subtle: #361f00;
336
336
  --surface-warning-default: #f59e0b;
337
- --surface-error-subtle: #3a0003;
337
+ --surface-error-subtle: #410004;
338
338
  --surface-error-default: #ef4444;
339
- --surface-info-subtle: #001d2e;
339
+ --surface-info-subtle: #002437;
340
340
  --surface-info-default: #0ea5e9;
341
341
  --surface-elev-0: #07090e;
342
342
  --surface-elev-1: #171b22;
@@ -376,7 +376,7 @@
376
376
  --interactive-secondary-text: #f4f5f7;
377
377
  --interactive-secondary-border: #505561;
378
378
  --interactive-destructive-bg: #ef4444;
379
- --interactive-destructive-bg-hover: #a30016;
379
+ --interactive-destructive-bg-hover: #c3041e;
380
380
  --interactive-destructive-text: #ffffff;
381
381
  --interactive-ghost-bg: #292e38;
382
382
  --interactive-ghost-bg-hover: #3d424d;
@@ -388,15 +388,15 @@
388
388
  @media (prefers-color-scheme: dark) {
389
389
  .modern-minimal-theme:not(.light) {
390
390
  --color-primary-50: #e7fbf0;
391
- --color-primary-100: #dcfdeb;
392
- --color-primary-200: #ceffe5;
393
- --color-primary-300: #c0ffde;
394
- --color-primary-400: #aaffd5;
391
+ --color-primary-100: #d7f7e6;
392
+ --color-primary-200: #b8f4d5;
393
+ --color-primary-300: #8aecbd;
394
+ --color-primary-400: #4fdca1;
395
395
  --color-primary-500: #02cd8d;
396
- --color-primary-600: #006644;
397
- --color-primary-700: #005034;
398
- --color-primary-800: #003823;
399
- --color-primary-900: #002113;
396
+ --color-primary-600: #029868;
397
+ --color-primary-700: #00754f;
398
+ --color-primary-800: #004f34;
399
+ --color-primary-900: #002c1b;
400
400
  --color-primary-950: #000d06;
401
401
  }
402
402
  }
@@ -409,15 +409,15 @@ html:not(.dark) .modern-minimal-theme {
409
409
  --text-primary: rgba(0, 0, 0, 0.9);
410
410
  --text-secondary: rgba(0, 0, 0, 0.55);
411
411
  --text-tertiary: rgba(0, 0, 0, 0.55);
412
- --text-disabled: #e2e8f3;
412
+ --text-disabled: #b2b7c2;
413
413
  --text-inverse: #ffffff;
414
- --text-inverse-secondary: #eaeef5;
415
- --text-link: #016643;
416
- --text-link-hover: #005033;
417
- --text-success: #005120;
418
- --text-warning: #5e3900;
419
- --text-error: #81000f;
420
- --text-info: #004869;
414
+ --text-inverse-secondary: #d1d4db;
415
+ --text-link: #018e5f;
416
+ --text-link-hover: #016e48;
417
+ --text-success: #017231;
418
+ --text-warning: #8d5800;
419
+ --text-error: #990015;
420
+ --text-info: #005f88;
421
421
  }
422
422
 
423
423
 
@@ -427,16 +427,16 @@ html:not(.dark) .modern-minimal-theme {
427
427
  --surface-card: #FFFFFF;
428
428
  --surface-popover: #FFFFFF;
429
429
  --surface-subtle: #f4f5f7;
430
- --surface-muted: #f0f2f6;
430
+ --surface-muted: #e6e8ec;
431
431
  --surface-overlay: #171b22;
432
432
  --surface-interactive-default: #ffffff;
433
433
  --surface-interactive-hover: #f4f5f7;
434
- --surface-interactive-active: #f0f2f6;
434
+ --surface-interactive-active: #e6e8ec;
435
435
  --surface-interactive-disabled: #f4f5f7;
436
- --surface-selected: #ddfceb;
436
+ --surface-selected: #d7f6e4;
437
437
  --surface-accent-subtle: #e8faf0;
438
438
  --surface-accent-default: #04bf81;
439
- --surface-accent-strong: #016643;
439
+ --surface-accent-strong: #018e5f;
440
440
  --surface-success-subtle: #e8fbeb;
441
441
  --surface-success-default: #22c55e;
442
442
  --surface-warning-subtle: #fff3e6;
@@ -447,19 +447,19 @@ html:not(.dark) .modern-minimal-theme {
447
447
  --surface-info-default: #0ea5e9;
448
448
  --surface-elev-0: #ffffff;
449
449
  --surface-elev-1: #f4f5f7;
450
- --surface-elev-2: #f0f2f6;
451
- --surface-elev-3: #eaeef5;
452
- --surface-elev-4: #e2e8f3;
450
+ --surface-elev-2: #e6e8ec;
451
+ --surface-elev-3: #d1d4db;
452
+ --surface-elev-4: #b2b7c2;
453
453
  }
454
454
 
455
455
 
456
456
  /* --- Adaptive: Border (light) --- */
457
457
  html:not(.dark) .modern-minimal-theme {
458
- --border-default: #eaeef5;
459
- --border-muted: #f0f2f6;
460
- --border-strong: #e2e8f3;
458
+ --border-default: #d1d4db;
459
+ --border-muted: #e6e8ec;
460
+ --border-strong: #b2b7c2;
461
461
  --border-focus: #04bf81;
462
- --border-disabled: #f0f2f6;
462
+ --border-disabled: #e6e8ec;
463
463
  --border-success: #22c55e;
464
464
  --border-warning: #f59e0b;
465
465
  --border-error: #ef4444;
@@ -469,20 +469,20 @@ html:not(.dark) .modern-minimal-theme {
469
469
 
470
470
  /* --- Adaptive: Interactive (light) --- */
471
471
  html:not(.dark) .modern-minimal-theme {
472
- --interactive-primary-bg: #016643;
473
- --interactive-primary-bg-hover: #005033;
474
- --interactive-primary-bg-active: #003823;
472
+ --interactive-primary-bg: #018e5f;
473
+ --interactive-primary-bg-hover: #016e48;
474
+ --interactive-primary-bg-active: #004a30;
475
475
  --interactive-primary-text: #ffffff;
476
476
  --interactive-secondary-bg: #ffffff;
477
477
  --interactive-secondary-bg-hover: #f4f5f7;
478
- --interactive-secondary-bg-active: #f0f2f6;
478
+ --interactive-secondary-bg-active: #e6e8ec;
479
479
  --interactive-secondary-text: #171b22;
480
- --interactive-secondary-border: #e2e8f3;
481
- --interactive-destructive-bg: #a30016;
482
- --interactive-destructive-bg-hover: #81000f;
480
+ --interactive-secondary-border: #b2b7c2;
481
+ --interactive-destructive-bg: #c3041e;
482
+ --interactive-destructive-bg-hover: #990015;
483
483
  --interactive-destructive-text: #ffffff;
484
484
  --interactive-ghost-bg: #ffffff;
485
- --interactive-ghost-bg-hover: #f0f2f6;
485
+ --interactive-ghost-bg-hover: #e6e8ec;
486
486
  }
487
487
 
488
488
 
@@ -513,14 +513,14 @@ html:not(.dark) .modern-minimal-theme {
513
513
  --color-fd-foreground: rgba(0, 0, 0, 0.9);
514
514
  --color-fd-card: #FFFFFF;
515
515
  --color-fd-card-foreground: rgba(0, 0, 0, 0.9);
516
- --color-fd-border: #eaeef5;
517
- --color-fd-muted: #f0f2f6;
516
+ --color-fd-border: #d1d4db;
517
+ --color-fd-muted: #e6e8ec;
518
518
  --color-fd-muted-foreground: rgba(0, 0, 0, 0.55);
519
519
  --color-fd-accent: #04bf81;
520
520
  --color-fd-accent-foreground: #ffffff;
521
521
  --color-fd-primary: #04bf81;
522
522
  --color-fd-primary-foreground: #ffffff;
523
- --color-fd-secondary: #f0f2f6;
523
+ --color-fd-secondary: #e6e8ec;
524
524
  --color-fd-secondary-foreground: rgba(0, 0, 0, 0.9);
525
525
  --color-fd-popover: #FFFFFF;
526
526
  --color-fd-popover-foreground: rgba(0, 0, 0, 0.9);