@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.
- 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/PageNowPlaying.js +1 -1
- package/dist/cjs/components/layouts/PageNowPlaying.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 +5 -0
- package/dist/cjs/hooks/useTitleBarColor.js +37 -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 +250 -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 +83 -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/PageNowPlaying.js +1 -1
- package/dist/esm/components/layouts/PageNowPlaying.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 +5 -0
- package/dist/esm/hooks/useTitleBarColor.js +36 -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 +247 -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 +81 -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/PageNowPlaying.tsx +1 -1
- 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 +52 -4
- 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 +119 -0
- package/src/uno/logic/color.ts +420 -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
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { OklchColorEquation } from './color.js';
|
|
2
|
+
export declare const paletteHues: {
|
|
3
|
+
primary: string;
|
|
4
|
+
accent: string;
|
|
5
|
+
main: string;
|
|
6
|
+
attention: string;
|
|
7
|
+
success: string;
|
|
8
|
+
lemon: string;
|
|
9
|
+
leek: string;
|
|
10
|
+
tomato: string;
|
|
11
|
+
blueberry: string;
|
|
12
|
+
eggplant: string;
|
|
13
|
+
};
|
|
14
|
+
export declare const paletteNames: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
|
|
15
|
+
export type PaletteName = (typeof paletteNames)[number];
|
|
16
|
+
export interface ColorLogicalPaletteDefinitions {
|
|
17
|
+
wash: OklchColorEquation;
|
|
18
|
+
light: OklchColorEquation;
|
|
19
|
+
default: OklchColorEquation;
|
|
20
|
+
dark: OklchColorEquation;
|
|
21
|
+
ink: OklchColorEquation;
|
|
22
|
+
}
|
|
23
|
+
export interface ColorPaletteStyles {
|
|
24
|
+
wash: string;
|
|
25
|
+
light: string;
|
|
26
|
+
DEFAULT: string;
|
|
27
|
+
dark: string;
|
|
28
|
+
ink: string;
|
|
29
|
+
[key: string]: string;
|
|
30
|
+
}
|
|
31
|
+
export interface ColorLogicalPalette {
|
|
32
|
+
sourceHue: string;
|
|
33
|
+
saturation?: string;
|
|
34
|
+
definitions: ColorLogicalPaletteDefinitions;
|
|
35
|
+
styles: ColorPaletteStyles;
|
|
36
|
+
}
|
|
37
|
+
export declare function createColorLogicalPalette({ sourceHue, saturation, }: {
|
|
38
|
+
sourceHue: string;
|
|
39
|
+
saturation?: string;
|
|
40
|
+
}): ColorLogicalPalette;
|
|
41
|
+
export interface ColorPaletteStyles {
|
|
42
|
+
wash: string;
|
|
43
|
+
light: string;
|
|
44
|
+
DEFAULT: string;
|
|
45
|
+
dark: string;
|
|
46
|
+
ink: string;
|
|
47
|
+
}
|
|
48
|
+
export declare const graySaturation = "0.15";
|
|
49
|
+
export declare const highContrastSaturation = "0.04";
|
|
50
|
+
export declare const palettes: {
|
|
51
|
+
main: ColorLogicalPalette;
|
|
52
|
+
primary: ColorLogicalPalette;
|
|
53
|
+
accent: ColorLogicalPalette;
|
|
54
|
+
attention: ColorLogicalPalette;
|
|
55
|
+
success: ColorLogicalPalette;
|
|
56
|
+
gray: ColorLogicalPalette;
|
|
57
|
+
highContrast: ColorLogicalPalette;
|
|
58
|
+
lemon: ColorLogicalPalette;
|
|
59
|
+
leek: ColorLogicalPalette;
|
|
60
|
+
tomato: ColorLogicalPalette;
|
|
61
|
+
blueberry: ColorLogicalPalette;
|
|
62
|
+
eggplant: ColorLogicalPalette;
|
|
63
|
+
};
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
import { livePropertyColorContext, oklchBuilder, } from './color.js';
|
|
3
|
+
export const paletteHues = {
|
|
4
|
+
primary: 'var(--p-primary-hue,91.8)',
|
|
5
|
+
accent: 'var(--p-accent-hue,160.88)',
|
|
6
|
+
main: 'var(--l-main-hue,var(--p-primary-hue,91.8))',
|
|
7
|
+
attention: 'var(--p-attention-hue,30)',
|
|
8
|
+
success: 'var(--p-success-hue,140)',
|
|
9
|
+
lemon: 'var(--p-lemon-hue,90.8)',
|
|
10
|
+
leek: 'var(--p-leek-hue,165.88)',
|
|
11
|
+
tomato: 'var(--p-tomato-hue,10.51)',
|
|
12
|
+
blueberry: 'var(--p-blueberry-hue,248.14)',
|
|
13
|
+
eggplant: 'var(--p-eggplant-hue,280.21)',
|
|
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 createColorLogicalPalette({ sourceHue, saturation, }) {
|
|
29
|
+
const definitions = {
|
|
30
|
+
wash: oklchBuilder(($) => ({
|
|
31
|
+
l: $.clamp($.add($.literal((ctx) => ctx.mode.lNeutral), $.multiply($.literal((ctx) => ctx.mode.lRangeUp), $.literal((ctx) => ctx.mode.mult), $.literal((ctx) => ctx.localLightnessSpread))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
32
|
+
c: $.clamp($.multiply($.literal(() => saturation !== null && saturation !== void 0 ? saturation : '1'), $.literal((ctx) => ctx.localSaturation), $.literal((ctx) => ctx.globalSaturation), $.add($.literal((ctx) => ctx.mode.sNeutral), $.multiply($.literal((ctx) => ctx.mode.sRangeUp), $.literal((ctx) => ctx.mode.mult)))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
33
|
+
h: $.literal((ctx) => ctx.sourceHue),
|
|
34
|
+
})),
|
|
35
|
+
light: oklchBuilder(($) => ({
|
|
36
|
+
l: $.clamp($.add($.literal((ctx) => ctx.mode.lNeutral), $.multiply($.literal((ctx) => ctx.mode.lRangeUp), $.literal(() => '0.5'), $.literal((ctx) => ctx.mode.mult), $.literal((ctx) => ctx.localLightnessSpread))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
37
|
+
c: $.clamp($.multiply($.literal(() => saturation !== null && saturation !== void 0 ? saturation : '1'), $.literal((ctx) => ctx.localSaturation), $.literal((ctx) => ctx.globalSaturation), $.add($.literal((ctx) => ctx.mode.sNeutral), $.multiply($.literal((ctx) => ctx.mode.sRangeUp), $.literal(() => '0.75'), $.literal((ctx) => ctx.mode.mult)))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
38
|
+
h: $.literal((ctx) => ctx.sourceHue),
|
|
39
|
+
})),
|
|
40
|
+
default: oklchBuilder(($) => ({
|
|
41
|
+
l: $.literal((ctx) => ctx.mode.lNeutral),
|
|
42
|
+
c: $.clamp($.multiply($.literal(() => saturation !== null && saturation !== void 0 ? saturation : '1'), $.literal((ctx) => ctx.localSaturation), $.literal((ctx) => ctx.globalSaturation), $.literal((ctx) => ctx.mode.sNeutral)), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
43
|
+
h: $.literal((ctx) => ctx.sourceHue),
|
|
44
|
+
})),
|
|
45
|
+
dark: oklchBuilder(($) => ({
|
|
46
|
+
l: $.clamp($.subtract($.literal((ctx) => ctx.mode.lNeutral), $.multiply($.literal((ctx) => ctx.mode.lRangeDown), $.literal(() => '0.35'), $.literal((ctx) => ctx.mode.mult), $.literal((ctx) => ctx.localLightnessSpread))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
47
|
+
c: $.clamp($.multiply($.literal(() => saturation !== null && saturation !== void 0 ? saturation : '1'), $.literal((ctx) => ctx.localSaturation), $.literal((ctx) => ctx.globalSaturation), $.subtract($.literal((ctx) => ctx.mode.sNeutral), $.multiply($.literal((ctx) => ctx.mode.sRangeDown), $.literal(() => '0.5'), $.literal((ctx) => ctx.mode.mult)))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
48
|
+
h: $.literal((ctx) => ctx.sourceHue),
|
|
49
|
+
})),
|
|
50
|
+
ink: oklchBuilder(($) => ({
|
|
51
|
+
l: $.clamp($.subtract($.literal((ctx) => ctx.mode.lNeutral), $.multiply($.literal((ctx) => ctx.mode.lRangeDown), $.literal(() => '1'), $.literal((ctx) => ctx.mode.mult), $.literal((ctx) => ctx.localLightnessSpread))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
52
|
+
c: $.clamp($.multiply($.literal(() => saturation !== null && saturation !== void 0 ? saturation : '1'), $.literal((ctx) => ctx.localSaturation), $.literal((ctx) => ctx.globalSaturation), $.subtract($.literal((ctx) => ctx.mode.sNeutral), $.multiply($.literal((ctx) => ctx.mode.sRangeDown), $.literal(() => '1'), $.literal((ctx) => ctx.mode.mult)))), $.literal(() => '0%'), $.literal(() => '100%')),
|
|
53
|
+
h: $.literal((ctx) => ctx.sourceHue),
|
|
54
|
+
})),
|
|
55
|
+
};
|
|
56
|
+
return {
|
|
57
|
+
sourceHue,
|
|
58
|
+
saturation,
|
|
59
|
+
definitions,
|
|
60
|
+
styles: createPaletteStyles(sourceHue, definitions),
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
function createPaletteStyles(sourceHue, definitions) {
|
|
64
|
+
const ctx = livePropertyColorContext(sourceHue);
|
|
65
|
+
return {
|
|
66
|
+
wash: definitions.wash.print(ctx),
|
|
67
|
+
light: definitions.light.print(ctx),
|
|
68
|
+
DEFAULT: definitions.default.print(ctx),
|
|
69
|
+
dark: definitions.dark.print(ctx),
|
|
70
|
+
ink: definitions.ink.print(ctx),
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
export const graySaturation = '0.15';
|
|
74
|
+
export const highContrastSaturation = '0.04';
|
|
75
|
+
export const palettes = {
|
|
76
|
+
main: createColorLogicalPalette({ sourceHue: paletteHues.main }),
|
|
77
|
+
primary: createColorLogicalPalette({ sourceHue: paletteHues.primary }),
|
|
78
|
+
accent: createColorLogicalPalette({ sourceHue: paletteHues.accent }),
|
|
79
|
+
attention: createColorLogicalPalette({ sourceHue: paletteHues.attention }),
|
|
80
|
+
success: createColorLogicalPalette({ sourceHue: paletteHues.success }),
|
|
81
|
+
gray: createColorLogicalPalette({
|
|
82
|
+
sourceHue: paletteHues.main,
|
|
83
|
+
saturation: graySaturation,
|
|
84
|
+
}),
|
|
85
|
+
highContrast: createColorLogicalPalette({
|
|
86
|
+
sourceHue: paletteHues.main,
|
|
87
|
+
saturation: highContrastSaturation,
|
|
88
|
+
}),
|
|
89
|
+
lemon: createColorLogicalPalette({ sourceHue: paletteHues.lemon }),
|
|
90
|
+
leek: createColorLogicalPalette({ sourceHue: paletteHues.leek }),
|
|
91
|
+
tomato: createColorLogicalPalette({ sourceHue: paletteHues.tomato }),
|
|
92
|
+
blueberry: createColorLogicalPalette({ sourceHue: paletteHues.blueberry }),
|
|
93
|
+
eggplant: createColorLogicalPalette({ sourceHue: paletteHues.eggplant }),
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=palettes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palettes.js","sourceRoot":"","sources":["../../../../src/uno/logic/palettes.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
import { paletteNames,
|
|
2
|
+
import { graySaturation, highContrastSaturation, paletteNames, palettes, } from '../logic/palettes.js';
|
|
3
3
|
import { preflight } from './_util.js';
|
|
4
4
|
const baseThemeCSS = `
|
|
5
|
-
--v-color: ${
|
|
5
|
+
--v-color: ${palettes.highContrast.styles.ink};
|
|
6
6
|
color: var(--v-color);
|
|
7
|
-
--v-bg: ${
|
|
7
|
+
--v-bg: ${palettes.highContrast.styles.wash};
|
|
8
8
|
background-color: var(--v-bg);
|
|
9
9
|
`;
|
|
10
10
|
export const colorPreflight = preflight({
|
|
@@ -20,14 +20,7 @@ export const colorPreflight = preflight({
|
|
|
20
20
|
--p-success-hue: 140;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.theme-lemon {
|
|
24
|
-
--p-primary-hue: var(--p-lemon-hue);
|
|
25
|
-
--p-accent-hue: var(--p-leek-hue);
|
|
26
|
-
--l-main-hue: var(--p-primary-hue);
|
|
27
|
-
|
|
28
|
-
${baseThemeCSS}
|
|
29
|
-
}
|
|
30
|
-
.theme-override-lemon.theme-override-lemon {
|
|
23
|
+
.theme-lemon, .theme-override-lemon.theme-override-lemon {
|
|
31
24
|
--p-primary-hue: var(--p-lemon-hue);
|
|
32
25
|
--p-accent-hue: var(--p-leek-hue);
|
|
33
26
|
--l-main-hue: var(--p-primary-hue);
|
|
@@ -35,14 +28,7 @@ export const colorPreflight = preflight({
|
|
|
35
28
|
${baseThemeCSS}
|
|
36
29
|
}
|
|
37
30
|
|
|
38
|
-
.theme-leek {
|
|
39
|
-
--p-primary-hue: var(--p-leek-hue);
|
|
40
|
-
--p-accent-hue: var(--p-lemon-hue);
|
|
41
|
-
--l-main-hue: var(--p-primary-hue);
|
|
42
|
-
|
|
43
|
-
${baseThemeCSS}
|
|
44
|
-
}
|
|
45
|
-
.theme-override-leek.theme-override-leek {
|
|
31
|
+
.theme-leek, .theme-override-leek.theme-override-leek {
|
|
46
32
|
--p-primary-hue: var(--p-leek-hue);
|
|
47
33
|
--p-accent-hue: var(--p-lemon-hue);
|
|
48
34
|
--l-main-hue: var(--p-primary-hue);
|
|
@@ -50,48 +36,38 @@ export const colorPreflight = preflight({
|
|
|
50
36
|
${baseThemeCSS}
|
|
51
37
|
}
|
|
52
38
|
|
|
53
|
-
.theme-tomato {
|
|
39
|
+
.theme-tomato, .theme-override-tomato.theme-override-tomato {
|
|
54
40
|
--p-primary-hue: var(--p-tomato-hue);
|
|
55
41
|
--p-accent-hue: var(--p-leek-hue);
|
|
56
42
|
--l-main-hue: var(--p-primary-hue);
|
|
57
43
|
|
|
58
44
|
${baseThemeCSS}
|
|
59
45
|
}
|
|
60
|
-
.theme-override-tomato.theme-override-tomato {
|
|
61
|
-
--p-primary-hue: var(--p-tomato-hue);
|
|
62
|
-
--p-accent-hue: var(--p-leek-hue);
|
|
63
|
-
--l-main-hue: var(--p-primary-hue);
|
|
64
46
|
|
|
65
|
-
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.theme-blueberry {
|
|
47
|
+
.theme-blueberry, .theme-override-blueberry.theme-override-blueberry {
|
|
69
48
|
--p-primary-hue: var(--p-blueberry-hue);
|
|
70
49
|
--p-accent-hue: var(--p-leek-hue);
|
|
71
50
|
--l-main-hue: var(--p-primary-hue);
|
|
72
51
|
|
|
73
52
|
${baseThemeCSS}
|
|
74
53
|
}
|
|
75
|
-
|
|
76
|
-
|
|
54
|
+
|
|
55
|
+
.theme-eggplant, .theme-override-eggplant.theme-override-eggplant {
|
|
56
|
+
--p-primary-hue: var(--p-eggplant-hue);
|
|
77
57
|
--p-accent-hue: var(--p-leek-hue);
|
|
78
58
|
--l-main-hue: var(--p-primary-hue);
|
|
79
59
|
|
|
80
60
|
${baseThemeCSS}
|
|
81
61
|
}
|
|
82
62
|
|
|
83
|
-
.theme-
|
|
84
|
-
--
|
|
85
|
-
--p-accent-hue: var(--p-leek-hue);
|
|
86
|
-
--l-main-hue: var(--p-primary-hue);
|
|
87
|
-
|
|
63
|
+
.theme-gray, .theme-salt, .theme-override-gray.theme-override-gray {
|
|
64
|
+
--l-saturation: ${graySaturation};
|
|
88
65
|
${baseThemeCSS}
|
|
89
66
|
}
|
|
90
|
-
.theme-override-eggplant.theme-override-eggplant {
|
|
91
|
-
--p-primary-hue: var(--p-eggplant-hue);
|
|
92
|
-
--p-accent-hue: var(--p-leek-hue);
|
|
93
|
-
--l-main-hue: var(--p-primary-hue);
|
|
94
67
|
|
|
68
|
+
.theme-high-contrast, .theme-override-high-contrast.theme-override-high-contrast {
|
|
69
|
+
--l-saturation: ${highContrastSaturation};
|
|
70
|
+
--l-lightness-spread: 10;
|
|
95
71
|
${baseThemeCSS}
|
|
96
72
|
}
|
|
97
73
|
|
|
@@ -100,10 +76,10 @@ ${paletteNames
|
|
|
100
76
|
.map(createPaletteClass)
|
|
101
77
|
.join('\n')}
|
|
102
78
|
.palette-gray {
|
|
103
|
-
--l-saturation:
|
|
79
|
+
--l-saturation: ${graySaturation};
|
|
104
80
|
}
|
|
105
81
|
.palette-high-contrast {
|
|
106
|
-
--l-saturation:
|
|
82
|
+
--l-saturation: ${highContrastSaturation};
|
|
107
83
|
--l-lightness-spread: 10;
|
|
108
84
|
}
|
|
109
85
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/preflights/colors.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/preflights/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,sBAAsB,EACtB,YAAY,EACZ,QAAQ,GACR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,YAAY,GAAG;aACR,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG;;UAEnC,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI;;CAE1C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;GAiBZ,YAAY;;;;;;;;GAQZ,YAAY;;;;;;;;GAQZ,YAAY;;;;;;;;GAQZ,YAAY;;;;;;;;GAQZ,YAAY;;;;mBAII,cAAc;GAC9B,YAAY;;;;mBAII,sBAAsB;;GAEtC,YAAY;;;EAGb,YAAY;SACZ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,eAAe,CAAC;SACpD,GAAG,CAAC,kBAAkB,CAAC;SACvB,IAAI,CAAC,IAAI,CAAC;;mBAEO,cAAc;;;mBAGd,sBAAsB;;;;;GAKtC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cd;CACA,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,UAAkB;IAC7C,OAAO;WACG,UAAU;yBACI,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;;;CAGtE,CAAC;AACF,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// @unocss-include
|
|
2
|
+
import { preflight } from './_util.js';
|
|
3
|
+
export const fontsPreflight = ({ interFontLocation } = {
|
|
4
|
+
interFontLocation: 'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf',
|
|
5
|
+
}) => preflight({
|
|
6
|
+
getCSS: () => `
|
|
7
|
+
@font-face {
|
|
8
|
+
font-family: "Inter";
|
|
9
|
+
src: url("${interFontLocation}") format("truetype-variations");
|
|
10
|
+
font-weight: 1 999;
|
|
11
|
+
font-style: oblique 0deg 5deg;
|
|
12
|
+
font-display: block;
|
|
13
|
+
}
|
|
14
|
+
`,
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=fonts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../../src/uno/preflights/fonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAMvC,MAAM,CAAC,MAAM,cAAc,GAAG,CAC7B,EAAE,iBAAiB,KAA4B;IAC9C,iBAAiB,EAChB,wEAAwE;CACzE,EACA,EAAE,CACH,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;eAGD,iBAAiB;;;;;EAK9B;CACA,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { Preflight } from 'unocss';
|
|
2
2
|
import { ThemeCustomizationConfig } from './customization.js';
|
|
3
|
-
|
|
3
|
+
import { FontsPreflightOptions } from './fonts.js';
|
|
4
|
+
export declare const preflights: (config: ThemeCustomizationConfig & FontsPreflightOptions) => Preflight<any>[];
|
|
@@ -3,6 +3,7 @@ import { basePreflight } from './base.js';
|
|
|
3
3
|
import { colorPreflight } from './colors.js';
|
|
4
4
|
import { customizationPreflight, } from './customization.js';
|
|
5
5
|
import { darkModePreflight } from './dark.js';
|
|
6
|
+
import { fontsPreflight } from './fonts.js';
|
|
6
7
|
import { globalPreflight } from './globals.js';
|
|
7
8
|
import { layerPreflight } from './layers.js';
|
|
8
9
|
export const preflights = (config) => [
|
|
@@ -12,5 +13,6 @@ export const preflights = (config) => [
|
|
|
12
13
|
colorPreflight,
|
|
13
14
|
darkModePreflight,
|
|
14
15
|
customizationPreflight(config),
|
|
16
|
+
fontsPreflight(config),
|
|
15
17
|
];
|
|
16
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACN,sBAAsB,GAEtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,CACzB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACN,sBAAsB,GAEtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAyB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,CACzB,MAAwD,EACrC,EAAE,CAAC;IACtB,cAAc;IACd,aAAa;IACb,eAAe;IACf,cAAc;IACd,iBAAiB;IACjB,sBAAsB,CAAC,MAAM,CAAC;IAC9B,cAAc,CAAC,MAAM,CAAC;CACtB,CAAC"}
|
|
@@ -1,55 +1,19 @@
|
|
|
1
1
|
export declare const colors: {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
};
|
|
20
|
-
readonly accent: {
|
|
21
|
-
wash: string;
|
|
22
|
-
light: string;
|
|
23
|
-
DEFAULT: string;
|
|
24
|
-
dark: string;
|
|
25
|
-
ink: string;
|
|
26
|
-
};
|
|
27
|
-
readonly attention: {
|
|
28
|
-
wash: string;
|
|
29
|
-
light: string;
|
|
30
|
-
DEFAULT: string;
|
|
31
|
-
dark: string;
|
|
32
|
-
ink: string;
|
|
33
|
-
};
|
|
34
|
-
readonly success: {
|
|
35
|
-
wash: string;
|
|
36
|
-
light: string;
|
|
37
|
-
DEFAULT: string;
|
|
38
|
-
dark: string;
|
|
39
|
-
ink: string;
|
|
40
|
-
};
|
|
41
|
-
readonly main: {
|
|
42
|
-
wash: string;
|
|
43
|
-
light: string;
|
|
44
|
-
DEFAULT: string;
|
|
45
|
-
dark: string;
|
|
46
|
-
ink: string;
|
|
47
|
-
};
|
|
48
|
-
readonly gray: {
|
|
49
|
-
wash: string;
|
|
50
|
-
light: string;
|
|
51
|
-
DEFAULT: string;
|
|
52
|
-
dark: string;
|
|
53
|
-
ink: string;
|
|
54
|
-
};
|
|
2
|
+
none: string;
|
|
3
|
+
transparent: string;
|
|
4
|
+
current: string;
|
|
5
|
+
black: string;
|
|
6
|
+
white: string;
|
|
7
|
+
wash: string;
|
|
8
|
+
contrast: string;
|
|
9
|
+
bg: string;
|
|
10
|
+
fg: string;
|
|
11
|
+
color: string;
|
|
12
|
+
border: string;
|
|
13
|
+
primary: import("../logic/palettes.js").ColorPaletteStyles;
|
|
14
|
+
accent: import("../logic/palettes.js").ColorPaletteStyles;
|
|
15
|
+
attention: import("../logic/palettes.js").ColorPaletteStyles;
|
|
16
|
+
success: import("../logic/palettes.js").ColorPaletteStyles;
|
|
17
|
+
main: import("../logic/palettes.js").ColorPaletteStyles;
|
|
18
|
+
gray: import("../logic/palettes.js").ColorPaletteStyles;
|
|
55
19
|
};
|
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
// @unocss-include
|
|
2
|
-
import {
|
|
2
|
+
import { palettes } from '../logic/palettes.js';
|
|
3
3
|
const contrastClamp = 'clamp(0, (0.36 / y - 1) * infinity, 1)';
|
|
4
4
|
export const colors = {
|
|
5
5
|
none: 'transparent',
|
|
6
6
|
transparent: 'transparent',
|
|
7
7
|
current: 'currentColor',
|
|
8
|
-
black:
|
|
9
|
-
white:
|
|
10
|
-
wash:
|
|
11
|
-
saturation: '3%',
|
|
12
|
-
}).wash,
|
|
13
|
-
contrast: `color(from var(--l-contrast-bg,var(--v-bg-altered,var(--v-bg,var(--mode-white)))) xyz-d65 ${contrastClamp} ${contrastClamp} ${contrastClamp})`,
|
|
8
|
+
black: palettes.highContrast.styles.ink,
|
|
9
|
+
white: palettes.highContrast.styles.wash,
|
|
10
|
+
wash: palettes.gray.styles.wash,
|
|
14
11
|
// magic tokens
|
|
12
|
+
contrast: `color(from var(--l-contrast-bg,var(--v-bg-altered,var(--v-bg,var(--mode-white)))) xyz-d65 ${contrastClamp} ${contrastClamp} ${contrastClamp})`,
|
|
15
13
|
bg: 'var(--v-bg-altered, var(--v-bg, transparent))',
|
|
16
14
|
fg: 'var(--v-color-altered, var(--v-color, var(--mode-black)))',
|
|
17
15
|
color: 'var(--v-color-altered, var(--v-color, var(--mode-black)))',
|
|
18
16
|
border: 'var(--v-border-altered, var(--v-border, transparent))',
|
|
19
|
-
primary:
|
|
20
|
-
accent:
|
|
21
|
-
attention:
|
|
22
|
-
success:
|
|
23
|
-
main:
|
|
24
|
-
gray:
|
|
17
|
+
primary: palettes.primary.styles,
|
|
18
|
+
accent: palettes.accent.styles,
|
|
19
|
+
attention: palettes.attention.styles,
|
|
20
|
+
success: palettes.success.styles,
|
|
21
|
+
main: palettes.main.styles,
|
|
22
|
+
gray: palettes.gray.styles,
|
|
25
23
|
};
|
|
26
24
|
//# sourceMappingURL=colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/theme/colors.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/theme/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,aAAa,GAAG,wCAAwC,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,cAAc;IAEvB,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG;IACvC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI;IACxC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;IAE/B,eAAe;IACf,QAAQ,EAAE,6FAA6F,aAAa,IAAI,aAAa,IAAI,aAAa,GAAG;IACzJ,EAAE,EAAE,+CAA+C;IACnD,EAAE,EAAE,2DAA2D;IAC/D,KAAK,EAAE,2DAA2D;IAClE,MAAM,EAAE,uDAAuD;IAE/D,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM;IAChC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM;IAC9B,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,MAAM;IACpC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM;IAEhC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM;IAE1B,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM;CACyB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Preset } from 'unocss';
|
|
2
2
|
import { ThemeCustomizationConfig } from './preflights/customization.js';
|
|
3
|
-
|
|
3
|
+
import { FontsPreflightOptions } from './preflights/fonts.js';
|
|
4
|
+
export default function presetAtype(config?: ThemeCustomizationConfig & FontsPreflightOptions & {
|
|
4
5
|
noPreflight?: boolean;
|
|
5
6
|
}): Preset;
|
|
@@ -16,7 +16,9 @@ import { rules } from './rules/index.js';
|
|
|
16
16
|
import { shortcuts } from './shortcuts/index.js';
|
|
17
17
|
import { theme } from './theme/index.js';
|
|
18
18
|
import { variants } from './variants/index.js';
|
|
19
|
-
export default function presetAtype(config = {
|
|
19
|
+
export default function presetAtype(config = {
|
|
20
|
+
interFontLocation: 'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf',
|
|
21
|
+
}) {
|
|
20
22
|
return {
|
|
21
23
|
name: 'atype',
|
|
22
24
|
enforce: 'post',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAI/C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,SAGK;IACJ,iBAAiB,EAChB,wEAAwE;CACzE;IAED,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;QAExD,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;SACF;KACD,CAAC;AACH,CAAC"}
|