@compose-market/theme 0.0.1
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/README.md +145 -0
- package/dist/css/dark.css +38 -0
- package/dist/css/index.css +9 -0
- package/dist/css/index.d.ts +16 -0
- package/dist/css/index.d.ts.map +1 -0
- package/dist/css/index.js +96 -0
- package/dist/css/index.js.map +1 -0
- package/dist/css/light.css +70 -0
- package/dist/css/tokens.css +24 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +13 -0
- package/dist/index.js.map +1 -0
- package/dist/tailwind/preset.d.ts +282 -0
- package/dist/tailwind/preset.d.ts.map +1 -0
- package/dist/tailwind/preset.js +144 -0
- package/dist/tailwind/preset.js.map +1 -0
- package/dist/themes/dark.d.ts +61 -0
- package/dist/themes/dark.d.ts.map +1 -0
- package/dist/themes/dark.js +59 -0
- package/dist/themes/dark.js.map +1 -0
- package/dist/themes/index.d.ts +22 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +30 -0
- package/dist/themes/index.js.map +1 -0
- package/dist/themes/light.d.ts +37 -0
- package/dist/themes/light.d.ts.map +1 -0
- package/dist/themes/light.js +64 -0
- package/dist/themes/light.js.map +1 -0
- package/dist/tokens/colors.d.ts +79 -0
- package/dist/tokens/colors.d.ts.map +1 -0
- package/dist/tokens/colors.js +149 -0
- package/dist/tokens/colors.js.map +1 -0
- package/dist/tokens/index.d.ts +25 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +24 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tokens/radius.d.ts +16 -0
- package/dist/tokens/radius.d.ts.map +1 -0
- package/dist/tokens/radius.js +57 -0
- package/dist/tokens/radius.js.map +1 -0
- package/dist/tokens/spacing.d.ts +13 -0
- package/dist/tokens/spacing.d.ts.map +1 -0
- package/dist/tokens/spacing.js +218 -0
- package/dist/tokens/spacing.js.map +1 -0
- package/dist/tokens/typography.d.ts +35 -0
- package/dist/tokens/typography.d.ts.map +1 -0
- package/dist/tokens/typography.js +117 -0
- package/dist/tokens/typography.js.map +1 -0
- package/package.json +74 -0
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Spacing Tokens - Compose.Market Design System
|
|
3
|
+
*
|
|
4
|
+
* Based on a 4px base unit for consistent rhythm
|
|
5
|
+
*/
|
|
6
|
+
export const spacing = {
|
|
7
|
+
0: {
|
|
8
|
+
name: 'None',
|
|
9
|
+
value: '0',
|
|
10
|
+
pixels: 0,
|
|
11
|
+
cssVar: '--spacing-0',
|
|
12
|
+
},
|
|
13
|
+
px: {
|
|
14
|
+
name: 'Pixel',
|
|
15
|
+
value: '1px',
|
|
16
|
+
pixels: 1,
|
|
17
|
+
cssVar: '--spacing-px',
|
|
18
|
+
},
|
|
19
|
+
0.5: {
|
|
20
|
+
name: 'Half',
|
|
21
|
+
value: '0.125rem',
|
|
22
|
+
pixels: 2,
|
|
23
|
+
cssVar: '--spacing-0\\.5',
|
|
24
|
+
},
|
|
25
|
+
1: {
|
|
26
|
+
name: '1 Unit',
|
|
27
|
+
value: '0.25rem',
|
|
28
|
+
pixels: 4,
|
|
29
|
+
cssVar: '--spacing-1',
|
|
30
|
+
},
|
|
31
|
+
1.5: {
|
|
32
|
+
name: '1.5 Units',
|
|
33
|
+
value: '0.375rem',
|
|
34
|
+
pixels: 6,
|
|
35
|
+
cssVar: '--spacing-1\\.5',
|
|
36
|
+
},
|
|
37
|
+
2: {
|
|
38
|
+
name: '2 Units',
|
|
39
|
+
value: '0.5rem',
|
|
40
|
+
pixels: 8,
|
|
41
|
+
cssVar: '--spacing-2',
|
|
42
|
+
},
|
|
43
|
+
2.5: {
|
|
44
|
+
name: '2.5 Units',
|
|
45
|
+
value: '0.625rem',
|
|
46
|
+
pixels: 10,
|
|
47
|
+
cssVar: '--spacing-2\\.5',
|
|
48
|
+
},
|
|
49
|
+
3: {
|
|
50
|
+
name: '3 Units',
|
|
51
|
+
value: '0.75rem',
|
|
52
|
+
pixels: 12,
|
|
53
|
+
cssVar: '--spacing-3',
|
|
54
|
+
},
|
|
55
|
+
3.5: {
|
|
56
|
+
name: '3.5 Units',
|
|
57
|
+
value: '0.875rem',
|
|
58
|
+
pixels: 14,
|
|
59
|
+
cssVar: '--spacing-3\\.5',
|
|
60
|
+
},
|
|
61
|
+
4: {
|
|
62
|
+
name: '4 Units',
|
|
63
|
+
value: '1rem',
|
|
64
|
+
pixels: 16,
|
|
65
|
+
cssVar: '--spacing-4',
|
|
66
|
+
},
|
|
67
|
+
5: {
|
|
68
|
+
name: '5 Units',
|
|
69
|
+
value: '1.25rem',
|
|
70
|
+
pixels: 20,
|
|
71
|
+
cssVar: '--spacing-5',
|
|
72
|
+
},
|
|
73
|
+
6: {
|
|
74
|
+
name: '6 Units',
|
|
75
|
+
value: '1.5rem',
|
|
76
|
+
pixels: 24,
|
|
77
|
+
cssVar: '--spacing-6',
|
|
78
|
+
},
|
|
79
|
+
7: {
|
|
80
|
+
name: '7 Units',
|
|
81
|
+
value: '1.75rem',
|
|
82
|
+
pixels: 28,
|
|
83
|
+
cssVar: '--spacing-7',
|
|
84
|
+
},
|
|
85
|
+
8: {
|
|
86
|
+
name: '8 Units',
|
|
87
|
+
value: '2rem',
|
|
88
|
+
pixels: 32,
|
|
89
|
+
cssVar: '--spacing-8',
|
|
90
|
+
},
|
|
91
|
+
9: {
|
|
92
|
+
name: '9 Units',
|
|
93
|
+
value: '2.25rem',
|
|
94
|
+
pixels: 36,
|
|
95
|
+
cssVar: '--spacing-9',
|
|
96
|
+
},
|
|
97
|
+
10: {
|
|
98
|
+
name: '10 Units',
|
|
99
|
+
value: '2.5rem',
|
|
100
|
+
pixels: 40,
|
|
101
|
+
cssVar: '--spacing-10',
|
|
102
|
+
},
|
|
103
|
+
11: {
|
|
104
|
+
name: '11 Units',
|
|
105
|
+
value: '2.75rem',
|
|
106
|
+
pixels: 44,
|
|
107
|
+
cssVar: '--spacing-11',
|
|
108
|
+
},
|
|
109
|
+
12: {
|
|
110
|
+
name: '12 Units',
|
|
111
|
+
value: '3rem',
|
|
112
|
+
pixels: 48,
|
|
113
|
+
cssVar: '--spacing-12',
|
|
114
|
+
},
|
|
115
|
+
14: {
|
|
116
|
+
name: '14 Units',
|
|
117
|
+
value: '3.5rem',
|
|
118
|
+
pixels: 56,
|
|
119
|
+
cssVar: '--spacing-14',
|
|
120
|
+
},
|
|
121
|
+
16: {
|
|
122
|
+
name: '16 Units',
|
|
123
|
+
value: '4rem',
|
|
124
|
+
pixels: 64,
|
|
125
|
+
cssVar: '--spacing-16',
|
|
126
|
+
},
|
|
127
|
+
20: {
|
|
128
|
+
name: '20 Units',
|
|
129
|
+
value: '5rem',
|
|
130
|
+
pixels: 80,
|
|
131
|
+
cssVar: '--spacing-20',
|
|
132
|
+
},
|
|
133
|
+
24: {
|
|
134
|
+
name: '24 Units',
|
|
135
|
+
value: '6rem',
|
|
136
|
+
pixels: 96,
|
|
137
|
+
cssVar: '--spacing-24',
|
|
138
|
+
},
|
|
139
|
+
28: {
|
|
140
|
+
name: '28 Units',
|
|
141
|
+
value: '7rem',
|
|
142
|
+
pixels: 112,
|
|
143
|
+
cssVar: '--spacing-28',
|
|
144
|
+
},
|
|
145
|
+
32: {
|
|
146
|
+
name: '32 Units',
|
|
147
|
+
value: '8rem',
|
|
148
|
+
pixels: 128,
|
|
149
|
+
cssVar: '--spacing-32',
|
|
150
|
+
},
|
|
151
|
+
36: {
|
|
152
|
+
name: '36 Units',
|
|
153
|
+
value: '9rem',
|
|
154
|
+
pixels: 144,
|
|
155
|
+
cssVar: '--spacing-36',
|
|
156
|
+
},
|
|
157
|
+
40: {
|
|
158
|
+
name: '40 Units',
|
|
159
|
+
value: '10rem',
|
|
160
|
+
pixels: 160,
|
|
161
|
+
cssVar: '--spacing-40',
|
|
162
|
+
},
|
|
163
|
+
44: {
|
|
164
|
+
name: '44 Units',
|
|
165
|
+
value: '11rem',
|
|
166
|
+
pixels: 176,
|
|
167
|
+
cssVar: '--spacing-44',
|
|
168
|
+
},
|
|
169
|
+
48: {
|
|
170
|
+
name: '48 Units',
|
|
171
|
+
value: '12rem',
|
|
172
|
+
pixels: 192,
|
|
173
|
+
cssVar: '--spacing-48',
|
|
174
|
+
},
|
|
175
|
+
52: {
|
|
176
|
+
name: '52 Units',
|
|
177
|
+
value: '13rem',
|
|
178
|
+
pixels: 208,
|
|
179
|
+
cssVar: '--spacing-52',
|
|
180
|
+
},
|
|
181
|
+
56: {
|
|
182
|
+
name: '56 Units',
|
|
183
|
+
value: '14rem',
|
|
184
|
+
pixels: 224,
|
|
185
|
+
cssVar: '--spacing-56',
|
|
186
|
+
},
|
|
187
|
+
60: {
|
|
188
|
+
name: '60 Units',
|
|
189
|
+
value: '15rem',
|
|
190
|
+
pixels: 240,
|
|
191
|
+
cssVar: '--spacing-60',
|
|
192
|
+
},
|
|
193
|
+
64: {
|
|
194
|
+
name: '64 Units',
|
|
195
|
+
value: '16rem',
|
|
196
|
+
pixels: 256,
|
|
197
|
+
cssVar: '--spacing-64',
|
|
198
|
+
},
|
|
199
|
+
72: {
|
|
200
|
+
name: '72 Units',
|
|
201
|
+
value: '18rem',
|
|
202
|
+
pixels: 288,
|
|
203
|
+
cssVar: '--spacing-72',
|
|
204
|
+
},
|
|
205
|
+
80: {
|
|
206
|
+
name: '80 Units',
|
|
207
|
+
value: '20rem',
|
|
208
|
+
pixels: 320,
|
|
209
|
+
cssVar: '--spacing-80',
|
|
210
|
+
},
|
|
211
|
+
96: {
|
|
212
|
+
name: '96 Units',
|
|
213
|
+
value: '24rem',
|
|
214
|
+
pixels: 384,
|
|
215
|
+
cssVar: '--spacing-96',
|
|
216
|
+
},
|
|
217
|
+
};
|
|
218
|
+
//# sourceMappingURL=spacing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/tokens/spacing.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Typography Tokens - Compose.Market Design System
|
|
3
|
+
*
|
|
4
|
+
* Font families from branding guidelines:
|
|
5
|
+
* - Display: Orbitron (headers, brand text)
|
|
6
|
+
* - Body: Rajdhani (UI, paragraphs)
|
|
7
|
+
* - Code: Fira Code (monospace, technical)
|
|
8
|
+
*/
|
|
9
|
+
export type FontFamilyToken = {
|
|
10
|
+
name: string;
|
|
11
|
+
value: string;
|
|
12
|
+
fallback: string;
|
|
13
|
+
cssVar: string;
|
|
14
|
+
};
|
|
15
|
+
export declare const fontFamilies: Record<string, FontFamilyToken>;
|
|
16
|
+
export type FontSizeToken = {
|
|
17
|
+
name: string;
|
|
18
|
+
size: string;
|
|
19
|
+
lineHeight: string;
|
|
20
|
+
cssVar: string;
|
|
21
|
+
};
|
|
22
|
+
export declare const fontSizes: Record<string, FontSizeToken>;
|
|
23
|
+
export type FontWeightToken = {
|
|
24
|
+
name: string;
|
|
25
|
+
value: number;
|
|
26
|
+
cssVar: string;
|
|
27
|
+
};
|
|
28
|
+
export declare const fontWeights: Record<string, FontWeightToken>;
|
|
29
|
+
export type FontTokens = {
|
|
30
|
+
families: typeof fontFamilies;
|
|
31
|
+
sizes: typeof fontSizes;
|
|
32
|
+
weights: typeof fontWeights;
|
|
33
|
+
};
|
|
34
|
+
export declare const fontTokens: FontTokens;
|
|
35
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAmB/C,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAuD1C,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CA0B9C,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB,OAAO,EAAE,OAAO,WAAW,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,UAIxB,CAAC"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Typography Tokens - Compose.Market Design System
|
|
3
|
+
*
|
|
4
|
+
* Font families from branding guidelines:
|
|
5
|
+
* - Display: Orbitron (headers, brand text)
|
|
6
|
+
* - Body: Rajdhani (UI, paragraphs)
|
|
7
|
+
* - Code: Fira Code (monospace, technical)
|
|
8
|
+
*/
|
|
9
|
+
export const fontFamilies = {
|
|
10
|
+
display: {
|
|
11
|
+
name: 'Display',
|
|
12
|
+
value: '"Orbitron"',
|
|
13
|
+
fallback: 'sans-serif',
|
|
14
|
+
cssVar: '--font-display',
|
|
15
|
+
},
|
|
16
|
+
sans: {
|
|
17
|
+
name: 'Sans (Body)',
|
|
18
|
+
value: '"Rajdhani"',
|
|
19
|
+
fallback: 'sans-serif',
|
|
20
|
+
cssVar: '--font-sans',
|
|
21
|
+
},
|
|
22
|
+
mono: {
|
|
23
|
+
name: 'Monospace',
|
|
24
|
+
value: '"Fira Code"',
|
|
25
|
+
fallback: 'monospace',
|
|
26
|
+
cssVar: '--font-mono',
|
|
27
|
+
},
|
|
28
|
+
};
|
|
29
|
+
export const fontSizes = {
|
|
30
|
+
xs: {
|
|
31
|
+
name: 'Extra Small',
|
|
32
|
+
size: '0.75rem',
|
|
33
|
+
lineHeight: '1rem',
|
|
34
|
+
cssVar: '--text-xs',
|
|
35
|
+
},
|
|
36
|
+
sm: {
|
|
37
|
+
name: 'Small',
|
|
38
|
+
size: '0.875rem',
|
|
39
|
+
lineHeight: '1.25rem',
|
|
40
|
+
cssVar: '--text-sm',
|
|
41
|
+
},
|
|
42
|
+
base: {
|
|
43
|
+
name: 'Base',
|
|
44
|
+
size: '1rem',
|
|
45
|
+
lineHeight: '1.5rem',
|
|
46
|
+
cssVar: '--text-base',
|
|
47
|
+
},
|
|
48
|
+
lg: {
|
|
49
|
+
name: 'Large',
|
|
50
|
+
size: '1.125rem',
|
|
51
|
+
lineHeight: '1.75rem',
|
|
52
|
+
cssVar: '--text-lg',
|
|
53
|
+
},
|
|
54
|
+
xl: {
|
|
55
|
+
name: 'Extra Large',
|
|
56
|
+
size: '1.25rem',
|
|
57
|
+
lineHeight: '1.75rem',
|
|
58
|
+
cssVar: '--text-xl',
|
|
59
|
+
},
|
|
60
|
+
'2xl': {
|
|
61
|
+
name: '2XL',
|
|
62
|
+
size: '1.5rem',
|
|
63
|
+
lineHeight: '2rem',
|
|
64
|
+
cssVar: '--text-2xl',
|
|
65
|
+
},
|
|
66
|
+
'3xl': {
|
|
67
|
+
name: '3XL',
|
|
68
|
+
size: '1.875rem',
|
|
69
|
+
lineHeight: '2.25rem',
|
|
70
|
+
cssVar: '--text-3xl',
|
|
71
|
+
},
|
|
72
|
+
'4xl': {
|
|
73
|
+
name: '4XL',
|
|
74
|
+
size: '2.25rem',
|
|
75
|
+
lineHeight: '2.5rem',
|
|
76
|
+
cssVar: '--text-4xl',
|
|
77
|
+
},
|
|
78
|
+
'5xl': {
|
|
79
|
+
name: '5XL',
|
|
80
|
+
size: '3rem',
|
|
81
|
+
lineHeight: '1',
|
|
82
|
+
cssVar: '--text-5xl',
|
|
83
|
+
},
|
|
84
|
+
};
|
|
85
|
+
export const fontWeights = {
|
|
86
|
+
light: {
|
|
87
|
+
name: 'Light',
|
|
88
|
+
value: 300,
|
|
89
|
+
cssVar: '--font-light',
|
|
90
|
+
},
|
|
91
|
+
normal: {
|
|
92
|
+
name: 'Normal',
|
|
93
|
+
value: 400,
|
|
94
|
+
cssVar: '--font-normal',
|
|
95
|
+
},
|
|
96
|
+
medium: {
|
|
97
|
+
name: 'Medium',
|
|
98
|
+
value: 500,
|
|
99
|
+
cssVar: '--font-medium',
|
|
100
|
+
},
|
|
101
|
+
semibold: {
|
|
102
|
+
name: 'Semibold',
|
|
103
|
+
value: 600,
|
|
104
|
+
cssVar: '--font-semibold',
|
|
105
|
+
},
|
|
106
|
+
bold: {
|
|
107
|
+
name: 'Bold',
|
|
108
|
+
value: 700,
|
|
109
|
+
cssVar: '--font-bold',
|
|
110
|
+
},
|
|
111
|
+
};
|
|
112
|
+
export const fontTokens = {
|
|
113
|
+
families: fontFamilies,
|
|
114
|
+
sizes: fontSizes,
|
|
115
|
+
weights: fontWeights,
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,MAAM,CAAC,MAAM,YAAY,GAAoC;IAC3D,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,gBAAgB;KACzB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,YAAY;QACtB,MAAM,EAAE,aAAa;KACtB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,aAAa;KACtB;CACO,CAAC;AASX,MAAM,CAAC,MAAM,SAAS,GAAkC;IACtD,EAAE,EAAE;QACF,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,WAAW;KACpB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa;KACtB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,EAAE,EAAE;QACF,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,WAAW;KACpB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,QAAQ;QACd,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,SAAS;QACrB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;QACX,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,GAAG;QACf,MAAM,EAAE,YAAY;KACrB;CACO,CAAC;AAQX,MAAM,CAAC,MAAM,WAAW,GAAoC;IAC1D,KAAK,EAAE;QACL,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,cAAc;KACvB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,eAAe;KACxB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,eAAe;KACxB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,iBAAiB;KAC1B;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,aAAa;KACtB;CACO,CAAC;AAQX,MAAM,CAAC,MAAM,UAAU,GAAe;IACpC,QAAQ,EAAE,YAAY;IACtB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,WAAW;CACrB,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@compose-market/theme",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Official design tokens and theme system for Compose.Market",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"design-tokens",
|
|
7
|
+
"theme",
|
|
8
|
+
"compose-market",
|
|
9
|
+
"tailwind",
|
|
10
|
+
"css-variables"
|
|
11
|
+
],
|
|
12
|
+
"homepage": "https://github.com/compose-market/theme#readme",
|
|
13
|
+
"bugs": {
|
|
14
|
+
"url": "https://github.com/compose-market/theme/issues"
|
|
15
|
+
},
|
|
16
|
+
"repository": {
|
|
17
|
+
"type": "git",
|
|
18
|
+
"url": "git+https://github.com/compose-market/theme.git"
|
|
19
|
+
},
|
|
20
|
+
"license": "MIT",
|
|
21
|
+
"author": "Compose.Market",
|
|
22
|
+
"type": "module",
|
|
23
|
+
"exports": {
|
|
24
|
+
".": {
|
|
25
|
+
"types": "./dist/index.d.ts",
|
|
26
|
+
"import": "./dist/index.js",
|
|
27
|
+
"default": "./dist/index.js"
|
|
28
|
+
},
|
|
29
|
+
"./tokens": {
|
|
30
|
+
"types": "./dist/tokens/index.d.ts",
|
|
31
|
+
"import": "./dist/tokens/index.js",
|
|
32
|
+
"default": "./dist/tokens/index.js"
|
|
33
|
+
},
|
|
34
|
+
"./themes": {
|
|
35
|
+
"types": "./dist/themes/index.d.ts",
|
|
36
|
+
"import": "./dist/themes/index.js",
|
|
37
|
+
"default": "./dist/themes/index.js"
|
|
38
|
+
},
|
|
39
|
+
"./tailwind": {
|
|
40
|
+
"types": "./dist/tailwind/preset.d.ts",
|
|
41
|
+
"import": "./dist/tailwind/preset.js",
|
|
42
|
+
"default": "./dist/tailwind/preset.js"
|
|
43
|
+
},
|
|
44
|
+
"./css": "./dist/css/index.css",
|
|
45
|
+
"./css/tokens": "./dist/css/tokens.css",
|
|
46
|
+
"./css/dark": "./dist/css/dark.css",
|
|
47
|
+
"./css/light": "./dist/css/light.css"
|
|
48
|
+
},
|
|
49
|
+
"main": "./dist/index.js",
|
|
50
|
+
"types": "./dist/index.d.ts",
|
|
51
|
+
"files": [
|
|
52
|
+
"dist"
|
|
53
|
+
],
|
|
54
|
+
"scripts": {
|
|
55
|
+
"build": "tsx scripts/build.ts",
|
|
56
|
+
"prepublishOnly": "npm run build",
|
|
57
|
+
"typecheck": "tsc --noEmit"
|
|
58
|
+
},
|
|
59
|
+
"dependencies": {
|
|
60
|
+
"esbuild": "^0.27.3",
|
|
61
|
+
"get-tsconfig": "^4.13.6",
|
|
62
|
+
"resolve-pkg-maps": "^1.0.0",
|
|
63
|
+
"undici-types": "^7.18.2"
|
|
64
|
+
},
|
|
65
|
+
"devDependencies": {
|
|
66
|
+
"@types/node": "^25.3.3",
|
|
67
|
+
"tsx": "^4.21.0",
|
|
68
|
+
"typescript": "^5.9.3"
|
|
69
|
+
},
|
|
70
|
+
"publishConfig": {
|
|
71
|
+
"access": "public"
|
|
72
|
+
},
|
|
73
|
+
"module": "./dist/index.js"
|
|
74
|
+
}
|