@arbor-css/globals 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.
Files changed (13) hide show
  1. package/dist/globalProps.d.ts +17 -0
  2. package/dist/globalProps.d.ts.map +1 -0
  3. package/dist/globalProps.js +40 -0
  4. package/dist/globalProps.js.map +1 -0
  5. package/dist/index.d.ts +3 -0
  6. package/dist/index.d.ts.map +1 -0
  7. package/dist/index.js +3 -0
  8. package/dist/index.js.map +1 -0
  9. package/dist/systemProps.d.ts +707 -0
  10. package/dist/systemProps.d.ts.map +1 -0
  11. package/dist/systemProps.js +81 -0
  12. package/dist/systemProps.js.map +1 -0
  13. package/package.json +32 -0
package/dist/globalProps.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import { Token } from '@arbor-css/tokens';
2
+ export interface GlobalConfig {
3
+ saturation: number;
4
+ roundness: number;
5
+ baseFontSize: string;
6
+ baseSpacingSize: string;
7
+ defaultShadowColor: string;
8
+ shadowSpread: number;
9
+ shadowBlur: number;
10
+ }
11
+ export declare const defaultGlobals: GlobalConfig;
12
+ export declare const $globalProps: GlobalConfigProps;
13
+ export declare function createGlobals(config: Partial<GlobalConfig>): GlobalConfig;
14
+ export type GlobalConfigProps = {
15
+ [K in keyof GlobalConfig]: Token;
16
+ };
17
+ //# sourceMappingURL=globalProps.d.ts.map
package/dist/globalProps.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"globalProps.d.ts","sourceRoot":"","sources":["../src/globalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,WAAW,YAAY;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,YAQ5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,iBAsB1B,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,YAAY,CAKzE;AAED,MAAM,MAAM,iBAAiB,GAAG;KAC9B,CAAC,IAAI,MAAM,YAAY,GAAG,KAAK;CAChC,CAAC"}
package/dist/globalProps.js ADDED
@@ -0,0 +1,40 @@
1
+ import { createToken } from '@arbor-css/tokens';
2
+ export const defaultGlobals = {
3
+ saturation: 0.5,
4
+ roundness: 0.5,
5
+ baseFontSize: '16px',
6
+ baseSpacingSize: '8px',
7
+ defaultShadowColor: 'rgba(0 0 0 / 0.15)',
8
+ shadowSpread: 0,
9
+ shadowBlur: 0.5,
10
+ };
11
+ export const $globalProps = {
12
+ saturation: createToken('🧑-sat', {
13
+ type: 'number',
14
+ }),
15
+ roundness: createToken('🧑-round', {
16
+ type: 'number',
17
+ }),
18
+ baseFontSize: createToken('🧑-base-font-size', {
19
+ type: 'length',
20
+ }),
21
+ baseSpacingSize: createToken('🧑-base-spacing-size', {
22
+ type: 'length',
23
+ }),
24
+ defaultShadowColor: createToken('🧑-default-shadow-color', {
25
+ type: 'color',
26
+ }),
27
+ shadowSpread: createToken('🧑-shadow-spread', {
28
+ type: 'number',
29
+ }),
30
+ shadowBlur: createToken('🧑-shadow-blur', {
31
+ type: 'number',
32
+ }),
33
+ };
34
+ export function createGlobals(config) {
35
+ return {
36
+ ...defaultGlobals,
37
+ ...config,
38
+ };
39
+ }
40
+ //# sourceMappingURL=globalProps.js.map
package/dist/globalProps.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"globalProps.js","sourceRoot":"","sources":["../src/globalProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAC;AAYvD,MAAM,CAAC,MAAM,cAAc,GAAiB;IAC3C,UAAU,EAAE,GAAG;IACf,SAAS,EAAE,GAAG;IACd,YAAY,EAAE,MAAM;IACpB,eAAe,EAAE,KAAK;IACtB,kBAAkB,EAAE,oBAAoB;IACxC,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,GAAG;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAsB;IAC9C,UAAU,EAAE,WAAW,CAAC,QAAQ,EAAE;QACjC,IAAI,EAAE,QAAQ;KACd,CAAC;IACF,SAAS,EAAE,WAAW,CAAC,UAAU,EAAE;QAClC,IAAI,EAAE,QAAQ;KACd,CAAC;IACF,YAAY,EAAE,WAAW,CAAC,mBAAmB,EAAE;QAC9C,IAAI,EAAE,QAAQ;KACd,CAAC;IACF,eAAe,EAAE,WAAW,CAAC,sBAAsB,EAAE;QACpD,IAAI,EAAE,QAAQ;KACd,CAAC;IACF,kBAAkB,EAAE,WAAW,CAAC,yBAAyB,EAAE;QAC1D,IAAI,EAAE,OAAO;KACb,CAAC;IACF,YAAY,EAAE,WAAW,CAAC,kBAAkB,EAAE;QAC7C,IAAI,EAAE,QAAQ;KACd,CAAC;IACF,UAAU,EAAE,WAAW,CAAC,gBAAgB,EAAE;QACzC,IAAI,EAAE,QAAQ;KACd,CAAC;CACF,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,MAA6B;IAC1D,OAAO;QACN,GAAG,cAAc;QACjB,GAAG,MAAM;KACT,CAAC;AACH,CAAC"}
package/dist/index.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export * from './globalProps.js';
2
+ export * from './systemProps.js';
3
+ //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,3 @@
1
+ export * from './globalProps.js';
2
+ export * from './systemProps.js';
3
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}
package/dist/systemProps.d.ts ADDED
@@ -0,0 +1,707 @@
1
+ export declare const $labelProps: {
2
+ mode: {
3
+ "@@TOKEN@@": true;
4
+ name: string;
5
+ type: import("@arbor-css/tokens").PropertyType;
6
+ tag: string | undefined;
7
+ purpose: import("@arbor-css/tokens").TokenPurpose;
8
+ group: string | undefined;
9
+ fallback: string | number | undefined;
10
+ var: string;
11
+ varFallback: (fallbackOverride?: string | number) => string;
12
+ assign: (value?: string | number) => string;
13
+ readonly definition: string;
14
+ suffixed: (suffix: string) => /*elided*/ any;
15
+ prefixed: (prefix: string) => /*elided*/ any;
16
+ };
17
+ scheme: {
18
+ "@@TOKEN@@": true;
19
+ name: string;
20
+ type: import("@arbor-css/tokens").PropertyType;
21
+ tag: string | undefined;
22
+ purpose: import("@arbor-css/tokens").TokenPurpose;
23
+ group: string | undefined;
24
+ fallback: string | number | undefined;
25
+ var: string;
26
+ varFallback: (fallbackOverride?: string | number) => string;
27
+ assign: (value?: string | number) => string;
28
+ readonly definition: string;
29
+ suffixed: (suffix: string) => /*elided*/ any;
30
+ prefixed: (prefix: string) => /*elided*/ any;
31
+ };
32
+ };
33
+ export declare const $dynamicProps: {
34
+ shadowColor: {
35
+ "@@TOKEN@@": true;
36
+ name: string;
37
+ type: import("@arbor-css/tokens").PropertyType;
38
+ tag: string | undefined;
39
+ purpose: import("@arbor-css/tokens").TokenPurpose;
40
+ group: string | undefined;
41
+ fallback: string | number | undefined;
42
+ var: string;
43
+ varFallback: (fallbackOverride?: string | number) => string;
44
+ assign: (value?: string | number) => string;
45
+ readonly definition: string;
46
+ suffixed: (suffix: string) => /*elided*/ any;
47
+ prefixed: (prefix: string) => /*elided*/ any;
48
+ };
49
+ };
50
+ export declare const $schemeProps: {
51
+ invertMultiplier: {
52
+ "@@TOKEN@@": true;
53
+ name: string;
54
+ type: import("@arbor-css/tokens").PropertyType;
55
+ tag: string | undefined;
56
+ purpose: import("@arbor-css/tokens").TokenPurpose;
57
+ group: string | undefined;
58
+ fallback: string | number | undefined;
59
+ var: string;
60
+ varFallback: (fallbackOverride?: string | number) => string;
61
+ assign: (value?: string | number) => string;
62
+ readonly definition: string;
63
+ suffixed: (suffix: string) => /*elided*/ any;
64
+ prefixed: (prefix: string) => /*elided*/ any;
65
+ };
66
+ whenDark: {
67
+ "@@TOKEN@@": true;
68
+ name: string;
69
+ type: import("@arbor-css/tokens").PropertyType;
70
+ tag: string | undefined;
71
+ purpose: import("@arbor-css/tokens").TokenPurpose;
72
+ group: string | undefined;
73
+ fallback: string | number | undefined;
74
+ var: string;
75
+ varFallback: (fallbackOverride?: string | number) => string;
76
+ assign: (value?: string | number) => string;
77
+ readonly definition: string;
78
+ suffixed: (suffix: string) => /*elided*/ any;
79
+ prefixed: (prefix: string) => /*elided*/ any;
80
+ };
81
+ whenLight: {
82
+ "@@TOKEN@@": true;
83
+ name: string;
84
+ type: import("@arbor-css/tokens").PropertyType;
85
+ tag: string | undefined;
86
+ purpose: import("@arbor-css/tokens").TokenPurpose;
87
+ group: string | undefined;
88
+ fallback: string | number | undefined;
89
+ var: string;
90
+ varFallback: (fallbackOverride?: string | number) => string;
91
+ assign: (value?: string | number) => string;
92
+ readonly definition: string;
93
+ suffixed: (suffix: string) => /*elided*/ any;
94
+ prefixed: (prefix: string) => /*elided*/ any;
95
+ };
96
+ };
97
+ export declare const $systemProps: {
98
+ labels: {
99
+ mode: {
100
+ "@@TOKEN@@": true;
101
+ name: string;
102
+ type: import("@arbor-css/tokens").PropertyType;
103
+ tag: string | undefined;
104
+ purpose: import("@arbor-css/tokens").TokenPurpose;
105
+ group: string | undefined;
106
+ fallback: string | number | undefined;
107
+ var: string;
108
+ varFallback: (fallbackOverride?: string | number) => string;
109
+ assign: (value?: string | number) => string;
110
+ readonly definition: string;
111
+ suffixed: (suffix: string) => /*elided*/ any;
112
+ prefixed: (prefix: string) => /*elided*/ any;
113
+ };
114
+ scheme: {
115
+ "@@TOKEN@@": true;
116
+ name: string;
117
+ type: import("@arbor-css/tokens").PropertyType;
118
+ tag: string | undefined;
119
+ purpose: import("@arbor-css/tokens").TokenPurpose;
120
+ group: string | undefined;
121
+ fallback: string | number | undefined;
122
+ var: string;
123
+ varFallback: (fallbackOverride?: string | number) => string;
124
+ assign: (value?: string | number) => string;
125
+ readonly definition: string;
126
+ suffixed: (suffix: string) => /*elided*/ any;
127
+ prefixed: (prefix: string) => /*elided*/ any;
128
+ };
129
+ };
130
+ dynamic: {
131
+ shadowColor: {
132
+ "@@TOKEN@@": true;
133
+ name: string;
134
+ type: import("@arbor-css/tokens").PropertyType;
135
+ tag: string | undefined;
136
+ purpose: import("@arbor-css/tokens").TokenPurpose;
137
+ group: string | undefined;
138
+ fallback: string | number | undefined;
139
+ var: string;
140
+ varFallback: (fallbackOverride?: string | number) => string;
141
+ assign: (value?: string | number) => string;
142
+ readonly definition: string;
143
+ suffixed: (suffix: string) => /*elided*/ any;
144
+ prefixed: (prefix: string) => /*elided*/ any;
145
+ };
146
+ };
147
+ scheme: {
148
+ invertMultiplier: {
149
+ "@@TOKEN@@": true;
150
+ name: string;
151
+ type: import("@arbor-css/tokens").PropertyType;
152
+ tag: string | undefined;
153
+ purpose: import("@arbor-css/tokens").TokenPurpose;
154
+ group: string | undefined;
155
+ fallback: string | number | undefined;
156
+ var: string;
157
+ varFallback: (fallbackOverride?: string | number) => string;
158
+ assign: (value?: string | number) => string;
159
+ readonly definition: string;
160
+ suffixed: (suffix: string) => /*elided*/ any;
161
+ prefixed: (prefix: string) => /*elided*/ any;
162
+ };
163
+ whenDark: {
164
+ "@@TOKEN@@": true;
165
+ name: string;
166
+ type: import("@arbor-css/tokens").PropertyType;
167
+ tag: string | undefined;
168
+ purpose: import("@arbor-css/tokens").TokenPurpose;
169
+ group: string | undefined;
170
+ fallback: string | number | undefined;
171
+ var: string;
172
+ varFallback: (fallbackOverride?: string | number) => string;
173
+ assign: (value?: string | number) => string;
174
+ readonly definition: string;
175
+ suffixed: (suffix: string) => /*elided*/ any;
176
+ prefixed: (prefix: string) => /*elided*/ any;
177
+ };
178
+ whenLight: {
179
+ "@@TOKEN@@": true;
180
+ name: string;
181
+ type: import("@arbor-css/tokens").PropertyType;
182
+ tag: string | undefined;
183
+ purpose: import("@arbor-css/tokens").TokenPurpose;
184
+ group: string | undefined;
185
+ fallback: string | number | undefined;
186
+ var: string;
187
+ varFallback: (fallbackOverride?: string | number) => string;
188
+ assign: (value?: string | number) => string;
189
+ readonly definition: string;
190
+ suffixed: (suffix: string) => /*elided*/ any;
191
+ prefixed: (prefix: string) => /*elided*/ any;
192
+ };
193
+ };
194
+ fg: {
195
+ applied: {
196
+ "@@TOKEN@@": true;
197
+ name: string;
198
+ type: import("@arbor-css/tokens").PropertyType;
199
+ tag: string | undefined;
200
+ purpose: import("@arbor-css/tokens").TokenPurpose;
201
+ group: string | undefined;
202
+ fallback: string | number | undefined;
203
+ var: string;
204
+ varFallback: (fallbackOverride?: string | number) => string;
205
+ assign: (value?: string | number) => string;
206
+ readonly definition: string;
207
+ suffixed: (suffix: string) => /*elided*/ any;
208
+ prefixed: (prefix: string) => /*elided*/ any;
209
+ };
210
+ opacity: {
211
+ "@@TOKEN@@": true;
212
+ name: string;
213
+ type: import("@arbor-css/tokens").PropertyType;
214
+ tag: string | undefined;
215
+ purpose: import("@arbor-css/tokens").TokenPurpose;
216
+ group: string | undefined;
217
+ fallback: string | number | undefined;
218
+ var: string;
219
+ varFallback: (fallbackOverride?: string | number) => string;
220
+ assign: (value?: string | number) => string;
221
+ readonly definition: string;
222
+ suffixed: (suffix: string) => /*elided*/ any;
223
+ prefixed: (prefix: string) => /*elided*/ any;
224
+ };
225
+ };
226
+ bg: {
227
+ contrast: {
228
+ "@@TOKEN@@": true;
229
+ name: string;
230
+ type: import("@arbor-css/tokens").PropertyType;
231
+ tag: string | undefined;
232
+ purpose: import("@arbor-css/tokens").TokenPurpose;
233
+ group: string | undefined;
234
+ fallback: string | number | undefined;
235
+ var: string;
236
+ varFallback: (fallbackOverride?: string | number) => string;
237
+ assign: (value?: string | number) => string;
238
+ readonly definition: string;
239
+ suffixed: (suffix: string) => /*elided*/ any;
240
+ prefixed: (prefix: string) => /*elided*/ any;
241
+ };
242
+ applied: {
243
+ "@@TOKEN@@": true;
244
+ name: string;
245
+ type: import("@arbor-css/tokens").PropertyType;
246
+ tag: string | undefined;
247
+ purpose: import("@arbor-css/tokens").TokenPurpose;
248
+ group: string | undefined;
249
+ fallback: string | number | undefined;
250
+ var: string;
251
+ varFallback: (fallbackOverride?: string | number) => string;
252
+ assign: (value?: string | number) => string;
253
+ readonly definition: string;
254
+ suffixed: (suffix: string) => /*elided*/ any;
255
+ prefixed: (prefix: string) => /*elided*/ any;
256
+ };
257
+ opacity: {
258
+ "@@TOKEN@@": true;
259
+ name: string;
260
+ type: import("@arbor-css/tokens").PropertyType;
261
+ tag: string | undefined;
262
+ purpose: import("@arbor-css/tokens").TokenPurpose;
263
+ group: string | undefined;
264
+ fallback: string | number | undefined;
265
+ var: string;
266
+ varFallback: (fallbackOverride?: string | number) => string;
267
+ assign: (value?: string | number) => string;
268
+ readonly definition: string;
269
+ suffixed: (suffix: string) => /*elided*/ any;
270
+ prefixed: (prefix: string) => /*elided*/ any;
271
+ };
272
+ };
273
+ borderColor: {
274
+ '': {
275
+ applied: {
276
+ "@@TOKEN@@": true;
277
+ name: string;
278
+ type: import("@arbor-css/tokens").PropertyType;
279
+ tag: string | undefined;
280
+ purpose: import("@arbor-css/tokens").TokenPurpose;
281
+ group: string | undefined;
282
+ fallback: string | number | undefined;
283
+ var: string;
284
+ varFallback: (fallbackOverride?: string | number) => string;
285
+ assign: (value?: string | number) => string;
286
+ readonly definition: string;
287
+ suffixed: (suffix: string) => /*elided*/ any;
288
+ prefixed: (prefix: string) => /*elided*/ any;
289
+ };
290
+ opacity: {
291
+ "@@TOKEN@@": true;
292
+ name: string;
293
+ type: import("@arbor-css/tokens").PropertyType;
294
+ tag: string | undefined;
295
+ purpose: import("@arbor-css/tokens").TokenPurpose;
296
+ group: string | undefined;
297
+ fallback: string | number | undefined;
298
+ var: string;
299
+ varFallback: (fallbackOverride?: string | number) => string;
300
+ assign: (value?: string | number) => string;
301
+ readonly definition: string;
302
+ suffixed: (suffix: string) => /*elided*/ any;
303
+ prefixed: (prefix: string) => /*elided*/ any;
304
+ };
305
+ };
306
+ block: {
307
+ applied: {
308
+ "@@TOKEN@@": true;
309
+ name: string;
310
+ type: import("@arbor-css/tokens").PropertyType;
311
+ tag: string | undefined;
312
+ purpose: import("@arbor-css/tokens").TokenPurpose;
313
+ group: string | undefined;
314
+ fallback: string | number | undefined;
315
+ var: string;
316
+ varFallback: (fallbackOverride?: string | number) => string;
317
+ assign: (value?: string | number) => string;
318
+ readonly definition: string;
319
+ suffixed: (suffix: string) => /*elided*/ any;
320
+ prefixed: (prefix: string) => /*elided*/ any;
321
+ };
322
+ opacity: {
323
+ "@@TOKEN@@": true;
324
+ name: string;
325
+ type: import("@arbor-css/tokens").PropertyType;
326
+ tag: string | undefined;
327
+ purpose: import("@arbor-css/tokens").TokenPurpose;
328
+ group: string | undefined;
329
+ fallback: string | number | undefined;
330
+ var: string;
331
+ varFallback: (fallbackOverride?: string | number) => string;
332
+ assign: (value?: string | number) => string;
333
+ readonly definition: string;
334
+ suffixed: (suffix: string) => /*elided*/ any;
335
+ prefixed: (prefix: string) => /*elided*/ any;
336
+ };
337
+ };
338
+ inline: {
339
+ applied: {
340
+ "@@TOKEN@@": true;
341
+ name: string;
342
+ type: import("@arbor-css/tokens").PropertyType;
343
+ tag: string | undefined;
344
+ purpose: import("@arbor-css/tokens").TokenPurpose;
345
+ group: string | undefined;
346
+ fallback: string | number | undefined;
347
+ var: string;
348
+ varFallback: (fallbackOverride?: string | number) => string;
349
+ assign: (value?: string | number) => string;
350
+ readonly definition: string;
351
+ suffixed: (suffix: string) => /*elided*/ any;
352
+ prefixed: (prefix: string) => /*elided*/ any;
353
+ };
354
+ opacity: {
355
+ "@@TOKEN@@": true;
356
+ name: string;
357
+ type: import("@arbor-css/tokens").PropertyType;
358
+ tag: string | undefined;
359
+ purpose: import("@arbor-css/tokens").TokenPurpose;
360
+ group: string | undefined;
361
+ fallback: string | number | undefined;
362
+ var: string;
363
+ varFallback: (fallbackOverride?: string | number) => string;
364
+ assign: (value?: string | number) => string;
365
+ readonly definition: string;
366
+ suffixed: (suffix: string) => /*elided*/ any;
367
+ prefixed: (prefix: string) => /*elided*/ any;
368
+ };
369
+ };
370
+ 'block-start': {
371
+ applied: {
372
+ "@@TOKEN@@": true;
373
+ name: string;
374
+ type: import("@arbor-css/tokens").PropertyType;
375
+ tag: string | undefined;
376
+ purpose: import("@arbor-css/tokens").TokenPurpose;
377
+ group: string | undefined;
378
+ fallback: string | number | undefined;
379
+ var: string;
380
+ varFallback: (fallbackOverride?: string | number) => string;
381
+ assign: (value?: string | number) => string;
382
+ readonly definition: string;
383
+ suffixed: (suffix: string) => /*elided*/ any;
384
+ prefixed: (prefix: string) => /*elided*/ any;
385
+ };
386
+ opacity: {
387
+ "@@TOKEN@@": true;
388
+ name: string;
389
+ type: import("@arbor-css/tokens").PropertyType;
390
+ tag: string | undefined;
391
+ purpose: import("@arbor-css/tokens").TokenPurpose;
392
+ group: string | undefined;
393
+ fallback: string | number | undefined;
394
+ var: string;
395
+ varFallback: (fallbackOverride?: string | number) => string;
396
+ assign: (value?: string | number) => string;
397
+ readonly definition: string;
398
+ suffixed: (suffix: string) => /*elided*/ any;
399
+ prefixed: (prefix: string) => /*elided*/ any;
400
+ };
401
+ };
402
+ 'inline-end': {
403
+ applied: {
404
+ "@@TOKEN@@": true;
405
+ name: string;
406
+ type: import("@arbor-css/tokens").PropertyType;
407
+ tag: string | undefined;
408
+ purpose: import("@arbor-css/tokens").TokenPurpose;
409
+ group: string | undefined;
410
+ fallback: string | number | undefined;
411
+ var: string;
412
+ varFallback: (fallbackOverride?: string | number) => string;
413
+ assign: (value?: string | number) => string;
414
+ readonly definition: string;
415
+ suffixed: (suffix: string) => /*elided*/ any;
416
+ prefixed: (prefix: string) => /*elided*/ any;
417
+ };
418
+ opacity: {
419
+ "@@TOKEN@@": true;
420
+ name: string;
421
+ type: import("@arbor-css/tokens").PropertyType;
422
+ tag: string | undefined;
423
+ purpose: import("@arbor-css/tokens").TokenPurpose;
424
+ group: string | undefined;
425
+ fallback: string | number | undefined;
426
+ var: string;
427
+ varFallback: (fallbackOverride?: string | number) => string;
428
+ assign: (value?: string | number) => string;
429
+ readonly definition: string;
430
+ suffixed: (suffix: string) => /*elided*/ any;
431
+ prefixed: (prefix: string) => /*elided*/ any;
432
+ };
433
+ };
434
+ 'block-end': {
435
+ applied: {
436
+ "@@TOKEN@@": true;
437
+ name: string;
438
+ type: import("@arbor-css/tokens").PropertyType;
439
+ tag: string | undefined;
440
+ purpose: import("@arbor-css/tokens").TokenPurpose;
441
+ group: string | undefined;
442
+ fallback: string | number | undefined;
443
+ var: string;
444
+ varFallback: (fallbackOverride?: string | number) => string;
445
+ assign: (value?: string | number) => string;
446
+ readonly definition: string;
447
+ suffixed: (suffix: string) => /*elided*/ any;
448
+ prefixed: (prefix: string) => /*elided*/ any;
449
+ };
450
+ opacity: {
451
+ "@@TOKEN@@": true;
452
+ name: string;
453
+ type: import("@arbor-css/tokens").PropertyType;
454
+ tag: string | undefined;
455
+ purpose: import("@arbor-css/tokens").TokenPurpose;
456
+ group: string | undefined;
457
+ fallback: string | number | undefined;
458
+ var: string;
459
+ varFallback: (fallbackOverride?: string | number) => string;
460
+ assign: (value?: string | number) => string;
461
+ readonly definition: string;
462
+ suffixed: (suffix: string) => /*elided*/ any;
463
+ prefixed: (prefix: string) => /*elided*/ any;
464
+ };
465
+ };
466
+ 'inline-start': {
467
+ applied: {
468
+ "@@TOKEN@@": true;
469
+ name: string;
470
+ type: import("@arbor-css/tokens").PropertyType;
471
+ tag: string | undefined;
472
+ purpose: import("@arbor-css/tokens").TokenPurpose;
473
+ group: string | undefined;
474
+ fallback: string | number | undefined;
475
+ var: string;
476
+ varFallback: (fallbackOverride?: string | number) => string;
477
+ assign: (value?: string | number) => string;
478
+ readonly definition: string;
479
+ suffixed: (suffix: string) => /*elided*/ any;
480
+ prefixed: (prefix: string) => /*elided*/ any;
481
+ };
482
+ opacity: {
483
+ "@@TOKEN@@": true;
484
+ name: string;
485
+ type: import("@arbor-css/tokens").PropertyType;
486
+ tag: string | undefined;
487
+ purpose: import("@arbor-css/tokens").TokenPurpose;
488
+ group: string | undefined;
489
+ fallback: string | number | undefined;
490
+ var: string;
491
+ varFallback: (fallbackOverride?: string | number) => string;
492
+ assign: (value?: string | number) => string;
493
+ readonly definition: string;
494
+ suffixed: (suffix: string) => /*elided*/ any;
495
+ prefixed: (prefix: string) => /*elided*/ any;
496
+ };
497
+ };
498
+ };
499
+ ring: {
500
+ target: {
501
+ "@@TOKEN@@": true;
502
+ name: string;
503
+ type: import("@arbor-css/tokens").PropertyType;
504
+ tag: string | undefined;
505
+ purpose: import("@arbor-css/tokens").TokenPurpose;
506
+ group: string | undefined;
507
+ fallback: string | number | undefined;
508
+ var: string;
509
+ varFallback: (fallbackOverride?: string | number) => string;
510
+ assign: (value?: string | number) => string;
511
+ readonly definition: string;
512
+ suffixed: (suffix: string) => /*elided*/ any;
513
+ prefixed: (prefix: string) => /*elided*/ any;
514
+ };
515
+ applied: {
516
+ "@@TOKEN@@": true;
517
+ name: string;
518
+ type: import("@arbor-css/tokens").PropertyType;
519
+ tag: string | undefined;
520
+ purpose: import("@arbor-css/tokens").TokenPurpose;
521
+ group: string | undefined;
522
+ fallback: string | number | undefined;
523
+ var: string;
524
+ varFallback: (fallbackOverride?: string | number) => string;
525
+ assign: (value?: string | number) => string;
526
+ readonly definition: string;
527
+ suffixed: (suffix: string) => /*elided*/ any;
528
+ prefixed: (prefix: string) => /*elided*/ any;
529
+ };
530
+ opacity: {
531
+ "@@TOKEN@@": true;
532
+ name: string;
533
+ type: import("@arbor-css/tokens").PropertyType;
534
+ tag: string | undefined;
535
+ purpose: import("@arbor-css/tokens").TokenPurpose;
536
+ group: string | undefined;
537
+ fallback: string | number | undefined;
538
+ var: string;
539
+ varFallback: (fallbackOverride?: string | number) => string;
540
+ assign: (value?: string | number) => string;
541
+ readonly definition: string;
542
+ suffixed: (suffix: string) => /*elided*/ any;
543
+ prefixed: (prefix: string) => /*elided*/ any;
544
+ };
545
+ };
546
+ placeholder: {
547
+ applied: {
548
+ "@@TOKEN@@": true;
549
+ name: string;
550
+ type: import("@arbor-css/tokens").PropertyType;
551
+ tag: string | undefined;
552
+ purpose: import("@arbor-css/tokens").TokenPurpose;
553
+ group: string | undefined;
554
+ fallback: string | number | undefined;
555
+ var: string;
556
+ varFallback: (fallbackOverride?: string | number) => string;
557
+ assign: (value?: string | number) => string;
558
+ readonly definition: string;
559
+ suffixed: (suffix: string) => /*elided*/ any;
560
+ prefixed: (prefix: string) => /*elided*/ any;
561
+ };
562
+ opacity: {
563
+ "@@TOKEN@@": true;
564
+ name: string;
565
+ type: import("@arbor-css/tokens").PropertyType;
566
+ tag: string | undefined;
567
+ purpose: import("@arbor-css/tokens").TokenPurpose;
568
+ group: string | undefined;
569
+ fallback: string | number | undefined;
570
+ var: string;
571
+ varFallback: (fallbackOverride?: string | number) => string;
572
+ assign: (value?: string | number) => string;
573
+ readonly definition: string;
574
+ suffixed: (suffix: string) => /*elided*/ any;
575
+ prefixed: (prefix: string) => /*elided*/ any;
576
+ };
577
+ };
578
+ accent: {
579
+ applied: {
580
+ "@@TOKEN@@": true;
581
+ name: string;
582
+ type: import("@arbor-css/tokens").PropertyType;
583
+ tag: string | undefined;
584
+ purpose: import("@arbor-css/tokens").TokenPurpose;
585
+ group: string | undefined;
586
+ fallback: string | number | undefined;
587
+ var: string;
588
+ varFallback: (fallbackOverride?: string | number) => string;
589
+ assign: (value?: string | number) => string;
590
+ readonly definition: string;
591
+ suffixed: (suffix: string) => /*elided*/ any;
592
+ prefixed: (prefix: string) => /*elided*/ any;
593
+ };
594
+ opacity: {
595
+ "@@TOKEN@@": true;
596
+ name: string;
597
+ type: import("@arbor-css/tokens").PropertyType;
598
+ tag: string | undefined;
599
+ purpose: import("@arbor-css/tokens").TokenPurpose;
600
+ group: string | undefined;
601
+ fallback: string | number | undefined;
602
+ var: string;
603
+ varFallback: (fallbackOverride?: string | number) => string;
604
+ assign: (value?: string | number) => string;
605
+ readonly definition: string;
606
+ suffixed: (suffix: string) => /*elided*/ any;
607
+ prefixed: (prefix: string) => /*elided*/ any;
608
+ };
609
+ };
610
+ fill: {
611
+ applied: {
612
+ "@@TOKEN@@": true;
613
+ name: string;
614
+ type: import("@arbor-css/tokens").PropertyType;
615
+ tag: string | undefined;
616
+ purpose: import("@arbor-css/tokens").TokenPurpose;
617
+ group: string | undefined;
618
+ fallback: string | number | undefined;
619
+ var: string;
620
+ varFallback: (fallbackOverride?: string | number) => string;
621
+ assign: (value?: string | number) => string;
622
+ readonly definition: string;
623
+ suffixed: (suffix: string) => /*elided*/ any;
624
+ prefixed: (prefix: string) => /*elided*/ any;
625
+ };
626
+ opacity: {
627
+ "@@TOKEN@@": true;
628
+ name: string;
629
+ type: import("@arbor-css/tokens").PropertyType;
630
+ tag: string | undefined;
631
+ purpose: import("@arbor-css/tokens").TokenPurpose;
632
+ group: string | undefined;
633
+ fallback: string | number | undefined;
634
+ var: string;
635
+ varFallback: (fallbackOverride?: string | number) => string;
636
+ assign: (value?: string | number) => string;
637
+ readonly definition: string;
638
+ suffixed: (suffix: string) => /*elided*/ any;
639
+ prefixed: (prefix: string) => /*elided*/ any;
640
+ };
641
+ };
642
+ stroke: {
643
+ applied: {
644
+ "@@TOKEN@@": true;
645
+ name: string;
646
+ type: import("@arbor-css/tokens").PropertyType;
647
+ tag: string | undefined;
648
+ purpose: import("@arbor-css/tokens").TokenPurpose;
649
+ group: string | undefined;
650
+ fallback: string | number | undefined;
651
+ var: string;
652
+ varFallback: (fallbackOverride?: string | number) => string;
653
+ assign: (value?: string | number) => string;
654
+ readonly definition: string;
655
+ suffixed: (suffix: string) => /*elided*/ any;
656
+ prefixed: (prefix: string) => /*elided*/ any;
657
+ };
658
+ opacity: {
659
+ "@@TOKEN@@": true;
660
+ name: string;
661
+ type: import("@arbor-css/tokens").PropertyType;
662
+ tag: string | undefined;
663
+ purpose: import("@arbor-css/tokens").TokenPurpose;
664
+ group: string | undefined;
665
+ fallback: string | number | undefined;
666
+ var: string;
667
+ varFallback: (fallbackOverride?: string | number) => string;
668
+ assign: (value?: string | number) => string;
669
+ readonly definition: string;
670
+ suffixed: (suffix: string) => /*elided*/ any;
671
+ prefixed: (prefix: string) => /*elided*/ any;
672
+ };
673
+ };
674
+ shadow: {
675
+ applied: {
676
+ "@@TOKEN@@": true;
677
+ name: string;
678
+ type: import("@arbor-css/tokens").PropertyType;
679
+ tag: string | undefined;
680
+ purpose: import("@arbor-css/tokens").TokenPurpose;
681
+ group: string | undefined;
682
+ fallback: string | number | undefined;
683
+ var: string;
684
+ varFallback: (fallbackOverride?: string | number) => string;
685
+ assign: (value?: string | number) => string;
686
+ readonly definition: string;
687
+ suffixed: (suffix: string) => /*elided*/ any;
688
+ prefixed: (prefix: string) => /*elided*/ any;
689
+ };
690
+ opacity: {
691
+ "@@TOKEN@@": true;
692
+ name: string;
693
+ type: import("@arbor-css/tokens").PropertyType;
694
+ tag: string | undefined;
695
+ purpose: import("@arbor-css/tokens").TokenPurpose;
696
+ group: string | undefined;
697
+ fallback: string | number | undefined;
698
+ var: string;
699
+ varFallback: (fallbackOverride?: string | number) => string;
700
+ assign: (value?: string | number) => string;
701
+ readonly definition: string;
702
+ suffixed: (suffix: string) => /*elided*/ any;
703
+ prefixed: (prefix: string) => /*elided*/ any;
704
+ };
705
+ };
706
+ };
707
+ //# sourceMappingURL=systemProps.d.ts.map
package/dist/systemProps.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../src/systemProps.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGvB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAaxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CxB,CAAC"}
package/dist/systemProps.js ADDED
@@ -0,0 +1,81 @@
1
+ import { createToken } from '@arbor-css/tokens';
2
+ export const $labelProps = {
3
+ mode: createToken('ℹī¸-mode', { type: 'string' }),
4
+ scheme: createToken('ℹī¸-scheme', { type: 'string' }),
5
+ };
6
+ export const $dynamicProps = {
7
+ shadowColor: createToken('👟-shadowColor', {
8
+ type: 'color',
9
+ fallback: 'rgba(0, 0, 0, 0.1)',
10
+ }),
11
+ };
12
+ export const $schemeProps = {
13
+ invertMultiplier: createToken('💲-scheme-invert-mult', {
14
+ type: 'number',
15
+ fallback: 1,
16
+ }),
17
+ whenDark: createToken('💲-scheme-when-dark', {
18
+ type: 'number',
19
+ fallback: 0,
20
+ }),
21
+ whenLight: createToken('💲-scheme-when-light', {
22
+ type: 'number',
23
+ fallback: 1,
24
+ }),
25
+ };
26
+ export const $systemProps = {
27
+ // bookkeeping and context inference
28
+ labels: $labelProps,
29
+ // runtime-assignable properties
30
+ dynamic: $dynamicProps,
31
+ // scheme-related properties
32
+ scheme: $schemeProps,
33
+ // System color tokens are well-known properties you can
34
+ // assign colors to which are used by util classes for
35
+ // color mixing and other things...
36
+ // TODO: move these to `classes`? Not sure they're relevant
37
+ // outside that package.
38
+ fg: makeSystemColorTokens('fg'),
39
+ bg: {
40
+ ...makeSystemColorTokens('bg'),
41
+ contrast: createToken(`💲-bg-contrast`, {
42
+ type: 'color',
43
+ inherits: true,
44
+ }),
45
+ },
46
+ borderColor: {
47
+ '': makeSystemColorTokens('borderColor-all'),
48
+ block: makeSystemColorTokens('borderColor-block'),
49
+ inline: makeSystemColorTokens('borderColor-inline'),
50
+ 'block-start': makeSystemColorTokens('borderColor-block-start'),
51
+ 'inline-end': makeSystemColorTokens('borderColor-inline-end'),
52
+ 'block-end': makeSystemColorTokens('borderColor-block-end'),
53
+ 'inline-start': makeSystemColorTokens('borderColor-inline-start'),
54
+ },
55
+ ring: {
56
+ ...makeSystemColorTokens('ring'),
57
+ target: createToken(`💲-ring-target`, {
58
+ type: 'color',
59
+ inherits: false,
60
+ }),
61
+ },
62
+ placeholder: makeSystemColorTokens('placeholder'),
63
+ accent: makeSystemColorTokens('accent'),
64
+ fill: makeSystemColorTokens('fill'),
65
+ stroke: makeSystemColorTokens('stroke'),
66
+ shadow: makeSystemColorTokens('shadow'),
67
+ };
68
+ function makeSystemColorTokens(name) {
69
+ return {
70
+ applied: createToken(`💲-${name}`, {
71
+ type: 'color',
72
+ inherits: true,
73
+ }),
74
+ opacity: createToken(`💲-${name}-op`, {
75
+ type: 'number',
76
+ inherits: false,
77
+ fallback: '100%',
78
+ }),
79
+ };
80
+ }
81
+ //# sourceMappingURL=systemProps.js.map
package/dist/systemProps.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"systemProps.js","sourceRoot":"","sources":["../src/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,IAAI,EAAE,WAAW,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAChD,MAAM,EAAE,WAAW,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;CACpD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC5B,WAAW,EAAE,WAAW,CAAC,gBAAgB,EAAE;QAC1C,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,oBAAoB;KAC9B,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,gBAAgB,EAAE,WAAW,CAAC,uBAAuB,EAAE;QACtD,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC;KACX,CAAC;IACF,QAAQ,EAAE,WAAW,CAAC,qBAAqB,EAAE;QAC5C,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC;KACX,CAAC;IACF,SAAS,EAAE,WAAW,CAAC,sBAAsB,EAAE;QAC9C,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,CAAC;KACX,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,oCAAoC;IACpC,MAAM,EAAE,WAAW;IACnB,gCAAgC;IAChC,OAAO,EAAE,aAAa;IACtB,4BAA4B;IAC5B,MAAM,EAAE,YAAY;IAEpB,wDAAwD;IACxD,sDAAsD;IACtD,mCAAmC;IACnC,2DAA2D;IAC3D,wBAAwB;IACxB,EAAE,EAAE,qBAAqB,CAAC,IAAI,CAAC;IAC/B,EAAE,EAAE;QACH,GAAG,qBAAqB,CAAC,IAAI,CAAC;QAC9B,QAAQ,EAAE,WAAW,CAAC,gBAAgB,EAAE;YACvC,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,IAAI;SACd,CAAC;KACF;IACD,WAAW,EAAE;QACZ,EAAE,EAAE,qBAAqB,CAAC,iBAAiB,CAAC;QAC5C,KAAK,EAAE,qBAAqB,CAAC,mBAAmB,CAAC;QACjD,MAAM,EAAE,qBAAqB,CAAC,oBAAoB,CAAC;QACnD,aAAa,EAAE,qBAAqB,CAAC,yBAAyB,CAAC;QAC/D,YAAY,EAAE,qBAAqB,CAAC,wBAAwB,CAAC;QAC7D,WAAW,EAAE,qBAAqB,CAAC,uBAAuB,CAAC;QAC3D,cAAc,EAAE,qBAAqB,CAAC,0BAA0B,CAAC;KACjE;IACD,IAAI,EAAE;QACL,GAAG,qBAAqB,CAAC,MAAM,CAAC;QAChC,MAAM,EAAE,WAAW,CAAC,gBAAgB,EAAE;YACrC,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,KAAK;SACf,CAAC;KACF;IACD,WAAW,EAAE,qBAAqB,CAAC,aAAa,CAAC;IACjD,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC;IACvC,IAAI,EAAE,qBAAqB,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC;IACvC,MAAM,EAAE,qBAAqB,CAAC,QAAQ,CAAC;CACvC,CAAC;AAEF,SAAS,qBAAqB,CAAC,IAAY;IAC1C,OAAO;QACN,OAAO,EAAE,WAAW,CAAC,MAAM,IAAI,EAAE,EAAE;YAClC,IAAI,EAAE,OAAO;YACb,QAAQ,EAAE,IAAI;SACd,CAAC;QACF,OAAO,EAAE,WAAW,CAAC,MAAM,IAAI,KAAK,EAAE;YACrC,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,MAAM;SAChB,CAAC;KACF,CAAC;AACH,CAAC"}
package/package.json ADDED
@@ -0,0 +1,32 @@
1
+ {
2
+ "name": "@arbor-css/globals",
3
+ "version": "0.0.1",
4
+ "type": "module",
5
+ "publishConfig": {
6
+ "access": "public"
7
+ },
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "exports": {
12
+ ".": {
13
+ "development": "./src/index.ts",
14
+ "import": "./dist/index.js",
15
+ "node": "./dist/index.js",
16
+ "types": "./dist/index.d.ts",
17
+ "default": "./dist/index.js"
18
+ }
19
+ },
20
+ "sideEffects": false,
21
+ "devDependencies": {
22
+ "typescript": "^6.0.3",
23
+ "vitest": "^4.1.5"
24
+ },
25
+ "dependencies": {
26
+ "@arbor-css/tokens": "0.0.1"
27
+ },
28
+ "scripts": {
29
+ "build": "tsc",
30
+ "dev": "tsc -w --preserveWatchOutput"
31
+ }
32
+ }