@a-type/ui 2.6.0 → 2.6.1
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/colors.stories.js +4 -4
- package/dist/cjs/colors.stories.js.map +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js +1 -1
- package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
- package/dist/cjs/uno/colors.js +26 -12
- package/dist/cjs/uno/colors.js.map +1 -1
- package/dist/css/main.css +306 -306
- package/dist/esm/colors.stories.js +4 -4
- package/dist/esm/colors.stories.js.map +1 -1
- package/dist/esm/components/datePicker/DatePicker.js +1 -1
- package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
- package/dist/esm/uno/colors.js +26 -12
- package/dist/esm/uno/colors.js.map +1 -1
- package/package.json +1 -1
- package/src/colors.stories.tsx +48 -15
- package/src/components/datePicker/DatePicker.tsx +5 -5
- package/src/uno/colors.ts +27 -12
|
@@ -14,8 +14,8 @@ const meta = {
|
|
|
14
14
|
customRotate: {
|
|
15
15
|
control: {
|
|
16
16
|
type: 'range',
|
|
17
|
-
min: -
|
|
18
|
-
max:
|
|
17
|
+
min: -20,
|
|
18
|
+
max: 20,
|
|
19
19
|
},
|
|
20
20
|
},
|
|
21
21
|
},
|
|
@@ -36,16 +36,16 @@ export const Default = {
|
|
|
36
36
|
'--dyn-primary-hue-rotate': args.customRotate,
|
|
37
37
|
}
|
|
38
38
|
: {};
|
|
39
|
-
return (_jsxs(Box, { d: "col", children: [_jsx(Range, { className: "theme", style: style }), _jsx(Range, { className: "theme-lemon" }), _jsx(Range, { className: "theme-leek" }), _jsx(Range, { className: "theme-tomato" }), _jsx(Range, { className: "theme-eggplant" }), _jsx(Range, { className: "theme-blueberry" }), _jsx(Range, { className: "theme-salt" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-black" }), _jsx(Box, { grow: true, className: "bg-wash" }), _jsx(Box, { grow: true, className: "bg-white" })] })] }));
|
|
39
|
+
return (_jsxs(Box, { col: true, children: [_jsx("input", { type: "color", className: "sticky top-0 z-1" }), _jsxs(Box, { full: true, children: [_jsxs(Box, { d: "col", grow: true, p: true, surface: "default", children: [_jsx(Range, { className: "theme", style: style }), _jsx(Range, { className: "theme-lemon" }), _jsx(Range, { className: "theme-leek" }), _jsx(Range, { className: "theme-tomato" }), _jsx(Range, { className: "theme-eggplant" }), _jsx(Range, { className: "theme-blueberry" }), _jsx(Range, { className: "theme-salt" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-gray-wash" }), _jsx(Box, { grow: true, className: "bg-gray-light" }), _jsx(Box, { grow: true, className: "bg-gray" }), _jsx(Box, { grow: true, className: "bg-gray-dark" }), _jsx(Box, { grow: true, className: "bg-gray-ink" })] }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-black" }), _jsx(Box, { grow: true, className: "bg-wash" }), _jsx(Box, { grow: true, className: "bg-white" })] })] }), _jsxs(Box, { d: "col", className: "override-dark theme", grow: true, p: true, surface: "default", children: [_jsx(Range, { className: "theme", style: style }), _jsx(Range, { className: "theme-lemon" }), _jsx(Range, { className: "theme-leek" }), _jsx(Range, { className: "theme-tomato" }), _jsx(Range, { className: "theme-eggplant" }), _jsx(Range, { className: "theme-blueberry" }), _jsx(Range, { className: "theme-salt" }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-gray-wash" }), _jsx(Box, { grow: true, className: "bg-gray-light" }), _jsx(Box, { grow: true, className: "bg-gray" }), _jsx(Box, { grow: true, className: "bg-gray-dark" }), _jsx(Box, { grow: true, className: "bg-gray-ink" })] }), _jsxs(Box, { className: "h-100px", children: [_jsx(Box, { grow: true, className: "bg-black" }), _jsx(Box, { grow: true, className: "bg-wash" }), _jsx(Box, { grow: true, className: "bg-white" })] })] })] })] }));
|
|
40
40
|
},
|
|
41
41
|
};
|
|
42
42
|
function Swatch({ className, children, }) {
|
|
43
43
|
return (_jsx("div", { className: className, style: {
|
|
44
|
-
width: '100px',
|
|
45
44
|
height: '100px',
|
|
46
45
|
display: 'flex',
|
|
47
46
|
justifyContent: 'center',
|
|
48
47
|
alignItems: 'center',
|
|
48
|
+
flex: '1',
|
|
49
49
|
}, children: children }));
|
|
50
50
|
}
|
|
51
51
|
function Range({ className, style }) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../src/colors.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE;QACT,SAAS,EAAE;YACV,OAAO,EAAE;gBACR,IAAI,EAAE,OAAO;gBACb,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;aACR;SACD;QACD,YAAY,EAAE;YACb,OAAO,EAAE;gBACR,IAAI,EAAE,OAAO;gBACb,GAAG,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../src/colors.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -81,7 +81,7 @@ const MonthRow = withClassName('div', 'flex flex-row justify-between items-cente
|
|
|
81
81
|
const MonthLabel = withClassName('span', 'text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis', 'self-center');
|
|
82
82
|
const MonthButton = withClassName(Button, 'self-center');
|
|
83
83
|
const CalendarGrid = withClassName('div', 'grid grid-cols-[repeat(7,var(--day-size,32px))] [grid-auto-rows:var(--day-size,32px)]', 'height-[calc(var(--day-size,32px)*7)] rounded overflow-hidden p-2');
|
|
84
|
-
const CalendarDay = withClassName(BaseCalendarDay, 'border border-solid border-transparent bg-white mr--1px mb--1px relative color-black', 'flex items-center justify-center transition cursor-pointer', '[&[data-highlighted]]:z-1 [&[data-highlighted]]:outline-accent', 'hover:z-1 hover:outline-accent', 'active:bg-accent-
|
|
84
|
+
const CalendarDay = withClassName(BaseCalendarDay, 'border border-solid border-transparent bg-white mr--1px mb--1px relative color-black', 'flex items-center justify-center transition cursor-pointer', '[&[data-highlighted]]:z-1 [&[data-highlighted]]:outline-accent', 'hover:z-1 hover:outline-accent', 'active:bg-accent-light active:rounded', '[&[data-selected]]:bg-accent [&[data-selected]]:z-2 [&[data-selected]]:rounded', '[&[data-in-range]]:bg-accent-wash [&[data-in-range]]:bg-darken-2 [&[data-in-range]]:rounded-none [&[data-in-range]]:z-1', '[&[data-range-start]]:bg-accent [&[data-range-start]]:rounded-l [&[data-range-start]]:rounded-r-none [&[data-range-start]]:z-1', '[&[data-range-end]]:bg-accent [&[data-range-end]]:rounded-r [&[data-range-end]]:rounded-l-none [&[data-range-end]]:z-1', 'disabled:opacity-50 disabled:cursor-default',
|
|
85
85
|
// today dot
|
|
86
86
|
"[&[data-today]]:before:content-[''] [&[data-today]]:before:absolute [&[data-today]]:before:left-[2px] [&[data-today]]:before:top-[2px] [&[data-today]]:before:w-[6px] [&[data-today]]:before:h-[6px] [&[data-today]]:before:rounded-lg [&[data-today]]:before:bg-primary",
|
|
87
87
|
// calendar edges
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
package/dist/esm/uno/colors.js
CHANGED
|
@@ -5,19 +5,33 @@ export const colorConstants = `
|
|
|
5
5
|
--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
|
|
6
6
|
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
7
7
|
`;
|
|
8
|
-
|
|
8
|
+
const lightness = {
|
|
9
|
+
wash: `calc(1 + 0.45 * var(--dyn-mode-mult, 1))`,
|
|
10
|
+
light: `calc(1 + 0.25 * var(--dyn-mode-mult, 1))`,
|
|
11
|
+
dark: `calc(1 - 0.25 * var(--dyn-mode-mult, 1))`,
|
|
12
|
+
ink: `calc(1 - 0.45 * var(--dyn-mode-mult, 1))`,
|
|
13
|
+
};
|
|
14
|
+
export const dynamicThemeComputedColors = (name) => {
|
|
15
|
+
const hue = {
|
|
16
|
+
wash: `calc(h - 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
17
|
+
light: `calc(h - 0.5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
18
|
+
dark: `calc(h + 0.2 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
19
|
+
ink: `calc(h + 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
20
|
+
};
|
|
21
|
+
return `
|
|
9
22
|
--color-${name}: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-${name}-base-dim, 0%))) calc(var(--dyn-${name}-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-${name}-source, 0));
|
|
10
|
-
--color-${name}-wash: oklch(from var(--color-${name}) calc(
|
|
11
|
-
--color-${name}-light: oklch(from var(--color-${name}) calc(l
|
|
12
|
-
--color-${name}-dark: oklch(from var(--color-${name}) calc(l
|
|
13
|
-
--color-${name}-ink: oklch(from var(--color-${name}) calc(l
|
|
23
|
+
--color-${name}-wash: oklch(from var(--color-${name}) calc(l * ${lightness.wash}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) ${hue.wash});
|
|
24
|
+
--color-${name}-light: oklch(from var(--color-${name}) calc(l * ${lightness.light}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) ${hue.light});
|
|
25
|
+
--color-${name}-dark: oklch(from var(--color-${name}) calc(l * ${lightness.dark}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) ${hue.dark});
|
|
26
|
+
--color-${name}-ink: oklch(from var(--color-${name}) calc(l * ${lightness.ink}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) ${hue.ink});
|
|
14
27
|
|
|
15
|
-
--color-${name}-gray: oklch(from var(--color-${name})
|
|
16
|
-
--color-${name}-gray-wash: oklch(from var(--color-${name}-
|
|
17
|
-
--color-${name}-gray-light: oklch(from var(--color-${name}-
|
|
18
|
-
--color-${name}-gray-dark: oklch(from var(--color-${name}-
|
|
19
|
-
--color-${name}-gray-ink: oklch(from var(--color-${name}-
|
|
28
|
+
--color-${name}-gray: oklch(from var(--color-${name}) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
29
|
+
--color-${name}-gray-wash: oklch(from var(--color-${name}-gray) calc(l * ${lightness.wash}) calc(c * 0.9) ${hue.wash});
|
|
30
|
+
--color-${name}-gray-light: oklch(from var(--color-${name}-gray) calc(l * ${lightness.light}) c ${hue.light});
|
|
31
|
+
--color-${name}-gray-dark: oklch(from var(--color-${name}-gray) calc(l * ${lightness.dark}) c ${hue.dark});
|
|
32
|
+
--color-${name}-gray-ink: oklch(from var(--color-${name}-gray) calc(l * ${lightness.ink}) c ${hue.ink});
|
|
20
33
|
`;
|
|
34
|
+
};
|
|
21
35
|
export const dynamicComputedVars = `
|
|
22
36
|
${dynamicThemeComputedColors('primary')}
|
|
23
37
|
${dynamicThemeComputedColors('accent')}
|
|
@@ -30,7 +44,7 @@ ${dynamicThemeComputedColors('accent')}
|
|
|
30
44
|
|
|
31
45
|
--color-wash: var(--color-gray-wash);
|
|
32
46
|
--palette-black: var(--color-gray-ink);
|
|
33
|
-
--palette-white: oklch(from var(--color-wash) calc(
|
|
47
|
+
--palette-white: oklch(from var(--color-wash) calc(0.999 * var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)) h);
|
|
34
48
|
/* A dark-mode only contrast color */
|
|
35
49
|
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
36
50
|
`;
|
|
@@ -109,7 +123,7 @@ export function darken(base, level) {
|
|
|
109
123
|
function mod(base, level, sign) {
|
|
110
124
|
return (`oklch(from ` +
|
|
111
125
|
base +
|
|
112
|
-
` calc(l * (1 +
|
|
126
|
+
` calc(l * (1 + ${level} / 60 * ${sign} * var(--dyn-mode-mult, 1)))` +
|
|
113
127
|
` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(--global-saturation, 0))))))` +
|
|
114
128
|
` h)`);
|
|
115
129
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/uno/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;CAK7B,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/uno/colors.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/colors.stories.tsx
CHANGED
|
@@ -14,8 +14,8 @@ const meta = {
|
|
|
14
14
|
customRotate: {
|
|
15
15
|
control: {
|
|
16
16
|
type: 'range',
|
|
17
|
-
min: -
|
|
18
|
-
max:
|
|
17
|
+
min: -20,
|
|
18
|
+
max: 20,
|
|
19
19
|
},
|
|
20
20
|
},
|
|
21
21
|
},
|
|
@@ -41,18 +41,51 @@ export const Default: Story = {
|
|
|
41
41
|
}
|
|
42
42
|
: {};
|
|
43
43
|
return (
|
|
44
|
-
<Box
|
|
45
|
-
<
|
|
46
|
-
<
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
44
|
+
<Box col>
|
|
45
|
+
<input type="color" className="sticky top-0 z-1" />
|
|
46
|
+
<Box full>
|
|
47
|
+
<Box d="col" grow p surface="default">
|
|
48
|
+
<Range className="theme" style={style} />
|
|
49
|
+
<Range className="theme-lemon" />
|
|
50
|
+
<Range className="theme-leek" />
|
|
51
|
+
<Range className="theme-tomato" />
|
|
52
|
+
<Range className="theme-eggplant" />
|
|
53
|
+
<Range className="theme-blueberry" />
|
|
54
|
+
<Range className="theme-salt" />
|
|
55
|
+
<Box className="h-100px">
|
|
56
|
+
<Box grow className="bg-gray-wash" />
|
|
57
|
+
<Box grow className="bg-gray-light" />
|
|
58
|
+
<Box grow className="bg-gray" />
|
|
59
|
+
<Box grow className="bg-gray-dark" />
|
|
60
|
+
<Box grow className="bg-gray-ink" />
|
|
61
|
+
</Box>
|
|
62
|
+
<Box className="h-100px">
|
|
63
|
+
<Box grow className="bg-black" />
|
|
64
|
+
<Box grow className="bg-wash" />
|
|
65
|
+
<Box grow className="bg-white" />
|
|
66
|
+
</Box>
|
|
67
|
+
</Box>
|
|
68
|
+
<Box d="col" className="override-dark theme" grow p surface="default">
|
|
69
|
+
<Range className="theme" style={style} />
|
|
70
|
+
<Range className="theme-lemon" />
|
|
71
|
+
<Range className="theme-leek" />
|
|
72
|
+
<Range className="theme-tomato" />
|
|
73
|
+
<Range className="theme-eggplant" />
|
|
74
|
+
<Range className="theme-blueberry" />
|
|
75
|
+
<Range className="theme-salt" />
|
|
76
|
+
<Box className="h-100px">
|
|
77
|
+
<Box grow className="bg-gray-wash" />
|
|
78
|
+
<Box grow className="bg-gray-light" />
|
|
79
|
+
<Box grow className="bg-gray" />
|
|
80
|
+
<Box grow className="bg-gray-dark" />
|
|
81
|
+
<Box grow className="bg-gray-ink" />
|
|
82
|
+
</Box>
|
|
83
|
+
<Box className="h-100px">
|
|
84
|
+
<Box grow className="bg-black" />
|
|
85
|
+
<Box grow className="bg-wash" />
|
|
86
|
+
<Box grow className="bg-white" />
|
|
87
|
+
</Box>
|
|
88
|
+
</Box>
|
|
56
89
|
</Box>
|
|
57
90
|
</Box>
|
|
58
91
|
);
|
|
@@ -70,11 +103,11 @@ function Swatch({
|
|
|
70
103
|
<div
|
|
71
104
|
className={className}
|
|
72
105
|
style={{
|
|
73
|
-
width: '100px',
|
|
74
106
|
height: '100px',
|
|
75
107
|
display: 'flex',
|
|
76
108
|
justifyContent: 'center',
|
|
77
109
|
alignItems: 'center',
|
|
110
|
+
flex: '1',
|
|
78
111
|
}}
|
|
79
112
|
>
|
|
80
113
|
{children}
|
|
@@ -214,11 +214,11 @@ const CalendarDay = withClassName(
|
|
|
214
214
|
'flex items-center justify-center transition cursor-pointer',
|
|
215
215
|
'[&[data-highlighted]]:(z-1 outline-accent)',
|
|
216
216
|
'hover:(z-1 outline-accent)',
|
|
217
|
-
'active:(bg-accent-
|
|
218
|
-
'[&[data-selected]]:(bg-accent
|
|
219
|
-
'[&[data-in-range]]:(bg-accent-wash bg-darken-
|
|
220
|
-
'[&[data-range-start]]:(bg-accent
|
|
221
|
-
'[&[data-range-end]]:(bg-accent
|
|
217
|
+
'active:(bg-accent-light rounded)',
|
|
218
|
+
'[&[data-selected]]:(bg-accent z-2 rounded)',
|
|
219
|
+
'[&[data-in-range]]:(bg-accent-wash bg-darken-2 rounded-none z-1)',
|
|
220
|
+
'[&[data-range-start]]:(bg-accent rounded-l rounded-r-none z-1)',
|
|
221
|
+
'[&[data-range-end]]:(bg-accent rounded-r rounded-l-none z-1)',
|
|
222
222
|
'disabled:(opacity-50 cursor-default)',
|
|
223
223
|
// today dot
|
|
224
224
|
"[&[data-today]]:before:(content-[''] absolute left-[2px] top-[2px] w-[6px] h-[6px] rounded-lg bg-primary)",
|
package/src/uno/colors.ts
CHANGED
|
@@ -5,19 +5,34 @@ export const colorConstants = `
|
|
|
5
5
|
--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
|
|
6
6
|
`;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const lightness = {
|
|
9
|
+
wash: `calc(1 + 0.45 * var(--dyn-mode-mult, 1))`,
|
|
10
|
+
light: `calc(1 + 0.25 * var(--dyn-mode-mult, 1))`,
|
|
11
|
+
dark: `calc(1 - 0.25 * var(--dyn-mode-mult, 1))`,
|
|
12
|
+
ink: `calc(1 - 0.45 * var(--dyn-mode-mult, 1))`,
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export const dynamicThemeComputedColors = (name: string) => {
|
|
16
|
+
const hue = {
|
|
17
|
+
wash: `calc(h - 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
18
|
+
light: `calc(h - 0.5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
19
|
+
dark: `calc(h + 0.2 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
20
|
+
ink: `calc(h + 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
|
|
21
|
+
};
|
|
22
|
+
return `
|
|
9
23
|
--color-${name}: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-${name}-base-dim, 0%))) calc(var(--dyn-${name}-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-${name}-source, 0));
|
|
10
|
-
--color-${name}-wash: oklch(from var(--color-${name}) calc(
|
|
11
|
-
--color-${name}-light: oklch(from var(--color-${name}) calc(l
|
|
12
|
-
--color-${name}-dark: oklch(from var(--color-${name}) calc(l
|
|
13
|
-
--color-${name}-ink: oklch(from var(--color-${name}) calc(l
|
|
24
|
+
--color-${name}-wash: oklch(from var(--color-${name}) calc(l * ${lightness.wash}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) ${hue.wash});
|
|
25
|
+
--color-${name}-light: oklch(from var(--color-${name}) calc(l * ${lightness.light}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) ${hue.light});
|
|
26
|
+
--color-${name}-dark: oklch(from var(--color-${name}) calc(l * ${lightness.dark}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) ${hue.dark});
|
|
27
|
+
--color-${name}-ink: oklch(from var(--color-${name}) calc(l * ${lightness.ink}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) ${hue.ink});
|
|
14
28
|
|
|
15
|
-
--color-${name}-gray: oklch(from var(--color-${name})
|
|
16
|
-
--color-${name}-gray-wash: oklch(from var(--color-${name}-
|
|
17
|
-
--color-${name}-gray-light: oklch(from var(--color-${name}-
|
|
18
|
-
--color-${name}-gray-dark: oklch(from var(--color-${name}-
|
|
19
|
-
--color-${name}-gray-ink: oklch(from var(--color-${name}-
|
|
29
|
+
--color-${name}-gray: oklch(from var(--color-${name}) l calc(c * 0.1 * var(--global-saturation, 1)) h);
|
|
30
|
+
--color-${name}-gray-wash: oklch(from var(--color-${name}-gray) calc(l * ${lightness.wash}) calc(c * 0.9) ${hue.wash});
|
|
31
|
+
--color-${name}-gray-light: oklch(from var(--color-${name}-gray) calc(l * ${lightness.light}) c ${hue.light});
|
|
32
|
+
--color-${name}-gray-dark: oklch(from var(--color-${name}-gray) calc(l * ${lightness.dark}) c ${hue.dark});
|
|
33
|
+
--color-${name}-gray-ink: oklch(from var(--color-${name}-gray) calc(l * ${lightness.ink}) c ${hue.ink});
|
|
20
34
|
`;
|
|
35
|
+
};
|
|
21
36
|
|
|
22
37
|
export const dynamicComputedVars = `
|
|
23
38
|
${dynamicThemeComputedColors('primary')}
|
|
@@ -31,7 +46,7 @@ ${dynamicThemeComputedColors('accent')}
|
|
|
31
46
|
|
|
32
47
|
--color-wash: var(--color-gray-wash);
|
|
33
48
|
--palette-black: var(--color-gray-ink);
|
|
34
|
-
--palette-white: oklch(from var(--color-wash) calc(
|
|
49
|
+
--palette-white: oklch(from var(--color-wash) calc(0.999 * var(--dyn-mode-mult,1)) calc(c * var(--global-saturation, 1)) h);
|
|
35
50
|
/* A dark-mode only contrast color */
|
|
36
51
|
--color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
|
|
37
52
|
`;
|
|
@@ -131,7 +146,7 @@ function mod(base: string, level: string, sign: number) {
|
|
|
131
146
|
return (
|
|
132
147
|
`oklch(from ` +
|
|
133
148
|
base +
|
|
134
|
-
` calc(l * (1 +
|
|
149
|
+
` calc(l * (1 + ${level} / 60 * ${sign} * var(--dyn-mode-mult, 1)))` +
|
|
135
150
|
` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(--global-saturation, 0))))))` +
|
|
136
151
|
` h)`
|
|
137
152
|
);
|