@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
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import { CalcInterpolation, Css } from '@arbor-css/calc';
|
|
2
|
-
import {
|
|
3
|
-
export
|
|
2
|
+
import { Token } from '@arbor-css/tokens';
|
|
3
|
+
export type RequiredTokens = {
|
|
4
|
+
whenLight: Token;
|
|
5
|
+
whenDark: Token;
|
|
6
|
+
};
|
|
7
|
+
export declare function lightDarkAlteration(css: Css, tokens: RequiredTokens, { light, dark, step, }: {
|
|
4
8
|
light: number;
|
|
5
9
|
dark: number;
|
|
6
10
|
step: CalcInterpolation;
|
|
7
11
|
}): import("@arbor-css/calc").OperationTree;
|
|
8
|
-
export declare function lightenColorAlteration(css: Css,
|
|
9
|
-
export declare function darkenColorAlteration(css: Css,
|
|
10
|
-
export declare function saturateColorAlteration(css: Css,
|
|
11
|
-
export declare function desaturateColorAlteration(css: Css,
|
|
12
|
+
export declare function lightenColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
|
|
13
|
+
export declare function darkenColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
|
|
14
|
+
export declare function saturateColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
|
|
15
|
+
export declare function desaturateColorAlteration(css: Css, tokens: RequiredTokens, sourceColor: CalcInterpolation, step: CalcInterpolation): import("@arbor-css/calc").OperationTree;
|
|
12
16
|
export declare function fadeColorAlteration(css: Css, sourceColor: CalcInterpolation, opacity: CalcInterpolation): import("@arbor-css/calc").OperationTree;
|
|
13
17
|
//# sourceMappingURL=commonFunctions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commonFunctions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"commonFunctions.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,MAAM,cAAc,GAAG;IAC5B,SAAS,EAAE,KAAK,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,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,iBAAiB,CAAC;CACxB,2CAGD;AAED,wBAAgB,sBAAsB,CACrC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,qBAAqB,CACpC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,uBAAuB,CACtC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,yBAAyB,CACxC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,iBAAiB,EAC9B,IAAI,EAAE,iBAAiB,2CAGvB;AAED,wBAAgB,mBAAmB,CAClC,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,iBAAiB,EAC9B,OAAO,EAAE,iBAAiB,2CAG1B"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export function lightDarkAlteration(css,
|
|
2
|
-
return css `calc(1 + ${step} * (${[
|
|
1
|
+
export function lightDarkAlteration(css, tokens, { light, dark, step, }) {
|
|
2
|
+
return css `calc(1 + ${step} * (${[tokens.whenLight, 1]} * ${light}) + (${[tokens.whenDark, 1]} * ${dark}))`;
|
|
3
3
|
}
|
|
4
|
-
export function lightenColorAlteration(css,
|
|
5
|
-
return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css,
|
|
4
|
+
export function lightenColorAlteration(css, tokens, sourceColor, step) {
|
|
5
|
+
return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, tokens, { light: 0.04, dark: -0.17, step })}) calc(c * ${lightDarkAlteration(css, tokens, { light: -0.1, dark: -0.03, step })}) h)`;
|
|
6
6
|
}
|
|
7
|
-
export function darkenColorAlteration(css,
|
|
8
|
-
return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css,
|
|
7
|
+
export function darkenColorAlteration(css, tokens, sourceColor, step) {
|
|
8
|
+
return css `oklch(from ${sourceColor} calc(l * ${lightDarkAlteration(css, tokens, { light: -0.04, dark: 0.2, step })}) calc(c * ${lightDarkAlteration(css, tokens, { light: 0.01, dark: -0.09, step })}) h)`;
|
|
9
9
|
}
|
|
10
|
-
export function saturateColorAlteration(css,
|
|
11
|
-
return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css,
|
|
10
|
+
export function saturateColorAlteration(css, tokens, sourceColor, step) {
|
|
11
|
+
return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, tokens, { light: 0.05, dark: 0.05, step })}) h)`;
|
|
12
12
|
}
|
|
13
|
-
export function desaturateColorAlteration(css,
|
|
14
|
-
return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css,
|
|
13
|
+
export function desaturateColorAlteration(css, tokens, sourceColor, step) {
|
|
14
|
+
return css `oklch(from ${sourceColor} l calc(c * ${lightDarkAlteration(css, tokens, { light: -0.05, dark: -0.05, step })}) h)`;
|
|
15
15
|
}
|
|
16
16
|
export function fadeColorAlteration(css, sourceColor, opacity) {
|
|
17
17
|
return css `oklch(from ${sourceColor} l c h / ${opacity})`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commonFunctions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"commonFunctions.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/commonFunctions.ts"],"names":[],"mappings":"AAQA,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,MAAsB,EACtB,EACC,KAAK,EACL,IAAI,EACJ,IAAI,GAKJ;IAED,OAAO,GAAG,CAAA,YAAY,IAAI,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC;AAC7G,CAAC;AAED,MAAM,UAAU,sBAAsB,CACrC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC9M,CAAC;AAED,MAAM,UAAU,qBAAqB,CACpC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,aAAa,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,cAAc,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC7M,CAAC;AAED,MAAM,UAAU,uBAAuB,CACtC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC7H,CAAC;AAED,MAAM,UAAU,yBAAyB,CACxC,GAAQ,EACR,MAAsB,EACtB,WAA8B,EAC9B,IAAuB;IAEvB,OAAO,GAAG,CAAA,cAAc,WAAW,eAAe,mBAAmB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC;AAC/H,CAAC;AAED,MAAM,UAAU,mBAAmB,CAClC,GAAQ,EACR,WAA8B,EAC9B,OAA0B;IAE1B,OAAO,GAAG,CAAA,cAAc,WAAW,YAAY,OAAO,GAAG,CAAC;AAC3D,CAAC"}
|
|
@@ -7,7 +7,7 @@ describe('ring function', () => {
|
|
|
7
7
|
'--size': '2px',
|
|
8
8
|
'--offset': '1px',
|
|
9
9
|
});
|
|
10
|
-
expect(result).toBe(`0 0 0 1px ${presetBasic.$.
|
|
10
|
+
expect(result).toBe(`0 0 0 1px ${presetBasic.$.mode.global.trueLightColor.var}, 0 0 0 3px red`);
|
|
11
11
|
});
|
|
12
12
|
});
|
|
13
13
|
describe('fade function', () => {
|
|
@@ -22,7 +22,7 @@ describe('fade function', () => {
|
|
|
22
22
|
describe('contrast color function', () => {
|
|
23
23
|
it('should compute the right default value', () => {
|
|
24
24
|
const result = presetBasic.functions.contrastColor.compute({});
|
|
25
|
-
expect(result).toBe(`contrast-color(var(--mx-bg-contrast, var(--mx-bg-ref, var(--
|
|
25
|
+
expect(result).toBe(`contrast-color(var(--mx-bg-contrast, var(--mx-bg-ref, var(--m-global-trueLightColor))))`);
|
|
26
26
|
});
|
|
27
27
|
});
|
|
28
28
|
//# sourceMappingURL=functions.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"functions.test.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,aAAa,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"functions.test.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,aAAa,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAC1E,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,yFAAyF,CACzF,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,198 @@
|
|
|
1
|
+
import { Css, Equation } from '@arbor-css/calc';
|
|
1
2
|
import { CreateMixin } from '@arbor-css/functions';
|
|
2
|
-
import {
|
|
3
|
-
export declare function
|
|
3
|
+
import { RequiredTokens } from './commonFunctions.js';
|
|
4
|
+
export declare function createColorMixins(createMixinValue: CreateMixin, tokens: RequiredTokens, { name, property, description, defineExtraProperties, }: {
|
|
5
|
+
name: string;
|
|
6
|
+
property: string;
|
|
7
|
+
description: string;
|
|
8
|
+
defineExtraProperties?: (css: Css) => Record<string, Equation>;
|
|
9
|
+
}): {
|
|
10
|
+
ref: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
11
|
+
applied: {
|
|
12
|
+
"@@TOKEN@@": true;
|
|
13
|
+
name: string;
|
|
14
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
15
|
+
tag: string | undefined;
|
|
16
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
17
|
+
group: string | undefined;
|
|
18
|
+
description: string | undefined;
|
|
19
|
+
contributedBy: string | undefined;
|
|
20
|
+
fallback: string | number | undefined;
|
|
21
|
+
var: string;
|
|
22
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
23
|
+
assign: (value?: string | number) => string;
|
|
24
|
+
readonly definition: string;
|
|
25
|
+
suffixed: (suffix: string) => {
|
|
26
|
+
"@@TOKEN@@": true;
|
|
27
|
+
name: string;
|
|
28
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
29
|
+
tag: string | undefined;
|
|
30
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
31
|
+
group: string | undefined;
|
|
32
|
+
description: string | undefined;
|
|
33
|
+
contributedBy: string | undefined;
|
|
34
|
+
fallback: string | number | undefined;
|
|
35
|
+
var: string;
|
|
36
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
37
|
+
assign: (value?: string | number) => string;
|
|
38
|
+
readonly definition: string;
|
|
39
|
+
suffixed: any;
|
|
40
|
+
prefixed: (prefix: string) => any;
|
|
41
|
+
};
|
|
42
|
+
prefixed: (prefix: string) => {
|
|
43
|
+
"@@TOKEN@@": true;
|
|
44
|
+
name: string;
|
|
45
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
46
|
+
tag: string | undefined;
|
|
47
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
48
|
+
group: string | undefined;
|
|
49
|
+
description: string | undefined;
|
|
50
|
+
contributedBy: string | undefined;
|
|
51
|
+
fallback: string | number | undefined;
|
|
52
|
+
var: string;
|
|
53
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
54
|
+
assign: (value?: string | number) => string;
|
|
55
|
+
readonly definition: string;
|
|
56
|
+
suffixed: (suffix: string) => any;
|
|
57
|
+
prefixed: any;
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
ref: {
|
|
61
|
+
"@@TOKEN@@": true;
|
|
62
|
+
name: string;
|
|
63
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
64
|
+
tag: string | undefined;
|
|
65
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
66
|
+
group: string | undefined;
|
|
67
|
+
description: string | undefined;
|
|
68
|
+
contributedBy: string | undefined;
|
|
69
|
+
fallback: string | number | undefined;
|
|
70
|
+
var: string;
|
|
71
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
72
|
+
assign: (value?: string | number) => string;
|
|
73
|
+
readonly definition: string;
|
|
74
|
+
suffixed: (suffix: string) => {
|
|
75
|
+
"@@TOKEN@@": true;
|
|
76
|
+
name: string;
|
|
77
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
78
|
+
tag: string | undefined;
|
|
79
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
80
|
+
group: string | undefined;
|
|
81
|
+
description: string | undefined;
|
|
82
|
+
contributedBy: string | undefined;
|
|
83
|
+
fallback: string | number | undefined;
|
|
84
|
+
var: string;
|
|
85
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
86
|
+
assign: (value?: string | number) => string;
|
|
87
|
+
readonly definition: string;
|
|
88
|
+
suffixed: any;
|
|
89
|
+
prefixed: (prefix: string) => any;
|
|
90
|
+
};
|
|
91
|
+
prefixed: (prefix: string) => {
|
|
92
|
+
"@@TOKEN@@": true;
|
|
93
|
+
name: string;
|
|
94
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
95
|
+
tag: string | undefined;
|
|
96
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
97
|
+
group: string | undefined;
|
|
98
|
+
description: string | undefined;
|
|
99
|
+
contributedBy: string | undefined;
|
|
100
|
+
fallback: string | number | undefined;
|
|
101
|
+
var: string;
|
|
102
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
103
|
+
assign: (value?: string | number) => string;
|
|
104
|
+
readonly definition: string;
|
|
105
|
+
suffixed: (suffix: string) => any;
|
|
106
|
+
prefixed: any;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
109
|
+
contrast: {
|
|
110
|
+
"@@TOKEN@@": true;
|
|
111
|
+
name: string;
|
|
112
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
113
|
+
tag: string | undefined;
|
|
114
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
115
|
+
group: string | undefined;
|
|
116
|
+
description: string | undefined;
|
|
117
|
+
contributedBy: string | undefined;
|
|
118
|
+
fallback: string | number | undefined;
|
|
119
|
+
var: string;
|
|
120
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
121
|
+
assign: (value?: string | number) => string;
|
|
122
|
+
readonly definition: string;
|
|
123
|
+
suffixed: (suffix: string) => {
|
|
124
|
+
"@@TOKEN@@": true;
|
|
125
|
+
name: string;
|
|
126
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
127
|
+
tag: string | undefined;
|
|
128
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
129
|
+
group: string | undefined;
|
|
130
|
+
description: string | undefined;
|
|
131
|
+
contributedBy: string | undefined;
|
|
132
|
+
fallback: string | number | undefined;
|
|
133
|
+
var: string;
|
|
134
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
135
|
+
assign: (value?: string | number) => string;
|
|
136
|
+
readonly definition: string;
|
|
137
|
+
suffixed: any;
|
|
138
|
+
prefixed: (prefix: string) => any;
|
|
139
|
+
};
|
|
140
|
+
prefixed: (prefix: string) => {
|
|
141
|
+
"@@TOKEN@@": true;
|
|
142
|
+
name: string;
|
|
143
|
+
type: import("@arbor-css/tokens").PropertyType;
|
|
144
|
+
tag: string | undefined;
|
|
145
|
+
purpose: import("@arbor-css/tokens").TokenPurpose;
|
|
146
|
+
group: string | undefined;
|
|
147
|
+
description: string | undefined;
|
|
148
|
+
contributedBy: string | undefined;
|
|
149
|
+
fallback: string | number | undefined;
|
|
150
|
+
var: string;
|
|
151
|
+
varFallback: (fallbackOverride?: string | number) => string;
|
|
152
|
+
assign: (value?: string | number) => string;
|
|
153
|
+
readonly definition: string;
|
|
154
|
+
suffixed: (suffix: string) => any;
|
|
155
|
+
prefixed: any;
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
}>;
|
|
159
|
+
lighten: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
160
|
+
readonly name: "--source";
|
|
161
|
+
readonly fallback: string;
|
|
162
|
+
}], {
|
|
163
|
+
[x: string]: /*elided*/ any;
|
|
164
|
+
$root?: undefined;
|
|
165
|
+
}>;
|
|
166
|
+
darken: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
167
|
+
readonly name: "--source";
|
|
168
|
+
readonly fallback: string;
|
|
169
|
+
}], {
|
|
170
|
+
[x: string]: /*elided*/ any;
|
|
171
|
+
$root?: undefined;
|
|
172
|
+
}>;
|
|
173
|
+
desaturate: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
174
|
+
readonly name: "--source";
|
|
175
|
+
readonly fallback: string;
|
|
176
|
+
}], {
|
|
177
|
+
[x: string]: /*elided*/ any;
|
|
178
|
+
$root?: undefined;
|
|
179
|
+
}>;
|
|
180
|
+
saturate: import("@arbor-css/functions").ArborMixin<readonly ["--step", {
|
|
181
|
+
readonly name: "--source";
|
|
182
|
+
readonly fallback: string;
|
|
183
|
+
}], {
|
|
184
|
+
[x: string]: /*elided*/ any;
|
|
185
|
+
$root?: undefined;
|
|
186
|
+
}>;
|
|
187
|
+
fade: import("@arbor-css/functions").ArborMixin<readonly ["--opacity", {
|
|
188
|
+
readonly name: "--source";
|
|
189
|
+
readonly fallback: string;
|
|
190
|
+
}], {
|
|
191
|
+
[x: string]: /*elided*/ any;
|
|
192
|
+
$root?: undefined;
|
|
193
|
+
}>;
|
|
194
|
+
};
|
|
195
|
+
export declare function createPresetMixins(tokens: RequiredTokens, createMixinValue: CreateMixin): {
|
|
4
196
|
readonly shadow: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
|
|
5
197
|
shadow: {
|
|
6
198
|
"@@TOKEN@@": true;
|
|
@@ -102,7 +294,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
102
294
|
};
|
|
103
295
|
}>;
|
|
104
296
|
readonly accent: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
105
|
-
|
|
297
|
+
applied: {
|
|
106
298
|
"@@TOKEN@@": true;
|
|
107
299
|
name: string;
|
|
108
300
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -150,8 +342,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
150
342
|
suffixed: (suffix: string) => any;
|
|
151
343
|
prefixed: any;
|
|
152
344
|
};
|
|
153
|
-
}
|
|
154
|
-
|
|
345
|
+
};
|
|
346
|
+
ref: {
|
|
155
347
|
"@@TOKEN@@": true;
|
|
156
348
|
name: string;
|
|
157
349
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -200,7 +392,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
200
392
|
prefixed: any;
|
|
201
393
|
};
|
|
202
394
|
};
|
|
203
|
-
|
|
395
|
+
contrast: {
|
|
204
396
|
"@@TOKEN@@": true;
|
|
205
397
|
name: string;
|
|
206
398
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -286,7 +478,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
286
478
|
$root?: undefined;
|
|
287
479
|
}>;
|
|
288
480
|
readonly bg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
289
|
-
|
|
481
|
+
applied: {
|
|
290
482
|
"@@TOKEN@@": true;
|
|
291
483
|
name: string;
|
|
292
484
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -334,8 +526,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
334
526
|
suffixed: (suffix: string) => any;
|
|
335
527
|
prefixed: any;
|
|
336
528
|
};
|
|
337
|
-
}
|
|
338
|
-
|
|
529
|
+
};
|
|
530
|
+
ref: {
|
|
339
531
|
"@@TOKEN@@": true;
|
|
340
532
|
name: string;
|
|
341
533
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -384,7 +576,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
384
576
|
prefixed: any;
|
|
385
577
|
};
|
|
386
578
|
};
|
|
387
|
-
|
|
579
|
+
contrast: {
|
|
388
580
|
"@@TOKEN@@": true;
|
|
389
581
|
name: string;
|
|
390
582
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -470,7 +662,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
470
662
|
$root?: undefined;
|
|
471
663
|
}>;
|
|
472
664
|
readonly border: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
473
|
-
|
|
665
|
+
applied: {
|
|
474
666
|
"@@TOKEN@@": true;
|
|
475
667
|
name: string;
|
|
476
668
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -518,8 +710,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
518
710
|
suffixed: (suffix: string) => any;
|
|
519
711
|
prefixed: any;
|
|
520
712
|
};
|
|
521
|
-
}
|
|
522
|
-
|
|
713
|
+
};
|
|
714
|
+
ref: {
|
|
523
715
|
"@@TOKEN@@": true;
|
|
524
716
|
name: string;
|
|
525
717
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -568,7 +760,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
568
760
|
prefixed: any;
|
|
569
761
|
};
|
|
570
762
|
};
|
|
571
|
-
|
|
763
|
+
contrast: {
|
|
572
764
|
"@@TOKEN@@": true;
|
|
573
765
|
name: string;
|
|
574
766
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -654,7 +846,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
654
846
|
$root?: undefined;
|
|
655
847
|
}>;
|
|
656
848
|
readonly fill: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
657
|
-
|
|
849
|
+
applied: {
|
|
658
850
|
"@@TOKEN@@": true;
|
|
659
851
|
name: string;
|
|
660
852
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -702,8 +894,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
702
894
|
suffixed: (suffix: string) => any;
|
|
703
895
|
prefixed: any;
|
|
704
896
|
};
|
|
705
|
-
}
|
|
706
|
-
|
|
897
|
+
};
|
|
898
|
+
ref: {
|
|
707
899
|
"@@TOKEN@@": true;
|
|
708
900
|
name: string;
|
|
709
901
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -752,7 +944,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
752
944
|
prefixed: any;
|
|
753
945
|
};
|
|
754
946
|
};
|
|
755
|
-
|
|
947
|
+
contrast: {
|
|
756
948
|
"@@TOKEN@@": true;
|
|
757
949
|
name: string;
|
|
758
950
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -838,7 +1030,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
838
1030
|
$root?: undefined;
|
|
839
1031
|
}>;
|
|
840
1032
|
readonly fg: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
841
|
-
|
|
1033
|
+
applied: {
|
|
842
1034
|
"@@TOKEN@@": true;
|
|
843
1035
|
name: string;
|
|
844
1036
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -886,8 +1078,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
886
1078
|
suffixed: (suffix: string) => any;
|
|
887
1079
|
prefixed: any;
|
|
888
1080
|
};
|
|
889
|
-
}
|
|
890
|
-
|
|
1081
|
+
};
|
|
1082
|
+
ref: {
|
|
891
1083
|
"@@TOKEN@@": true;
|
|
892
1084
|
name: string;
|
|
893
1085
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -936,7 +1128,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
936
1128
|
prefixed: any;
|
|
937
1129
|
};
|
|
938
1130
|
};
|
|
939
|
-
|
|
1131
|
+
contrast: {
|
|
940
1132
|
"@@TOKEN@@": true;
|
|
941
1133
|
name: string;
|
|
942
1134
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1022,7 +1214,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
1022
1214
|
$root?: undefined;
|
|
1023
1215
|
}>;
|
|
1024
1216
|
readonly stroke: import("@arbor-css/functions").ArborMixin<readonly ["--color"], {
|
|
1025
|
-
|
|
1217
|
+
applied: {
|
|
1026
1218
|
"@@TOKEN@@": true;
|
|
1027
1219
|
name: string;
|
|
1028
1220
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1070,8 +1262,8 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
1070
1262
|
suffixed: (suffix: string) => any;
|
|
1071
1263
|
prefixed: any;
|
|
1072
1264
|
};
|
|
1073
|
-
}
|
|
1074
|
-
|
|
1265
|
+
};
|
|
1266
|
+
ref: {
|
|
1075
1267
|
"@@TOKEN@@": true;
|
|
1076
1268
|
name: string;
|
|
1077
1269
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1120,7 +1312,7 @@ export declare function createPresetMixins(systemProps: SystemTokens, createMixi
|
|
|
1120
1312
|
prefixed: any;
|
|
1121
1313
|
};
|
|
1122
1314
|
};
|
|
1123
|
-
|
|
1315
|
+
contrast: {
|
|
1124
1316
|
"@@TOKEN@@": true;
|
|
1125
1317
|
name: string;
|
|
1126
1318
|
type: import("@arbor-css/tokens").PropertyType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mixins.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/mixins.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAKN,cAAc,EAEd,MAAM,sBAAsB,CAAC;AAE9B,wBAAgB,iBAAiB,CAChC,gBAAgB,EAAE,WAAW,EAC7B,MAAM,EAAE,cAAc,EACtB,EACC,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,qBAAqB,GACrB,EAAE;IACF,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;CAC/D;;;;;;;;;;;;;0CA0HM,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA9BzD;AAED,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,gBAAgB,EAAE,WAAW;;;;;;;;;;;;;0CAtBtB,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAhDlD,CAAC;0BACmC,CAAA;;;;;;;;;;;;;8CAyB1B,CAAC;8BAAqD,CAAA;;;;;;;;;;;;;;;;8CAsBpE,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FzD;AAGD,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { darkenColorAlteration, desaturateColorAlteration, fadeColorAlteration, lightenColorAlteration, saturateColorAlteration, } from './commonFunctions.js';
|
|
2
|
-
function createColorMixins(createMixinValue,
|
|
3
|
-
const includeContrast = property === 'background';
|
|
2
|
+
export function createColorMixins(createMixinValue, tokens, { name, property, description, defineExtraProperties, }) {
|
|
4
3
|
const refMixin = createMixinValue(name, {
|
|
5
4
|
description,
|
|
6
5
|
parameters: ['--color'],
|
|
@@ -34,14 +33,10 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
|
|
|
34
33
|
purpose: 'color',
|
|
35
34
|
description: `The final ${property} value applied by Arbor.`,
|
|
36
35
|
},
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
description: 'Color used when deriving a contrast foreground from the background.',
|
|
42
|
-
},
|
|
43
|
-
}
|
|
44
|
-
: {}),
|
|
36
|
+
contrast: {
|
|
37
|
+
purpose: 'color',
|
|
38
|
+
description: 'Color used when deriving a contrast foreground from the background.',
|
|
39
|
+
},
|
|
45
40
|
},
|
|
46
41
|
});
|
|
47
42
|
const lightenMixin = createMixinValue(`${name}-lighten`, {
|
|
@@ -54,7 +49,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
|
|
|
54
49
|
},
|
|
55
50
|
],
|
|
56
51
|
definition: (css, { parameters: [step, source] }) => ({
|
|
57
|
-
[refMixin.contributeTokens.ref.name]: lightenColorAlteration(css,
|
|
52
|
+
[refMixin.contributeTokens.ref.name]: lightenColorAlteration(css, tokens, source, step),
|
|
58
53
|
}),
|
|
59
54
|
});
|
|
60
55
|
const darkenMixin = createMixinValue(`${name}-darken`, {
|
|
@@ -67,7 +62,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
|
|
|
67
62
|
},
|
|
68
63
|
],
|
|
69
64
|
definition: (css, { parameters: [step, source] }) => ({
|
|
70
|
-
[refMixin.contributeTokens.ref.name]: darkenColorAlteration(css,
|
|
65
|
+
[refMixin.contributeTokens.ref.name]: darkenColorAlteration(css, tokens, source, step),
|
|
71
66
|
}),
|
|
72
67
|
});
|
|
73
68
|
const desaturateMixin = createMixinValue(`${name}-desaturate`, {
|
|
@@ -80,7 +75,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
|
|
|
80
75
|
},
|
|
81
76
|
],
|
|
82
77
|
definition: (css, { parameters: [step, source] }) => ({
|
|
83
|
-
[refMixin.contributeTokens.ref.name]: desaturateColorAlteration(css,
|
|
78
|
+
[refMixin.contributeTokens.ref.name]: desaturateColorAlteration(css, tokens, source, step),
|
|
84
79
|
}),
|
|
85
80
|
});
|
|
86
81
|
const saturateMixin = createMixinValue(`${name}-saturate`, {
|
|
@@ -93,7 +88,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
|
|
|
93
88
|
},
|
|
94
89
|
],
|
|
95
90
|
definition: (css, { parameters: [step, source] }) => ({
|
|
96
|
-
[refMixin.contributeTokens.ref.name]: saturateColorAlteration(css,
|
|
91
|
+
[refMixin.contributeTokens.ref.name]: saturateColorAlteration(css, tokens, source, step),
|
|
97
92
|
}),
|
|
98
93
|
});
|
|
99
94
|
const fadeMixin = createMixinValue(`${name}-fade`, {
|
|
@@ -118,7 +113,7 @@ function createColorMixins(createMixinValue, systemTokens, { name, property, des
|
|
|
118
113
|
fade: fadeMixin,
|
|
119
114
|
};
|
|
120
115
|
}
|
|
121
|
-
export function createPresetMixins(
|
|
116
|
+
export function createPresetMixins(tokens, createMixinValue) {
|
|
122
117
|
const shadow = createMixinValue('shadow', {
|
|
123
118
|
description: 'Applies stacked box-shadow layers as assignable tokens, so ring and shadow portions can be assigned independently.',
|
|
124
119
|
definition: (css, { tokens }) => ({
|
|
@@ -140,38 +135,38 @@ export function createPresetMixins(systemProps, createMixinValue) {
|
|
|
140
135
|
},
|
|
141
136
|
});
|
|
142
137
|
// colors
|
|
143
|
-
const fgMixins = createColorMixins(createMixinValue,
|
|
138
|
+
const fgMixins = createColorMixins(createMixinValue, tokens, {
|
|
144
139
|
name: 'fg',
|
|
145
140
|
property: 'color',
|
|
146
141
|
description: 'Routes color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
147
142
|
});
|
|
148
|
-
const bgMixins = createColorMixins(createMixinValue,
|
|
143
|
+
const bgMixins = createColorMixins(createMixinValue, tokens, {
|
|
149
144
|
name: 'bg',
|
|
150
145
|
property: 'background',
|
|
151
146
|
description: 'Routes background color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
152
147
|
});
|
|
153
|
-
const borderMixins = createColorMixins(createMixinValue,
|
|
148
|
+
const borderMixins = createColorMixins(createMixinValue, tokens, {
|
|
154
149
|
name: 'border',
|
|
155
150
|
property: 'border-color',
|
|
156
151
|
description: 'Routes border color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
157
152
|
defineExtraProperties: (css) => ({
|
|
158
153
|
'border-style': css `solid`,
|
|
159
154
|
'border-width': css `
|
|
160
|
-
|
|
155
|
+
1px
|
|
161
156
|
`,
|
|
162
157
|
}),
|
|
163
158
|
});
|
|
164
|
-
const fillMixins = createColorMixins(createMixinValue,
|
|
159
|
+
const fillMixins = createColorMixins(createMixinValue, tokens, {
|
|
165
160
|
name: 'fill',
|
|
166
161
|
property: 'fill',
|
|
167
162
|
description: 'Routes SVG fill assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
168
163
|
});
|
|
169
|
-
const strokeMixins = createColorMixins(createMixinValue,
|
|
164
|
+
const strokeMixins = createColorMixins(createMixinValue, tokens, {
|
|
170
165
|
name: 'stroke',
|
|
171
166
|
property: 'stroke',
|
|
172
167
|
description: 'Routes SVG stroke assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|
|
173
168
|
});
|
|
174
|
-
const accentMixins = createColorMixins(createMixinValue,
|
|
169
|
+
const accentMixins = createColorMixins(createMixinValue, tokens, {
|
|
175
170
|
name: 'accent',
|
|
176
171
|
property: 'accent-color',
|
|
177
172
|
description: 'Routes accent-color assignments through intermediate tokens to allow for runtime adjustments and cross-color references.',
|