@thalamiq/ui 0.1.12 → 0.1.13
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.
package/dist/components/card.js
CHANGED
|
@@ -73,7 +73,7 @@ function Card(_a) {
|
|
|
73
73
|
__spreadValues({
|
|
74
74
|
"data-slot": "card",
|
|
75
75
|
className: cn(
|
|
76
|
-
"bg-card text-card-foreground flex flex-col gap-6 rounded-
|
|
76
|
+
"bg-card text-card-foreground flex flex-col gap-6 rounded-lg border py-6",
|
|
77
77
|
className
|
|
78
78
|
)
|
|
79
79
|
}, props)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../lib/components/card.tsx","../../lib/utils/utils.ts"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../utils/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground flex flex-col gap-6 rounded-
|
|
1
|
+
{"version":3,"sources":["../../lib/components/card.tsx","../../lib/utils/utils.ts"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"../utils/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground flex flex-col gap-6 rounded-lg border py-6\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6\", className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADCI;AAFJ,SAAS,KAAK,IAAsD;AAAtD,eAAE,YAJhB,IAIc,IAAgB,kBAAhB,IAAgB,CAAd;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YAjBtB,IAiBoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,IAAsD;AAAtD,eAAE,YA9BrB,IA8BmB,IAAgB,kBAAhB,IAAgB,CAAd;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,OACjD;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,IAAsD;AAAtD,eAAE,YAxC3B,IAwCyB,IAAgB,kBAAhB,IAAgB,CAAd;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YAlDtB,IAkDoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,IAAsD;AAAtD,eAAE,YA/DvB,IA+DqB,IAAgB,kBAAhB,IAAgB,CAAd;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,QAAQ,SAAS;AAAA,OAC3B;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YAzEtB,IAyEoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,OAC9D;AAAA,EACN;AAEJ;","names":[]}
|
package/dist/components/card.mjs
CHANGED
|
@@ -44,7 +44,7 @@ function Card(_a) {
|
|
|
44
44
|
__spreadValues({
|
|
45
45
|
"data-slot": "card",
|
|
46
46
|
className: cn(
|
|
47
|
-
"bg-card text-card-foreground flex flex-col gap-6 rounded-
|
|
47
|
+
"bg-card text-card-foreground flex flex-col gap-6 rounded-lg border py-6",
|
|
48
48
|
className
|
|
49
49
|
)
|
|
50
50
|
}, props)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../lib/utils/utils.ts","../../lib/components/card.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}","import * as React from \"react\"\n\nimport { cn } from \"../utils/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground flex flex-col gap-6 rounded-
|
|
1
|
+
{"version":3,"sources":["../../lib/utils/utils.ts","../../lib/components/card.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs))\n}","import * as React from \"react\"\n\nimport { cn } from \"../utils/utils\"\n\nfunction Card({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card\"\n className={cn(\n \"bg-card text-card-foreground flex flex-col gap-6 rounded-lg border py-6\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-header\"\n className={cn(\n \"@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-title\"\n className={cn(\"leading-none font-semibold\", className)}\n {...props}\n />\n )\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-description\"\n className={cn(\"text-muted-foreground text-sm\", className)}\n {...props}\n />\n )\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-action\"\n className={cn(\n \"col-start-2 row-span-2 row-start-1 self-start justify-self-end\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-content\"\n className={cn(\"px-6\", className)}\n {...props}\n />\n )\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"card-footer\"\n className={cn(\"flex items-center px-6 [.border-t]:pt-6\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Card,\n CardHeader,\n CardFooter,\n CardTitle,\n CardAction,\n CardDescription,\n CardContent,\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ACCI;AAFJ,SAAS,KAAK,IAAsD;AAAtD,eAAE,YAJhB,IAIc,IAAgB,kBAAhB,IAAgB,CAAd;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YAjBtB,IAiBoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,UAAU,IAAsD;AAAtD,eAAE,YA9BrB,IA8BmB,IAAgB,kBAAhB,IAAgB,CAAd;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,8BAA8B,SAAS;AAAA,OACjD;AAAA,EACN;AAEJ;AAEA,SAAS,gBAAgB,IAAsD;AAAtD,eAAE,YAxC3B,IAwCyB,IAAgB,kBAAhB,IAAgB,CAAd;AACzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,iCAAiC,SAAS;AAAA,OACpD;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YAlDtB,IAkDoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,OACI;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,IAAsD;AAAtD,eAAE,YA/DvB,IA+DqB,IAAgB,kBAAhB,IAAgB,CAAd;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,QAAQ,SAAS;AAAA,OAC3B;AAAA,EACN;AAEJ;AAEA,SAAS,WAAW,IAAsD;AAAtD,eAAE,YAzEtB,IAyEoB,IAAgB,kBAAhB,IAAgB,CAAd;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2CAA2C,SAAS;AAAA,OAC9D;AAAA,EACN;AAEJ;","names":[]}
|
package/dist/styles/globals.css
CHANGED
|
@@ -7,7 +7,6 @@
|
|
|
7
7
|
ThalamiQ Design Tokens
|
|
8
8
|
Philosophy:
|
|
9
9
|
- Neutral infrastructure first
|
|
10
|
-
- Action ≠ Authority ≠ Data
|
|
11
10
|
- Calm, desaturated, inspectable
|
|
12
11
|
============================================================ */
|
|
13
12
|
|
|
@@ -51,38 +50,14 @@
|
|
|
51
50
|
--primary: oklch(0.56 0.12 255);
|
|
52
51
|
--primary-foreground: oklch(1 0 0);
|
|
53
52
|
|
|
53
|
+
/* Secondary actions (less prominent than primary) */
|
|
54
|
+
--secondary: oklch(0.96 0.002 260);
|
|
55
|
+
--secondary-foreground: oklch(0.25 0.02 265);
|
|
56
|
+
|
|
54
57
|
/* Soft contextual highlights */
|
|
55
58
|
--accent: oklch(0.93 0.004 260);
|
|
56
59
|
--accent-foreground: oklch(0.32 0.008 260);
|
|
57
60
|
|
|
58
|
-
/* ------------------------------------------------------------
|
|
59
|
-
Authority & Truth (core ThalamiQ concept)
|
|
60
|
-
------------------------------------------------------------ */
|
|
61
|
-
|
|
62
|
-
/* Published, canonical, trusted */
|
|
63
|
-
--authority: oklch(0.52 0.1 255);
|
|
64
|
-
--authority-foreground: oklch(1 0 0);
|
|
65
|
-
|
|
66
|
-
/* Draft, provisional, unreviewed */
|
|
67
|
-
--provisional: oklch(0.7 0.03 265);
|
|
68
|
-
--provisional-foreground: oklch(0.25 0.02 265);
|
|
69
|
-
|
|
70
|
-
/* ------------------------------------------------------------
|
|
71
|
-
Data & provenance
|
|
72
|
-
------------------------------------------------------------ */
|
|
73
|
-
|
|
74
|
-
/* Structured data, facts, projections */
|
|
75
|
-
--data: oklch(0.55 0.06 200);
|
|
76
|
-
--data-muted: oklch(0.9 0.02 200);
|
|
77
|
-
|
|
78
|
-
/* ------------------------------------------------------------
|
|
79
|
-
Review & attention (non-alarming)
|
|
80
|
-
------------------------------------------------------------ */
|
|
81
|
-
|
|
82
|
-
/* Needs review, focus state */
|
|
83
|
-
--focus: oklch(0.65 0.12 90);
|
|
84
|
-
--focus-muted: oklch(0.93 0.04 90);
|
|
85
|
-
|
|
86
61
|
/* ------------------------------------------------------------
|
|
87
62
|
Destructive (still calm)
|
|
88
63
|
------------------------------------------------------------ */
|
|
@@ -103,12 +78,15 @@
|
|
|
103
78
|
--success: oklch(0.58 0.1 150); /* sleek green */
|
|
104
79
|
--success-foreground: oklch(1 0 0);
|
|
105
80
|
|
|
81
|
+
--info: oklch(0.55 0.1 255); /* informational blue */
|
|
82
|
+
--info-foreground: oklch(1 0 0);
|
|
83
|
+
|
|
106
84
|
/* ------------------------------------------------------------
|
|
107
85
|
Charts (analytical, not marketing)
|
|
108
86
|
------------------------------------------------------------ */
|
|
109
87
|
|
|
110
|
-
--chart-1:
|
|
111
|
-
--chart-2: oklch(0.58 0.06 200); /*
|
|
88
|
+
--chart-1: oklch(0.52 0.1 255); /* primary series */
|
|
89
|
+
--chart-2: oklch(0.58 0.06 200); /* secondary series */
|
|
112
90
|
--chart-3: oklch(0.5 0.04 265); /* neutral */
|
|
113
91
|
--chart-4: oklch(0.62 0.08 90); /* attention */
|
|
114
92
|
--chart-5: oklch(0.6 0.08 30); /* muted risk */
|
|
@@ -117,7 +95,7 @@
|
|
|
117
95
|
Radius
|
|
118
96
|
------------------------------------------------------------ */
|
|
119
97
|
|
|
120
|
-
--radius: 0.
|
|
98
|
+
--radius: 0.3rem;
|
|
121
99
|
|
|
122
100
|
/* ------------------------------------------------------------
|
|
123
101
|
Sidebar
|
|
@@ -158,36 +136,28 @@
|
|
|
158
136
|
--muted-foreground: oklch(0.65 0 0);
|
|
159
137
|
|
|
160
138
|
--primary: oklch(0.62 0.14 255);
|
|
161
|
-
--primary-foreground: oklch(0.
|
|
139
|
+
--primary-foreground: oklch(0.95 0 0);
|
|
140
|
+
|
|
141
|
+
--secondary: oklch(0.22 0.008 260);
|
|
142
|
+
--secondary-foreground: oklch(0.92 0 0);
|
|
162
143
|
|
|
163
144
|
--accent: oklch(0.25 0.02 255);
|
|
164
145
|
--accent-foreground: oklch(0.95 0 0);
|
|
165
146
|
|
|
166
|
-
--authority: oklch(0.62 0.14 255);
|
|
167
|
-
--authority-foreground: oklch(0.14 0.01 265);
|
|
168
|
-
|
|
169
|
-
--provisional: oklch(0.4 0.02 265);
|
|
170
|
-
--provisional-foreground: oklch(0.85 0 0);
|
|
171
|
-
|
|
172
|
-
--data: oklch(0.62 0.08 200);
|
|
173
|
-
--data-muted: oklch(0.3 0.04 200);
|
|
174
|
-
|
|
175
|
-
--focus: oklch(0.72 0.14 90);
|
|
176
|
-
--focus-muted: oklch(0.35 0.06 90);
|
|
177
|
-
|
|
178
147
|
--destructive: oklch(0.5 0.18 25);
|
|
179
148
|
--destructive-foreground: oklch(0.95 0 0);
|
|
180
149
|
|
|
181
150
|
--warning: oklch(0.72 0.14 90); /* amber */
|
|
182
|
-
--warning-foreground: oklch(0.
|
|
183
|
-
|
|
151
|
+
--warning-foreground: oklch(0.95 0 0);
|
|
184
152
|
--error: oklch(0.5 0.18 25); /* muted red */
|
|
185
153
|
--error-foreground: oklch(0.95 0 0);
|
|
186
|
-
|
|
187
154
|
--success: oklch(0.65 0.12 150); /* sleek green */
|
|
188
|
-
--success-foreground: oklch(0.
|
|
155
|
+
--success-foreground: oklch(0.95 0 0);
|
|
156
|
+
|
|
157
|
+
--info: oklch(0.6 0.12 255); /* informational blue */
|
|
158
|
+
--info-foreground: oklch(0.95 0 0);
|
|
189
159
|
|
|
190
|
-
--chart-1:
|
|
160
|
+
--chart-1: oklch(0.58 0.14 255); /* primary series */
|
|
191
161
|
--chart-2: oklch(0.6 0.1 200);
|
|
192
162
|
--chart-3: oklch(0.55 0.06 265);
|
|
193
163
|
--chart-4: oklch(0.7 0.12 90);
|
|
@@ -215,6 +185,8 @@
|
|
|
215
185
|
--color-popover-foreground: var(--popover-foreground);
|
|
216
186
|
--color-primary: var(--primary);
|
|
217
187
|
--color-primary-foreground: var(--primary-foreground);
|
|
188
|
+
--color-secondary: var(--secondary);
|
|
189
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
218
190
|
--color-muted: var(--muted);
|
|
219
191
|
--color-muted-foreground: var(--muted-foreground);
|
|
220
192
|
--color-accent: var(--accent);
|
|
@@ -224,20 +196,14 @@
|
|
|
224
196
|
--color-border: var(--border);
|
|
225
197
|
--color-input: var(--input);
|
|
226
198
|
--color-ring: var(--ring);
|
|
227
|
-
--color-authority: var(--authority);
|
|
228
|
-
--color-authority-foreground: var(--authority-foreground);
|
|
229
|
-
--color-provisional: var(--provisional);
|
|
230
|
-
--color-provisional-foreground: var(--provisional-foreground);
|
|
231
|
-
--color-data: var(--data);
|
|
232
|
-
--color-data-muted: var(--data-muted);
|
|
233
|
-
--color-focus: var(--focus);
|
|
234
|
-
--color-focus-muted: var(--focus-muted);
|
|
235
199
|
--color-warning: var(--warning);
|
|
236
200
|
--color-warning-foreground: var(--warning-foreground);
|
|
237
201
|
--color-error: var(--error);
|
|
238
202
|
--color-error-foreground: var(--error-foreground);
|
|
239
203
|
--color-success: var(--success);
|
|
240
204
|
--color-success-foreground: var(--success-foreground);
|
|
205
|
+
--color-info: var(--info);
|
|
206
|
+
--color-info-foreground: var(--info-foreground);
|
|
241
207
|
--color-chart-1: var(--chart-1);
|
|
242
208
|
--color-chart-2: var(--chart-2);
|
|
243
209
|
--color-chart-3: var(--chart-3);
|