@a-type/ui 3.0.12 → 3.0.14
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/cjs/__tests__/setup.d.ts +1 -0
- package/dist/cjs/__tests__/setup.js +5 -0
- package/dist/cjs/__tests__/setup.js.map +1 -0
- package/dist/cjs/colors.stories.d.ts +1 -8
- package/dist/cjs/colors.stories.js +36 -26
- package/dist/cjs/colors.stories.js.map +1 -1
- package/dist/cjs/components/box/Box.d.ts +1 -1
- package/dist/cjs/components/box/Box.stories.js +2 -2
- package/dist/cjs/components/box/Box.stories.js.map +1 -1
- package/dist/cjs/components/button/Button.d.ts +1 -1
- package/dist/cjs/components/button/Button.stories.js +9 -9
- package/dist/cjs/components/button/Button.stories.js.map +1 -1
- package/dist/cjs/components/button/classes.d.ts +1 -1
- package/dist/cjs/components/card/Card.d.ts +1 -1
- package/dist/cjs/components/chip/Chip.d.ts +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.d.ts +1 -1
- package/dist/cjs/components/colorPicker/ColorPicker.js +2 -2
- package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.d.ts +1 -1
- package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/cjs/components/layouts/PageRoot.d.ts +5 -1
- package/dist/cjs/components/layouts/PageRoot.js +22 -2
- package/dist/cjs/components/layouts/PageRoot.js.map +1 -1
- package/dist/cjs/components/note/Note.d.ts +1 -1
- package/dist/cjs/components/progress/Progress.d.ts +1 -1
- package/dist/cjs/components/slider/Slider.d.ts +1 -1
- package/dist/cjs/hooks/useOverrideTheme.d.ts +1 -1
- package/dist/cjs/hooks/useTitleBarColor.d.ts +4 -0
- package/dist/cjs/hooks/useTitleBarColor.js +33 -3
- package/dist/cjs/hooks/useTitleBarColor.js.map +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js +1 -1
- package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +2 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/uno/index.d.ts +1 -0
- package/dist/cjs/uno/index.js +8 -0
- package/dist/cjs/uno/index.js.map +1 -0
- package/dist/cjs/uno/logic/color.d.ts +100 -27
- package/dist/cjs/uno/logic/color.js +259 -42
- package/dist/cjs/uno/logic/color.js.map +1 -1
- package/dist/cjs/uno/logic/color.test.d.ts +1 -0
- package/dist/cjs/uno/logic/color.test.js +74 -0
- package/dist/cjs/uno/logic/color.test.js.map +1 -0
- package/dist/cjs/uno/logic/oklch.d.ts +3 -0
- package/dist/cjs/uno/logic/oklch.js +96 -0
- package/dist/cjs/uno/logic/oklch.js.map +1 -0
- package/dist/cjs/uno/logic/palettes.d.ts +63 -0
- package/dist/cjs/uno/logic/palettes.js +99 -0
- package/dist/cjs/uno/logic/palettes.js.map +1 -0
- package/dist/cjs/uno/preflights/colors.js +18 -42
- package/dist/cjs/uno/preflights/colors.js.map +1 -1
- package/dist/cjs/uno/preflights/fonts.d.ts +4 -0
- package/dist/cjs/uno/preflights/fonts.js +20 -0
- package/dist/cjs/uno/preflights/fonts.js.map +1 -0
- package/dist/cjs/uno/preflights/index.d.ts +2 -1
- package/dist/cjs/uno/preflights/index.js +2 -0
- package/dist/cjs/uno/preflights/index.js.map +1 -1
- package/dist/cjs/uno/theme/colors.d.ts +17 -53
- package/dist/cjs/uno/theme/colors.js +11 -13
- package/dist/cjs/uno/theme/colors.js.map +1 -1
- package/dist/cjs/uno/uno.preset.d.ts +2 -1
- package/dist/cjs/uno/uno.preset.js +3 -1
- package/dist/cjs/uno/uno.preset.js.map +1 -1
- package/dist/css/main.css +9 -8
- package/dist/esm/__tests__/setup.d.ts +1 -0
- package/dist/esm/__tests__/setup.js +3 -0
- package/dist/esm/__tests__/setup.js.map +1 -0
- package/dist/esm/colors.stories.d.ts +1 -8
- package/dist/esm/colors.stories.js +33 -26
- package/dist/esm/colors.stories.js.map +1 -1
- package/dist/esm/components/box/Box.d.ts +1 -1
- package/dist/esm/components/box/Box.stories.js +1 -1
- package/dist/esm/components/box/Box.stories.js.map +1 -1
- package/dist/esm/components/button/Button.d.ts +1 -1
- package/dist/esm/components/button/Button.stories.js +1 -1
- package/dist/esm/components/button/Button.stories.js.map +1 -1
- package/dist/esm/components/button/classes.d.ts +1 -1
- package/dist/esm/components/card/Card.d.ts +1 -1
- package/dist/esm/components/chip/Chip.d.ts +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.d.ts +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js +1 -1
- package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.d.ts +1 -1
- package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +1 -1
- package/dist/esm/components/layouts/PageRoot.d.ts +5 -1
- package/dist/esm/components/layouts/PageRoot.js +19 -2
- package/dist/esm/components/layouts/PageRoot.js.map +1 -1
- package/dist/esm/components/note/Note.d.ts +1 -1
- package/dist/esm/components/progress/Progress.d.ts +1 -1
- package/dist/esm/components/slider/Slider.d.ts +1 -1
- package/dist/esm/hooks/useOverrideTheme.d.ts +1 -1
- package/dist/esm/hooks/useTitleBarColor.d.ts +4 -0
- package/dist/esm/hooks/useTitleBarColor.js +32 -3
- package/dist/esm/hooks/useTitleBarColor.js.map +1 -1
- package/dist/esm/hooks/useTitleBarColor.stories.js +2 -2
- package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/uno/index.d.ts +1 -0
- package/dist/esm/uno/index.js +3 -0
- package/dist/esm/uno/index.js.map +1 -0
- package/dist/esm/uno/logic/color.d.ts +100 -27
- package/dist/esm/uno/logic/color.js +256 -38
- package/dist/esm/uno/logic/color.js.map +1 -1
- package/dist/esm/uno/logic/color.test.d.ts +1 -0
- package/dist/esm/uno/logic/color.test.js +72 -0
- package/dist/esm/uno/logic/color.test.js.map +1 -0
- package/dist/esm/uno/logic/oklch.d.ts +3 -0
- package/dist/esm/uno/logic/oklch.js +90 -0
- package/dist/esm/uno/logic/oklch.js.map +1 -0
- package/dist/esm/uno/logic/palettes.d.ts +63 -0
- package/dist/esm/uno/logic/palettes.js +95 -0
- package/dist/esm/uno/logic/palettes.js.map +1 -0
- package/dist/esm/uno/preflights/colors.js +17 -41
- package/dist/esm/uno/preflights/colors.js.map +1 -1
- package/dist/esm/uno/preflights/fonts.d.ts +4 -0
- package/dist/esm/uno/preflights/fonts.js +16 -0
- package/dist/esm/uno/preflights/fonts.js.map +1 -0
- package/dist/esm/uno/preflights/index.d.ts +2 -1
- package/dist/esm/uno/preflights/index.js +2 -0
- package/dist/esm/uno/preflights/index.js.map +1 -1
- package/dist/esm/uno/theme/colors.d.ts +17 -53
- package/dist/esm/uno/theme/colors.js +11 -13
- package/dist/esm/uno/theme/colors.js.map +1 -1
- package/dist/esm/uno/uno.preset.d.ts +2 -1
- package/dist/esm/uno/uno.preset.js +3 -1
- package/dist/esm/uno/uno.preset.js.map +1 -1
- package/package.json +132 -125
- package/src/__tests__/setup.ts +1 -0
- package/src/colors.stories.tsx +94 -71
- package/src/components/box/Box.stories.tsx +1 -1
- package/src/components/box/Box.tsx +1 -1
- package/src/components/button/Button.stories.tsx +1 -1
- package/src/components/button/Button.tsx +1 -1
- package/src/components/button/classes.tsx +1 -1
- package/src/components/chip/Chip.tsx +1 -1
- package/src/components/colorPicker/ColorPicker.tsx +1 -1
- package/src/components/datePicker/DatePicker.tsx +1 -1
- package/src/components/dropdownMenu/DropdownMenu.tsx +1 -1
- package/src/components/layouts/PageRoot.tsx +29 -8
- package/src/components/note/Note.tsx +1 -1
- package/src/components/progress/Progress.tsx +1 -1
- package/src/components/slider/Slider.tsx +1 -1
- package/src/hooks/useOverrideTheme.ts +1 -1
- package/src/hooks/useTitleBarColor.stories.tsx +2 -2
- package/src/hooks/useTitleBarColor.ts +41 -3
- package/src/index.ts +1 -5
- package/src/themes.stories.tsx +1 -1
- package/src/uno/index.ts +5 -0
- package/src/uno/logic/color.test.ts +109 -0
- package/src/uno/logic/color.ts +428 -80
- package/src/uno/logic/oklch.ts +120 -0
- package/src/uno/logic/palettes.ts +266 -0
- package/src/uno/preflights/colors.ts +22 -41
- package/src/uno/preflights/fonts.ts +23 -0
- package/src/uno/preflights/index.ts +3 -1
- package/src/uno/theme/colors.ts +13 -18
- package/src/uno/uno.preset.ts +8 -3
|
@@ -1,29 +1,102 @@
|
|
|
1
|
-
|
|
2
|
-
export declare function clampedPercent(value: string | number): string;
|
|
3
|
-
export declare const paletteHues: {
|
|
4
|
-
primary: string;
|
|
5
|
-
accent: string;
|
|
6
|
-
main: string;
|
|
7
|
-
attention: string;
|
|
8
|
-
success: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const paletteNames: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
|
|
11
|
-
export type PaletteName = (typeof paletteNames)[number];
|
|
12
|
-
export declare function createColorRange(sourceHue: string, { saturation, }?: {
|
|
13
|
-
saturation?: string;
|
|
14
|
-
}): {
|
|
15
|
-
wash: string;
|
|
16
|
-
light: string;
|
|
17
|
-
DEFAULT: string;
|
|
18
|
-
dark: string;
|
|
19
|
-
ink: string;
|
|
20
|
-
};
|
|
21
|
-
export declare const whiteBlackRange: {
|
|
22
|
-
wash: string;
|
|
23
|
-
light: string;
|
|
24
|
-
DEFAULT: string;
|
|
25
|
-
dark: string;
|
|
26
|
-
ink: string;
|
|
27
|
-
};
|
|
1
|
+
import { type PaletteName } from './palettes.js';
|
|
28
2
|
export declare function lighten(base: string, level: string): string;
|
|
29
3
|
export declare function darken(base: string, level: string): string;
|
|
4
|
+
/**
|
|
5
|
+
* Values to inject for contextual color variables.
|
|
6
|
+
*/
|
|
7
|
+
export interface ColorEvaluationContext {
|
|
8
|
+
mode: {
|
|
9
|
+
lNeutral: string;
|
|
10
|
+
lRangeUp: string;
|
|
11
|
+
lRangeDown: string;
|
|
12
|
+
sNeutral: string;
|
|
13
|
+
sRangeUp: string;
|
|
14
|
+
sRangeDown: string;
|
|
15
|
+
mult: string;
|
|
16
|
+
};
|
|
17
|
+
sourceHue: string;
|
|
18
|
+
globalSaturation: string;
|
|
19
|
+
localLightnessSpread: string;
|
|
20
|
+
localSaturation: string;
|
|
21
|
+
}
|
|
22
|
+
export declare function livePropertyColorContext(sourceHue: string): ColorEvaluationContext;
|
|
23
|
+
/**
|
|
24
|
+
* "Snapshots" a color context as real values from the given scope element.
|
|
25
|
+
* Defaults to body.
|
|
26
|
+
*/
|
|
27
|
+
export declare function snapshotColorContext(palette: PaletteName, mode?: 'light' | 'dark'): ColorEvaluationContext;
|
|
28
|
+
export interface OklchColorEquation {
|
|
29
|
+
l: ColorEquation;
|
|
30
|
+
c: ColorEquation;
|
|
31
|
+
h: ColorEquation;
|
|
32
|
+
/**
|
|
33
|
+
* Prints the CSS value of the color equation, including all
|
|
34
|
+
* calculations and variable references.
|
|
35
|
+
*/
|
|
36
|
+
print(context: ColorEvaluationContext): string;
|
|
37
|
+
/**
|
|
38
|
+
* Uses the equation and provided context to compute a static
|
|
39
|
+
* OKLCH color string with calculations and references resolved.
|
|
40
|
+
*/
|
|
41
|
+
computeOklch(context: ColorEvaluationContext): string;
|
|
42
|
+
/**
|
|
43
|
+
* Uses the equation and provided context to compute a static
|
|
44
|
+
* sRGB color string with calculations and references resolved.
|
|
45
|
+
* This is not as accurate as computeOklch, as it converts to sRGB gamut.
|
|
46
|
+
*/
|
|
47
|
+
computeSrgb(context: ColorEvaluationContext): string;
|
|
48
|
+
/**
|
|
49
|
+
* Uses the equation and provided context to compute a static
|
|
50
|
+
* HEX color string with calculations and references resolved.
|
|
51
|
+
* This is not as accurate as computeOklch, as it converts to sRGB gamut.
|
|
52
|
+
*/
|
|
53
|
+
computeHex(context: ColorEvaluationContext): string;
|
|
54
|
+
/**
|
|
55
|
+
* Returns the raw computed L, C, H values as numbers with units.
|
|
56
|
+
*/
|
|
57
|
+
raw(ctx: ColorEvaluationContext): {
|
|
58
|
+
l: ComputationResult;
|
|
59
|
+
c: ComputationResult;
|
|
60
|
+
h: ComputationResult;
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
export type ColorEquation = OperationTree;
|
|
64
|
+
type ColorContextEvaluation = (ctx: ColorEvaluationContext) => string;
|
|
65
|
+
type OperationTree = AddOperation | SubtractOperation | MultiplyOperation | LiteralOperation | ClampOperation;
|
|
66
|
+
interface AddOperation {
|
|
67
|
+
type: 'add';
|
|
68
|
+
values: ColorEquation[];
|
|
69
|
+
}
|
|
70
|
+
interface SubtractOperation {
|
|
71
|
+
type: 'subtract';
|
|
72
|
+
values: ColorEquation[];
|
|
73
|
+
}
|
|
74
|
+
interface MultiplyOperation {
|
|
75
|
+
type: 'multiply';
|
|
76
|
+
values: ColorEquation[];
|
|
77
|
+
}
|
|
78
|
+
interface LiteralOperation {
|
|
79
|
+
type: 'literal';
|
|
80
|
+
value: ColorContextEvaluation;
|
|
81
|
+
}
|
|
82
|
+
interface ClampOperation {
|
|
83
|
+
type: 'clamp';
|
|
84
|
+
values: ColorEquation[];
|
|
85
|
+
}
|
|
86
|
+
declare const colorEquationTools: {
|
|
87
|
+
literal: (value: ColorContextEvaluation) => LiteralOperation;
|
|
88
|
+
add: (...values: ColorEquation[]) => AddOperation;
|
|
89
|
+
subtract: (...values: ColorEquation[]) => SubtractOperation;
|
|
90
|
+
multiply: (...values: ColorEquation[]) => MultiplyOperation;
|
|
91
|
+
clamp: (equation: ColorEquation, min: ColorEquation, max: ColorEquation) => ColorEquation;
|
|
92
|
+
};
|
|
93
|
+
interface ComputationResult {
|
|
94
|
+
value: number;
|
|
95
|
+
unit: '%' | '';
|
|
96
|
+
}
|
|
97
|
+
export declare function oklchBuilder(impl: (tools: typeof colorEquationTools) => {
|
|
98
|
+
l: ColorEquation;
|
|
99
|
+
c: ColorEquation;
|
|
100
|
+
h: ColorEquation;
|
|
101
|
+
}): OklchColorEquation;
|
|
102
|
+
export {};
|
|
@@ -1,42 +1,7 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export function clampedPercent(value) {
|
|
6
|
-
return `clamp(0%, ${value}, 100%)`;
|
|
7
|
-
}
|
|
8
|
-
export const paletteHues = {
|
|
9
|
-
primary: 'var(--p-primary-hue,91.8)',
|
|
10
|
-
accent: 'var(--p-accent-hue,160.88)',
|
|
11
|
-
main: 'var(--l-main-hue,var(--p-primary-hue,91.8))',
|
|
12
|
-
attention: 'var(--p-attention-hue,30)',
|
|
13
|
-
success: 'var(--p-success-hue,140)',
|
|
14
|
-
};
|
|
15
|
-
export const paletteNames = [
|
|
16
|
-
'primary',
|
|
17
|
-
'accent',
|
|
18
|
-
'attention',
|
|
19
|
-
'success',
|
|
20
|
-
'lemon',
|
|
21
|
-
'leek',
|
|
22
|
-
'tomato',
|
|
23
|
-
'blueberry',
|
|
24
|
-
'eggplant',
|
|
25
|
-
'gray',
|
|
26
|
-
'high-contrast',
|
|
27
|
-
];
|
|
28
|
-
export function createColorRange(sourceHue, { saturation, } = {}) {
|
|
29
|
-
return {
|
|
30
|
-
wash: globalColor(`var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1))`, sourceHue),
|
|
31
|
-
light: globalColor(`var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1))`, sourceHue),
|
|
32
|
-
DEFAULT: globalColor(`var(--mode-l-neutral)`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral)`, sourceHue),
|
|
33
|
-
dark: globalColor(`var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1))`, sourceHue),
|
|
34
|
-
ink: globalColor(`var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1))`, sourceHue),
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
export const whiteBlackRange = createColorRange(paletteHues.primary, {
|
|
38
|
-
saturation: '0.4%',
|
|
39
|
-
});
|
|
2
|
+
import { ColorSpace, to as convert, OKLCH, serialize, sRGB, toGamut, } from 'colorjs.io/fn';
|
|
3
|
+
ColorSpace.register(sRGB);
|
|
4
|
+
ColorSpace.register(OKLCH);
|
|
40
5
|
export function lighten(base, level) {
|
|
41
6
|
return mod(base, level, 1);
|
|
42
7
|
}
|
|
@@ -50,4 +15,257 @@ function mod(base, level, sign) {
|
|
|
50
15
|
` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(--global-saturation, 0))))))` +
|
|
51
16
|
` h)`);
|
|
52
17
|
}
|
|
18
|
+
export function livePropertyColorContext(sourceHue) {
|
|
19
|
+
return {
|
|
20
|
+
mode: {
|
|
21
|
+
lNeutral: 'var(--mode-l-neutral)',
|
|
22
|
+
lRangeUp: 'var(--mode-l-range-up)',
|
|
23
|
+
lRangeDown: 'var(--mode-l-range-down)',
|
|
24
|
+
sNeutral: 'var(--mode-s-neutral)',
|
|
25
|
+
sRangeUp: 'var(--mode-s-range-up)',
|
|
26
|
+
sRangeDown: 'var(--mode-s-range-down)',
|
|
27
|
+
mult: 'var(--mode-mult, 1)',
|
|
28
|
+
},
|
|
29
|
+
sourceHue,
|
|
30
|
+
globalSaturation: 'var(--global-saturation, 1)',
|
|
31
|
+
localLightnessSpread: 'var(--l-lightness-spread, 1)',
|
|
32
|
+
localSaturation: 'var(--l-saturation, 1)',
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
// helpers to avoid having to hardcode the synchronized variables
|
|
36
|
+
function stripVar(property) {
|
|
37
|
+
return property.replace(/var\((--[a-zA-Z0-9-_]+)(,[^)]+)?\)/g, '$1').trim();
|
|
38
|
+
}
|
|
39
|
+
function getFallback(property) {
|
|
40
|
+
const match = property.match(/var\(--[a-zA-Z0-9-_]+,([^)]+)\)/);
|
|
41
|
+
if (match) {
|
|
42
|
+
return match[1].trim();
|
|
43
|
+
}
|
|
44
|
+
return null;
|
|
45
|
+
}
|
|
46
|
+
function evaluatePropertiesRecursively(computed, context, result = {}) {
|
|
47
|
+
for (const key in context) {
|
|
48
|
+
const value = context[key];
|
|
49
|
+
if (typeof value === 'string') {
|
|
50
|
+
if (value.startsWith('var(')) {
|
|
51
|
+
const varName = stripVar(value);
|
|
52
|
+
const evaluatedVar = computed.getPropertyValue(varName).trim();
|
|
53
|
+
if (evaluatedVar) {
|
|
54
|
+
result[key] = evaluatedVar;
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
const fallback = getFallback(value);
|
|
58
|
+
if (fallback !== null) {
|
|
59
|
+
result[key] = fallback;
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
throw new Error(`CSS variable ${varName} is not defined and no fallback is provided.`);
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
result[key] =
|
|
69
|
+
evaluatePropertiesRecursively(computed, value, {});
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
return result;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* "Snapshots" a color context as real values from the given scope element.
|
|
76
|
+
* Defaults to body.
|
|
77
|
+
*/
|
|
78
|
+
export function snapshotColorContext(palette, mode) {
|
|
79
|
+
const scopeElement = document.createElement('div');
|
|
80
|
+
scopeElement.classList.add(`palette-${palette}`);
|
|
81
|
+
if (mode) {
|
|
82
|
+
scopeElement.classList.add(`override-${mode}`);
|
|
83
|
+
}
|
|
84
|
+
scopeElement.style.position = 'absolute';
|
|
85
|
+
scopeElement.style.visibility = 'hidden';
|
|
86
|
+
document.body.appendChild(scopeElement);
|
|
87
|
+
const styles = getComputedStyle(scopeElement);
|
|
88
|
+
const evaluated = evaluatePropertiesRecursively(styles, livePropertyColorContext(`var(--l-main-hue)`));
|
|
89
|
+
document.body.removeChild(scopeElement);
|
|
90
|
+
return evaluated;
|
|
91
|
+
}
|
|
92
|
+
const colorEquationTools = {
|
|
93
|
+
literal: (value) => {
|
|
94
|
+
return { type: 'literal', value };
|
|
95
|
+
},
|
|
96
|
+
add: (...values) => {
|
|
97
|
+
return { type: 'add', values };
|
|
98
|
+
},
|
|
99
|
+
subtract: (...values) => {
|
|
100
|
+
return { type: 'subtract', values };
|
|
101
|
+
},
|
|
102
|
+
multiply: (...values) => {
|
|
103
|
+
return { type: 'multiply', values };
|
|
104
|
+
},
|
|
105
|
+
clamp: (equation, min, max) => {
|
|
106
|
+
return { type: 'clamp', values: [min, equation, max] };
|
|
107
|
+
},
|
|
108
|
+
};
|
|
109
|
+
function printEquation(equation, context) {
|
|
110
|
+
switch (equation.type) {
|
|
111
|
+
case 'literal':
|
|
112
|
+
return equation.value(context);
|
|
113
|
+
case 'add':
|
|
114
|
+
return `(${equation.values
|
|
115
|
+
.map((v) => printEquation(v, context))
|
|
116
|
+
.join(' + ')})`;
|
|
117
|
+
case 'subtract':
|
|
118
|
+
return `(${equation.values
|
|
119
|
+
.map((v) => printEquation(v, context))
|
|
120
|
+
.join(' - ')})`;
|
|
121
|
+
case 'multiply':
|
|
122
|
+
return `(${equation.values
|
|
123
|
+
.map((v) => printEquation(v, context))
|
|
124
|
+
.join(' * ')})`;
|
|
125
|
+
case 'clamp':
|
|
126
|
+
if (equation.values.length !== 3) {
|
|
127
|
+
throw new Error('Clamp operation requires exactly 3 values: min, value, max');
|
|
128
|
+
}
|
|
129
|
+
return `clamp(${equation.values
|
|
130
|
+
.map((v) => printEquation(v, context))
|
|
131
|
+
.join(', ')})`;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
function add(a, b) {
|
|
135
|
+
if (a.unit !== b.unit) {
|
|
136
|
+
throw new Error('Cannot add values with different units');
|
|
137
|
+
}
|
|
138
|
+
return { value: a.value + b.value, unit: a.unit };
|
|
139
|
+
}
|
|
140
|
+
function subtract(a, b) {
|
|
141
|
+
if (a.unit !== b.unit) {
|
|
142
|
+
throw new Error('Cannot subtract values with different units');
|
|
143
|
+
}
|
|
144
|
+
return { value: a.value - b.value, unit: a.unit };
|
|
145
|
+
}
|
|
146
|
+
function multiply(a, b) {
|
|
147
|
+
if (a.unit === '%' && b.unit === '%') {
|
|
148
|
+
return { value: (a.value * b.value) / 100, unit: '%' };
|
|
149
|
+
}
|
|
150
|
+
const unit = a.unit === '%' || b.unit === '%' ? '%' : '';
|
|
151
|
+
return { value: a.value * b.value, unit };
|
|
152
|
+
}
|
|
153
|
+
function clamp(value, min, max) {
|
|
154
|
+
if (value.unit !== min.unit || value.unit !== max.unit) {
|
|
155
|
+
throw new Error('Cannot clamp values with different units');
|
|
156
|
+
}
|
|
157
|
+
return {
|
|
158
|
+
value: Math.min(Math.max(value.value, min.value), max.value),
|
|
159
|
+
unit: value.unit,
|
|
160
|
+
};
|
|
161
|
+
}
|
|
162
|
+
function printComputationResult(result) {
|
|
163
|
+
return result.unit === '%' ? `${result.value}%` : `${result.value}`;
|
|
164
|
+
}
|
|
165
|
+
function resolveComputationResult(result, outputRange) {
|
|
166
|
+
if (result.unit === '%') {
|
|
167
|
+
const [min, max] = outputRange;
|
|
168
|
+
return min + (result.value / 100) * (max - min);
|
|
169
|
+
}
|
|
170
|
+
else {
|
|
171
|
+
return result.value;
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
function evaluateLiteral(literal) {
|
|
175
|
+
if (literal.endsWith('%')) {
|
|
176
|
+
const asNumber = Number(literal.slice(0, -1));
|
|
177
|
+
if (isNaN(asNumber)) {
|
|
178
|
+
throw new Error(`Literal value did not evaluate to a number: ${literal}`);
|
|
179
|
+
}
|
|
180
|
+
return { value: asNumber, unit: '%' };
|
|
181
|
+
}
|
|
182
|
+
else {
|
|
183
|
+
const asNumber = Number(literal);
|
|
184
|
+
if (isNaN(asNumber)) {
|
|
185
|
+
throw new Error(`Literal value did not evaluate to a number: ${literal}`);
|
|
186
|
+
}
|
|
187
|
+
return { value: asNumber, unit: '' };
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
function computeEquation(equation, context) {
|
|
191
|
+
switch (equation.type) {
|
|
192
|
+
case 'literal':
|
|
193
|
+
return evaluateLiteral(equation.value(context));
|
|
194
|
+
case 'add':
|
|
195
|
+
return equation.values.reduce((sum, v) => add(sum, computeEquation(v, context)), { value: 0, unit: '%' });
|
|
196
|
+
case 'subtract':
|
|
197
|
+
if (equation.values.length === 0) {
|
|
198
|
+
return { value: 0, unit: '%' };
|
|
199
|
+
}
|
|
200
|
+
const first = computeEquation(equation.values[0], context);
|
|
201
|
+
return equation.values
|
|
202
|
+
.slice(1)
|
|
203
|
+
.reduce((difference, v) => subtract(difference, computeEquation(v, context)), first);
|
|
204
|
+
case 'multiply':
|
|
205
|
+
return equation.values.reduce((product, v) => multiply(product, computeEquation(v, context)), { value: 1, unit: '' });
|
|
206
|
+
case 'clamp':
|
|
207
|
+
if (equation.values.length !== 3) {
|
|
208
|
+
throw new Error('Clamp operation requires exactly 3 values: min, value, max');
|
|
209
|
+
}
|
|
210
|
+
const min = computeEquation(equation.values[0], context);
|
|
211
|
+
const value = computeEquation(equation.values[1], context);
|
|
212
|
+
const max = computeEquation(equation.values[2], context);
|
|
213
|
+
return clamp(value, min, max);
|
|
214
|
+
default:
|
|
215
|
+
throw new Error(`Unknown equation type: ${equation.type}`);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
export function oklchBuilder(impl) {
|
|
219
|
+
const equations = impl(colorEquationTools);
|
|
220
|
+
return Object.assign(Object.assign({}, equations), { print(context) {
|
|
221
|
+
const l = printEquation(equations.l, context);
|
|
222
|
+
const c = printEquation(equations.c, context);
|
|
223
|
+
const h = printEquation(equations.h, context);
|
|
224
|
+
return `oklch(calc(${l}) calc(${c}) calc(${h}))`;
|
|
225
|
+
},
|
|
226
|
+
computeSrgb(context) {
|
|
227
|
+
const l = computeEquation(equations.l, context);
|
|
228
|
+
const c = computeEquation(equations.c, context);
|
|
229
|
+
const h = computeEquation(equations.h, context);
|
|
230
|
+
const asColor = {
|
|
231
|
+
space: OKLCH,
|
|
232
|
+
alpha: 1,
|
|
233
|
+
coords: [
|
|
234
|
+
resolveComputationResult(l, [0, 1]),
|
|
235
|
+
resolveComputationResult(c, [0, 0.4]),
|
|
236
|
+
resolveComputationResult(h, [0, 360]),
|
|
237
|
+
],
|
|
238
|
+
};
|
|
239
|
+
return serialize(toGamut(convert(asColor, 'srgb'), {}));
|
|
240
|
+
},
|
|
241
|
+
computeHex(context) {
|
|
242
|
+
const l = computeEquation(equations.l, context);
|
|
243
|
+
const c = computeEquation(equations.c, context);
|
|
244
|
+
const h = computeEquation(equations.h, context);
|
|
245
|
+
const asColor = {
|
|
246
|
+
space: OKLCH,
|
|
247
|
+
alpha: 1,
|
|
248
|
+
coords: [
|
|
249
|
+
resolveComputationResult(l, [0, 1]),
|
|
250
|
+
resolveComputationResult(c, [0, 0.4]),
|
|
251
|
+
resolveComputationResult(h, [0, 360]),
|
|
252
|
+
],
|
|
253
|
+
};
|
|
254
|
+
return serialize(toGamut(convert(asColor, 'srgb')), {
|
|
255
|
+
format: 'hex',
|
|
256
|
+
});
|
|
257
|
+
},
|
|
258
|
+
computeOklch(context) {
|
|
259
|
+
const l = computeEquation(equations.l, context);
|
|
260
|
+
const c = computeEquation(equations.c, context);
|
|
261
|
+
const h = computeEquation(equations.h, context);
|
|
262
|
+
return `oklch(${printComputationResult(l)} ${printComputationResult(c)} ${printComputationResult(h)})`;
|
|
263
|
+
},
|
|
264
|
+
raw(context) {
|
|
265
|
+
const l = computeEquation(equations.l, context);
|
|
266
|
+
const c = computeEquation(equations.c, context);
|
|
267
|
+
const h = computeEquation(equations.h, context);
|
|
268
|
+
return { l, c, h };
|
|
269
|
+
} });
|
|
270
|
+
}
|
|
53
271
|
//# sourceMappingURL=color.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../src/uno/logic/color.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,WAAW,CAC1B,CAAkB,EAClB,CAAkB,EAClB,CAAkB;IAElB,OAAO,SAAS,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,cAAc,CAC7D,4DAA4D,CAAC,IAAI,CACjE,IAAI,CAAC,GAAG,CAAC;AACX,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,KAAsB;IACpD,OAAO,aAAa,KAAK,SAAS,CAAC;AACpC,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;IAC1B,OAAO,EAAE,2BAA2B;IACpC,MAAM,EAAE,4BAA4B;IACpC,IAAI,EAAE,6CAA6C;IACnD,SAAS,EAAE,2BAA2B;IACtC,OAAO,EAAE,0BAA0B;CACnC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG;IAC3B,SAAS;IACT,QAAQ;IACR,WAAW;IACX,SAAS;IACT,OAAO;IACP,MAAM;IACN,QAAQ;IACR,WAAW;IACX,UAAU;IACV,MAAM;IACN,eAAe;CACN,CAAC;AAGX,MAAM,UAAU,gBAAgB,CAC/B,SAAiB,EACjB,EACC,UAAU,MAGP,EAAE;IAEN,OAAO;QACN,IAAI,EAAE,WAAW,CAChB,qGAAqG,EACrG,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,uEAAuE,EACxE,SAAS,CACT;QACD,KAAK,EAAE,WAAW,CACjB,2GAA2G,EAC3G,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,8EAA8E,EAC/E,SAAS,CACT;QACD,OAAO,EAAE,WAAW,CACnB,uBAAuB,EACvB,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,uBAAuB,EACrC,SAAS,CACT;QACD,IAAI,EAAE,WAAW,CAChB,8GAA8G,EAC9G,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,+EAA+E,EAChF,SAAS,CACT;QACD,GAAG,EAAE,WAAW,CACf,uGAAuG,EACvG,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,yEAAyE,EAC1E,SAAS,CACT;KACD,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC,WAAW,CAAC,OAAO,EAAE;IACpE,UAAU,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,UAAU,OAAO,CAAC,IAAY,EAAE,KAAa;IAClD,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,IAAY,EAAE,KAAa;IACjD,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAY;IACrD,OAAO,CACN,aAAa;QACb,IAAI;QACJ,kBAAkB,KAAK,WAAW,IAAI,0BAA0B;QAChE,mBAAmB,KAAK,YAAY,IAAI,+CAA+C;QACvF,KAAK,CACL,CAAC;AACH,CAAC"}
|
|
1
|
+
{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../src/uno/logic/color.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
import { describe, expect, it } from 'vitest';
|
|
3
|
+
import { livePropertyColorContext, snapshotColorContext, } from './color.js';
|
|
4
|
+
import { palettes } from './palettes.js';
|
|
5
|
+
describe('context snapshot evaluation', () => {
|
|
6
|
+
it('should snapshot color context from element properties', () => {
|
|
7
|
+
const context = snapshotColorContext('leek');
|
|
8
|
+
expect(context).toEqual({
|
|
9
|
+
sourceHue: '165.88',
|
|
10
|
+
localLightnessSpread: '1',
|
|
11
|
+
localSaturation: '1',
|
|
12
|
+
globalSaturation: '0.5',
|
|
13
|
+
mode: {
|
|
14
|
+
lNeutral: '90%',
|
|
15
|
+
lRangeUp: '10%',
|
|
16
|
+
lRangeDown: '70%',
|
|
17
|
+
sNeutral: '75%',
|
|
18
|
+
sRangeUp: '-55%',
|
|
19
|
+
sRangeDown: '20%',
|
|
20
|
+
mult: '1',
|
|
21
|
+
},
|
|
22
|
+
});
|
|
23
|
+
});
|
|
24
|
+
});
|
|
25
|
+
describe('oklch color evaluation tools', () => {
|
|
26
|
+
const { wash, default: DEFAULT } = palettes.main.definitions;
|
|
27
|
+
it('should resolve lch values', () => {
|
|
28
|
+
const ctx = snapshotColorContext('leek');
|
|
29
|
+
const { l, c, h } = wash.raw(ctx);
|
|
30
|
+
expect(l.value).toBeCloseTo(100, 1);
|
|
31
|
+
expect(l.unit).toBe('%');
|
|
32
|
+
expect(c.value).toBeCloseTo(10, 1);
|
|
33
|
+
expect(c.unit).toBe('%');
|
|
34
|
+
expect(h.value).toBe(165.88);
|
|
35
|
+
});
|
|
36
|
+
it('should print a valid oklch color string', () => {
|
|
37
|
+
const colorString = wash.print(livePropertyColorContext('var(--p-main-hue, 91.8)'));
|
|
38
|
+
expect(colorString).toMatchInlineSnapshot(`"oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--p-main-hue, 91.8)))"`);
|
|
39
|
+
});
|
|
40
|
+
it('should evaluate a valid oklch color value using element property values', () => {
|
|
41
|
+
const context = snapshotColorContext('leek');
|
|
42
|
+
expect(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 100% 100%)"`);
|
|
43
|
+
expect(wash.computeHex(context)).toMatchInlineSnapshot(`"#fff"`);
|
|
44
|
+
expect(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(100% 10% 165.88)"`);
|
|
45
|
+
expect(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(40.747% 99.344% 77.98%)"`);
|
|
46
|
+
expect(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#68fdc7"`);
|
|
47
|
+
expect(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(90% 37.5% 165.88)"`);
|
|
48
|
+
});
|
|
49
|
+
it('should evaluate different named palettes in addition to main', () => {
|
|
50
|
+
const context = snapshotColorContext('attention');
|
|
51
|
+
expect(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 100% 100%)"`);
|
|
52
|
+
expect(wash.computeHex(context)).toMatchInlineSnapshot(`"#fff"`);
|
|
53
|
+
expect(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(100% 10% 30)"`);
|
|
54
|
+
expect(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 80.069% 75.637%)"`);
|
|
55
|
+
expect(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#ffccc1"`);
|
|
56
|
+
expect(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(90% 37.5% 30)"`);
|
|
57
|
+
});
|
|
58
|
+
it('works in dark mode', () => {
|
|
59
|
+
const darkMode = document.createElement('div');
|
|
60
|
+
darkMode.classList.add('override-dark', 'palette-leek');
|
|
61
|
+
document.body.appendChild(darkMode);
|
|
62
|
+
const context = snapshotColorContext('leek', 'dark');
|
|
63
|
+
expect(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(0% 14.06% 7.3466%)"`);
|
|
64
|
+
expect(wash.computeHex(context)).toMatchInlineSnapshot(`"#002413"`);
|
|
65
|
+
expect(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(22% 20% 165.88)"`);
|
|
66
|
+
expect(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(0% 60.697% 41.999%)"`);
|
|
67
|
+
expect(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#009b6b"`);
|
|
68
|
+
expect(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(60% 40% 165.88)"`);
|
|
69
|
+
document.body.removeChild(darkMode);
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
//# sourceMappingURL=color.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.test.js","sourceRoot":"","sources":["../../../../src/uno/logic/color.test.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
function clampByte(value) {
|
|
3
|
+
return Math.min(255, Math.max(0, Math.round(value)));
|
|
4
|
+
}
|
|
5
|
+
const multiplyMatrices = (A, B) => {
|
|
6
|
+
return [
|
|
7
|
+
A[0] * B[0] + A[1] * B[1] + A[2] * B[2],
|
|
8
|
+
A[3] * B[0] + A[4] * B[1] + A[5] * B[2],
|
|
9
|
+
A[6] * B[0] + A[7] * B[1] + A[8] * B[2],
|
|
10
|
+
];
|
|
11
|
+
};
|
|
12
|
+
const oklch2oklab = ([l, c, h]) => [
|
|
13
|
+
l,
|
|
14
|
+
isNaN(h) ? 0 : c * Math.cos((h * Math.PI) / 180),
|
|
15
|
+
isNaN(h) ? 0 : c * Math.sin((h * Math.PI) / 180),
|
|
16
|
+
];
|
|
17
|
+
const oklab2oklch = ([l, a, b]) => [
|
|
18
|
+
l,
|
|
19
|
+
Math.sqrt(a ** 2 + b ** 2),
|
|
20
|
+
Math.abs(a) < 0.0002 && Math.abs(b) < 0.0002
|
|
21
|
+
? NaN
|
|
22
|
+
: ((((Math.atan2(b, a) * 180) / Math.PI) % 360) + 360) % 360,
|
|
23
|
+
];
|
|
24
|
+
const rgb2srgbLinear = (rgb) => rgb.map((c) => Math.abs(c) <= 0.04045
|
|
25
|
+
? c / 12.92
|
|
26
|
+
: (c < 0 ? -1 : 1) * ((Math.abs(c) + 0.055) / 1.055) ** 2.4);
|
|
27
|
+
const srgbLinear2rgb = (rgb) => rgb.map((c) => Math.abs(c) > 0.0031308
|
|
28
|
+
? (c < 0 ? -1 : 1) * (1.055 * Math.abs(c) ** (1 / 2.4) - 0.055)
|
|
29
|
+
: 12.92 * c);
|
|
30
|
+
const oklab2xyz = (lab) => {
|
|
31
|
+
const LMSg = multiplyMatrices([
|
|
32
|
+
1, 0.3963377773761749, 0.2158037573099136, 1, -0.1055613458156586,
|
|
33
|
+
-0.0638541728258133, 1, -0.0894841775298119, -1.2914855480194092,
|
|
34
|
+
], lab);
|
|
35
|
+
const LMS = LMSg.map((val) => val ** 3);
|
|
36
|
+
return multiplyMatrices([
|
|
37
|
+
1.2268798758459243, -0.5578149944602171, 0.2813910456659647,
|
|
38
|
+
-0.0405757452148008, 1.112286803280317, -0.0717110580655164,
|
|
39
|
+
-0.0763729366746601, -0.4214933324022432, 1.5869240198367816,
|
|
40
|
+
], LMS);
|
|
41
|
+
};
|
|
42
|
+
const xyz2oklab = (xyz) => {
|
|
43
|
+
const LMS = multiplyMatrices([
|
|
44
|
+
0.819022437996703, 0.3619062600528904, -0.1288737815209879,
|
|
45
|
+
0.0329836539323885, 0.9292868615863434, 0.0361446663506424,
|
|
46
|
+
0.0481771893596242, 0.2642395317527308, 0.6335478284694309,
|
|
47
|
+
], xyz);
|
|
48
|
+
const LMSg = LMS.map((val) => Math.cbrt(val));
|
|
49
|
+
return multiplyMatrices([
|
|
50
|
+
0.210454268309314, 0.7936177747023054, -0.0040720430116193,
|
|
51
|
+
1.9779985324311684, -2.4285922420485799, 0.450593709617411,
|
|
52
|
+
0.0259040424655478, 0.7827717124575296, -0.8086757549230774,
|
|
53
|
+
], LMSg);
|
|
54
|
+
};
|
|
55
|
+
const xyz2rgbLinear = (xyz) => {
|
|
56
|
+
return multiplyMatrices([
|
|
57
|
+
3.2409699419045226, -1.537383177570094, -0.4986107602930034,
|
|
58
|
+
-0.9692436362808796, 1.8759675015077202, 0.04155505740717559,
|
|
59
|
+
0.05563007969699366, -0.20397695888897652, 1.0569715142428786,
|
|
60
|
+
], xyz);
|
|
61
|
+
};
|
|
62
|
+
const rgbLinear2xyz = (rgb) => {
|
|
63
|
+
return multiplyMatrices([
|
|
64
|
+
0.41239079926595934, 0.357584339383878, 0.1804807884018343,
|
|
65
|
+
0.21263900587151027, 0.715168678767756, 0.07219231536073371,
|
|
66
|
+
0.01933081871559182, 0.11919477979462598, 0.9505321522496607,
|
|
67
|
+
], rgb);
|
|
68
|
+
};
|
|
69
|
+
function rgb2Hex([r, g, b]) {
|
|
70
|
+
return ('#' +
|
|
71
|
+
[r, g, b]
|
|
72
|
+
.map((x) => {
|
|
73
|
+
if (x > 1) {
|
|
74
|
+
x = 1;
|
|
75
|
+
}
|
|
76
|
+
else if (x < 0) {
|
|
77
|
+
x = 0;
|
|
78
|
+
}
|
|
79
|
+
return Math.round(x * 255)
|
|
80
|
+
.toString(16)
|
|
81
|
+
.padStart(2, '0');
|
|
82
|
+
})
|
|
83
|
+
.join(''));
|
|
84
|
+
}
|
|
85
|
+
export const oklch2rgb = (lch) => srgbLinear2rgb(xyz2rgbLinear(oklab2xyz(oklch2oklab(lch))));
|
|
86
|
+
export const rgb2oklch = (rgb) => oklab2oklch(xyz2oklab(rgbLinear2xyz(rgb2srgbLinear(rgb))));
|
|
87
|
+
export const oklch2hex = (l, c, h) => {
|
|
88
|
+
return rgb2Hex(oklch2rgb([l, c, h]));
|
|
89
|
+
};
|
|
90
|
+
//# sourceMappingURL=oklch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"oklch.js","sourceRoot":"","sources":["../../../../src/uno/logic/oklch.ts"],"names":[],"mappings":"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"}
|