@cueplusplus/tokens 0.13.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.
package/dist/base.json ADDED
@@ -0,0 +1,364 @@
1
+ {
2
+ "schemaVersion": 1,
3
+ "contracts": {
4
+ "color": [
5
+ "bg",
6
+ "sunken",
7
+ "surface-1",
8
+ "surface-2",
9
+ "surface-3",
10
+ "fg",
11
+ "fg-muted",
12
+ "fg-subtle",
13
+ "border",
14
+ "border-strong",
15
+ "border-overlay",
16
+ "accent",
17
+ "accent-hover",
18
+ "accent-fg",
19
+ "ok",
20
+ "busy",
21
+ "warn",
22
+ "warn-fg",
23
+ "danger",
24
+ "danger-fg",
25
+ "info",
26
+ "stream",
27
+ "selection",
28
+ "focus",
29
+ "data-ground",
30
+ "scrim"
31
+ ],
32
+ "geometry": [
33
+ "control-sm",
34
+ "control-md",
35
+ "control-lg",
36
+ "chip-h",
37
+ "icon-sm",
38
+ "icon-md",
39
+ "text-micro",
40
+ "text-label",
41
+ "text-ui",
42
+ "text-body",
43
+ "text-emphasis",
44
+ "text-title",
45
+ "radius-control",
46
+ "radius-surface",
47
+ "radius-overlay",
48
+ "pad-row-y",
49
+ "pad-row-x",
50
+ "space-1",
51
+ "space-2",
52
+ "space-3",
53
+ "space-4",
54
+ "space-5",
55
+ "space-6",
56
+ "space-7",
57
+ "space-8",
58
+ "chrome-toolbar",
59
+ "chrome-statusbar",
60
+ "chrome-titlebar",
61
+ "density",
62
+ "radius-scale"
63
+ ],
64
+ "fonts": [
65
+ "font-sans",
66
+ "font-mono",
67
+ "font-display"
68
+ ]
69
+ },
70
+ "base": {
71
+ "border-width": "1px",
72
+ "border-width-hairline": "0.5px",
73
+ "focus-ring": "2px",
74
+ "focus-ring-offset": "1px",
75
+ "radius-full": "9999px",
76
+ "icon-stroke": "1.5",
77
+ "font-sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif",
78
+ "font-mono": "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace",
79
+ "font-display": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
80
+ "tracking-label": "0.12em",
81
+ "transition-fast": "120ms",
82
+ "transition-base": "180ms",
83
+ "ease-out": "cubic-bezier(0.16, 1, 0.3, 1)"
84
+ },
85
+ "densities": {
86
+ "ultra-compact": {
87
+ "control-sm": "1.125rem",
88
+ "control-md": "1.25rem",
89
+ "control-lg": "1.5rem",
90
+ "chip-h": "1rem",
91
+ "icon-sm": "0.625rem",
92
+ "icon-md": "0.625rem",
93
+ "text-micro": "calc(0.5rem * var(--cue-font-scale, 1))",
94
+ "text-label": "calc(0.5rem * var(--cue-font-scale, 1))",
95
+ "text-ui": "calc(0.5625rem * var(--cue-font-scale, 1))",
96
+ "text-body": "calc(0.625rem * var(--cue-font-scale, 1))",
97
+ "text-emphasis": "calc(0.8125rem * var(--cue-font-scale, 1))",
98
+ "text-title": "calc(1rem * var(--cue-font-scale, 1))",
99
+ "radius-control": "2px",
100
+ "radius-surface": "4px",
101
+ "radius-overlay": "6px",
102
+ "pad-row-y": "0.125rem",
103
+ "pad-row-x": "0.375rem",
104
+ "space-1": "0.125rem",
105
+ "space-2": "0.125rem",
106
+ "space-3": "0.25rem",
107
+ "space-4": "0.375rem",
108
+ "space-5": "0.5rem",
109
+ "space-6": "0.75rem",
110
+ "space-7": "1rem",
111
+ "space-8": "1.5rem",
112
+ "chrome-toolbar": "2rem",
113
+ "chrome-statusbar": "1.375rem",
114
+ "chrome-titlebar": "2.25rem",
115
+ "density": "0.85",
116
+ "radius-scale": "0.75"
117
+ },
118
+ "compact": {
119
+ "control-sm": "1.25rem",
120
+ "control-md": "1.5rem",
121
+ "control-lg": "1.75rem",
122
+ "chip-h": "1.125rem",
123
+ "icon-sm": "0.625rem",
124
+ "icon-md": "0.75rem",
125
+ "text-micro": "calc(0.5rem * var(--cue-font-scale, 1))",
126
+ "text-label": "calc(0.5625rem * var(--cue-font-scale, 1))",
127
+ "text-ui": "calc(0.625rem * var(--cue-font-scale, 1))",
128
+ "text-body": "calc(0.6875rem * var(--cue-font-scale, 1))",
129
+ "text-emphasis": "calc(0.875rem * var(--cue-font-scale, 1))",
130
+ "text-title": "calc(1.125rem * var(--cue-font-scale, 1))",
131
+ "radius-control": "3px",
132
+ "radius-surface": "6px",
133
+ "radius-overlay": "8px",
134
+ "pad-row-y": "0.25rem",
135
+ "pad-row-x": "0.5rem",
136
+ "space-1": "0.125rem",
137
+ "space-2": "0.25rem",
138
+ "space-3": "0.375rem",
139
+ "space-4": "0.5rem",
140
+ "space-5": "0.75rem",
141
+ "space-6": "1rem",
142
+ "space-7": "1.5rem",
143
+ "space-8": "2rem",
144
+ "chrome-toolbar": "2.25rem",
145
+ "chrome-statusbar": "1.5rem",
146
+ "chrome-titlebar": "2.375rem",
147
+ "density": "1",
148
+ "radius-scale": "1"
149
+ },
150
+ "normal": {
151
+ "control-sm": "1.75rem",
152
+ "control-md": "2rem",
153
+ "control-lg": "2.25rem",
154
+ "chip-h": "1.375rem",
155
+ "icon-sm": "0.75rem",
156
+ "icon-md": "1rem",
157
+ "text-micro": "calc(0.5625rem * var(--cue-font-scale, 1))",
158
+ "text-label": "calc(0.625rem * var(--cue-font-scale, 1))",
159
+ "text-ui": "calc(0.75rem * var(--cue-font-scale, 1))",
160
+ "text-body": "calc(0.8125rem * var(--cue-font-scale, 1))",
161
+ "text-emphasis": "calc(1.0625rem * var(--cue-font-scale, 1))",
162
+ "text-title": "calc(1.375rem * var(--cue-font-scale, 1))",
163
+ "radius-control": "4px",
164
+ "radius-surface": "8px",
165
+ "radius-overlay": "10px",
166
+ "pad-row-y": "0.375rem",
167
+ "pad-row-x": "0.75rem",
168
+ "space-1": "0.25rem",
169
+ "space-2": "0.375rem",
170
+ "space-3": "0.5rem",
171
+ "space-4": "0.75rem",
172
+ "space-5": "1rem",
173
+ "space-6": "1.5rem",
174
+ "space-7": "2rem",
175
+ "space-8": "3rem",
176
+ "chrome-toolbar": "2.75rem",
177
+ "chrome-statusbar": "1.75rem",
178
+ "chrome-titlebar": "3rem",
179
+ "density": "1.3",
180
+ "radius-scale": "1"
181
+ },
182
+ "large": {
183
+ "control-sm": "2.25rem",
184
+ "control-md": "2.5rem",
185
+ "control-lg": "2.75rem",
186
+ "chip-h": "1.625rem",
187
+ "icon-sm": "0.875rem",
188
+ "icon-md": "1.25rem",
189
+ "text-micro": "calc(0.625rem * var(--cue-font-scale, 1))",
190
+ "text-label": "calc(0.6875rem * var(--cue-font-scale, 1))",
191
+ "text-ui": "calc(0.875rem * var(--cue-font-scale, 1))",
192
+ "text-body": "calc(0.9375rem * var(--cue-font-scale, 1))",
193
+ "text-emphasis": "calc(1.25rem * var(--cue-font-scale, 1))",
194
+ "text-title": "calc(1.625rem * var(--cue-font-scale, 1))",
195
+ "radius-control": "5px",
196
+ "radius-surface": "10px",
197
+ "radius-overlay": "12px",
198
+ "pad-row-y": "0.5rem",
199
+ "pad-row-x": "1rem",
200
+ "space-1": "0.375rem",
201
+ "space-2": "0.5rem",
202
+ "space-3": "0.75rem",
203
+ "space-4": "1rem",
204
+ "space-5": "1.5rem",
205
+ "space-6": "2rem",
206
+ "space-7": "3rem",
207
+ "space-8": "4rem",
208
+ "chrome-toolbar": "3.25rem",
209
+ "chrome-statusbar": "2rem",
210
+ "chrome-titlebar": "3.5rem",
211
+ "density": "1.6",
212
+ "radius-scale": "1"
213
+ },
214
+ "ultra-large": {
215
+ "control-sm": "2.75rem",
216
+ "control-md": "3rem",
217
+ "control-lg": "3.25rem",
218
+ "chip-h": "1.875rem",
219
+ "icon-sm": "1rem",
220
+ "icon-md": "1.5rem",
221
+ "text-micro": "calc(0.6875rem * var(--cue-font-scale, 1))",
222
+ "text-label": "calc(0.75rem * var(--cue-font-scale, 1))",
223
+ "text-ui": "calc(1rem * var(--cue-font-scale, 1))",
224
+ "text-body": "calc(1.0625rem * var(--cue-font-scale, 1))",
225
+ "text-emphasis": "calc(1.4375rem * var(--cue-font-scale, 1))",
226
+ "text-title": "calc(1.875rem * var(--cue-font-scale, 1))",
227
+ "radius-control": "6px",
228
+ "radius-surface": "12px",
229
+ "radius-overlay": "14px",
230
+ "pad-row-y": "0.625rem",
231
+ "pad-row-x": "1.25rem",
232
+ "space-1": "0.5rem",
233
+ "space-2": "0.75rem",
234
+ "space-3": "1rem",
235
+ "space-4": "1.5rem",
236
+ "space-5": "2rem",
237
+ "space-6": "3rem",
238
+ "space-7": "4rem",
239
+ "space-8": "6rem",
240
+ "chrome-toolbar": "3.75rem",
241
+ "chrome-statusbar": "2.25rem",
242
+ "chrome-titlebar": "4rem",
243
+ "density": "1.9",
244
+ "radius-scale": "1"
245
+ }
246
+ },
247
+ "fonts": {
248
+ "system": {
249
+ "font-sans": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", \"Helvetica Neue\", sans-serif",
250
+ "font-display": "ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif"
251
+ },
252
+ "geist": {
253
+ "font-sans": "var(--cue-face-geist, Geist), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
254
+ "font-mono": "var(--cue-face-jetbrains-mono, \"JetBrains Mono\"), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
255
+ "font-display": "var(--cue-face-geist, Geist), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif"
256
+ },
257
+ "inter": {
258
+ "font-sans": "var(--cue-face-inter, Inter), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
259
+ "font-mono": "var(--cue-face-ibm-plex-mono, \"IBM Plex Mono\"), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
260
+ "font-display": "var(--cue-face-inter, Inter), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif"
261
+ },
262
+ "plex": {
263
+ "font-sans": "var(--cue-face-ibm-plex-sans, \"IBM Plex Sans\"), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
264
+ "font-mono": "var(--cue-face-ibm-plex-mono, \"IBM Plex Mono\"), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
265
+ "font-display": "var(--cue-face-ibm-plex-sans, \"IBM Plex Sans\"), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif"
266
+ },
267
+ "roboto": {
268
+ "font-sans": "var(--cue-face-roboto, Roboto), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
269
+ "font-mono": "var(--cue-face-roboto-mono, \"Roboto Mono\"), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
270
+ "font-display": "var(--cue-face-roboto, Roboto), ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif"
271
+ },
272
+ "source": {
273
+ "font-sans": "var(--cue-face-source-sans-3, \"Source Sans 3\"), \"Source Sans Pro\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
274
+ "font-mono": "var(--cue-face-source-code-pro, \"Source Code Pro\"), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
275
+ "font-display": "var(--cue-face-source-sans-3, \"Source Sans 3\"), \"Source Sans Pro\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif"
276
+ },
277
+ "apple": {
278
+ "font-sans": "-apple-system, BlinkMacSystemFont, \"SF Pro Text\", system-ui, ui-sans-serif, sans-serif",
279
+ "font-mono": "\"SF Mono\", SFMono-Regular, ui-monospace, Menlo, monospace",
280
+ "font-display": "-apple-system, BlinkMacSystemFont, \"SF Pro Display\", system-ui, ui-sans-serif, sans-serif"
281
+ },
282
+ "office": {
283
+ "font-sans": "Calibri, Carlito, \"Segoe UI\", ui-sans-serif, system-ui, sans-serif",
284
+ "font-mono": "\"Cascadia Mono\", \"Cascadia Code\", Consolas, ui-monospace, SFMono-Regular, monospace",
285
+ "font-display": "Calibri, Carlito, \"Segoe UI\", ui-sans-serif, system-ui, sans-serif"
286
+ },
287
+ "handshake": {
288
+ "pairingMono": "font-pairing-mono",
289
+ "themeMono": "font-theme-mono",
290
+ "resolvedMono": "var(--cue-font-pairing-mono, var(--cue-font-theme-mono))"
291
+ }
292
+ },
293
+ "derived": [
294
+ [
295
+ "accent-soft",
296
+ "color-mix(in oklch, var(--cue-accent) 14%, transparent)"
297
+ ],
298
+ [
299
+ "ok-soft",
300
+ "color-mix(in oklch, var(--cue-ok) 12%, transparent)"
301
+ ],
302
+ [
303
+ "ok-border",
304
+ "color-mix(in oklch, var(--cue-ok) 35%, transparent)"
305
+ ],
306
+ [
307
+ "busy-soft",
308
+ "color-mix(in oklch, var(--cue-busy) 12%, transparent)"
309
+ ],
310
+ [
311
+ "busy-border",
312
+ "color-mix(in oklch, var(--cue-busy) 35%, transparent)"
313
+ ],
314
+ [
315
+ "warn-soft",
316
+ "color-mix(in oklch, var(--cue-warn) 12%, transparent)"
317
+ ],
318
+ [
319
+ "warn-border",
320
+ "color-mix(in oklch, var(--cue-warn) 35%, transparent)"
321
+ ],
322
+ [
323
+ "danger-soft",
324
+ "color-mix(in oklch, var(--cue-danger) 12%, transparent)"
325
+ ],
326
+ [
327
+ "danger-border",
328
+ "color-mix(in oklch, var(--cue-danger) 35%, transparent)"
329
+ ],
330
+ [
331
+ "info-soft",
332
+ "color-mix(in oklch, var(--cue-info) 12%, transparent)"
333
+ ],
334
+ [
335
+ "info-border",
336
+ "color-mix(in oklch, var(--cue-info) 35%, transparent)"
337
+ ],
338
+ [
339
+ "stream-soft",
340
+ "color-mix(in oklch, var(--cue-stream) 12%, transparent)"
341
+ ],
342
+ [
343
+ "stream-border",
344
+ "color-mix(in oklch, var(--cue-stream) 35%, transparent)"
345
+ ],
346
+ [
347
+ "hair",
348
+ "color-mix(in oklch, var(--cue-fg) 6%, transparent)"
349
+ ],
350
+ [
351
+ "hair-strong",
352
+ "color-mix(in oklch, var(--cue-fg) 12%, transparent)"
353
+ ],
354
+ [
355
+ "row-hover",
356
+ "color-mix(in oklch, var(--cue-fg) 3.5%, transparent)"
357
+ ]
358
+ ],
359
+ "defaults": {
360
+ "density": "compact",
361
+ "font": "system",
362
+ "mode": "dark"
363
+ }
364
+ }
@@ -0,0 +1,27 @@
1
+ {
2
+ "$description": "Tier 1 primitives. Never emitted to CSS and never referenced by components — only by theme sources.",
3
+ "primitive": {
4
+ "$type": "color",
5
+ "white": { "$value": "#ffffff" },
6
+ "white-a-04": { "$value": "rgba(255,255,255,0.04)" },
7
+ "white-a-10": { "$value": "rgba(255,255,255,0.10)" },
8
+ "white-a-20": { "$value": "rgba(255,255,255,0.20)" },
9
+ "white-a-25": { "$value": "rgba(255,255,255,0.25)" },
10
+ "white-a-35": { "$value": "rgba(255,255,255,0.35)" },
11
+ "white-a-55": { "$value": "rgba(255,255,255,0.55)" },
12
+ "white-a-85": { "$value": "rgba(255,255,255,0.85)" },
13
+ "black": { "$value": "#000000" },
14
+ "black-a-10": { "$value": "rgba(0,0,0,0.10)" },
15
+ "black-a-20": { "$value": "rgba(0,0,0,0.20)" },
16
+ "black-a-25": { "$value": "rgba(0,0,0,0.25)" },
17
+ "black-a-35": { "$value": "rgba(0,0,0,0.35)" },
18
+ "black-a-55": { "$value": "rgba(0,0,0,0.55)" },
19
+ "black-a-80": { "$value": "rgba(0,0,0,0.80)" },
20
+ "black-a-85": { "$value": "rgba(0,0,0,0.85)" },
21
+ "ink": { "$value": "#0a0a0a" },
22
+ "paper": { "$value": "#fcfcfc" },
23
+ "scrim-default": { "$value": "rgba(0,0,0,0.55)" },
24
+ "scrim-deep": { "$value": "rgba(0,0,0,0.8)" },
25
+ "scrim-ink-teal": { "$value": "rgba(4,8,6,0.62)" }
26
+ }
27
+ }