@arbor-css/core 0.0.92 → 0.0.93
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/getStructuredTokensMap.test.js +1 -1
- package/dist/getStructuredTokensMap.test.js.map +1 -1
- package/dist/index.d.ts +1 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -6
- package/dist/index.js.map +1 -1
- package/dist/presets/arborPreset/index.d.ts +6 -0
- package/dist/presets/arborPreset/index.d.ts.map +1 -1
- package/dist/presets/arborPreset/index.js +6 -0
- package/dist/presets/arborPreset/index.js.map +1 -1
- package/dist/presets/arborPreset/modeSchema/global.d.ts +39 -0
- package/dist/presets/arborPreset/modeSchema/global.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeSchema/global.js +40 -0
- package/dist/presets/arborPreset/modeSchema/global.js.map +1 -0
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts +33 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeSchema/modeSchema.js +2 -2
- package/dist/presets/arborPreset/modeSchema/modeSchema.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/color.d.ts +33 -0
- package/dist/presets/arborPreset/modeValues/color/color.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/color.js +24 -0
- package/dist/presets/arborPreset/modeValues/color/color.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts +34 -0
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.js +47 -0
- package/dist/presets/arborPreset/modeValues/color/compile.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.d.ts +2 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.js +192 -0
- package/dist/presets/arborPreset/modeValues/color/compile.test.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/index.d.ts +5 -0
- package/dist/presets/arborPreset/modeValues/color/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/index.js +5 -0
- package/dist/presets/arborPreset/modeValues/color/index.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts +67 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.js +110 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.d.ts +13 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.js +15 -0
- package/dist/presets/arborPreset/modeValues/color/schemes.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/intents.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/intents.js +13 -13
- package/dist/presets/arborPreset/modeValues/intents.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.d.ts +1 -49
- package/dist/presets/arborPreset/modeValues/semantics.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/semantics.js +13 -13
- package/dist/presets/arborPreset/modeValues/semantics.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts +29 -0
- package/dist/presets/arborPreset/modeValues/shadow/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/shadow/index.js +57 -0
- package/dist/presets/arborPreset/modeValues/shadow/index.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts +24 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.js +40 -0
- package/dist/presets/arborPreset/modeValues/spacing/index.js.map +1 -0
- package/dist/presets/arborPreset/modeValues/types.d.ts +3 -3
- package/dist/presets/arborPreset/modeValues/types.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts +20 -0
- package/dist/presets/arborPreset/modeValues/typography/index.d.ts.map +1 -0
- package/dist/presets/arborPreset/modeValues/typography/index.js +49 -0
- package/dist/presets/arborPreset/modeValues/typography/index.js.map +1 -0
- package/dist/presets/arborPreset/preset.d.ts +277 -32
- package/dist/presets/arborPreset/preset.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.js +56 -21
- package/dist/presets/arborPreset/preset.js.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +3 -0
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.d.ts +10 -6
- package/dist/presets/basicPreset/commonFunctions.d.ts.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.js +10 -10
- package/dist/presets/basicPreset/commonFunctions.js.map +1 -1
- package/dist/presets/basicPreset/functions.test.js +2 -2
- package/dist/presets/basicPreset/functions.test.js.map +1 -1
- package/dist/presets/basicPreset/mixins.d.ts +218 -26
- package/dist/presets/basicPreset/mixins.d.ts.map +1 -1
- package/dist/presets/basicPreset/mixins.js +17 -22
- package/dist/presets/basicPreset/mixins.js.map +1 -1
- package/dist/presets/basicPreset/preset.d.ts +82 -25
- package/dist/presets/basicPreset/preset.d.ts.map +1 -1
- package/dist/presets/basicPreset/preset.js +53 -9
- package/dist/presets/basicPreset/preset.js.map +1 -1
- package/dist/runtime/components/SchemeSelector.js +4 -4
- package/dist/runtime/components/SchemeSelector.js.map +1 -1
- package/dist/runtime/components/TokenValues.js +0 -2
- package/dist/runtime/components/TokenValues.js.map +1 -1
- package/dist/runtime/components/index.d.ts +0 -1
- package/dist/runtime/components/index.d.ts.map +1 -1
- package/dist/runtime/components/index.js +0 -1
- package/dist/runtime/components/index.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.d.ts.map +1 -1
- package/dist/stylesheet/generateStylesheet.js +19 -51
- package/dist/stylesheet/generateStylesheet.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.test.js +3 -1
- package/dist/stylesheet/generateStylesheet.test.js.map +1 -1
- package/dist/stylesheet/modeToCss.d.ts.map +1 -1
- package/dist/stylesheet/modeToCss.js +85 -3
- package/dist/stylesheet/modeToCss.js.map +1 -1
- package/dist/stylesheet/modeToCss.test.js +33 -7
- package/dist/stylesheet/modeToCss.test.js.map +1 -1
- package/dist/util/flattenAndApplyTokenValues.d.ts +2 -1
- package/dist/util/flattenAndApplyTokenValues.d.ts.map +1 -1
- package/dist/util/flattenAndApplyTokenValues.js +13 -3
- package/dist/util/flattenAndApplyTokenValues.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.js +1 -10
- package/dist/util/resolveComputedTokenValue.js.map +1 -1
- package/dist/util/resolveComputedTokenValue.test.js +4 -4
- package/dist/util/resolveComputedTokenValue.test.js.map +1 -1
- package/package.json +8 -12
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts +0 -7
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.d.ts.map +0 -1
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.js +0 -8
- package/dist/presets/arborPreset/modeSchema/scalars/scalars.js.map +0 -1
- package/dist/runtime/components/GlobalsEditor.d.ts +0 -2
- package/dist/runtime/components/GlobalsEditor.d.ts.map +0 -1
- package/dist/runtime/components/GlobalsEditor.js +0 -24
- package/dist/runtime/components/GlobalsEditor.js.map +0 -1
- package/dist/util/resolveTokenReferences.d.ts +0 -3
- package/dist/util/resolveTokenReferences.d.ts.map +0 -1
- package/dist/util/resolveTokenReferences.js +0 -49
- package/dist/util/resolveTokenReferences.js.map +0 -1
- package/dist/util/resolveTokenReferences.test.d.ts +0 -2
- package/dist/util/resolveTokenReferences.test.d.ts.map +0 -1
- package/dist/util/resolveTokenReferences.test.js +0 -23
- package/dist/util/resolveTokenReferences.test.js.map +0 -1
|
@@ -34,6 +34,6 @@ it('applies descriptions to all built-in system and global tokens', () => {
|
|
|
34
34
|
});
|
|
35
35
|
const tokens = tokenSchemaToList(preset.$.system);
|
|
36
36
|
expect(tokens.every((token) => typeof token.description === 'string' && token.description.length > 0)).toBe(true);
|
|
37
|
-
expect(preset.$.
|
|
37
|
+
expect(preset.$.mode.global.baseFontSize.description).toBeDefined();
|
|
38
38
|
});
|
|
39
39
|
//# sourceMappingURL=getStructuredTokensMap.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getStructuredTokensMap.test.js","sourceRoot":"","sources":["../src/getStructuredTokensMap.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,EAAE,CAAC,0EAA0E,EAAE,GAAG,EAAE;IACnF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,GAAG,EAAE,EAAE;iBACP;aACD;YACD,SAAS,EAAE,OAAO;SAClB;KACD,CAAC,CAAC;IACH,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,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,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,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAC3C,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAClC,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;IACxE,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,GAAG,EAAE,EAAE;iBACP;aACD;YACD,SAAS,EAAE,OAAO;SAClB;KACD,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAElD,MAAM,CACL,MAAM,CAAC,KAAK,CACX,CAAC,KAAK,EAAE,EAAE,CACT,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CACtE,CACD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACb,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"getStructuredTokensMap.test.js","sourceRoot":"","sources":["../src/getStructuredTokensMap.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,EAAE,CAAC,0EAA0E,EAAE,GAAG,EAAE;IACnF,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,GAAG,EAAE,EAAE;iBACP;aACD;YACD,SAAS,EAAE,OAAO;SAClB;KACD,CAAC,CAAC;IACH,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,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,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,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC,CAAC,IAAI,CAC3C,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAClC,CAAC;AACH,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+DAA+D,EAAE,GAAG,EAAE;IACxE,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,KAAK,EAAE;oBACN,GAAG,EAAE,EAAE;iBACP;aACD;YACD,SAAS,EAAE,OAAO;SAClB;KACD,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAElD,MAAM,CACL,MAAM,CAAC,KAAK,CACX,CAAC,KAAK,EAAE,EAAE,CACT,OAAO,KAAK,CAAC,WAAW,KAAK,QAAQ,IAAI,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CACtE,CACD,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACb,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,WAAW,EAAE,CAAC;AACrE,CAAC,CAAC,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
|
-
export * from '@arbor-css/colors';
|
|
2
1
|
export * from '@arbor-css/functions';
|
|
3
|
-
export {
|
|
2
|
+
export { DEFAULT_META_TOKEN_PREFIX, DEFAULT_MODE_TOKEN_PREFIX, DEFAULT_PRIMITIVE_TOKEN_PREFIX, DEFAULT_REF_TOKEN_PREFIX, type ArborPrefixConfig, type ArborResolvedPrefixes, } from '@arbor-css/globals';
|
|
4
3
|
export * from '@arbor-css/modes';
|
|
5
4
|
export type * from '@arbor-css/preset';
|
|
6
5
|
export { definePreset } from '@arbor-css/preset';
|
|
7
6
|
export * from '@arbor-css/preset/config';
|
|
8
|
-
export * from '@arbor-css/shadows';
|
|
9
|
-
export * from '@arbor-css/spacing';
|
|
10
7
|
export * from '@arbor-css/tokens';
|
|
11
|
-
export * from '@arbor-css/typography';
|
|
12
8
|
export * from './getStructuredTokensMap.js';
|
|
13
9
|
export { generateStylesheet } from './stylesheet/generateStylesheet.js';
|
|
14
10
|
export { resolveComputedTokenValue } from './util/resolveComputedTokenValue.js';
|
|
15
|
-
export { resolveTokenReferences } from './util/resolveTokenReferences.js';
|
|
16
11
|
//# 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,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EACN,yBAAyB,EACzB,yBAAyB,EACzB,8BAA8B,EAC9B,wBAAwB,EACxB,KAAK,iBAAiB,EACtB,KAAK,qBAAqB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,mBAAmB,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
export * from '@arbor-css/colors';
|
|
2
1
|
export * from '@arbor-css/functions';
|
|
3
|
-
export {
|
|
2
|
+
export { DEFAULT_META_TOKEN_PREFIX, DEFAULT_MODE_TOKEN_PREFIX, DEFAULT_PRIMITIVE_TOKEN_PREFIX, DEFAULT_REF_TOKEN_PREFIX, } from '@arbor-css/globals';
|
|
4
3
|
export * from '@arbor-css/modes';
|
|
5
4
|
export { definePreset } from '@arbor-css/preset';
|
|
6
5
|
export * from '@arbor-css/preset/config';
|
|
7
|
-
export * from '@arbor-css/shadows';
|
|
8
|
-
export * from '@arbor-css/spacing';
|
|
9
6
|
export * from '@arbor-css/tokens';
|
|
10
|
-
export * from '@arbor-css/typography';
|
|
11
7
|
export * from './getStructuredTokensMap.js';
|
|
12
8
|
export { generateStylesheet } from './stylesheet/generateStylesheet.js';
|
|
13
9
|
export { resolveComputedTokenValue } from './util/resolveComputedTokenValue.js';
|
|
14
|
-
export { resolveTokenReferences } from './util/resolveTokenReferences.js';
|
|
15
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,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,OAAO,EACN,yBAAyB,EACzB,yBAAyB,EACzB,8BAA8B,EAC9B,wBAAwB,GAGxB,MAAM,oBAAoB,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AAEjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
export * from './modeSchema/modeSchema.js';
|
|
2
|
+
export * from './modeValues/color/index.js';
|
|
3
|
+
export * from './modeValues/intents.js';
|
|
4
|
+
export * from './modeValues/semantics.js';
|
|
5
|
+
export * from './modeValues/shadow/index.js';
|
|
6
|
+
export * from './modeValues/spacing/index.js';
|
|
7
|
+
export * from './modeValues/typography/index.js';
|
|
2
8
|
export * from './preset.js';
|
|
3
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presets/arborPreset/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/presets/arborPreset/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,aAAa,CAAC"}
|
|
@@ -1,3 +1,9 @@
|
|
|
1
1
|
export * from './modeSchema/modeSchema.js';
|
|
2
|
+
export * from './modeValues/color/index.js';
|
|
3
|
+
export * from './modeValues/intents.js';
|
|
4
|
+
export * from './modeValues/semantics.js';
|
|
5
|
+
export * from './modeValues/shadow/index.js';
|
|
6
|
+
export * from './modeValues/spacing/index.js';
|
|
7
|
+
export * from './modeValues/typography/index.js';
|
|
2
8
|
export * from './preset.js';
|
|
3
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export declare const global: {
|
|
2
|
+
density: {
|
|
3
|
+
purpose: "scalar";
|
|
4
|
+
description: "A scaling factor for density. Higher density means smaller, tighter spacing and size";
|
|
5
|
+
};
|
|
6
|
+
saturation: {
|
|
7
|
+
purpose: "scalar";
|
|
8
|
+
description: "Applies global saturation adjustments to all colors";
|
|
9
|
+
};
|
|
10
|
+
roundness: {
|
|
11
|
+
purpose: "scalar";
|
|
12
|
+
description: "Controls the roundness of corners. Larger roundness values also may affect padding.";
|
|
13
|
+
};
|
|
14
|
+
shadowSpread: {
|
|
15
|
+
purpose: "scalar";
|
|
16
|
+
description: "Controls the spread size of all shadows.";
|
|
17
|
+
};
|
|
18
|
+
shadowBlur: {
|
|
19
|
+
purpose: "scalar";
|
|
20
|
+
description: "Controls the blur scaling of all shadows.";
|
|
21
|
+
};
|
|
22
|
+
lineWidth: {
|
|
23
|
+
purpose: "scalar";
|
|
24
|
+
description: "Controls the width of lines used for borders, etc.";
|
|
25
|
+
};
|
|
26
|
+
baseFontSize: {
|
|
27
|
+
purpose: "font-size";
|
|
28
|
+
description: "Defines the root font size used to derive typography tokens.";
|
|
29
|
+
};
|
|
30
|
+
baseSpacingSize: {
|
|
31
|
+
purpose: "spacing";
|
|
32
|
+
description: "Defines the base spacing unit used to derive spacing and layout tokens.";
|
|
33
|
+
};
|
|
34
|
+
defaultShadowColor: {
|
|
35
|
+
purpose: "color";
|
|
36
|
+
description: "Provides the default shadow color used when a shadow token does not supply its own color.";
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=global.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/global.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCjB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { createModeSchema } from '@arbor-css/modes';
|
|
2
|
+
export const global = createModeSchema({
|
|
3
|
+
density: {
|
|
4
|
+
purpose: 'scalar',
|
|
5
|
+
description: 'A scaling factor for density. Higher density means smaller, tighter spacing and size',
|
|
6
|
+
},
|
|
7
|
+
saturation: {
|
|
8
|
+
purpose: 'scalar',
|
|
9
|
+
description: 'Applies global saturation adjustments to all colors',
|
|
10
|
+
},
|
|
11
|
+
roundness: {
|
|
12
|
+
purpose: 'scalar',
|
|
13
|
+
description: 'Controls the roundness of corners. Larger roundness values also may affect padding.',
|
|
14
|
+
},
|
|
15
|
+
shadowSpread: {
|
|
16
|
+
purpose: 'scalar',
|
|
17
|
+
description: 'Controls the spread size of all shadows.',
|
|
18
|
+
},
|
|
19
|
+
shadowBlur: {
|
|
20
|
+
purpose: 'scalar',
|
|
21
|
+
description: 'Controls the blur scaling of all shadows.',
|
|
22
|
+
},
|
|
23
|
+
lineWidth: {
|
|
24
|
+
purpose: 'scalar',
|
|
25
|
+
description: 'Controls the width of lines used for borders, etc.',
|
|
26
|
+
},
|
|
27
|
+
baseFontSize: {
|
|
28
|
+
purpose: 'font-size',
|
|
29
|
+
description: 'Defines the root font size used to derive typography tokens.',
|
|
30
|
+
},
|
|
31
|
+
baseSpacingSize: {
|
|
32
|
+
purpose: 'spacing',
|
|
33
|
+
description: 'Defines the base spacing unit used to derive spacing and layout tokens.',
|
|
34
|
+
},
|
|
35
|
+
defaultShadowColor: {
|
|
36
|
+
purpose: 'color',
|
|
37
|
+
description: 'Provides the default shadow color used when a shadow token does not supply its own color.',
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=global.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"global.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,MAAM,GAAG,gBAAgB,CAAC;IACtC,OAAO,EAAE;QACR,OAAO,EAAE,QAAQ;QACjB,WAAW,EACV,sFAAsF;KACvF;IACD,UAAU,EAAE;QACX,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,qDAAqD;KAClE;IACD,SAAS,EAAE;QACV,OAAO,EAAE,QAAQ;QACjB,WAAW,EACV,qFAAqF;KACtF;IACD,YAAY,EAAE;QACb,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,0CAA0C;KACvD;IACD,UAAU,EAAE;QACX,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,2CAA2C;KACxD;IACD,SAAS,EAAE;QACV,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,oDAAoD;KACjE;IACD,YAAY,EAAE;QACb,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,8DAA8D;KAC3E;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,WAAW,EACV,yEAAyE;KAC1E;IACD,kBAAkB,EAAE;QACnB,OAAO,EAAE,OAAO;QAChB,WAAW,EACV,2FAA2F;KAC5F;CACD,CAAC,CAAC"}
|
|
@@ -2,11 +2,43 @@ export interface ArborModeSchemaOptions<TColorName extends PropertyKey> {
|
|
|
2
2
|
colorNames: TColorName[];
|
|
3
3
|
}
|
|
4
4
|
export declare function createArborModeSchema<TColorName extends string>(options: ArborModeSchemaOptions<TColorName>): {
|
|
5
|
-
|
|
5
|
+
global: {
|
|
6
6
|
density: {
|
|
7
7
|
purpose: "scalar";
|
|
8
8
|
description: "A scaling factor for density. Higher density means smaller, tighter spacing and size";
|
|
9
9
|
};
|
|
10
|
+
saturation: {
|
|
11
|
+
purpose: "scalar";
|
|
12
|
+
description: "Applies global saturation adjustments to all colors";
|
|
13
|
+
};
|
|
14
|
+
roundness: {
|
|
15
|
+
purpose: "scalar";
|
|
16
|
+
description: "Controls the roundness of corners. Larger roundness values also may affect padding.";
|
|
17
|
+
};
|
|
18
|
+
shadowSpread: {
|
|
19
|
+
purpose: "scalar";
|
|
20
|
+
description: "Controls the spread size of all shadows.";
|
|
21
|
+
};
|
|
22
|
+
shadowBlur: {
|
|
23
|
+
purpose: "scalar";
|
|
24
|
+
description: "Controls the blur scaling of all shadows.";
|
|
25
|
+
};
|
|
26
|
+
lineWidth: {
|
|
27
|
+
purpose: "scalar";
|
|
28
|
+
description: "Controls the width of lines used for borders, etc.";
|
|
29
|
+
};
|
|
30
|
+
baseFontSize: {
|
|
31
|
+
purpose: "font-size";
|
|
32
|
+
description: "Defines the root font size used to derive typography tokens.";
|
|
33
|
+
};
|
|
34
|
+
baseSpacingSize: {
|
|
35
|
+
purpose: "spacing";
|
|
36
|
+
description: "Defines the base spacing unit used to derive spacing and layout tokens.";
|
|
37
|
+
};
|
|
38
|
+
defaultShadowColor: {
|
|
39
|
+
purpose: "color";
|
|
40
|
+
description: "Provides the default shadow color used when a shadow token does not supply its own color.";
|
|
41
|
+
};
|
|
10
42
|
};
|
|
11
43
|
primitive: {
|
|
12
44
|
color: Record<TColorName, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modeSchema.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,sBAAsB,CAAC,UAAU,SAAS,WAAW;IACrE,UAAU,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,UAAU,SAAS,MAAM,EAC9D,OAAO,EAAE,sBAAsB,CAAC,UAAU,CAAC
|
|
1
|
+
{"version":3,"file":"modeSchema.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AAoBA,MAAM,WAAW,sBAAsB,CAAC,UAAU,SAAS,WAAW;IACrE,UAAU,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,wBAAgB,qBAAqB,CAAC,UAAU,SAAS,MAAM,EAC9D,OAAO,EAAE,sBAAsB,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+B3C;AAED,MAAM,MAAM,eAAe,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,UAAU,CAC3E,OAAO,qBAAqB,CAAC,UAAU,CAAC,CACxC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { global } from './global.js';
|
|
1
2
|
import { actionIntents } from './intents/action.js';
|
|
2
3
|
import { controlIntents } from './intents/control.js';
|
|
3
4
|
import { surfaceIntents } from './intents/surface.js';
|
|
@@ -8,7 +9,6 @@ import { easingPrimitives } from './primitives/easing.js';
|
|
|
8
9
|
import { shadowPrimitives } from './primitives/shadow.js';
|
|
9
10
|
import { spacingPrimitives } from './primitives/spacing.js';
|
|
10
11
|
import { typographyPrimitives } from './primitives/typography.js';
|
|
11
|
-
import { scalars } from './scalars/scalars.js';
|
|
12
12
|
import { mainColorSemantics } from './semantics/color.js';
|
|
13
13
|
import { durationSemantics } from './semantics/duration.js';
|
|
14
14
|
import { easingSemantics } from './semantics/easing.js';
|
|
@@ -19,7 +19,7 @@ import { spacingSemantics } from './semantics/spacing.js';
|
|
|
19
19
|
export function createArborModeSchema(options) {
|
|
20
20
|
return {
|
|
21
21
|
// these influence all sorts of things
|
|
22
|
-
|
|
22
|
+
global,
|
|
23
23
|
// primitive values
|
|
24
24
|
primitive: {
|
|
25
25
|
color: createColorPrimitives(options.colorNames),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modeSchema.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"modeSchema.js","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeSchema/modeSchema.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAM1D,MAAM,UAAU,qBAAqB,CACpC,OAA2C;IAE3C,OAAO;QACN,sCAAsC;QACtC,MAAM;QAEN,mBAAmB;QACnB,SAAS,EAAE;YACV,KAAK,EAAE,qBAAqB,CAAC,OAAO,CAAC,UAAU,CAAC;YAChD,OAAO,EAAE,iBAAiB;YAC1B,UAAU,EAAE,oBAAoB;YAChC,MAAM,EAAE,gBAAgB;YACxB,MAAM,EAAE,gBAAgB;YACxB,QAAQ,EAAE,kBAAkB;SAC5B;QAED,UAAU;QACV,MAAM,EAAE,aAAa;QACrB,OAAO,EAAE,cAAc;QACvB,OAAO,EAAE,cAAc;QACvB,IAAI,EAAE,WAAW;QAEjB,kBAAkB;QAClB,KAAK,EAAE,kBAAkB;QACzB,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,kBAAkB;QAC7B,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,iBAAiB;KACC,CAAC;AAC/B,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { CalcEvaluationContext, CalcOperations, ComputationResult, Equation } from '@arbor-css/calc';
|
|
2
|
+
export interface OklchColorEquation {
|
|
3
|
+
l: Equation;
|
|
4
|
+
c: Equation;
|
|
5
|
+
h: Equation;
|
|
6
|
+
from?: Equation;
|
|
7
|
+
compiled: Equation;
|
|
8
|
+
/**
|
|
9
|
+
* Prints the CSS value of the color equation, including all
|
|
10
|
+
* calculations and variable references - fully dynamic.
|
|
11
|
+
*/
|
|
12
|
+
printDynamic(context: CalcEvaluationContext): string;
|
|
13
|
+
/**
|
|
14
|
+
* Uses the equation and provided context to compute a static
|
|
15
|
+
* OKLCH color string with calculations and references resolved.
|
|
16
|
+
*/
|
|
17
|
+
printComputed(context: CalcEvaluationContext): string;
|
|
18
|
+
/**
|
|
19
|
+
* Returns the raw computed L, C, H values as numbers with units.
|
|
20
|
+
*/
|
|
21
|
+
computeParts(ctx: CalcEvaluationContext): {
|
|
22
|
+
l: ComputationResult;
|
|
23
|
+
c: ComputationResult;
|
|
24
|
+
h: ComputationResult;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export declare function oklchBuilder(impl: ($: CalcOperations) => {
|
|
28
|
+
from?: Equation;
|
|
29
|
+
l: Equation;
|
|
30
|
+
c: Equation;
|
|
31
|
+
h: Equation;
|
|
32
|
+
}): OklchColorEquation;
|
|
33
|
+
//# sourceMappingURL=color.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,qBAAqB,EACrB,cAAc,EACd,iBAAiB,EACjB,QAAQ,EAKR,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,kBAAkB;IAClC,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,QAAQ,CAAC;IAEnB;;;OAGG;IACH,YAAY,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAAC;IACrD;;;OAGG;IACH,aAAa,CAAC,OAAO,EAAE,qBAAqB,GAAG,MAAM,CAAC;IACtD;;OAEG;IACH,YAAY,CAAC,GAAG,EAAE,qBAAqB,GAAG;QACzC,CAAC,EAAE,iBAAiB,CAAC;QACrB,CAAC,EAAE,iBAAiB,CAAC;QACrB,CAAC,EAAE,iBAAiB,CAAC;KACrB,CAAC;CACF;AAED,wBAAgB,YAAY,CAC3B,IAAI,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;CACZ,GACC,kBAAkB,CA6BpB"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { $, computeEquation, css, printComputationResult, printEquation, } from '@arbor-css/calc';
|
|
2
|
+
export function oklchBuilder(impl) {
|
|
3
|
+
const equations = impl($);
|
|
4
|
+
function compute(context) {
|
|
5
|
+
const l = computeEquation(equations.l, context);
|
|
6
|
+
const c = computeEquation(equations.c, context);
|
|
7
|
+
const h = computeEquation(equations.h, context);
|
|
8
|
+
const from = equations.from ? computeEquation(equations.from, context) : undefined;
|
|
9
|
+
return { l, c, h, from };
|
|
10
|
+
}
|
|
11
|
+
const compiled = css `oklch(${equations.from ? `from ${equations.from} ` : ''}calc(${equations.l}) calc(${equations.c}) calc(${equations.h}))`;
|
|
12
|
+
return {
|
|
13
|
+
...equations,
|
|
14
|
+
compiled: css `oklch(${equations.from ? `from ${equations.from} ` : ''}calc(${equations.l}) calc(${equations.c}) calc(${equations.h}))`,
|
|
15
|
+
printDynamic() {
|
|
16
|
+
return printEquation(compiled);
|
|
17
|
+
},
|
|
18
|
+
printComputed(context) {
|
|
19
|
+
return printComputationResult(computeEquation(compiled, context));
|
|
20
|
+
},
|
|
21
|
+
computeParts: compute,
|
|
22
|
+
};
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=color.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/color.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,CAAC,EAKD,eAAe,EACf,GAAG,EACH,sBAAsB,EACtB,aAAa,GACb,MAAM,iBAAiB,CAAC;AA6BzB,MAAM,UAAU,YAAY,CAC3B,IAKC;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;IAE1B,SAAS,OAAO,CAAC,OAA8B;QAC9C,MAAM,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,CAAC,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QAChD,MAAM,IAAI,GACT,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACvE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM,QAAQ,GAAG,GAAG,CAAA,SACnB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAC9C,QAAQ,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO;QACN,GAAG,SAAS;QACZ,QAAQ,EAAE,GAAG,CAAA,SACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAC9C,QAAQ,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,IAAI;QACjE,YAAY;YACX,OAAO,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChC,CAAC;QACD,aAAa,CAAC,OAA8B;YAC3C,OAAO,sBAAsB,CAAC,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;QACnE,CAAC;QACD,YAAY,EAAE,OAAO;KACrB,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Token } from '@arbor-css/tokens';
|
|
2
|
+
import { ColorRangeConfig, CompiledColorRange, DefaultRangeName } from './ranges.js';
|
|
3
|
+
import { SchemeDefinition } from './schemes.js';
|
|
4
|
+
export type CompiledColorRangeWithNeutral<TRangeStepNames extends string = DefaultRangeName> = CompiledColorRange<TRangeStepNames> & {
|
|
5
|
+
/**
|
|
6
|
+
* An automatically-generated neutral range derived from
|
|
7
|
+
* the color range.
|
|
8
|
+
*/
|
|
9
|
+
$neutral: CompiledColorRange<TRangeStepNames>;
|
|
10
|
+
};
|
|
11
|
+
export type CompiledColorRanges<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> = {
|
|
12
|
+
[K in TRangeNames]: CompiledColorRangeWithNeutral<TRangeStepNames>;
|
|
13
|
+
};
|
|
14
|
+
export type CompiledColors<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> = CompiledColorRanges<TRangeNames, TRangeStepNames>;
|
|
15
|
+
export interface CompileColorsOptions<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> {
|
|
16
|
+
ranges: Record<TRangeNames, ColorRangeConfig<TRangeStepNames>>;
|
|
17
|
+
schemes?: {
|
|
18
|
+
light?: SchemeDefinition<ColorRangeConfig<TRangeStepNames>, TRangeStepNames>;
|
|
19
|
+
dark?: SchemeDefinition<ColorRangeConfig<TRangeStepNames>, TRangeStepNames>;
|
|
20
|
+
};
|
|
21
|
+
invertLightDark?: boolean;
|
|
22
|
+
}
|
|
23
|
+
type RequiredTokens = {
|
|
24
|
+
saturation: Token;
|
|
25
|
+
};
|
|
26
|
+
/**
|
|
27
|
+
* Given an input set of color range configurations (hue, saturation)
|
|
28
|
+
* and, optionally, specific calculations to handle light/dark schemes,
|
|
29
|
+
* produces a single set of compiled color ranges which incorporates
|
|
30
|
+
* light-dark logic to select the appropriate color in each scheme
|
|
31
|
+
*/
|
|
32
|
+
export declare function compileColors<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName>({ ranges, schemes: userSchemes, invertLightDark, }: CompileColorsOptions<TRangeNames, TRangeStepNames>, $: RequiredTokens): CompiledColors<TRangeNames, TRangeStepNames>;
|
|
33
|
+
export {};
|
|
34
|
+
//# sourceMappingURL=compile.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACN,gBAAgB,EAChB,kBAAkB,EAElB,gBAAgB,EAEhB,MAAM,aAAa,CAAC;AACrB,OAAO,EAGN,gBAAgB,EAChB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,6BAA6B,CACxC,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C,kBAAkB,CAAC,eAAe,CAAC,GAAG;IACzC;;;OAGG;IACH,QAAQ,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAC9B,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C;KACF,CAAC,IAAI,WAAW,GAAG,6BAA6B,CAAC,eAAe,CAAC;CAClE,CAAC;AAEF,MAAM,MAAM,cAAc,CACzB,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAEtD,MAAM,WAAW,oBAAoB,CACpC,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB;IAEjD,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/D,OAAO,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,gBAAgB,CACvB,gBAAgB,CAAC,eAAe,CAAC,EACjC,eAAe,CACf,CAAC;QACF,IAAI,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;KAC5E,CAAC;IACF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,KAAK,cAAc,GAAG;IACrB,UAAU,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAC5B,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,EAEjD,EACC,MAAM,EACN,OAAO,EAAE,WAAW,EACpB,eAAuB,GACvB,EAAE,oBAAoB,CAAC,WAAW,EAAE,eAAe,CAAC,EACrD,CAAC,EAAE,cAAc,GACf,cAAc,CAAC,WAAW,EAAE,eAAe,CAAC,CAiC9C"}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { css } from '@arbor-css/calc';
|
|
2
|
+
import { createNeutralDerivedRange, } from './ranges.js';
|
|
3
|
+
import { defaultDarkScheme, defaultLightScheme, } from './schemes.js';
|
|
4
|
+
/**
|
|
5
|
+
* Given an input set of color range configurations (hue, saturation)
|
|
6
|
+
* and, optionally, specific calculations to handle light/dark schemes,
|
|
7
|
+
* produces a single set of compiled color ranges which incorporates
|
|
8
|
+
* light-dark logic to select the appropriate color in each scheme
|
|
9
|
+
*/
|
|
10
|
+
export function compileColors({ ranges, schemes: userSchemes, invertLightDark = false, }, $) {
|
|
11
|
+
const schemes = {
|
|
12
|
+
light: userSchemes?.light ??
|
|
13
|
+
defaultLightScheme,
|
|
14
|
+
dark: userSchemes?.dark ??
|
|
15
|
+
defaultDarkScheme,
|
|
16
|
+
};
|
|
17
|
+
const colors = Object.keys(ranges).reduce((colorsAcc, rangeName) => {
|
|
18
|
+
const rangeConfig = ranges[rangeName];
|
|
19
|
+
const uncompiledLight = schemes.light.getColorRange(rangeConfig, $);
|
|
20
|
+
const uncompiledDark = schemes.dark.getColorRange(rangeConfig, $);
|
|
21
|
+
const combined = toLightDarkCompiled(invertLightDark ? uncompiledDark : uncompiledLight, invertLightDark ? uncompiledLight : uncompiledDark, $);
|
|
22
|
+
colorsAcc[rangeName] = combined;
|
|
23
|
+
return colorsAcc;
|
|
24
|
+
}, {});
|
|
25
|
+
return colors;
|
|
26
|
+
}
|
|
27
|
+
function toLightDarkCompiled(light, dark, $) {
|
|
28
|
+
const result = {};
|
|
29
|
+
for (const key in light) {
|
|
30
|
+
const lightColor = light[key];
|
|
31
|
+
const darkColor = dark[key];
|
|
32
|
+
result[key] =
|
|
33
|
+
css `light-dark(${lightColor.equation.compiled}, ${darkColor.equation.compiled})`;
|
|
34
|
+
}
|
|
35
|
+
const lightNeutral = createNeutralDerivedRange(light, $);
|
|
36
|
+
const darkNeutral = createNeutralDerivedRange(dark, $);
|
|
37
|
+
const neutralResult = {};
|
|
38
|
+
for (const key in lightNeutral) {
|
|
39
|
+
const lightColor = lightNeutral[key];
|
|
40
|
+
const darkColor = darkNeutral[key];
|
|
41
|
+
neutralResult[key] =
|
|
42
|
+
css `light-dark(${lightColor.equation.compiled}, ${darkColor.equation.compiled})`;
|
|
43
|
+
}
|
|
44
|
+
result.$neutral = neutralResult;
|
|
45
|
+
return result;
|
|
46
|
+
}
|
|
47
|
+
//# sourceMappingURL=compile.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compile.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,OAAO,EAGN,yBAAyB,GAGzB,MAAM,aAAa,CAAC;AACrB,OAAO,EACN,iBAAiB,EACjB,kBAAkB,GAElB,MAAM,cAAc,CAAC;AA2CtB;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAI5B,EACC,MAAM,EACN,OAAO,EAAE,WAAW,EACpB,eAAe,GAAG,KAAK,GAC6B,EACrD,CAAiB;IAEjB,MAAM,OAAO,GAAG;QACf,KAAK,EACJ,WAAW,EAAE,KAAK;YACjB,kBAGC;QACH,IAAI,EACH,WAAW,EAAE,IAAI;YAChB,iBAGC;KACH,CAAC;IAEF,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;QAClE,MAAM,WAAW,GAAG,MAAM,CAAC,SAAwB,CAAC,CAAC;QACrD,MAAM,eAAe,GAAG,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QACpE,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;QAElE,MAAM,QAAQ,GAAG,mBAAmB,CACnC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAClD,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,EAClD,CAAC,CACD,CAAC;QAEF,SAAS,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC;QAEhC,OAAO,SAAS,CAAC;IAClB,CAAC,EAAE,EAAS,CAAC,CAAC;IAEd,OAAO,MAAM,CAAC;AACf,CAAC;AAED,SAAS,mBAAmB,CAC3B,KAAgC,EAChC,IAA+B,EAC/B,CAAwB;IAExB,MAAM,MAAM,GAAG,EAAS,CAAC;IACzB,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACzB,MAAM,UAAU,GAAG,KAAK,CAAC,GAAyB,CAAC,CAAC;QACpD,MAAM,SAAS,GAAG,IAAI,CAAC,GAAwB,CAAC,CAAC;QACjD,MAAM,CAAC,GAAU,CAAC;YACjB,GAAG,CAAA,cAAc,UAAU,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC;IACnF,CAAC;IAED,MAAM,YAAY,GAAG,yBAAyB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,yBAAyB,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;IAEvD,MAAM,aAAa,GAAG,EAAS,CAAC;IAChC,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC;QAChC,MAAM,UAAU,GAAG,YAAY,CAAC,GAAgC,CAAC,CAAC;QAClE,MAAM,SAAS,GAAG,WAAW,CAAC,GAA+B,CAAC,CAAC;QAC/D,aAAa,CAAC,GAAU,CAAC;YACxB,GAAG,CAAA,cAAc,UAAU,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC;IACnF,CAAC;IAED,MAAM,CAAC,QAAQ,GAAG,aAAa,CAAC;IAChC,OAAO,MAAM,CAAC;AACf,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compile.test.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.test.ts"],"names":[],"mappings":""}
|