@privateers/ui 0.3.17 → 0.3.19
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.
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Mission Control Brand Theme – "Bloomberg Noir"
|
|
3
|
+
*
|
|
4
|
+
* Dark-first theme for Henry's AI Agent Command Center.
|
|
5
|
+
* Designed for information-dense dashboards with semantic color coding.
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
* @import '@privateers/ui/styles/brands/mission-control.css';
|
|
9
|
+
*
|
|
10
|
+
* Or apply the class to a container:
|
|
11
|
+
* <div class="brand-mission-control">...</div>
|
|
12
|
+
*
|
|
13
|
+
* Color palette (hex reference):
|
|
14
|
+
* Background base: #0D0F12
|
|
15
|
+
* Background panel: #14171C
|
|
16
|
+
* Background card: #1A1F28
|
|
17
|
+
* Border: #2A2F3A
|
|
18
|
+
* Text primary: #E8EAED
|
|
19
|
+
* Text muted: #8B9099
|
|
20
|
+
* Accent (indigo): #6366F1
|
|
21
|
+
* Success: #22C55E
|
|
22
|
+
* Warning: #F59E0B
|
|
23
|
+
* Error: #EF4444
|
|
24
|
+
* Info: #06B6D4
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
:root .brand-mission-control,
|
|
28
|
+
.brand-mission-control {
|
|
29
|
+
/* Typography – Monospace numbers, clean sans-serif body */
|
|
30
|
+
--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
|
|
31
|
+
--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;
|
|
32
|
+
|
|
33
|
+
/* Base colors – Near-black */
|
|
34
|
+
--background: oklch(0.16 0.005 260);
|
|
35
|
+
--foreground: oklch(0.93 0.003 260);
|
|
36
|
+
|
|
37
|
+
/* Card – Elevated surface */
|
|
38
|
+
--card: oklch(0.22 0.008 260 / 80%);
|
|
39
|
+
--card-foreground: oklch(0.93 0.003 260);
|
|
40
|
+
|
|
41
|
+
/* Popover */
|
|
42
|
+
--popover: oklch(0.20 0.007 260);
|
|
43
|
+
--popover-foreground: oklch(0.93 0.003 260);
|
|
44
|
+
|
|
45
|
+
/* Primary – Indigo accent */
|
|
46
|
+
--primary: oklch(0.55 0.22 275);
|
|
47
|
+
--primary-foreground: oklch(0.97 0.003 260);
|
|
48
|
+
|
|
49
|
+
/* Secondary – Panel surface */
|
|
50
|
+
--secondary: oklch(0.20 0.007 260);
|
|
51
|
+
--secondary-foreground: oklch(0.93 0.003 260);
|
|
52
|
+
|
|
53
|
+
/* Muted */
|
|
54
|
+
--muted: oklch(0.22 0.008 260);
|
|
55
|
+
--muted-foreground: oklch(0.60 0.010 260);
|
|
56
|
+
|
|
57
|
+
/* Accent – Indigo */
|
|
58
|
+
--accent: oklch(0.55 0.22 275);
|
|
59
|
+
--accent-foreground: oklch(0.97 0.003 260);
|
|
60
|
+
|
|
61
|
+
/* Destructive – Red */
|
|
62
|
+
--destructive: oklch(0.58 0.20 25);
|
|
63
|
+
|
|
64
|
+
/* Border & Input */
|
|
65
|
+
--border: oklch(0.30 0.008 260);
|
|
66
|
+
--input: oklch(0.25 0.008 260);
|
|
67
|
+
--ring: oklch(0.55 0.22 275);
|
|
68
|
+
|
|
69
|
+
/* Chart colors – Semantic */
|
|
70
|
+
--chart-1: oklch(0.65 0.18 150); /* Success green */
|
|
71
|
+
--chart-2: oklch(0.55 0.22 275); /* Indigo accent */
|
|
72
|
+
--chart-3: oklch(0.72 0.16 85); /* Warning amber */
|
|
73
|
+
--chart-4: oklch(0.65 0.15 200); /* Info cyan */
|
|
74
|
+
--chart-5: oklch(0.58 0.20 25); /* Error red */
|
|
75
|
+
|
|
76
|
+
/* Border radius – Subtle, modern */
|
|
77
|
+
--radius: 0.5rem;
|
|
78
|
+
|
|
79
|
+
/* Sidebar – Agent panel dark */
|
|
80
|
+
--sidebar: oklch(0.18 0.006 260);
|
|
81
|
+
--sidebar-foreground: oklch(0.93 0.003 260);
|
|
82
|
+
--sidebar-primary: oklch(0.55 0.22 275);
|
|
83
|
+
--sidebar-primary-foreground: oklch(0.97 0.003 260);
|
|
84
|
+
--sidebar-accent: oklch(0.22 0.008 260);
|
|
85
|
+
--sidebar-accent-foreground: oklch(0.93 0.003 260);
|
|
86
|
+
--sidebar-border: oklch(0.30 0.008 260);
|
|
87
|
+
--sidebar-ring: oklch(0.55 0.22 275);
|
|
88
|
+
|
|
89
|
+
/* === Mission Control custom tokens === */
|
|
90
|
+
--mc-base: oklch(0.16 0.005 260);
|
|
91
|
+
--mc-panel: oklch(0.20 0.007 260);
|
|
92
|
+
--mc-card: oklch(0.22 0.008 260);
|
|
93
|
+
--mc-border: oklch(0.30 0.008 260);
|
|
94
|
+
--mc-text: oklch(0.93 0.003 260);
|
|
95
|
+
--mc-muted: oklch(0.60 0.010 260);
|
|
96
|
+
--mc-accent: oklch(0.55 0.22 275);
|
|
97
|
+
--mc-success: oklch(0.65 0.18 150);
|
|
98
|
+
--mc-warning: oklch(0.72 0.16 85);
|
|
99
|
+
--mc-error: oklch(0.58 0.20 25);
|
|
100
|
+
--mc-info: oklch(0.65 0.15 200);
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/* Mission Control is dark-only – light mode maps to same values */
|
|
104
|
+
.dark .brand-mission-control,
|
|
105
|
+
.brand-mission-control.dark,
|
|
106
|
+
.dark.brand-mission-control,
|
|
107
|
+
.brand-mission-control .dark {
|
|
108
|
+
/* Identical to base – this theme is dark by design */
|
|
109
|
+
--background: oklch(0.16 0.005 260);
|
|
110
|
+
--foreground: oklch(0.93 0.003 260);
|
|
111
|
+
--card: oklch(0.22 0.008 260 / 80%);
|
|
112
|
+
--card-foreground: oklch(0.93 0.003 260);
|
|
113
|
+
--popover: oklch(0.20 0.007 260);
|
|
114
|
+
--popover-foreground: oklch(0.93 0.003 260);
|
|
115
|
+
--primary: oklch(0.55 0.22 275);
|
|
116
|
+
--primary-foreground: oklch(0.97 0.003 260);
|
|
117
|
+
--secondary: oklch(0.20 0.007 260);
|
|
118
|
+
--secondary-foreground: oklch(0.93 0.003 260);
|
|
119
|
+
--muted: oklch(0.22 0.008 260);
|
|
120
|
+
--muted-foreground: oklch(0.60 0.010 260);
|
|
121
|
+
--accent: oklch(0.55 0.22 275);
|
|
122
|
+
--accent-foreground: oklch(0.97 0.003 260);
|
|
123
|
+
--destructive: oklch(0.58 0.20 25);
|
|
124
|
+
--border: oklch(0.30 0.008 260);
|
|
125
|
+
--input: oklch(0.25 0.008 260);
|
|
126
|
+
--ring: oklch(0.55 0.22 275);
|
|
127
|
+
--chart-1: oklch(0.65 0.18 150);
|
|
128
|
+
--chart-2: oklch(0.55 0.22 275);
|
|
129
|
+
--chart-3: oklch(0.72 0.16 85);
|
|
130
|
+
--chart-4: oklch(0.65 0.15 200);
|
|
131
|
+
--chart-5: oklch(0.58 0.20 25);
|
|
132
|
+
--sidebar: oklch(0.18 0.006 260);
|
|
133
|
+
--sidebar-foreground: oklch(0.93 0.003 260);
|
|
134
|
+
--sidebar-primary: oklch(0.55 0.22 275);
|
|
135
|
+
--sidebar-primary-foreground: oklch(0.97 0.003 260);
|
|
136
|
+
--sidebar-accent: oklch(0.22 0.008 260);
|
|
137
|
+
--sidebar-accent-foreground: oklch(0.93 0.003 260);
|
|
138
|
+
--sidebar-border: oklch(0.30 0.008 260);
|
|
139
|
+
--sidebar-ring: oklch(0.55 0.22 275);
|
|
140
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@privateers/ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.19",
|
|
4
4
|
"description": "Privateers Design System - A modern React component library built with Radix UI, CVA, and Tailwind CSS",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
"./styles/tokens": "./dist/styles/tokens.css",
|
|
23
23
|
"./styles/library": "./dist/styles/library.css",
|
|
24
24
|
"./styles/*": "./dist/styles/*",
|
|
25
|
+
"./styles/brands/mission-control": "./dist/styles/brands/mission-control.css",
|
|
26
|
+
"./styles/brands/*": "./dist/styles/brands/*",
|
|
25
27
|
"./tailwind/preset": {
|
|
26
28
|
"import": {
|
|
27
29
|
"types": "./dist/tailwind/preset.d.ts",
|