@arbor-css/core 0.0.50 → 0.0.52
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/LICENSE.md +7 -0
- package/dist/getStructuredTokensMap.d.ts +11 -0
- package/dist/getStructuredTokensMap.d.ts.map +1 -0
- package/dist/getStructuredTokensMap.js +45 -0
- package/dist/getStructuredTokensMap.js.map +1 -0
- package/dist/getStructuredTokensMap.test.d.ts +2 -0
- package/dist/getStructuredTokensMap.test.d.ts.map +1 -0
- package/dist/getStructuredTokensMap.test.js +26 -0
- package/dist/getStructuredTokensMap.test.js.map +1 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/runtime/components/BaseElement.d.ts +1 -1
- package/dist/runtime/components/BaseElement.d.ts.map +1 -1
- package/dist/runtime/components/GlobalsEditor.js +3 -4
- package/dist/runtime/components/GlobalsEditor.js.map +1 -1
- package/dist/runtime/components/SystemDemo.js +3 -3
- package/dist/runtime/components/SystemDemo.js.map +1 -1
- package/dist/runtime/registration.d.ts +3 -3
- package/dist/runtime/registration.d.ts.map +1 -1
- package/dist/runtime/registration.js.map +1 -1
- package/dist/runtime/tokenGroups.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.d.ts +2 -8
- package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.js +68 -54
- package/dist/stylesheet/generateStylesheet.js.map +1 -1
- package/dist/util/resolveTokenReferences.d.ts.map +1 -1
- package/dist/util/resolveTokenReferences.js +10 -9
- package/dist/util/resolveTokenReferences.js.map +1 -1
- package/dist/util/resolveTokenReferences.test.js +5 -5
- package/dist/util/resolveTokenReferences.test.js.map +1 -1
- package/package.json +13 -11
- package/dist/config.d.ts +0 -16
- package/dist/config.d.ts.map +0 -1
- package/dist/config.js +0 -4
- package/dist/config.js.map +0 -1
package/LICENSE.md
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Copyright 2026 Grant Forrest
|
|
2
|
+
|
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
4
|
+
|
|
5
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
6
|
+
|
|
7
|
+
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { AnyArborPreset } from '@arbor-css/preset/config';
|
|
2
|
+
import { Token } from '@arbor-css/tokens';
|
|
3
|
+
/**
|
|
4
|
+
* Maps all available design system tokens to a fully qualified name (e.g. "color.main.mid")
|
|
5
|
+
* and the corresponding token object. This is the central logic for deciding which tokens
|
|
6
|
+
* to expose and resolve in the VS Code extension and bundler plugin.
|
|
7
|
+
*/
|
|
8
|
+
export declare function getStructuredTokensMap(preset: AnyArborPreset, { delimiter }?: {
|
|
9
|
+
delimiter?: string;
|
|
10
|
+
}): Map<string, Token>;
|
|
11
|
+
//# sourceMappingURL=getStructuredTokensMap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStructuredTokensMap.d.ts","sourceRoot":"","sources":["../src/getStructuredTokensMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAW,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;GAIG;AACH,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,cAAc,EACtB,EAAE,SAAe,EAAE;;CAAqB,GACtC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAqBpB"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { isToken } from '@arbor-css/tokens';
|
|
2
|
+
/**
|
|
3
|
+
* Maps all available design system tokens to a fully qualified name (e.g. "color.main.mid")
|
|
4
|
+
* and the corresponding token object. This is the central logic for deciding which tokens
|
|
5
|
+
* to expose and resolve in the VS Code extension and bundler plugin.
|
|
6
|
+
*/
|
|
7
|
+
export function getStructuredTokensMap(preset, { delimiter = '.' } = { delimiter: '.' }) {
|
|
8
|
+
const map = new Map();
|
|
9
|
+
// Mode tokens from base mode schema
|
|
10
|
+
const modeTokens = preset?.modes?.base?.schema?.$tokens;
|
|
11
|
+
if (modeTokens) {
|
|
12
|
+
walkTokenTree(modeTokens, '', map, { delimiter });
|
|
13
|
+
}
|
|
14
|
+
// Primitive tokens — prefix with "primitives."
|
|
15
|
+
const primitiveTokens = preset?.primitives?.$tokens;
|
|
16
|
+
if (primitiveTokens) {
|
|
17
|
+
walkTokenTree(primitiveTokens, 'primitives', map, { delimiter });
|
|
18
|
+
}
|
|
19
|
+
// System tokens - we only expose the "final" tokens
|
|
20
|
+
walkTokenTree(preset.$.system, 'system', map, {
|
|
21
|
+
delimiter,
|
|
22
|
+
});
|
|
23
|
+
return map;
|
|
24
|
+
}
|
|
25
|
+
function walkTokenTree(node, prefix, map, options) {
|
|
26
|
+
if (typeof node !== 'object' || node === null)
|
|
27
|
+
return;
|
|
28
|
+
const { delimiter = '.', filter, getKey = (_, key) => key } = options;
|
|
29
|
+
for (const rawKey of Object.keys(node)) {
|
|
30
|
+
const value = node[rawKey];
|
|
31
|
+
const key = getKey(value, rawKey);
|
|
32
|
+
const currentPath = prefix ? [prefix, key].filter((k) => !!k).join(delimiter) : key;
|
|
33
|
+
if (isToken(value) && (!filter || filter(value, currentPath))) {
|
|
34
|
+
map.set(currentPath, value);
|
|
35
|
+
// $root tokens are also accessible at the parent path (without the .$root segment)
|
|
36
|
+
if (key === '$root' && prefix) {
|
|
37
|
+
map.set(prefix, value);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
else if (typeof value === 'object' && value !== null) {
|
|
41
|
+
walkTokenTree(value, currentPath, map, options);
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=getStructuredTokensMap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStructuredTokensMap.js","sourceRoot":"","sources":["../src/getStructuredTokensMap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAS,MAAM,mBAAmB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CACrC,MAAsB,EACtB,EAAE,SAAS,GAAG,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,EAAE;IAExC,MAAM,GAAG,GAAG,IAAI,GAAG,EAAiB,CAAC;IAErC,oCAAoC;IACpC,MAAM,UAAU,GAAG,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC;IACxD,IAAI,UAAU,EAAE,CAAC;QAChB,aAAa,CAAC,UAAU,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;IACnD,CAAC;IAED,+CAA+C;IAC/C,MAAM,eAAe,GAAG,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC;IACpD,IAAI,eAAe,EAAE,CAAC;QACrB,aAAa,CAAC,eAAe,EAAE,YAAY,EAAE,GAAG,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC;IAClE,CAAC;IAED,oDAAoD;IACpD,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC7C,SAAS;KACT,CAAC,CAAC;IAEH,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,SAAS,aAAa,CACrB,IAAS,EACT,MAAc,EACd,GAAuB,EACvB,OAIC;IAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO;IACtD,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,OAAO,CAAC;IAEtE,KAAK,MAAM,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;QAC3B,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QAClC,MAAM,WAAW,GAChB,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAEjE,IAAI,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,EAAE,CAAC;YAC/D,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;YAE5B,mFAAmF;YACnF,IAAI,GAAG,KAAK,OAAO,IAAI,MAAM,EAAE,CAAC;gBAC/B,GAAG,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YACxB,CAAC;QACF,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;YACxD,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;QACjD,CAAC;IACF,CAAC;AACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStructuredTokensMap.test.d.ts","sourceRoot":"","sources":["../src/getStructuredTokensMap.test.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { createArbor } from '@arbor-css/preset';
|
|
2
|
+
import { expect, it } from 'vitest';
|
|
3
|
+
import { getStructuredTokensMap } from './getStructuredTokensMap.js';
|
|
4
|
+
it('generates a map of mode, primitive, and system tokens with correct paths', () => {
|
|
5
|
+
const preset = createArbor().preset({
|
|
6
|
+
colors: {
|
|
7
|
+
ranges: {
|
|
8
|
+
brand: {
|
|
9
|
+
hue: 80,
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
mainColor: 'brand',
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
preset.primitives.colors.light.colors.brand.mid;
|
|
16
|
+
const map = getStructuredTokensMap(preset);
|
|
17
|
+
expect(map.has('color.main.mid')).toBe(true);
|
|
18
|
+
expect(map.get('color.main.mid')).toBe(preset.$.mode.color.main.mid);
|
|
19
|
+
expect(map.has('primitives.spacing.md')).toBe(true);
|
|
20
|
+
expect(map.get('color.main')).toBe(preset.$.mode.color.main.$root);
|
|
21
|
+
expect(map.has('primitives.spacing.md')).toBe(true);
|
|
22
|
+
expect(map.get('primitives.spacing.md')).toBe(preset.$.primitives.spacing.md);
|
|
23
|
+
expect(map.has('system.fg')).toBe(true);
|
|
24
|
+
expect(map.get('system.fg')).toBe(preset.$.system.fg.$root);
|
|
25
|
+
});
|
|
26
|
+
//# sourceMappingURL=getStructuredTokensMap.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getStructuredTokensMap.test.js","sourceRoot":"","sources":["../src/getStructuredTokensMap.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,EAAE,CAAC,0EAA0E,EAAE,GAAG,EAAE;IACnF,MAAM,MAAM,GAAG,WAAW,EAAE,CAAC,MAAM,CAAC;QACnC,MAAM,EAAE;YACP,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,GAAG,EAAE,EAAE;iBACP;aACD;YACD,SAAS,EAAE,OAAO;SAClB;KACD,CAAC,CAAC;IACH,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IAChD,MAAM,GAAG,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC;IAE3C,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC9E,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;AAC7D,CAAC,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '@arbor-css/functions';
|
|
2
|
+
export { createGlobals, defaultGlobals, type GlobalConfigProps, type GlobalConfig as PrimitiveGlobals, } from '@arbor-css/globals';
|
|
2
3
|
export * from '@arbor-css/modes';
|
|
3
|
-
export { createArborPreset, type CreateArborPresetConfig, } from '@arbor-css/preset';
|
|
4
|
+
export { createArbor, createArborPreset, type CreateArborPresetConfig, } from '@arbor-css/preset';
|
|
4
5
|
export * from '@arbor-css/preset/config';
|
|
5
6
|
export * from '@arbor-css/tokens';
|
|
7
|
+
export * from './getStructuredTokensMap.js';
|
|
6
8
|
export { generateStylesheet } from './stylesheet/generateStylesheet.js';
|
|
7
9
|
export { resolveTokenReferences } from './util/resolveTokenReferences.js';
|
|
8
10
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EACN,aAAa,EACb,cAAc,EACd,KAAK,iBAAiB,EACtB,KAAK,YAAY,IAAI,gBAAgB,GACrC,MAAM,oBAAoB,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACN,WAAW,EACX,iBAAiB,EACjB,KAAK,uBAAuB,GAC5B,MAAM,mBAAmB,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '@arbor-css/functions';
|
|
2
|
+
export { createGlobals, defaultGlobals, } from '@arbor-css/globals';
|
|
2
3
|
export * from '@arbor-css/modes';
|
|
3
|
-
export { createArborPreset, } from '@arbor-css/preset';
|
|
4
|
+
export { createArbor, createArborPreset, } from '@arbor-css/preset';
|
|
4
5
|
export * from '@arbor-css/preset/config';
|
|
5
6
|
export * from '@arbor-css/tokens';
|
|
7
|
+
export * from './getStructuredTokensMap.js';
|
|
6
8
|
export { generateStylesheet } from './stylesheet/generateStylesheet.js';
|
|
7
9
|
export { resolveTokenReferences } from './util/resolveTokenReferences.js';
|
|
8
10
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EACN,aAAa,EACb,cAAc,GAGd,MAAM,oBAAoB,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,OAAO,EACN,WAAW,EACX,iBAAiB,GAEjB,MAAM,mBAAmB,CAAC;AAC3B,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare class ArborElement extends HTMLElement {
|
|
2
2
|
shadowRoot: ShadowRoot;
|
|
3
|
-
config: import("
|
|
3
|
+
config: import("@arbor-css/preset/config").ArborPreset<any, any, import("@arbor-css/colors").CompiledColors, import("@arbor-css/typography").CompiledTypography<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl">, import("@arbor-css/spacing").CompiledSpacing<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "2xs">, import("@arbor-css/shadows").CompiledShadows<"xs" | "sm" | "md" | "lg" | "xl">, import("@arbor-css/functions").PresetFunctions>;
|
|
4
4
|
constructor();
|
|
5
5
|
}
|
|
6
6
|
//# sourceMappingURL=BaseElement.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,
|
|
1
|
+
{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,6cAAe;;CAMrB"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { $globalProps } from '@arbor-css/globals';
|
|
2
1
|
import { isToken } from '@arbor-css/tokens';
|
|
3
2
|
import GUI from 'lil-gui';
|
|
4
3
|
import { readProperties } from '../readProperties.js';
|
|
@@ -10,7 +9,7 @@ class GlobalsEditor extends ArborElement {
|
|
|
10
9
|
gui.close();
|
|
11
10
|
const config = getConfig();
|
|
12
11
|
const globalsFolder = gui.addFolder('Globals');
|
|
13
|
-
for (const [globalKey, token] of Object.entries(
|
|
12
|
+
for (const [globalKey, token] of Object.entries(config.$.system.globals)) {
|
|
14
13
|
let entry = token.type === 'color' ?
|
|
15
14
|
globalsFolder.addColor(config.primitives.globals, globalKey)
|
|
16
15
|
: globalsFolder.add(config.primitives.globals, globalKey);
|
|
@@ -35,8 +34,8 @@ class GlobalsEditor extends ArborElement {
|
|
|
35
34
|
}
|
|
36
35
|
});
|
|
37
36
|
}
|
|
38
|
-
const values = readProperties(config
|
|
39
|
-
for (const [firstLayerKey, firstTokenLayer] of Object.entries(config
|
|
37
|
+
const values = readProperties(config.$.primitives);
|
|
38
|
+
for (const [firstLayerKey, firstTokenLayer] of Object.entries(config.$.primitives)) {
|
|
40
39
|
if (isToken(firstTokenLayer)) {
|
|
41
40
|
addToken(values, firstLayerKey, firstTokenLayer, primitivesFolder);
|
|
42
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,11 +9,11 @@ class SystemDemo extends ArborElement {
|
|
|
9
9
|
<div data-mode-base>
|
|
10
10
|
<details>
|
|
11
11
|
<summary>Primitive Tokens</summary>
|
|
12
|
-
<pre>${JSON.stringify(convertStructure(this.config
|
|
12
|
+
<pre>${JSON.stringify(convertStructure(this.config.$.primitives, isToken, (token) => token.name), null, 2)}</pre>
|
|
13
13
|
</details>
|
|
14
14
|
<details>
|
|
15
15
|
<summary>Mode Tokens</summary>
|
|
16
|
-
<pre>${JSON.stringify(convertStructure(this.config
|
|
16
|
+
<pre>${JSON.stringify(convertStructure(this.config.$.mode, isToken, (token) => token.name), null, 2)}</pre>
|
|
17
17
|
</details>
|
|
18
18
|
<details>
|
|
19
19
|
<summary>Generated CSS</summary>
|
|
@@ -22,7 +22,7 @@ class SystemDemo extends ArborElement {
|
|
|
22
22
|
<arbor-scheme-selector>
|
|
23
23
|
<details open>
|
|
24
24
|
<summary><h2 id="primitives" style="display: inline; margin: 0;">Primitive Tokens</h2></summary>
|
|
25
|
-
<arbor-token-values schema-path="primitives
|
|
25
|
+
<arbor-token-values schema-path="$.primitives"></arbor-token-values>
|
|
26
26
|
</details>
|
|
27
27
|
<details open>
|
|
28
28
|
<summary><h2 id="modes" style="display: inline; margin: 0;">Mode Tokens</h2></summary>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;GAqBxC,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function getConfig():
|
|
1
|
+
import { ArborPreset } from '@arbor-css/preset/config';
|
|
2
|
+
export declare function getConfig(): ArborPreset<any, any>;
|
|
3
3
|
export declare function getStyleSheet(): CSSStyleSheet;
|
|
4
|
-
export declare function connect(arbor:
|
|
4
|
+
export declare function connect(arbor: ArborPreset<any, any>): void;
|
|
5
5
|
//# sourceMappingURL=registration.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registration.d.ts","sourceRoot":"","sources":["../../src/runtime/registration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"registration.d.ts","sourceRoot":"","sources":["../../src/runtime/registration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAMvD,wBAAgB,SAAS,IAAI,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAOjD;AAED,wBAAgB,aAAa,IAAI,aAAa,CAO7C;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,QAOnD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"registration.js","sourceRoot":"","sources":["../../src/runtime/registration.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,IAAI,MAAM,
|
|
1
|
+
{"version":3,"file":"registration.js","sourceRoot":"","sources":["../../src/runtime/registration.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,IAAI,MAAM,GAAsC,SAAS,CAAC;AAC1D,IAAI,UAAU,GAA8B,SAAS,CAAC;AAEtD,MAAM,UAAU,SAAS;IACxB,IAAI,CAAC,MAAM,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACd,oEAAoE,CACpE,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC;AAED,MAAM,UAAU,aAAa;IAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CACd,uEAAuE,CACvE,CAAC;IACH,CAAC;IACD,OAAO,UAAU,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAA4B;IACnD,MAAM,GAAG,KAAK,CAAC;IACf,8GAA8G;IAC9G,MAAM,MAAM,GAAG,kBAAkB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC5D,UAAU,GAAG,IAAI,aAAa,EAAE,CAAC;IACjC,UAAU,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,kBAAkB,GAAG,CAAC,GAAG,QAAQ,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAC5E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokenGroups.d.ts","sourceRoot":"","sources":["../../src/runtime/tokenGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAE1E,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"tokenGroups.d.ts","sourceRoot":"","sources":["../../src/runtime/tokenGroups.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,WAAW,EAAqB,MAAM,mBAAmB,CAAC;AAE1E,wBAAgB,WAAW,CAAC,MAAM,EAAE,WAAW;;;;;;;;;;sCAoD6vD,CAAC;sBAAgD,CAAC;;;;;;;;;;;0CAA6X,CAAC;0BAAoD,CAAC;;;;;;;;;;;;;;0CAAge,CAAC;0BAAoD,CAAC;;;;;;;eAT3xF,KAAK;iBACH,KAAK;qBACD,KAAK;;EAMtB"}
|
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import { CompiledShadows } from '@arbor-css/shadows';
|
|
4
|
-
import { CompiledSpacing } from '@arbor-css/spacing';
|
|
5
|
-
import { TokenSchema } from '@arbor-css/tokens';
|
|
6
|
-
import { CompiledTypography } from '@arbor-css/typography';
|
|
7
|
-
import { ArborConfig } from '../config.js';
|
|
8
|
-
export declare function generateStylesheet<TModeShape extends ModeSchemaLevel, TCompiledColors extends CompiledColors<any, any>, TTypography extends CompiledTypography<any>, TSpacing extends CompiledSpacing<any>, TShadows extends CompiledShadows<any>, TOtherTokens extends TokenSchema>(config: ArborConfig<TModeShape, TCompiledColors, TTypography, TSpacing, TShadows, TOtherTokens>, { layer: cascadeLayerName, }?: {
|
|
1
|
+
import { AnyArborPreset } from '@arbor-css/preset/config';
|
|
2
|
+
export declare function generateStylesheet(config: AnyArborPreset, { layer: cascadeLayerName, }?: {
|
|
9
3
|
layer?: string | false;
|
|
10
4
|
}): string;
|
|
11
5
|
//# sourceMappingURL=generateStylesheet.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAa1D,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CAoIR"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { createToken, isToken, selfReferencedProps, tokenSchemaToList, } from '@arbor-css/tokens';
|
|
1
|
+
import { flattenToPropsList, modeToCss } from '@arbor-css/modes';
|
|
2
|
+
import { isToken, selfReferencedProps, tokenSchemaToList, } from '@arbor-css/tokens';
|
|
4
3
|
import { convertStructure } from '@arbor-css/util';
|
|
5
4
|
import { flattenAndApplyTokenValues } from '../util/flattenAndApplyTokenValues.js';
|
|
6
5
|
import { formatObjectToCss } from '../util/formatObjectToCss.js';
|
|
@@ -9,6 +8,8 @@ const noPreference = `, (prefers-color-scheme: no-preference)`;
|
|
|
9
8
|
export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor', } = {}) {
|
|
10
9
|
const defaultScheme = config.primitives.defaultScheme ?? 'light';
|
|
11
10
|
const baseMode = config.modes.base;
|
|
11
|
+
const systemProps = config.$.system;
|
|
12
|
+
const globalProps = systemProps.globals;
|
|
12
13
|
/**
|
|
13
14
|
* Each scheme generates a full set of CSS color properties
|
|
14
15
|
* which are prefixed with its tag. The application of a scheme
|
|
@@ -16,21 +17,21 @@ export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor',
|
|
|
16
17
|
* tagged one when it is applied.
|
|
17
18
|
*/
|
|
18
19
|
function getSchemeRootPropertiesCss(schemeName) {
|
|
19
|
-
const values = flattenAndApplyTokenValues(config
|
|
20
|
+
const values = flattenAndApplyTokenValues(config.$.primitives.colors, config.primitives.colors[schemeName].colors, { prefix: config.primitives.schemeTags[schemeName] ?? schemeName });
|
|
20
21
|
return formatObjectToCss(values);
|
|
21
22
|
}
|
|
22
23
|
function schemeApplicationCss(schemeName) {
|
|
23
24
|
const scheme = config.primitives.colors[schemeName];
|
|
24
|
-
const values = selfReferencedProps(config
|
|
25
|
+
const values = selfReferencedProps(config.$.primitives.colors, {
|
|
25
26
|
valuePrefix: config.primitives.schemeTags[schemeName] ?? schemeName,
|
|
26
27
|
});
|
|
27
|
-
return `${
|
|
28
|
-
${
|
|
29
|
-
${
|
|
30
|
-
${
|
|
31
|
-
${
|
|
32
|
-
${
|
|
33
|
-
${formatObjectToCss(values)}
|
|
28
|
+
return `${systemProps.labels.scheme.assign(schemeName)}
|
|
29
|
+
${systemProps.scheme.invertMultiplier.assign(scheme.isDark ? -1 : 1)}
|
|
30
|
+
${systemProps.scheme.whenDark.assign(scheme.isDark ? 1 : 0)}
|
|
31
|
+
${systemProps.scheme.whenLight.assign(scheme.isDark ? 0 : 1)}
|
|
32
|
+
${systemProps.scheme.trueLight.assign(scheme.isDark ? 'black' : 'white')}
|
|
33
|
+
${systemProps.scheme.trueHeavy.assign(scheme.isDark ? 'white' : 'black')}
|
|
34
|
+
${formatObjectToCss(values)}
|
|
34
35
|
`;
|
|
35
36
|
}
|
|
36
37
|
const allModeProps = Array.from(new Set(Object.values(config.modes).flatMap((mode) => {
|
|
@@ -44,57 +45,70 @@ export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor',
|
|
|
44
45
|
return acc;
|
|
45
46
|
}, {});
|
|
46
47
|
// convert all tagged scheme colors to Tokens
|
|
48
|
+
const createToken = config.context.createToken;
|
|
47
49
|
const allColorTokens = tokenSchemaToList(convertStructure(schemeColorsWithTags, isToken, (_, path) => createToken(path.join('-'), { type: 'color' })));
|
|
48
|
-
return `/* Auto-generated CSS - do not edit directly */
|
|
49
|
-
${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
|
|
50
|
-
:root {
|
|
51
|
-
/* Assign user globals */
|
|
52
|
-
${printTokens(
|
|
53
|
-
/* By default we set the font size */
|
|
54
|
-
font-size: ${
|
|
55
|
-
|
|
56
|
-
/* Raw scheme ranges */
|
|
50
|
+
return `/* Auto-generated CSS - do not edit directly */
|
|
51
|
+
${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
|
|
52
|
+
:root {
|
|
53
|
+
/* Assign user globals */
|
|
54
|
+
${printTokens(globalProps, config.primitives.globals)}
|
|
55
|
+
/* By default we set the font size */
|
|
56
|
+
font-size: ${globalProps.baseFontSize.var};
|
|
57
|
+
|
|
58
|
+
/* Raw scheme ranges */
|
|
57
59
|
${Object.keys(config.primitives.colors)
|
|
58
60
|
.map((schemeName) => getSchemeRootPropertiesCss(schemeName))
|
|
59
|
-
.join('\n')}
|
|
60
|
-
|
|
61
|
-
/* Dark/Light schemes are assigned to built-in device preferences */
|
|
62
|
-
@media (prefers-color-scheme: light)${defaultScheme === 'light' ? noPreference : ''} {
|
|
63
|
-
${schemeApplicationCss('light')}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
@media (prefers-color-scheme: dark)${defaultScheme === 'dark' ? noPreference : ''} {
|
|
67
|
-
${schemeApplicationCss('dark')}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
/* Other primitives */
|
|
71
|
-
${printTokens(config
|
|
72
|
-
${printTokens(config
|
|
73
|
-
${printTokens(config
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/* Scheme classes */
|
|
61
|
+
.join('\n')}
|
|
62
|
+
|
|
63
|
+
/* Dark/Light schemes are assigned to built-in device preferences */
|
|
64
|
+
@media (prefers-color-scheme: light)${defaultScheme === 'light' ? noPreference : ''} {
|
|
65
|
+
${schemeApplicationCss('light')}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@media (prefers-color-scheme: dark)${defaultScheme === 'dark' ? noPreference : ''} {
|
|
69
|
+
${schemeApplicationCss('dark')}
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
/* Other primitives */
|
|
73
|
+
${printTokens(config.$.primitives.typography, config.primitives.typography.levels)}
|
|
74
|
+
${printTokens(config.$.primitives.spacing, config.primitives.spacing.levels)}
|
|
75
|
+
${printTokens(config.$.primitives.shadows, config.primitives.shadows.levels)}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
/* Scheme classes */
|
|
77
79
|
${Object.keys(config.primitives.colors)
|
|
78
|
-
.map((schemeName) => `.\\@scheme-${schemeName}, [data-scheme-${schemeName}=""] {
|
|
79
|
-
${schemeApplicationCss(schemeName)}
|
|
80
|
+
.map((schemeName) => `.\\@scheme-${schemeName}, [data-scheme-${schemeName}=""] {
|
|
81
|
+
${schemeApplicationCss(schemeName)}
|
|
80
82
|
}`)
|
|
81
|
-
.join('\n\n')}
|
|
82
|
-
|
|
83
|
+
.join('\n\n')}
|
|
84
|
+
|
|
83
85
|
${Object.entries(config.modes)
|
|
84
86
|
.map(([modeName, modeValue]) => {
|
|
85
|
-
return `/* Mode: ${modeName} */
|
|
86
|
-
${modeName === 'base' ? ':root, :root [class^="\\@scheme-"], ' : ''}${modeToCss(modeValue, baseMode)}
|
|
87
|
+
return `/* Mode: ${modeName} */
|
|
88
|
+
${modeName === 'base' ? ':root, :root [class^="\\@scheme-"], ' : ''}${modeToCss(modeValue, baseMode, { systemProps })}
|
|
87
89
|
`;
|
|
88
90
|
})
|
|
89
|
-
.join('\n\n')}
|
|
90
|
-
|
|
91
|
-
/*
|
|
92
|
-
${
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
91
|
+
.join('\n\n')}
|
|
92
|
+
|
|
93
|
+
/* Function definitions */
|
|
94
|
+
${Object.values(config.functions)
|
|
95
|
+
.map((fn) => fn.definition)
|
|
96
|
+
.filter(Boolean)
|
|
97
|
+
.join('\n\n')}
|
|
98
|
+
|
|
99
|
+
/* Custom properties for each primitive color */
|
|
100
|
+
${allColorTokens
|
|
101
|
+
.map((token) => token.definition)
|
|
102
|
+
.filter(Boolean)
|
|
103
|
+
.join('\n')}
|
|
104
|
+
|
|
105
|
+
/* Custom properties for each mode property */
|
|
106
|
+
${allModeProps
|
|
107
|
+
.map((PROP) => PROP.definition)
|
|
108
|
+
.filter(Boolean)
|
|
109
|
+
.join('\n\n')}
|
|
110
|
+
|
|
111
|
+
${cascadeLayerName ? `}` : ''}
|
|
98
112
|
`.trim();
|
|
99
113
|
}
|
|
100
114
|
//# sourceMappingURL=generateStylesheet.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveTokenReferences.d.ts","sourceRoot":"","sources":["../../src/util/resolveTokenReferences.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIvD,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,EAC7B,SAAS,EAAE,MAAM,EACjB,WAAW,GAAE,MAAgB,GAC3B,MAAM,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"resolveTokenReferences.d.ts","sourceRoot":"","sources":["../../src/util/resolveTokenReferences.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIvD,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE,GAAG,CAAC,EAC7B,SAAS,EAAE,MAAM,EACjB,WAAW,GAAE,MAAgB,GAC3B,MAAM,GAAG,SAAS,CAsDpB"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { isCalcEquation, printEquation } from '@arbor-css/calc';
|
|
2
2
|
import { isToken } from '@arbor-css/tokens';
|
|
3
3
|
import { flattenAndApplyTokenValues } from './flattenAndApplyTokenValues.js';
|
|
4
4
|
export function resolveTokenReferences(preset, tokenName, colorScheme = 'light') {
|
|
5
5
|
const flat = flattenAndApplyTokenValues({
|
|
6
|
-
colors: preset
|
|
7
|
-
shadows: preset
|
|
8
|
-
spacing: preset
|
|
9
|
-
typography: preset
|
|
10
|
-
mode: preset
|
|
6
|
+
colors: preset.$.primitives.colors,
|
|
7
|
+
shadows: preset.$.primitives.shadows,
|
|
8
|
+
spacing: preset.$.primitives.spacing,
|
|
9
|
+
typography: preset.$.primitives.typography,
|
|
10
|
+
mode: preset.$.mode,
|
|
11
11
|
}, {
|
|
12
12
|
colors: preset.primitives.colors[colorScheme].colors,
|
|
13
13
|
shadows: preset.primitives.shadows.levels,
|
|
@@ -30,10 +30,11 @@ export function resolveTokenReferences(preset, tokenName, colorScheme = 'light')
|
|
|
30
30
|
if (isToken(value)) {
|
|
31
31
|
current = value.name;
|
|
32
32
|
}
|
|
33
|
-
else if (
|
|
34
|
-
// a
|
|
33
|
+
else if (isCalcEquation(value)) {
|
|
34
|
+
// a calc value could be just a plain var(...) ref,
|
|
35
35
|
// in which case we can keep going
|
|
36
|
-
const
|
|
36
|
+
const printed = printEquation(value);
|
|
37
|
+
const propName = extractPropertyRefName(printed);
|
|
37
38
|
if (!propName) {
|
|
38
39
|
return undefined;
|
|
39
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveTokenReferences.js","sourceRoot":"","sources":["../../src/util/resolveTokenReferences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"resolveTokenReferences.js","sourceRoot":"","sources":["../../src/util/resolveTokenReferences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,MAAM,UAAU,sBAAsB,CACrC,MAA6B,EAC7B,SAAiB,EACjB,cAAsB,OAAO;IAE7B,MAAM,IAAI,GAAG,0BAA0B,CACtC;QACC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM;QAClC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO;QACpC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO;QACpC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,UAAU;QAC1C,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI;KACnB,EACD;QACC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,MAAM;QACpD,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM;QACzC,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM;QACzC,UAAU,EAAE,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM;QAC/C,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;KAC9B,CACD,CAAC;IAEF,IAAI,OAAO,GAAG,SAAS,CAAC;IACxB,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAClC,OAAO,OAAO,EAAE,CAAC;QAChB,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1B,qBAAqB;YACrB,OAAO,SAAS,CAAC;QAClB,CAAC;QACD,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAErB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC;QAClB,CAAC;QACD,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACpB,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC;QACtB,CAAC;aAAM,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAClC,mDAAmD;YACnD,kCAAkC;YAClC,MAAM,OAAO,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;YACrC,MAAM,QAAQ,GAAG,sBAAsB,CAAC,OAAO,CAAC,CAAC;YACjD,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,OAAO,SAAS,CAAC;YAClB,CAAC;YACD,OAAO,GAAG,QAAQ,CAAC;QACpB,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YACtC,oDAAoD;YACpD,MAAM,QAAQ,GAAG,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAC/C,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACf,OAAO,KAAK,CAAC;YACd,CAAC;YACD,OAAO,GAAG,QAAQ,CAAC;QACpB,CAAC;aAAM,CAAC;YACP,yBAAyB;YACzB,OAAO,SAAS,CAAC;QAClB,CAAC;IACF,CAAC;AACF,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAa;IAC5C,MAAM,KAAK,GAAG,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnD,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAChC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createArbor } from '@arbor-css/preset';
|
|
2
2
|
import { expect, it } from 'vitest';
|
|
3
3
|
import { resolveTokenReferences } from './resolveTokenReferences.js';
|
|
4
|
-
const preset =
|
|
4
|
+
const preset = createArbor().preset({
|
|
5
5
|
colors: {
|
|
6
6
|
mainColor: 'red',
|
|
7
7
|
ranges: {
|
|
@@ -12,12 +12,12 @@ const preset = createArborPreset({
|
|
|
12
12
|
},
|
|
13
13
|
});
|
|
14
14
|
it('resolves a indirect token values', () => {
|
|
15
|
-
expect(resolveTokenReferences(preset, preset
|
|
15
|
+
expect(resolveTokenReferences(preset, preset.$.primitives.colors.red.$root.name)).toBe('oklch(90% 0.15000000000000002 0)');
|
|
16
16
|
});
|
|
17
17
|
it('resolves direct token values', () => {
|
|
18
|
-
expect(resolveTokenReferences(preset, preset
|
|
18
|
+
expect(resolveTokenReferences(preset, preset.$.primitives.spacing.$root.name)).toBe('calc(0.5px * 1rem)');
|
|
19
19
|
});
|
|
20
20
|
it('resolves mode token values', () => {
|
|
21
|
-
expect(resolveTokenReferences(preset, preset.
|
|
21
|
+
expect(resolveTokenReferences(preset, preset.$.mode.color.main.$root.name)).toBe('oklch(90% 0.15000000000000002 0)');
|
|
22
22
|
});
|
|
23
23
|
//# sourceMappingURL=resolveTokenReferences.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveTokenReferences.test.js","sourceRoot":"","sources":["../../src/util/resolveTokenReferences.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"resolveTokenReferences.test.js","sourceRoot":"","sources":["../../src/util/resolveTokenReferences.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,MAAM,MAAM,GAAG,WAAW,EAAE,CAAC,MAAM,CAAC;IACnC,MAAM,EAAE;QACP,SAAS,EAAE,KAAK;QAChB,MAAM,EAAE;YACP,GAAG,EAAE;gBACJ,GAAG,EAAE,CAAC;aACN;SACD;KACD;CACD,CAAC,CAAC;AAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC3C,MAAM,CACL,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CACzE,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;AAC5C,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACvC,MAAM,CACL,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAGtE,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;AAC9B,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACrC,MAAM,CACL,sBAAsB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CACnE,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;AAC5C,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arbor-css/core",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.52",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -41,16 +41,18 @@
|
|
|
41
41
|
"jiti": "^2.6.1",
|
|
42
42
|
"lil-gui": "^0.21.0",
|
|
43
43
|
"yargs": "^18.0.0",
|
|
44
|
-
"@arbor-css/preset": "0.0.
|
|
45
|
-
"@arbor-css/tokens": "0.0.
|
|
46
|
-
"@arbor-css/globals": "0.0.
|
|
47
|
-
"@arbor-css/colors": "0.0.
|
|
48
|
-
"@arbor-css/
|
|
49
|
-
"@arbor-css/
|
|
50
|
-
"@arbor-css/
|
|
51
|
-
"@arbor-css/
|
|
52
|
-
"@arbor-css/
|
|
53
|
-
"@arbor-css/
|
|
44
|
+
"@arbor-css/preset": "0.0.52",
|
|
45
|
+
"@arbor-css/tokens": "0.0.52",
|
|
46
|
+
"@arbor-css/globals": "0.0.52",
|
|
47
|
+
"@arbor-css/colors": "0.0.52",
|
|
48
|
+
"@arbor-css/modes": "0.0.52",
|
|
49
|
+
"@arbor-css/typography": "0.0.52",
|
|
50
|
+
"@arbor-css/spacing": "0.0.52",
|
|
51
|
+
"@arbor-css/primitives": "0.0.52",
|
|
52
|
+
"@arbor-css/util": "0.0.52",
|
|
53
|
+
"@arbor-css/shadows": "0.0.52",
|
|
54
|
+
"@arbor-css/functions": "0.0.52",
|
|
55
|
+
"@arbor-css/calc": "0.0.52"
|
|
54
56
|
},
|
|
55
57
|
"scripts": {
|
|
56
58
|
"build": "tsc",
|
package/dist/config.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { CompiledColors } from '@arbor-css/colors';
|
|
2
|
-
import { ModeInstance, ModeSchemaLevel, PartialModeInstance } from '@arbor-css/modes';
|
|
3
|
-
import { Primitives } from '@arbor-css/primitives';
|
|
4
|
-
import { CompiledShadows } from '@arbor-css/shadows';
|
|
5
|
-
import { CompiledSpacing } from '@arbor-css/spacing';
|
|
6
|
-
import { TokenSchema } from '@arbor-css/tokens';
|
|
7
|
-
import { CompiledTypography } from '@arbor-css/typography';
|
|
8
|
-
export interface ArborConfig<TModeShape extends ModeSchemaLevel, TCompiledColors extends CompiledColors<any, any> = CompiledColors<any, any>, TTypography extends CompiledTypography<any> = CompiledTypography<any>, TSpacing extends CompiledSpacing<any> = CompiledSpacing<any>, TShadows extends CompiledShadows<any> = CompiledShadows<any>, TOtherTokens extends TokenSchema = TokenSchema> {
|
|
9
|
-
primitives: Primitives<TCompiledColors, TTypography, TSpacing, TShadows, TOtherTokens>;
|
|
10
|
-
modes: {
|
|
11
|
-
base: ModeInstance<TModeShape>;
|
|
12
|
-
[key: string]: PartialModeInstance<TModeShape>;
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
export declare function createConfig<TModeShape extends ModeSchemaLevel, TCompiledColors extends CompiledColors<any, any>, TTypography extends CompiledTypography<any>, TSpacing extends CompiledSpacing<any>, TShadows extends CompiledShadows<any>, TOtherTokens extends TokenSchema = TokenSchema>(config: ArborConfig<TModeShape, TCompiledColors, TTypography, TSpacing, TShadows, TOtherTokens>): ArborConfig<TModeShape, TCompiledColors, TTypography, TSpacing, TShadows, TOtherTokens>;
|
|
16
|
-
//# sourceMappingURL=config.d.ts.map
|
package/dist/config.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACN,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,WAAW,WAAW,CAC3B,UAAU,SAAS,eAAe,EAClC,eAAe,SAAS,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAC3E,WAAW,SAAS,kBAAkB,CAAC,GAAG,CAAC,GAAG,kBAAkB,CAAC,GAAG,CAAC,EACrE,QAAQ,SAAS,eAAe,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,EAC5D,QAAQ,SAAS,eAAe,CAAC,GAAG,CAAC,GAAG,eAAe,CAAC,GAAG,CAAC,EAC5D,YAAY,SAAS,WAAW,GAAG,WAAW;IAE9C,UAAU,EAAE,UAAU,CACrB,eAAe,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,CACZ,CAAC;IACF,KAAK,EAAE;QACN,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;KAC/C,CAAC;CACF;AAED,wBAAgB,YAAY,CAC3B,UAAU,SAAS,eAAe,EAClC,eAAe,SAAS,cAAc,CAAC,GAAG,EAAE,GAAG,CAAC,EAChD,WAAW,SAAS,kBAAkB,CAAC,GAAG,CAAC,EAC3C,QAAQ,SAAS,eAAe,CAAC,GAAG,CAAC,EACrC,QAAQ,SAAS,eAAe,CAAC,GAAG,CAAC,EACrC,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,MAAM,EAAE,WAAW,CAClB,UAAU,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,CACZ,GACC,WAAW,CACb,UAAU,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,CACZ,CAEA"}
|
package/dist/config.js
DELETED
package/dist/config.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAiCA,MAAM,UAAU,YAAY,CAQ3B,MAOC;IASD,OAAO,MAAM,CAAC;AACf,CAAC"}
|