@classic-homes/theme-tokens 0.1.31 → 0.1.32
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/index.d.mts +8 -8
- package/dist/index.d.ts +8 -8
- package/dist/index.js +3 -3
- package/dist/index.mjs +3 -3
- package/dist/tokens.css +2 -2
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -160,7 +160,7 @@ declare const colors: {
|
|
|
160
160
|
readonly foreground: "#ffffff";
|
|
161
161
|
};
|
|
162
162
|
readonly charcoal: {
|
|
163
|
-
readonly 50: "#
|
|
163
|
+
readonly 50: "#fafafa";
|
|
164
164
|
readonly 100: "#e6e6e6";
|
|
165
165
|
readonly 200: "#cccccc";
|
|
166
166
|
readonly 300: "#b3b3b3";
|
|
@@ -218,7 +218,7 @@ declare const statusColors: {
|
|
|
218
218
|
* Used for app-level layout and surfaces
|
|
219
219
|
*/
|
|
220
220
|
declare const layoutColors: {
|
|
221
|
-
readonly contentBg: "#
|
|
221
|
+
readonly contentBg: "#fafafa";
|
|
222
222
|
readonly surfaceBorder: "#000000";
|
|
223
223
|
};
|
|
224
224
|
/**
|
|
@@ -228,7 +228,7 @@ declare const layoutColors: {
|
|
|
228
228
|
declare const semanticColors: {
|
|
229
229
|
readonly light: {
|
|
230
230
|
readonly background: "#ffffff";
|
|
231
|
-
readonly backgroundHover: "#
|
|
231
|
+
readonly backgroundHover: "#fafafa";
|
|
232
232
|
readonly foreground: "#4f4f4f";
|
|
233
233
|
readonly card: "#ffffff";
|
|
234
234
|
readonly cardForeground: "#4f4f4f";
|
|
@@ -258,7 +258,7 @@ declare const semanticColors: {
|
|
|
258
258
|
readonly warningForeground: "#ffffff";
|
|
259
259
|
readonly info: "#3b82f6";
|
|
260
260
|
readonly infoForeground: "#ffffff";
|
|
261
|
-
readonly contentBg: "#
|
|
261
|
+
readonly contentBg: "#fafafa";
|
|
262
262
|
readonly surfaceBorder: "#000000";
|
|
263
263
|
readonly sidebar: {
|
|
264
264
|
readonly background: "#f7f7f5";
|
|
@@ -643,7 +643,7 @@ declare const tokens: {
|
|
|
643
643
|
readonly foreground: "#ffffff";
|
|
644
644
|
};
|
|
645
645
|
readonly charcoal: {
|
|
646
|
-
readonly 50: "#
|
|
646
|
+
readonly 50: "#fafafa";
|
|
647
647
|
readonly 100: "#e6e6e6";
|
|
648
648
|
readonly 200: "#cccccc";
|
|
649
649
|
readonly 300: "#b3b3b3";
|
|
@@ -689,13 +689,13 @@ declare const tokens: {
|
|
|
689
689
|
readonly info: "#3b82f6";
|
|
690
690
|
};
|
|
691
691
|
readonly layoutColors: {
|
|
692
|
-
readonly contentBg: "#
|
|
692
|
+
readonly contentBg: "#fafafa";
|
|
693
693
|
readonly surfaceBorder: "#000000";
|
|
694
694
|
};
|
|
695
695
|
readonly semanticColors: {
|
|
696
696
|
readonly light: {
|
|
697
697
|
readonly background: "#ffffff";
|
|
698
|
-
readonly backgroundHover: "#
|
|
698
|
+
readonly backgroundHover: "#fafafa";
|
|
699
699
|
readonly foreground: "#4f4f4f";
|
|
700
700
|
readonly card: "#ffffff";
|
|
701
701
|
readonly cardForeground: "#4f4f4f";
|
|
@@ -725,7 +725,7 @@ declare const tokens: {
|
|
|
725
725
|
readonly warningForeground: "#ffffff";
|
|
726
726
|
readonly info: "#3b82f6";
|
|
727
727
|
readonly infoForeground: "#ffffff";
|
|
728
|
-
readonly contentBg: "#
|
|
728
|
+
readonly contentBg: "#fafafa";
|
|
729
729
|
readonly surfaceBorder: "#000000";
|
|
730
730
|
readonly sidebar: {
|
|
731
731
|
readonly background: "#f7f7f5";
|
package/dist/index.d.ts
CHANGED
|
@@ -160,7 +160,7 @@ declare const colors: {
|
|
|
160
160
|
readonly foreground: "#ffffff";
|
|
161
161
|
};
|
|
162
162
|
readonly charcoal: {
|
|
163
|
-
readonly 50: "#
|
|
163
|
+
readonly 50: "#fafafa";
|
|
164
164
|
readonly 100: "#e6e6e6";
|
|
165
165
|
readonly 200: "#cccccc";
|
|
166
166
|
readonly 300: "#b3b3b3";
|
|
@@ -218,7 +218,7 @@ declare const statusColors: {
|
|
|
218
218
|
* Used for app-level layout and surfaces
|
|
219
219
|
*/
|
|
220
220
|
declare const layoutColors: {
|
|
221
|
-
readonly contentBg: "#
|
|
221
|
+
readonly contentBg: "#fafafa";
|
|
222
222
|
readonly surfaceBorder: "#000000";
|
|
223
223
|
};
|
|
224
224
|
/**
|
|
@@ -228,7 +228,7 @@ declare const layoutColors: {
|
|
|
228
228
|
declare const semanticColors: {
|
|
229
229
|
readonly light: {
|
|
230
230
|
readonly background: "#ffffff";
|
|
231
|
-
readonly backgroundHover: "#
|
|
231
|
+
readonly backgroundHover: "#fafafa";
|
|
232
232
|
readonly foreground: "#4f4f4f";
|
|
233
233
|
readonly card: "#ffffff";
|
|
234
234
|
readonly cardForeground: "#4f4f4f";
|
|
@@ -258,7 +258,7 @@ declare const semanticColors: {
|
|
|
258
258
|
readonly warningForeground: "#ffffff";
|
|
259
259
|
readonly info: "#3b82f6";
|
|
260
260
|
readonly infoForeground: "#ffffff";
|
|
261
|
-
readonly contentBg: "#
|
|
261
|
+
readonly contentBg: "#fafafa";
|
|
262
262
|
readonly surfaceBorder: "#000000";
|
|
263
263
|
readonly sidebar: {
|
|
264
264
|
readonly background: "#f7f7f5";
|
|
@@ -643,7 +643,7 @@ declare const tokens: {
|
|
|
643
643
|
readonly foreground: "#ffffff";
|
|
644
644
|
};
|
|
645
645
|
readonly charcoal: {
|
|
646
|
-
readonly 50: "#
|
|
646
|
+
readonly 50: "#fafafa";
|
|
647
647
|
readonly 100: "#e6e6e6";
|
|
648
648
|
readonly 200: "#cccccc";
|
|
649
649
|
readonly 300: "#b3b3b3";
|
|
@@ -689,13 +689,13 @@ declare const tokens: {
|
|
|
689
689
|
readonly info: "#3b82f6";
|
|
690
690
|
};
|
|
691
691
|
readonly layoutColors: {
|
|
692
|
-
readonly contentBg: "#
|
|
692
|
+
readonly contentBg: "#fafafa";
|
|
693
693
|
readonly surfaceBorder: "#000000";
|
|
694
694
|
};
|
|
695
695
|
readonly semanticColors: {
|
|
696
696
|
readonly light: {
|
|
697
697
|
readonly background: "#ffffff";
|
|
698
|
-
readonly backgroundHover: "#
|
|
698
|
+
readonly backgroundHover: "#fafafa";
|
|
699
699
|
readonly foreground: "#4f4f4f";
|
|
700
700
|
readonly card: "#ffffff";
|
|
701
701
|
readonly cardForeground: "#4f4f4f";
|
|
@@ -725,7 +725,7 @@ declare const tokens: {
|
|
|
725
725
|
readonly warningForeground: "#ffffff";
|
|
726
726
|
readonly info: "#3b82f6";
|
|
727
727
|
readonly infoForeground: "#ffffff";
|
|
728
|
-
readonly contentBg: "#
|
|
728
|
+
readonly contentBg: "#fafafa";
|
|
729
729
|
readonly surfaceBorder: "#000000";
|
|
730
730
|
readonly sidebar: {
|
|
731
731
|
readonly background: "#f7f7f5";
|
package/dist/index.js
CHANGED
|
@@ -229,7 +229,7 @@ var colors = {
|
|
|
229
229
|
},
|
|
230
230
|
// Collection 6 - Charcoal
|
|
231
231
|
charcoal: {
|
|
232
|
-
50: "#
|
|
232
|
+
50: "#fafafa",
|
|
233
233
|
100: "#e6e6e6",
|
|
234
234
|
200: "#cccccc",
|
|
235
235
|
300: "#b3b3b3",
|
|
@@ -296,7 +296,7 @@ var statusColors = {
|
|
|
296
296
|
// Blue - informational
|
|
297
297
|
};
|
|
298
298
|
var layoutColors = {
|
|
299
|
-
contentBg: "#
|
|
299
|
+
contentBg: "#fafafa",
|
|
300
300
|
// Main content background (slightly darker grey)
|
|
301
301
|
surfaceBorder: "#000000"
|
|
302
302
|
// Default surface borders - CAD/drafter aesthetic
|
|
@@ -304,7 +304,7 @@ var layoutColors = {
|
|
|
304
304
|
var semanticColors = {
|
|
305
305
|
light: {
|
|
306
306
|
background: colors.white,
|
|
307
|
-
backgroundHover: "#
|
|
307
|
+
backgroundHover: "#fafafa",
|
|
308
308
|
// Subtle darker than background
|
|
309
309
|
foreground: colors.gray[600],
|
|
310
310
|
// Grey 1
|
package/dist/index.mjs
CHANGED
|
@@ -190,7 +190,7 @@ var colors = {
|
|
|
190
190
|
},
|
|
191
191
|
// Collection 6 - Charcoal
|
|
192
192
|
charcoal: {
|
|
193
|
-
50: "#
|
|
193
|
+
50: "#fafafa",
|
|
194
194
|
100: "#e6e6e6",
|
|
195
195
|
200: "#cccccc",
|
|
196
196
|
300: "#b3b3b3",
|
|
@@ -257,7 +257,7 @@ var statusColors = {
|
|
|
257
257
|
// Blue - informational
|
|
258
258
|
};
|
|
259
259
|
var layoutColors = {
|
|
260
|
-
contentBg: "#
|
|
260
|
+
contentBg: "#fafafa",
|
|
261
261
|
// Main content background (slightly darker grey)
|
|
262
262
|
surfaceBorder: "#000000"
|
|
263
263
|
// Default surface borders - CAD/drafter aesthetic
|
|
@@ -265,7 +265,7 @@ var layoutColors = {
|
|
|
265
265
|
var semanticColors = {
|
|
266
266
|
light: {
|
|
267
267
|
background: colors.white,
|
|
268
|
-
backgroundHover: "#
|
|
268
|
+
backgroundHover: "#fafafa",
|
|
269
269
|
// Subtle darker than background
|
|
270
270
|
foreground: colors.gray[600],
|
|
271
271
|
// Grey 1
|
package/dist/tokens.css
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
:root {
|
|
9
9
|
/* ===== Semantic Colors (HSL format for Tailwind) ===== */
|
|
10
10
|
--background: 0 0% 100%;
|
|
11
|
-
--background-hover: 0 0%
|
|
11
|
+
--background-hover: 0 0% 98%;
|
|
12
12
|
--foreground: 0 0% 31%;
|
|
13
13
|
|
|
14
14
|
--card: 0 0% 100%;
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
--info-foreground: 0 0% 100%;
|
|
51
51
|
|
|
52
52
|
/* Layout */
|
|
53
|
-
--content-bg: 0 0%
|
|
53
|
+
--content-bg: 0 0% 98%;
|
|
54
54
|
--surface-border: 0 0% 0%;
|
|
55
55
|
--radius: 0.5rem;
|
|
56
56
|
|