@arbor-css/core 0.0.94 → 0.0.95
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/presets/arborPreset/modeValues/types.d.ts +2 -4
- package/dist/presets/arborPreset/modeValues/types.d.ts.map +1 -1
- package/dist/presets/arborPreset/preset.test.js +23 -0
- package/dist/presets/arborPreset/preset.test.js.map +1 -1
- package/dist/stylesheet/generateStylesheet.js +1 -1
- package/dist/stylesheet/generateStylesheet.js.map +1 -1
- package/package.json +8 -8
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { ModeValues } from '@arbor-css/modes';
|
|
2
2
|
import { PresetTokens } from '@arbor-css/preset';
|
|
3
|
-
import { BasicPresetModeSchema
|
|
3
|
+
import { BasicPresetModeSchema } from '../../basicPreset/preset.js';
|
|
4
4
|
import { ArborModeSchema } from '../modeSchema/modeSchema.js';
|
|
5
|
-
export type Tokens<TColorName extends string> = PresetTokens<ArborModeSchema<TColorName> & BasicPresetModeSchema, {}
|
|
6
|
-
typeof presetBasic
|
|
7
|
-
]>;
|
|
5
|
+
export type Tokens<TColorName extends string> = PresetTokens<ArborModeSchema<TColorName> & BasicPresetModeSchema, {}>;
|
|
8
6
|
export type Values<TColorName extends string> = ModeValues<ArborModeSchema<TColorName> & BasicPresetModeSchema>;
|
|
9
7
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/presets/arborPreset/modeValues/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9D,MAAM,MAAM,MAAM,CAAC,UAAU,SAAS,MAAM,IAAI,YAAY,CAC3D,eAAe,CAAC,UAAU,CAAC,GAAG,qBAAqB,EACnD,EAAE,CACF,CAAC;AACF,MAAM,MAAM,MAAM,CAAC,UAAU,SAAS,MAAM,IAAI,UAAU,CACzD,eAAe,CAAC,UAAU,CAAC,GAAG,qBAAqB,CACnD,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { definePreset } from '@arbor-css/preset';
|
|
2
2
|
import { expect, it } from 'vitest';
|
|
3
|
+
import { modeToCss } from '../../stylesheet/modeToCss.js';
|
|
3
4
|
import { presetArbor } from './preset.js';
|
|
4
5
|
it('is extensible', () => {
|
|
5
6
|
const base = presetArbor({
|
|
@@ -30,4 +31,26 @@ it('is extensible', () => {
|
|
|
30
31
|
// @ts-expect-error
|
|
31
32
|
preset.$.mixins.adfa;
|
|
32
33
|
});
|
|
34
|
+
it('allows augmenting built-in modes', () => {
|
|
35
|
+
const preset = presetArbor({
|
|
36
|
+
color: {
|
|
37
|
+
ranges: {
|
|
38
|
+
red: { hue: 0 },
|
|
39
|
+
},
|
|
40
|
+
mainColor: 'red',
|
|
41
|
+
},
|
|
42
|
+
});
|
|
43
|
+
const darkMode = preset.bundleMode('dark', {
|
|
44
|
+
action: {
|
|
45
|
+
primary: {
|
|
46
|
+
bg: preset.$.mode.color.main.heavy,
|
|
47
|
+
fg: preset.$.mode.color.main.paper,
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
});
|
|
51
|
+
const css = modeToCss(darkMode, preset);
|
|
52
|
+
expect(css).toContain('--m-action-primary-bg: var(--m-color-main-heavy);');
|
|
53
|
+
// still includes built-in stuff
|
|
54
|
+
expect(css).toContain('color-scheme: dark;');
|
|
55
|
+
});
|
|
33
56
|
//# sourceMappingURL=preset.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,WAAW,CAAC;QACxB,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,UAAU,EAAE;YACX,IAAI,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAChB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE;gBACP,SAAS,EAAE,GAAG;aACd;SACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CACzD,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CACxC,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,+BAA+B;IAC/B,mBAAmB;IACnB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;AACtB,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,WAAW,CAAC;QACxB,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,UAAU,EAAE;YACX,IAAI,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAChB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE;gBACP,SAAS,EAAE,GAAG;aACd;SACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CACzD,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CACxC,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,+BAA+B;IAC/B,mBAAmB;IACnB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;AACtB,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;IAC3C,MAAM,MAAM,GAAG,WAAW,CAAC;QAC1B,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE;QAC1C,MAAM,EAAE;YACP,OAAO,EAAE;gBACR,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;gBAClC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK;aAClC;SACD;KACD,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IACxC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,mDAAmD,CAAC,CAAC;IAC3E,gCAAgC;IAChC,MAAM,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;AAC9C,CAAC,CAAC,CAAC"}
|
|
@@ -6,7 +6,7 @@ export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor',
|
|
|
6
6
|
const allModeProps = flattenTokenSchema(config.$.mode);
|
|
7
7
|
return `/* Auto-generated CSS - do not edit directly */
|
|
8
8
|
${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
|
|
9
|
-
${[config.baseMode, ...modes]
|
|
9
|
+
${[config.baseMode, ...Object.values(modes)]
|
|
10
10
|
.map((modeValue) => {
|
|
11
11
|
return modeToCss(modeValue, config);
|
|
12
12
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,UAAU,kBAAkB,CACjC,MAAsB,EACtB,EACC,KAAK,EAAE,gBAAgB,GAAG,OAAO,MAG9B,EAAE;IAEN,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEvD,OAAO;GACL,gBAAgB,CAAC,CAAC,CAAC,UAAU,gBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE;EACvD,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"generateStylesheet.js","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,UAAU,kBAAkB,CACjC,MAAsB,EACtB,EACC,KAAK,EAAE,gBAAgB,GAAG,OAAO,MAG9B,EAAE;IAEN,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IAEvD,OAAO;GACL,gBAAgB,CAAC,CAAC,CAAC,UAAU,gBAAgB,IAAI,CAAC,CAAC,CAAC,EAAE;EACvD,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAC1C,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QAClB,OAAO,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC;SACD,IAAI,CAAC,MAAM,CAAC;;EAEZ,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;SAC/B,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC;SAC1B,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,MAAM,CAAC;;EAEZ,YAAY;SACZ,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC;SAC9B,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,MAAM,CAAC;EACZ,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;CAC5B;SACE,IAAI,EAAE;SACN,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;AACzB,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.95",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -53,13 +53,13 @@
|
|
|
53
53
|
"jiti": "^2.6.1",
|
|
54
54
|
"lil-gui": "^0.21.0",
|
|
55
55
|
"yargs": "^18.0.0",
|
|
56
|
-
"@arbor-css/
|
|
57
|
-
"@arbor-css/
|
|
58
|
-
"@arbor-css/
|
|
59
|
-
"@arbor-css/modes": "0.0.
|
|
60
|
-
"@arbor-css/
|
|
61
|
-
"@arbor-css/
|
|
62
|
-
"@arbor-css/
|
|
56
|
+
"@arbor-css/preset": "0.0.95",
|
|
57
|
+
"@arbor-css/globals": "0.0.95",
|
|
58
|
+
"@arbor-css/tokens": "0.0.95",
|
|
59
|
+
"@arbor-css/modes": "0.0.95",
|
|
60
|
+
"@arbor-css/calc": "0.0.95",
|
|
61
|
+
"@arbor-css/functions": "0.0.95",
|
|
62
|
+
"@arbor-css/util": "0.0.95"
|
|
63
63
|
},
|
|
64
64
|
"scripts": {
|
|
65
65
|
"build": "tsc",
|