@a-type/ui 3.0.11 → 3.0.13

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.
Files changed (158) hide show
  1. package/dist/cjs/__tests__/setup.d.ts +1 -0
  2. package/dist/cjs/__tests__/setup.js +5 -0
  3. package/dist/cjs/__tests__/setup.js.map +1 -0
  4. package/dist/cjs/colors.stories.d.ts +1 -8
  5. package/dist/cjs/colors.stories.js +36 -26
  6. package/dist/cjs/colors.stories.js.map +1 -1
  7. package/dist/cjs/components/box/Box.d.ts +1 -1
  8. package/dist/cjs/components/box/Box.stories.js +2 -2
  9. package/dist/cjs/components/box/Box.stories.js.map +1 -1
  10. package/dist/cjs/components/button/Button.d.ts +1 -1
  11. package/dist/cjs/components/button/Button.stories.js +9 -9
  12. package/dist/cjs/components/button/Button.stories.js.map +1 -1
  13. package/dist/cjs/components/button/classes.d.ts +1 -1
  14. package/dist/cjs/components/card/Card.d.ts +1 -1
  15. package/dist/cjs/components/chip/Chip.d.ts +1 -1
  16. package/dist/cjs/components/colorPicker/ColorPicker.d.ts +1 -1
  17. package/dist/cjs/components/colorPicker/ColorPicker.js +2 -2
  18. package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
  19. package/dist/cjs/components/datePicker/DatePicker.d.ts +1 -1
  20. package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +1 -1
  21. package/dist/cjs/components/layouts/PageNowPlaying.js +1 -1
  22. package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
  23. package/dist/cjs/components/note/Note.d.ts +1 -1
  24. package/dist/cjs/components/progress/Progress.d.ts +1 -1
  25. package/dist/cjs/components/slider/Slider.d.ts +1 -1
  26. package/dist/cjs/hooks/useOverrideTheme.d.ts +1 -1
  27. package/dist/cjs/hooks/useTitleBarColor.d.ts +5 -0
  28. package/dist/cjs/hooks/useTitleBarColor.js +37 -3
  29. package/dist/cjs/hooks/useTitleBarColor.js.map +1 -1
  30. package/dist/cjs/hooks/useTitleBarColor.stories.js +1 -1
  31. package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -1
  32. package/dist/cjs/index.d.ts +1 -1
  33. package/dist/cjs/index.js +2 -4
  34. package/dist/cjs/index.js.map +1 -1
  35. package/dist/cjs/uno/index.d.ts +1 -0
  36. package/dist/cjs/uno/index.js +8 -0
  37. package/dist/cjs/uno/index.js.map +1 -0
  38. package/dist/cjs/uno/logic/color.d.ts +100 -27
  39. package/dist/cjs/uno/logic/color.js +250 -42
  40. package/dist/cjs/uno/logic/color.js.map +1 -1
  41. package/dist/cjs/uno/logic/color.test.d.ts +1 -0
  42. package/dist/cjs/uno/logic/color.test.js +83 -0
  43. package/dist/cjs/uno/logic/color.test.js.map +1 -0
  44. package/dist/cjs/uno/logic/oklch.d.ts +3 -0
  45. package/dist/cjs/uno/logic/oklch.js +96 -0
  46. package/dist/cjs/uno/logic/oklch.js.map +1 -0
  47. package/dist/cjs/uno/logic/palettes.d.ts +63 -0
  48. package/dist/cjs/uno/logic/palettes.js +99 -0
  49. package/dist/cjs/uno/logic/palettes.js.map +1 -0
  50. package/dist/cjs/uno/preflights/colors.js +18 -42
  51. package/dist/cjs/uno/preflights/colors.js.map +1 -1
  52. package/dist/cjs/uno/preflights/fonts.d.ts +4 -0
  53. package/dist/cjs/uno/preflights/fonts.js +20 -0
  54. package/dist/cjs/uno/preflights/fonts.js.map +1 -0
  55. package/dist/cjs/uno/preflights/index.d.ts +2 -1
  56. package/dist/cjs/uno/preflights/index.js +2 -0
  57. package/dist/cjs/uno/preflights/index.js.map +1 -1
  58. package/dist/cjs/uno/theme/colors.d.ts +17 -53
  59. package/dist/cjs/uno/theme/colors.js +11 -13
  60. package/dist/cjs/uno/theme/colors.js.map +1 -1
  61. package/dist/cjs/uno/uno.preset.d.ts +2 -1
  62. package/dist/cjs/uno/uno.preset.js +3 -1
  63. package/dist/cjs/uno/uno.preset.js.map +1 -1
  64. package/dist/css/main.css +9 -8
  65. package/dist/esm/__tests__/setup.d.ts +1 -0
  66. package/dist/esm/__tests__/setup.js +3 -0
  67. package/dist/esm/__tests__/setup.js.map +1 -0
  68. package/dist/esm/colors.stories.d.ts +1 -8
  69. package/dist/esm/colors.stories.js +33 -26
  70. package/dist/esm/colors.stories.js.map +1 -1
  71. package/dist/esm/components/box/Box.d.ts +1 -1
  72. package/dist/esm/components/box/Box.stories.js +1 -1
  73. package/dist/esm/components/box/Box.stories.js.map +1 -1
  74. package/dist/esm/components/button/Button.d.ts +1 -1
  75. package/dist/esm/components/button/Button.stories.js +1 -1
  76. package/dist/esm/components/button/Button.stories.js.map +1 -1
  77. package/dist/esm/components/button/classes.d.ts +1 -1
  78. package/dist/esm/components/card/Card.d.ts +1 -1
  79. package/dist/esm/components/chip/Chip.d.ts +1 -1
  80. package/dist/esm/components/colorPicker/ColorPicker.d.ts +1 -1
  81. package/dist/esm/components/colorPicker/ColorPicker.js +1 -1
  82. package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
  83. package/dist/esm/components/datePicker/DatePicker.d.ts +1 -1
  84. package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +1 -1
  85. package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
  86. package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
  87. package/dist/esm/components/note/Note.d.ts +1 -1
  88. package/dist/esm/components/progress/Progress.d.ts +1 -1
  89. package/dist/esm/components/slider/Slider.d.ts +1 -1
  90. package/dist/esm/hooks/useOverrideTheme.d.ts +1 -1
  91. package/dist/esm/hooks/useTitleBarColor.d.ts +5 -0
  92. package/dist/esm/hooks/useTitleBarColor.js +36 -3
  93. package/dist/esm/hooks/useTitleBarColor.js.map +1 -1
  94. package/dist/esm/hooks/useTitleBarColor.stories.js +2 -2
  95. package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -1
  96. package/dist/esm/index.d.ts +1 -1
  97. package/dist/esm/index.js +1 -1
  98. package/dist/esm/index.js.map +1 -1
  99. package/dist/esm/uno/index.d.ts +1 -0
  100. package/dist/esm/uno/index.js +3 -0
  101. package/dist/esm/uno/index.js.map +1 -0
  102. package/dist/esm/uno/logic/color.d.ts +100 -27
  103. package/dist/esm/uno/logic/color.js +247 -38
  104. package/dist/esm/uno/logic/color.js.map +1 -1
  105. package/dist/esm/uno/logic/color.test.d.ts +1 -0
  106. package/dist/esm/uno/logic/color.test.js +81 -0
  107. package/dist/esm/uno/logic/color.test.js.map +1 -0
  108. package/dist/esm/uno/logic/oklch.d.ts +3 -0
  109. package/dist/esm/uno/logic/oklch.js +90 -0
  110. package/dist/esm/uno/logic/oklch.js.map +1 -0
  111. package/dist/esm/uno/logic/palettes.d.ts +63 -0
  112. package/dist/esm/uno/logic/palettes.js +95 -0
  113. package/dist/esm/uno/logic/palettes.js.map +1 -0
  114. package/dist/esm/uno/preflights/colors.js +17 -41
  115. package/dist/esm/uno/preflights/colors.js.map +1 -1
  116. package/dist/esm/uno/preflights/fonts.d.ts +4 -0
  117. package/dist/esm/uno/preflights/fonts.js +16 -0
  118. package/dist/esm/uno/preflights/fonts.js.map +1 -0
  119. package/dist/esm/uno/preflights/index.d.ts +2 -1
  120. package/dist/esm/uno/preflights/index.js +2 -0
  121. package/dist/esm/uno/preflights/index.js.map +1 -1
  122. package/dist/esm/uno/theme/colors.d.ts +17 -53
  123. package/dist/esm/uno/theme/colors.js +11 -13
  124. package/dist/esm/uno/theme/colors.js.map +1 -1
  125. package/dist/esm/uno/uno.preset.d.ts +2 -1
  126. package/dist/esm/uno/uno.preset.js +3 -1
  127. package/dist/esm/uno/uno.preset.js.map +1 -1
  128. package/package.json +132 -125
  129. package/src/__tests__/setup.ts +1 -0
  130. package/src/colors.stories.tsx +94 -71
  131. package/src/components/box/Box.stories.tsx +1 -1
  132. package/src/components/box/Box.tsx +1 -1
  133. package/src/components/button/Button.stories.tsx +1 -1
  134. package/src/components/button/Button.tsx +1 -1
  135. package/src/components/button/classes.tsx +1 -1
  136. package/src/components/chip/Chip.tsx +1 -1
  137. package/src/components/colorPicker/ColorPicker.tsx +1 -1
  138. package/src/components/datePicker/DatePicker.tsx +1 -1
  139. package/src/components/dropdownMenu/DropdownMenu.tsx +1 -1
  140. package/src/components/layouts/PageNowPlaying.tsx +1 -1
  141. package/src/components/note/Note.tsx +1 -1
  142. package/src/components/progress/Progress.tsx +1 -1
  143. package/src/components/slider/Slider.tsx +1 -1
  144. package/src/hooks/useOverrideTheme.ts +1 -1
  145. package/src/hooks/useTitleBarColor.stories.tsx +2 -2
  146. package/src/hooks/useTitleBarColor.ts +52 -4
  147. package/src/index.ts +1 -5
  148. package/src/themes.stories.tsx +1 -1
  149. package/src/uno/index.ts +5 -0
  150. package/src/uno/logic/color.test.ts +119 -0
  151. package/src/uno/logic/color.ts +420 -80
  152. package/src/uno/logic/oklch.ts +120 -0
  153. package/src/uno/logic/palettes.ts +266 -0
  154. package/src/uno/preflights/colors.ts +22 -41
  155. package/src/uno/preflights/fonts.ts +23 -0
  156. package/src/uno/preflights/index.ts +3 -1
  157. package/src/uno/theme/colors.ts +13 -18
  158. package/src/uno/uno.preset.ts +8 -3
