@arbor-css/core 0.0.133 → 0.0.135
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/color/compile.d.ts +1 -0
- package/dist/presets/arborPreset/modeValues/color/compile.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/compile.js +6 -1
- package/dist/presets/arborPreset/modeValues/color/compile.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts +3 -0
- package/dist/presets/arborPreset/modeValues/color/ranges.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.js +16 -1
- package/dist/presets/arborPreset/modeValues/color/ranges.js.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/schemes.d.ts +4 -1
- package/dist/presets/arborPreset/modeValues/color/schemes.d.ts.map +1 -1
- package/dist/presets/arborPreset/modeValues/color/schemes.js.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.d.ts.map +1 -1
- package/dist/presets/basicPreset/commonFunctions.js +2 -2
- package/dist/presets/basicPreset/commonFunctions.js.map +1 -1
- package/dist/runtime/index.d.ts +1 -1
- package/dist/runtime/index.d.ts.map +1 -1
- package/dist/runtime/index.js +1 -1
- package/dist/runtime/index.js.map +1 -1
- package/package.json +8 -8
|
@@ -15,6 +15,7 @@ export type CompiledColorRanges<TRangeNames extends string, TRangeStepNames exte
|
|
|
15
15
|
export type CompiledColors<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> = CompiledColorRanges<TRangeNames, TRangeStepNames>;
|
|
16
16
|
export type CompiledColorRangeConfig<TRangeStepNames extends string> = ColorRangeConfig<TRangeStepNames> & {
|
|
17
17
|
neutralSaturation?: CssInterpolation;
|
|
18
|
+
hueShift?: CssInterpolation;
|
|
18
19
|
};
|
|
19
20
|
export interface CompileColorsOptions<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> {
|
|
20
21
|
ranges: Record<TRangeNames, CompiledColorRangeConfig<TRangeStepNames>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,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,MAAM,wBAAwB,CAAC,eAAe,SAAS,MAAM,IAClE,gBAAgB,CAAC,eAAe,CAAC,GAAG;IACnC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,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,MAAM,wBAAwB,CAAC,eAAe,SAAS,MAAM,IAClE,gBAAgB,CAAC,eAAe,CAAC,GAAG;IACnC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEH,MAAM,WAAW,oBAAoB,CACpC,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB;IAEjD,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC,CAAC;IACvE,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;;;;;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,qBAAqB,GACtB,cAAc,CAAC,WAAW,EAAE,eAAe,CAAC,CAuC9C;AAmCD;;GAEG;AACH,wBAAgB,kBAAkB;AACjC;;;;;;;;;GASG;AACH,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,EACvC,MAAM,EAAE,qBAAqB,yCAU7B"}
|
|
@@ -15,7 +15,12 @@ export function compileColors({ ranges, schemes: userSchemes, invertLightDark =
|
|
|
15
15
|
defaultDarkScheme,
|
|
16
16
|
};
|
|
17
17
|
const colors = Object.keys(ranges).reduce((colorsAcc, rangeName) => {
|
|
18
|
-
const rangeConfig =
|
|
18
|
+
const rangeConfig = {
|
|
19
|
+
// default values
|
|
20
|
+
hueShift: 2,
|
|
21
|
+
neutralSaturation: 0.15,
|
|
22
|
+
...ranges[rangeName],
|
|
23
|
+
};
|
|
19
24
|
const uncompiledLight = schemes.light.getColorRange(rangeConfig, $.color);
|
|
20
25
|
const uncompiledDark = schemes.dark.getColorRange(rangeConfig, $.color);
|
|
21
26
|
const combined = toLightDarkCompiled(invertLightDark ? uncompiledDark : uncompiledLight, invertLightDark ? uncompiledLight : uncompiledDark, $.color, { neutralSaturation: rangeConfig.neutralSaturation });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compile.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAoB,MAAM,qBAAqB,CAAC;AAG5D,OAAO,EAGN,yBAAyB,GAGzB,MAAM,aAAa,CAAC;AACrB,OAAO,EACN,iBAAiB,EACjB,kBAAkB,GAElB,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"compile.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/compile.ts"],"names":[],"mappings":"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"}
|
|
@@ -27,6 +27,7 @@ export interface ColorRangeCalculations {
|
|
|
27
27
|
midpoint: number;
|
|
28
28
|
}) => Css;
|
|
29
29
|
hue?: (details: {
|
|
30
|
+
sourceHue: CssInterpolation;
|
|
30
31
|
step: number;
|
|
31
32
|
rangeSize: number;
|
|
32
33
|
midpoint: number;
|
|
@@ -53,12 +54,14 @@ export declare function createColorRange<RangeNames extends string = DefaultRang
|
|
|
53
54
|
export declare function createColorLightModeRange(config: ColorRangeConfig & {
|
|
54
55
|
base?: number;
|
|
55
56
|
scale?: number;
|
|
57
|
+
hueShift?: CssInterpolation;
|
|
56
58
|
}, $: {
|
|
57
59
|
saturation: Token;
|
|
58
60
|
}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
59
61
|
export declare function createColorDarkModeRange(config: ColorRangeConfig & {
|
|
60
62
|
base?: number;
|
|
61
63
|
scale?: number;
|
|
64
|
+
hueShift?: CssInterpolation;
|
|
62
65
|
}, $: {
|
|
63
66
|
saturation: Token;
|
|
64
67
|
}): UncompiledColorRange<"light" | "paper" | "wash" | "mid" | "heavy" | "ink">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ranges.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,GAAG,EACH,gBAAgB,EAChB,oBAAoB,EACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAgB,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAElE,eAAO,MAAM,iBAAiB,4DAOpB,CAAC;AACX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,MAAM,WAAW,gBAAgB,CAChC,UAAU,SAAS,MAAM,GAAG,gBAAgB;IAE5C,8DAA8D;IAC9D,GAAG,EAAE,gBAAgB,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,UAAU,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAsB;IACtC,6DAA6D;IAC7D,SAAS,EAAE,CAAC,OAAO,EAAE;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KACjB,KAAK,GAAG,CAAC;IACV,0DAA0D;IAC1D,MAAM,EAAE,CAAC,OAAO,EAAE;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;KACjB,KAAK,GAAG,CAAC;IACV,GAAG,CAAC,EAAE,CAAC,OAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"ranges.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ export function createColorRange(config, calcs, tokens) {
|
|
|
20
20
|
const equation = oklchBuilder(() => ({
|
|
21
21
|
l: css `clamp(0, calc(${lightness({ step: i, rangeSize: size, midpoint })}), 1)`,
|
|
22
22
|
c: css `clamp(0, calc(${config.saturation ?? 1} * 0.4 * ${chroma({ step: i, rangeSize: size, midpoint })} * ${tokens.saturation}), 0.4)`,
|
|
23
|
-
h: css `calc(${
|
|
23
|
+
h: css `calc(${calcs.hue?.({ sourceHue, step: i, rangeSize: size, midpoint }) ?? sourceHue})`,
|
|
24
24
|
}));
|
|
25
25
|
acc[name] = { name, equation };
|
|
26
26
|
return acc;
|
|
@@ -48,6 +48,15 @@ function chromaEq(config) {
|
|
|
48
48
|
return css `calc(${config.baseline} + (${rangeDir} * ${rangeProgress} * ${step < midpoint ? config.rangeDown : config.rangeUp}))`;
|
|
49
49
|
};
|
|
50
50
|
}
|
|
51
|
+
function hueEq(config) {
|
|
52
|
+
return ({ step, rangeSize, midpoint, sourceHue, }) => {
|
|
53
|
+
const rangeDir = step < midpoint ? -1 : 1;
|
|
54
|
+
// Math.max - avoid divide by 0
|
|
55
|
+
const rangeMax = Math.max(1, step < midpoint ? midpoint : rangeSize - midpoint - 1);
|
|
56
|
+
const rangeProgress = (Math.abs(step - midpoint) / rangeMax) ** 1.2;
|
|
57
|
+
return css `calc(${sourceHue} + (${rangeDir} * ${rangeProgress} * ${config.hueShift}))`;
|
|
58
|
+
};
|
|
59
|
+
}
|
|
51
60
|
export function createColorLightModeRange(config, $) {
|
|
52
61
|
const lightness = lightnessEq({
|
|
53
62
|
rangeUp: 0.3,
|
|
@@ -59,9 +68,11 @@ export function createColorLightModeRange(config, $) {
|
|
|
59
68
|
rangeUp: -0.7,
|
|
60
69
|
rangeDown: 0.2,
|
|
61
70
|
});
|
|
71
|
+
const hue = config.hueShift ? hueEq({ hueShift: config.hueShift }) : undefined;
|
|
62
72
|
return createColorRange(config, {
|
|
63
73
|
lightness,
|
|
64
74
|
chroma,
|
|
75
|
+
hue,
|
|
65
76
|
}, $);
|
|
66
77
|
}
|
|
67
78
|
export function createColorDarkModeRange(config, $) {
|
|
@@ -75,9 +86,13 @@ export function createColorDarkModeRange(config, $) {
|
|
|
75
86
|
rangeUp: -0.6,
|
|
76
87
|
rangeDown: 0.48,
|
|
77
88
|
});
|
|
89
|
+
const hue = config.hueShift ?
|
|
90
|
+
hueEq({ hueShift: css `calc(-1 * ${config.hueShift})` })
|
|
91
|
+
: undefined;
|
|
78
92
|
return createColorRange(config, {
|
|
79
93
|
lightness,
|
|
80
94
|
chroma,
|
|
95
|
+
hue,
|
|
81
96
|
}, $);
|
|
82
97
|
}
|
|
83
98
|
export function createNeutralDerivedRange(sourceRange, tokens, options) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ranges.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,GAAG,GAIH,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAA0B,MAAM,YAAY,CAAC;AAElE,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAChC,KAAK;IACL,OAAO;IACP,KAAK;IACL,OAAO;IACP,MAAM;IACN,OAAO;CACE,CAAC;
|
|
1
|
+
{"version":3,"file":"ranges.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/ranges.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
+
import { CssInterpolation } from '@arbor-css/css-eval';
|
|
1
2
|
import { Token } from '@arbor-css/tokens';
|
|
2
3
|
import { ColorRangeConfig, DefaultRangeName, UncompiledColorRange } from './ranges.js';
|
|
3
4
|
export interface SchemeDefinition<TRangeConfig extends ColorRangeConfig<TRangeNames>, TRangeNames extends string = DefaultRangeName> {
|
|
4
|
-
getColorRange: (config: TRangeConfig
|
|
5
|
+
getColorRange: (config: TRangeConfig & {
|
|
6
|
+
hueShift?: CssInterpolation;
|
|
7
|
+
}, tokens: {
|
|
5
8
|
saturation: Token;
|
|
6
9
|
}) => UncompiledColorRange<TRangeNames>;
|
|
7
10
|
tag: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schemes.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/schemes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACN,gBAAgB,EAGhB,gBAAgB,EAChB,oBAAoB,EACpB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,gBAAgB,CAChC,YAAY,SAAS,gBAAgB,CAAC,WAAW,CAAC,EAClD,WAAW,SAAS,MAAM,GAAG,gBAAgB;IAE7C,aAAa,EAAE,CACd,MAAM,EAAE,YAAY,
|
|
1
|
+
{"version":3,"file":"schemes.d.ts","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/schemes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACN,gBAAgB,EAGhB,gBAAgB,EAChB,oBAAoB,EACpB,MAAM,aAAa,CAAC;AAErB,MAAM,WAAW,gBAAgB,CAChC,YAAY,SAAS,gBAAgB,CAAC,WAAW,CAAC,EAClD,WAAW,SAAS,MAAM,GAAG,gBAAgB;IAE7C,aAAa,EAAE,CACd,MAAM,EAAE,YAAY,GAAG;QACtB,QAAQ,CAAC,EAAE,gBAAgB,CAAC;KAC5B,EACD,MAAM,EAAE;QACP,UAAU,EAAE,KAAK,CAAC;KAClB,KACG,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACvC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,YAAY,CAC3B,WAAW,SAAS,gBAAgB,GAAG,gBAAgB,EACtD,GAAG,EAAE,gBAAgB,CAAC,WAAW,CAAC,uFAEnC;AAED,eAAO,MAAM,kBAAkB,EAAE,gBAAgB,CAChD,gBAAgB,CAAC,gBAAgB,CAAC,EAClC,gBAAgB,CAKhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,gBAAgB,CAC/C,gBAAgB,CAAC,gBAAgB,CAAC,EAClC,gBAAgB,CAKhB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schemes.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/schemes.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"schemes.js","sourceRoot":"","sources":["../../../../../src/presets/arborPreset/modeValues/color/schemes.ts"],"names":[],"mappings":"AAEA,OAAO,EAEN,wBAAwB,EACxB,yBAAyB,GAGzB,MAAM,aAAa,CAAC;AAkBrB,MAAM,UAAU,YAAY,CAE1B,GAAkC;IACnC,OAAO,GAAG,CAAC;AACZ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAG3B;IACH,GAAG,EAAE,OAAO;IACZ,aAAa,EAAE,yBAAyB;IACxC,MAAM,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAG1B;IACH,GAAG,EAAE,MAAM;IACX,aAAa,EAAE,wBAAwB;IACvC,MAAM,EAAE,IAAI;CACZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commonFunctions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG;IAC5B,SAAS,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC;CAChB,CAAC;AAKF,wBAAgB,mBAAmB,CAClC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GACJ,EAAE;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;CACvB,qCAGD;
|
|
1
|
+
{"version":3,"file":"commonFunctions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG;IAC5B,SAAS,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC;CAChB,CAAC;AAKF,wBAAgB,mBAAmB,CAClC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GACJ,EAAE;IACF,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;CACvB,qCAGD;AASD,wBAAgB,sBAAsB,CACrC,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,gBAAgB,EAC7B,IAAI,EAAE,gBAAgB,qCAMtB;AAED,wBAAgB,qBAAqB,CACpC,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,gBAAgB,EAC7B,IAAI,EAAE,gBAAgB,qCAMtB;AAED,wBAAgB,uBAAuB,CACtC,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,gBAAgB,EAC7B,IAAI,EAAE,gBAAgB,qCAGtB;AAED,wBAAgB,yBAAyB,CACxC,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,gBAAgB,EAC7B,IAAI,EAAE,gBAAgB,qCAGtB;AAED,wBAAgB,mBAAmB,CAClC,WAAW,EAAE,gBAAgB,EAC7B,OAAO,EAAE,gBAAgB,qCAGzB"}
|
|
@@ -9,16 +9,16 @@ export function lightDarkAlteration(tokens, { light, dark, step, }) {
|
|
|
9
9
|
// undershooting at extremes while maintaining stronger adjustment near black/white.
|
|
10
10
|
const distanceFromWhite = css `calc(pow(1 - l, 0.5))`;
|
|
11
11
|
const distanceFromBlack = css `calc(pow(l, 0.5))`;
|
|
12
|
+
const compensateForDarkModeBlack = 0.3; // pulling this out as a named var so I remember how to tune this later.
|
|
12
13
|
export function lightenColorAlteration(tokens, sourceColor, step) {
|
|
13
14
|
// In light mode: lighten by moving away from black (closer to white)
|
|
14
15
|
// In dark mode: lighten by moving toward page neutral (darker, so reduce l)
|
|
15
|
-
const l = css `calc(l + ${step} * ${ALTERATION_MAGNITUDE} * (${[tokens.whenLight, 1]} * ${distanceFromWhite} *
|
|
16
|
+
const l = css `calc(l + ${step} * ${ALTERATION_MAGNITUDE} * (${[tokens.whenLight, 1]} * ${distanceFromWhite} * ${compensateForDarkModeBlack} + ${[tokens.whenDark, 1]} * -0.08))`;
|
|
16
17
|
return css `oklch(from ${sourceColor} ${l} calc(c * ${lightDarkAlteration(tokens, { light: -0.08, dark: -0.02, step })}) h)`;
|
|
17
18
|
}
|
|
18
19
|
export function darkenColorAlteration(tokens, sourceColor, step) {
|
|
19
20
|
// In light mode: darken by moving toward black (reducing l)
|
|
20
21
|
// In dark mode: darken by moving away from page neutral (lighter, so increase l)
|
|
21
|
-
const compensateForDarkModeBlack = 0.3; // pulling this out as a named var so I remember how to tune this later.
|
|
22
22
|
const l = css `calc(l + ${step} * ${ALTERATION_MAGNITUDE} * (${[tokens.whenLight, 1]} * -1 * ${distanceFromBlack} * 0.08 + ${[tokens.whenDark, 1]} * ${distanceFromWhite} * ${compensateForDarkModeBlack}))`;
|
|
23
23
|
return css `oklch(from ${sourceColor} ${l} calc(c * ${lightDarkAlteration(tokens, { light: 0.01, dark: -0.07, step })}) h)`;
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commonFunctions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAoB,MAAM,qBAAqB,CAAC;AAQ5D,6DAA6D;AAC7D,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,UAAU,mBAAmB,CAClC,MAAsB,EACtB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GAKJ;IAED,OAAO,GAAG,CAAA,YAAY,IAAI,MAAM,oBAAoB,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;AACvI,CAAC;AAED,8EAA8E;AAC9E,4EAA4E;AAC5E,oFAAoF;AACpF,MAAM,iBAAiB,GAAG,GAAG,CAAA,uBAAuB,CAAC;AACrD,MAAM,iBAAiB,GAAG,GAAG,CAAA,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"commonFunctions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAoB,MAAM,qBAAqB,CAAC;AAQ5D,6DAA6D;AAC7D,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,UAAU,mBAAmB,CAClC,MAAsB,EACtB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GAKJ;IAED,OAAO,GAAG,CAAA,YAAY,IAAI,MAAM,oBAAoB,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;AACvI,CAAC;AAED,8EAA8E;AAC9E,4EAA4E;AAC5E,oFAAoF;AACpF,MAAM,iBAAiB,GAAG,GAAG,CAAA,uBAAuB,CAAC;AACrD,MAAM,iBAAiB,GAAG,GAAG,CAAA,mBAAmB,CAAC;AACjD,MAAM,0BAA0B,GAAG,GAAG,CAAC,CAAC,wEAAwE;AAEhH,MAAM,UAAU,sBAAsB,CACrC,MAAsB,EACtB,WAA6B,EAC7B,IAAsB;IAEtB,qEAAqE;IACrE,4EAA4E;IAC5E,MAAM,CAAC,GAAG,GAAG,CAAA,YAAY,IAAI,MAAM,oBAAoB,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,iBAAiB,MAAM,0BAA0B,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,YAAY,CAAC;IACjL,OAAO,GAAG,CAAA,cAAc,WAAW,IAAI,CAAC,aAAa,mBAAmB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC7H,CAAC;AAED,MAAM,UAAU,qBAAqB,CACpC,MAAsB,EACtB,WAA6B,EAC7B,IAAsB;IAEtB,4DAA4D;IAC5D,iFAAiF;IACjF,MAAM,CAAC,GAAG,GAAG,CAAA,YAAY,IAAI,MAAM,oBAAoB,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,WAAW,iBAAiB,aAAa,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,iBAAiB,MAAM,0BAA0B,IAAI,CAAC;IAC5M,OAAO,GAAG,CAAA,cAAc,WAAW,IAAI,CAAC,aAAa,mBAAmB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC5H,CAAC;AAED,MAAM,UAAU,uBAAuB,CACtC,MAAsB,EACtB,WAA6B,EAC7B,IAAsB;IAEtB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACtH,CAAC;AAED,MAAM,UAAU,yBAAyB,CACxC,MAAsB,EACtB,WAA6B,EAC7B,IAAsB;IAEtB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AACxH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAClC,WAA6B,EAC7B,OAAyB;IAEzB,OAAO,GAAG,CAAA,cAAc,WAAW,YAAY,OAAO,GAAG,CAAC;AAC3D,CAAC"}
|
package/dist/runtime/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { connect } from './registration.js';
|
|
1
|
+
export { connect, getContext, getEnvValues, getPreset, getStyleSheet, ready, subscribeToEnvChanges, } from './registration.js';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,EACb,KAAK,EACL,qBAAqB,GACrB,MAAM,mBAAmB,CAAC"}
|
package/dist/runtime/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { connect } from './registration.js';
|
|
1
|
+
export { connect, getContext, getEnvValues, getPreset, getStyleSheet, ready, subscribeToEnvChanges, } from './registration.js';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/runtime/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,EACP,UAAU,EACV,YAAY,EACZ,SAAS,EACT,aAAa,EACb,KAAK,EACL,qBAAqB,GACrB,MAAM,mBAAmB,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.135",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -55,13 +55,13 @@
|
|
|
55
55
|
"lil-gui": "^0.21.0",
|
|
56
56
|
"lit-element": "^4.2.2",
|
|
57
57
|
"yargs": "^18.0.0",
|
|
58
|
-
"@arbor-css/css-eval": "0.0.
|
|
59
|
-
"@arbor-css/globals": "0.0.
|
|
60
|
-
"@arbor-css/functions": "0.0.
|
|
61
|
-
"@arbor-css/tokens": "0.0.
|
|
62
|
-
"@arbor-css/
|
|
63
|
-
"@arbor-css/
|
|
64
|
-
"@arbor-css/
|
|
58
|
+
"@arbor-css/css-eval": "0.0.135",
|
|
59
|
+
"@arbor-css/globals": "0.0.135",
|
|
60
|
+
"@arbor-css/functions": "0.0.135",
|
|
61
|
+
"@arbor-css/tokens": "0.0.135",
|
|
62
|
+
"@arbor-css/util": "0.0.135",
|
|
63
|
+
"@arbor-css/modes": "0.0.135",
|
|
64
|
+
"@arbor-css/preset": "0.0.135"
|
|
65
65
|
},
|
|
66
66
|
"scripts": {
|
|
67
67
|
"build": "tsc",
|