@loworbitstudio/visor-core 0.7.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 +22 -20
  2. package/dist/themes/modern-minimal.css +6 -6
  3. package/dist/themes/neutral.css +1 -1
  4. package/dist/themes/space.css +6 -2
  5. package/package.json +2 -2
package/dist/themes/blackout.css CHANGED
@@ -1,3 +1,5 @@
1
+ @import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,700&display=swap");
2
+
1
3
  @layer visor-primitives, visor-semantic, visor-adaptive, visor-bridge;
2
4
 
3
5
  @layer visor-adaptive {
@@ -108,7 +110,7 @@
108
110
  .blackout-theme {
109
111
  --font-display: Satoshi;
110
112
  --font-sans: Satoshi;
111
- --font-heading: var(--font-sans);
113
+ --font-heading: Satoshi;
112
114
  --font-body: Satoshi;
113
115
  --font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;
114
116
  --font-size-xs: 0.75rem; /* 12px */
@@ -383,23 +385,23 @@ html:not(.dark) .blackout-theme {
383
385
  --surface-interactive-hover: rgba(255, 255, 255, 0.08);
384
386
  --surface-interactive-active: rgba(255, 255, 255, 0.12);
385
387
  --surface-interactive-disabled: rgba(255, 255, 255, 0.04);
386
- --surface-selected: #e6e6e6;
387
- --surface-accent-subtle: #f5f5f5;
388
+ --surface-selected: #303030;
389
+ --surface-accent-subtle: #1f1f1f;
388
390
  --surface-accent-default: #666666;
389
391
  --surface-accent-strong: #4d4d4d;
390
- --surface-success-subtle: #e8fbeb;
392
+ --surface-success-subtle: #003814;
391
393
  --surface-success-default: #22c55e;
392
- --surface-warning-subtle: #fff3e6;
394
+ --surface-warning-subtle: #432600;
393
395
  --surface-warning-default: #f59e0b;
394
- --surface-error-subtle: #fff2f0;
396
+ --surface-error-subtle: #4e0006;
395
397
  --surface-error-default: #ef4444;
396
- --surface-info-subtle: #ecf7ff;
398
+ --surface-info-subtle: #002e44;
397
399
  --surface-info-default: #0ea5e9;
398
- --surface-elev-0: #ffffff;
399
- --surface-elev-1: #f5f5f5;
400
- --surface-elev-2: #e0e0e0;
401
- --surface-elev-3: #c2c2c2;
402
- --surface-elev-4: #979797;
400
+ --surface-elev-0: #101011;
401
+ --surface-elev-1: #181818;
402
+ --surface-elev-2: #212121;
403
+ --surface-elev-3: #282828;
404
+ --surface-elev-4: #303030;
403
405
  }
404
406
 
405
407
 
@@ -409,7 +411,7 @@ html:not(.dark) .blackout-theme {
409
411
  --border-muted: rgba(255, 255, 255, 0.04);
410
412
  --border-strong: rgba(255, 255, 255, 0.12);
411
413
  --border-focus: #666666;
412
- --border-disabled: #e0e0e0;
414
+ --border-disabled: #212121;
413
415
  --border-success: #22c55e;
414
416
  --border-warning: #f59e0b;
415
417
  --border-error: #ef4444;
@@ -423,16 +425,16 @@ html:not(.dark) .blackout-theme {
423
425
  --interactive-primary-bg-hover: #3c3c3c;
424
426
  --interactive-primary-bg-active: #2a2a2a;
425
427
  --interactive-primary-text: #ffffff;
426
- --interactive-secondary-bg: #ffffff;
427
- --interactive-secondary-bg-hover: #f5f5f5;
428
- --interactive-secondary-bg-active: #e0e0e0;
429
- --interactive-secondary-text: #101011;
430
- --interactive-secondary-border: #979797;
428
+ --interactive-secondary-bg: #212121;
429
+ --interactive-secondary-bg-hover: #282828;
430
+ --interactive-secondary-bg-active: #303030;
431
+ --interactive-secondary-text: #ffffff;
432
+ --interactive-secondary-border: #303030;
431
433
  --interactive-destructive-bg: #c3041e;
432
434
  --interactive-destructive-bg-hover: #990015;
433
435
  --interactive-destructive-text: #ffffff;
434
- --interactive-ghost-bg: #ffffff;
435
- --interactive-ghost-bg-hover: #e0e0e0;
436
+ --interactive-ghost-bg: #212121;
437
+ --interactive-ghost-bg-hover: #282828;
436
438
  }
437
439
 
438
440
 
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;
@@ -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 */
package/dist/themes/neutral.css CHANGED
@@ -108,7 +108,7 @@
108
108
  .neutral-theme {
109
109
  --font-display: system-ui;
110
110
  --font-sans: system-ui;
111
- --font-heading: var(--font-sans);
111
+ --font-heading: system-ui;
112
112
  --font-body: system-ui;
113
113
  --font-mono: ui-monospace;
114
114
  --font-size-xs: 0.75rem; /* 12px */
package/dist/themes/space.css CHANGED
@@ -1,3 +1,7 @@
1
+ @import url("https://api.fontshare.com/v2/css?f[]=satoshi@400,700&display=swap");
2
+
3
+ @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap");
4
+
1
5
  @layer visor-primitives, visor-semantic, visor-adaptive, visor-bridge;
2
6
 
3
7
  @layer visor-adaptive {
@@ -108,9 +112,9 @@
108
112
  .space-theme {
109
113
  --font-display: Satoshi;
110
114
  --font-sans: Satoshi;
111
- --font-heading: var(--font-sans);
115
+ --font-heading: Satoshi;
112
116
  --font-body: Satoshi;
113
- --font-mono: Monaspace Neon;
117
+ --font-mono: Source Code Pro;
114
118
  --font-size-xs: 0.75rem; /* 12px */
115
119
  --font-size-sm: 0.875rem; /* 14px */
116
120
  --font-size-base: 1rem; /* 16px */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loworbitstudio/visor-core",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "Design tokens for the Visor design system — CSS custom properties for theming.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.css",
@@ -48,7 +48,7 @@
48
48
  "access": "public"
49
49
  },
50
50
  "devDependencies": {
51
- "@loworbitstudio/visor-theme-engine": "^0.4.2",
51
+ "@loworbitstudio/visor-theme-engine": "^0.8.0",
52
52
  "@types/node": "^22.0.0",
53
53
  "tsx": "^4.19.2",
54
54
  "typescript": "^5.7.2",