@@ -1,29 +1,102 @@
1
- export declare function globalColor(l: string | number, c: string | number, h: string | number): string;
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(scope: HTMLElement | undefined, palette: PaletteName | 'main'): 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
- export function globalColor(l, c, h) {
3
- return `oklch(${clampedPercent(`calc(${l})`)} ${clampedPercent(`calc(var(--l-saturation,1) * var(--global-saturation) * (${c}))`)} ${h})`;
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,248 @@ 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(scope = document.body, palette) {
79
+ const styles = getComputedStyle(scope);
80
+ const sourceHue = palette === 'main' ? `var(--l-main-hue)` : `var(--p-${palette}-hue)`;
81
+ return evaluatePropertiesRecursively(styles, livePropertyColorContext(sourceHue));
82
+ }
83
+ const colorEquationTools = {
84
+ literal: (value) => {
85
+ return { type: 'literal', value };
86
+ },
87
+ add: (...values) => {
88
+ return { type: 'add', values };
89
+ },
90
+ subtract: (...values) => {
91
+ return { type: 'subtract', values };
92
+ },
93
+ multiply: (...values) => {
94
+ return { type: 'multiply', values };
95
+ },
96
+ clamp: (equation, min, max) => {
97
+ return { type: 'clamp', values: [min, equation, max] };
98
+ },
99
+ };
100
+ function printEquation(equation, context) {
101
+ switch (equation.type) {
102
+ case 'literal':
103
+ return equation.value(context);
104
+ case 'add':
105
+ return `(${equation.values
106
+ .map((v) => printEquation(v, context))
107
+ .join(' + ')})`;
108
+ case 'subtract':
109
+ return `(${equation.values
110
+ .map((v) => printEquation(v, context))
111
+ .join(' - ')})`;
112
+ case 'multiply':
113
+ return `(${equation.values
114
+ .map((v) => printEquation(v, context))
115
+ .join(' * ')})`;
116
+ case 'clamp':
117
+ if (equation.values.length !== 3) {
118
+ throw new Error('Clamp operation requires exactly 3 values: min, value, max');
119
+ }
120
+ return `clamp(${equation.values
121
+ .map((v) => printEquation(v, context))
122
+ .join(', ')})`;
123
+ }
124
+ }
125
+ function add(a, b) {
126
+ if (a.unit !== b.unit) {
127
+ throw new Error('Cannot add values with different units');
128
+ }
129
+ return { value: a.value + b.value, unit: a.unit };
130
+ }
131
+ function subtract(a, b) {
132
+ if (a.unit !== b.unit) {
133
+ throw new Error('Cannot subtract values with different units');
134
+ }
135
+ return { value: a.value - b.value, unit: a.unit };
136
+ }
137
+ function multiply(a, b) {
138
+ if (a.unit === '%' && b.unit === '%') {
139
+ return { value: (a.value * b.value) / 100, unit: '%' };
140
+ }
141
+ const unit = a.unit === '%' || b.unit === '%' ? '%' : '';
142
+ return { value: a.value * b.value, unit };
143
+ }
144
+ function clamp(value, min, max) {
145
+ if (value.unit !== min.unit || value.unit !== max.unit) {
146
+ throw new Error('Cannot clamp values with different units');
147
+ }
148
+ return {
149
+ value: Math.min(Math.max(value.value, min.value), max.value),
150
+ unit: value.unit,
151
+ };
152
+ }
153
+ function printComputationResult(result) {
154
+ return result.unit === '%' ? `${result.value}%` : `${result.value}`;
155
+ }
156
+ function resolveComputationResult(result, outputRange) {
157
+ if (result.unit === '%') {
158
+ const [min, max] = outputRange;
159
+ return min + (result.value / 100) * (max - min);
160
+ }
161
+ else {
162
+ return result.value;
163
+ }
164
+ }
165
+ function evaluateLiteral(literal) {
166
+ if (literal.endsWith('%')) {
167
+ const asNumber = Number(literal.slice(0, -1));
168
+ if (isNaN(asNumber)) {
169
+ throw new Error(`Literal value did not evaluate to a number: ${literal}`);
170
+ }
171
+ return { value: asNumber, unit: '%' };
172
+ }
173
+ else {
174
+ const asNumber = Number(literal);
175
+ if (isNaN(asNumber)) {
176
+ throw new Error(`Literal value did not evaluate to a number: ${literal}`);
177
+ }
178
+ return { value: asNumber, unit: '' };
179
+ }
180
+ }
181
+ function computeEquation(equation, context) {
182
+ switch (equation.type) {
183
+ case 'literal':
184
+ return evaluateLiteral(equation.value(context));
185
+ case 'add':
186
+ return equation.values.reduce((sum, v) => add(sum, computeEquation(v, context)), { value: 0, unit: '%' });
187
+ case 'subtract':
188
+ if (equation.values.length === 0) {
189
+ return { value: 0, unit: '%' };
190
+ }
191
+ const first = computeEquation(equation.values[0], context);
192
+ return equation.values
193
+ .slice(1)
194
+ .reduce((difference, v) => subtract(difference, computeEquation(v, context)), first);
195
+ case 'multiply':
196
+ return equation.values.reduce((product, v) => multiply(product, computeEquation(v, context)), { value: 1, unit: '' });
197
+ case 'clamp':
198
+ if (equation.values.length !== 3) {
199
+ throw new Error('Clamp operation requires exactly 3 values: min, value, max');
200
+ }
201
+ const min = computeEquation(equation.values[0], context);
202
+ const value = computeEquation(equation.values[1], context);
203
+ const max = computeEquation(equation.values[2], context);
204
+ return clamp(value, min, max);
205
+ default:
206
+ throw new Error(`Unknown equation type: ${equation.type}`);
207
+ }
208
+ }
209
+ export function oklchBuilder(impl) {
210
+ const equations = impl(colorEquationTools);
211
+ return Object.assign(Object.assign({}, equations), { print(context) {
212
+ const l = printEquation(equations.l, context);
213
+ const c = printEquation(equations.c, context);
214
+ const h = printEquation(equations.h, context);
215
+ return `oklch(calc(${l}) calc(${c}) calc(${h}))`;
216
+ },
217
+ computeSrgb(context) {
218
+ const l = computeEquation(equations.l, context);
219
+ const c = computeEquation(equations.c, context);
220
+ const h = computeEquation(equations.h, context);
221
+ const asColor = {
222
+ space: OKLCH,
223
+ alpha: 1,
224
+ coords: [
225
+ resolveComputationResult(l, [0, 1]),
226
+ resolveComputationResult(c, [0, 0.4]),
227
+ resolveComputationResult(h, [0, 360]),
228
+ ],
229
+ };
230
+ return serialize(toGamut(convert(asColor, 'srgb'), {}));
231
+ },
232
+ computeHex(context) {
233
+ const l = computeEquation(equations.l, context);
234
+ const c = computeEquation(equations.c, context);
235
+ const h = computeEquation(equations.h, context);
236
+ const asColor = {
237
+ space: OKLCH,
238
+ alpha: 1,
239
+ coords: [
240
+ resolveComputationResult(l, [0, 1]),
241
+ resolveComputationResult(c, [0, 0.4]),
242
+ resolveComputationResult(h, [0, 360]),
243
+ ],
244
+ };
245
+ return serialize(toGamut(convert(asColor, 'srgb')), {
246
+ format: 'hex',
247
+ });
248
+ },
249
+ computeOklch(context) {
250
+ const l = computeEquation(equations.l, context);
251
+ const c = computeEquation(equations.c, context);
252
+ const h = computeEquation(equations.h, context);
253
+ return `oklch(${printComputationResult(l)} ${printComputationResult(c)} ${printComputationResult(h)})`;
254
+ },
255
+ raw(context) {
256
+ const l = computeEquation(equations.l, context);
257
+ const c = computeEquation(equations.c, context);
258
+ const h = computeEquation(equations.h, context);
259
+ return { l, c, h };
260
+ } });
261
+ }
53
262
  //# 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,81 @@
1
+ // @unocss-include
2
+ import { afterEach, beforeEach, describe, expect, it } from 'vitest';
3
+ import { livePropertyColorContext, snapshotColorContext, } from './color.js';
4
+ import { palettes } from './palettes.js';
5
+ let contextElement;
6
+ beforeEach(() => {
7
+ contextElement = document.createElement('div');
8
+ contextElement.classList.add('palette-leek');
9
+ document.body.appendChild(contextElement);
10
+ });
11
+ afterEach(() => {
12
+ document.body.removeChild(contextElement);
13
+ });
14
+ describe('context snapshot evaluation', () => {
15
+ it('should snapshot color context from element properties', () => {
16
+ const context = snapshotColorContext(contextElement, 'main');
17
+ expect(context).toEqual({
18
+ sourceHue: '165.88',
19
+ localLightnessSpread: '1',
20
+ localSaturation: '1',
21
+ globalSaturation: '0.5',
22
+ mode: {
23
+ lNeutral: '90%',
24
+ lRangeUp: '10%',
25
+ lRangeDown: '70%',
26
+ sNeutral: '75%',
27
+ sRangeUp: '-55%',
28
+ sRangeDown: '20%',
29
+ mult: '1',
30
+ },
31
+ });
32
+ });
33
+ });
34
+ describe('oklch color evaluation tools', () => {
35
+ const { wash, default: DEFAULT } = palettes.main.definitions;
36
+ it('should resolve lch values', () => {
37
+ const ctx = snapshotColorContext(contextElement, 'main');
38
+ const { l, c, h } = wash.raw(ctx);
39
+ expect(l.value).toBeCloseTo(100, 1);
40
+ expect(l.unit).toBe('%');
41
+ expect(c.value).toBeCloseTo(10, 1);
42
+ expect(c.unit).toBe('%');
43
+ expect(h.value).toBe(165.88);
44
+ });
45
+ it('should print a valid oklch color string', () => {
46
+ const colorString = wash.print(livePropertyColorContext('var(--p-main-hue, 91.8)'));
47
+ 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)))"`);
48
+ });
49
+ it('should evaluate a valid oklch color value using element property values', () => {
50
+ const context = snapshotColorContext(contextElement, 'main');
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% 165.88)"`);
54
+ expect(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(40.747% 99.344% 77.98%)"`);
55
+ expect(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#68fdc7"`);
56
+ expect(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(90% 37.5% 165.88)"`);
57
+ });
58
+ it('should evaluate different named palettes in addition to main', () => {
59
+ const context = snapshotColorContext(contextElement, 'attention');
60
+ expect(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 100% 100%)"`);
61
+ expect(wash.computeHex(context)).toMatchInlineSnapshot(`"#fff"`);
62
+ expect(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(100% 10% 30)"`);
63
+ expect(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 80.069% 75.637%)"`);
64
+ expect(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#ffccc1"`);
65
+ expect(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(90% 37.5% 30)"`);
66
+ });
67
+ it('works in dark mode', () => {
68
+ const darkMode = document.createElement('div');
69
+ darkMode.classList.add('override-dark', 'palette-leek');
70
+ document.body.appendChild(darkMode);
71
+ const context = snapshotColorContext(darkMode, 'main');
72
+ expect(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(0% 14.06% 7.3466%)"`);
73
+ expect(wash.computeHex(context)).toMatchInlineSnapshot(`"#002413"`);
74
+ expect(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(22% 20% 165.88)"`);
75
+ expect(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(0% 60.697% 41.999%)"`);
76
+ expect(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#009b6b"`);
77
+ expect(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(60% 40% 165.88)"`);
78
+ document.body.removeChild(darkMode);
79
+ });
80
+ });
81
+ //# 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,3 @@
1
+ export declare const oklch2rgb: (lch: number[]) => number[];
2
+ export declare const rgb2oklch: (rgb: number[]) => number[];
3
+ export declare const oklch2hex: (l: number, c: number, h: number) => string;
@@ -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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"}