@duskmoon-dev/core 1.14.2 → 1.16.0
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/tailwind-plugin.cjs +38 -79
- package/dist/components/accordion.css +7 -7
- package/dist/components/alert.css +2 -2
- package/dist/components/appbar.css +5 -5
- package/dist/components/autocomplete.css +7 -7
- package/dist/components/avatar.css +5 -5
- package/dist/components/badge.css +3 -3
- package/dist/components/bottom-navigation.css +7 -7
- package/dist/components/bottomsheet.css +12 -12
- package/dist/components/button.css +19 -19
- package/dist/components/card.css +9 -2
- package/dist/components/cascader.css +9 -9
- package/dist/components/checkbox.css +1 -1
- package/dist/components/chip.css +12 -10
- package/dist/components/circle-menu.css +324 -0
- package/dist/components/code-block.css +133 -0
- package/dist/components/collapse.css +9 -9
- package/dist/components/datepicker.css +22 -22
- package/dist/components/dialog.css +5 -5
- package/dist/components/drawer.css +13 -13
- package/dist/components/file-upload.css +12 -12
- package/dist/components/form-group.css +162 -1
- package/dist/components/form.css +159 -22
- package/dist/components/index.css +1026 -385
- package/dist/components/input.css +23 -14
- package/dist/components/list.css +3 -3
- package/dist/components/markdown-body.css +6 -6
- package/dist/components/modal.css +7 -7
- package/dist/components/multi-select.css +16 -16
- package/dist/components/navigation.css +20 -20
- package/dist/components/nested-menu.css +5 -5
- package/dist/components/otp-input.css +5 -5
- package/dist/components/pin-input.css +5 -5
- package/dist/components/popover.css +15 -15
- package/dist/components/progress.css +2 -2
- package/dist/components/radio.css +2 -2
- package/dist/components/rating.css +1 -1
- package/dist/components/segment-control.css +6 -6
- package/dist/components/select.css +7 -7
- package/dist/components/skeleton.css +11 -11
- package/dist/components/slider.css +16 -16
- package/dist/components/snackbar.css +5 -5
- package/dist/components/stepper.css +9 -9
- package/dist/components/switch.css +1 -1
- package/dist/components/table.css +3 -3
- package/dist/components/textarea.css +5 -5
- package/dist/components/theme-controller.css +4 -4
- package/dist/components/time-input.css +10 -10
- package/dist/components/timeline.css +6 -6
- package/dist/components/toast.css +3 -3
- package/dist/components/toggle.css +8 -8
- package/dist/components/tooltip.css +1 -1
- package/dist/components/tree-select.css +14 -14
- package/dist/esm/components/accordion.js +7 -7
- package/dist/esm/components/alert.js +2 -2
- package/dist/esm/components/appbar.js +5 -5
- package/dist/esm/components/autocomplete.js +7 -7
- package/dist/esm/components/avatar.js +5 -5
- package/dist/esm/components/badge.js +3 -3
- package/dist/esm/components/bottom-navigation.js +7 -7
- package/dist/esm/components/bottomsheet.js +12 -12
- package/dist/esm/components/button.js +19 -19
- package/dist/esm/components/card.js +9 -2
- package/dist/esm/components/cascader.js +9 -9
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/chip.js +12 -10
- package/dist/esm/components/circle-menu.js +331 -0
- package/dist/esm/components/code-block.js +140 -0
- package/dist/esm/components/collapse.js +9 -9
- package/dist/esm/components/datepicker.js +22 -22
- package/dist/esm/components/dialog.js +5 -5
- package/dist/esm/components/drawer.js +13 -13
- package/dist/esm/components/file-upload.js +12 -12
- package/dist/esm/components/form-group.js +162 -1
- package/dist/esm/components/form.js +159 -22
- package/dist/esm/components/input.js +23 -14
- package/dist/esm/components/list.js +3 -3
- package/dist/esm/components/markdown-body.js +6 -6
- package/dist/esm/components/modal.js +7 -7
- package/dist/esm/components/multi-select.js +16 -16
- package/dist/esm/components/navigation.js +20 -20
- package/dist/esm/components/nested-menu.js +5 -5
- package/dist/esm/components/otp-input.js +5 -5
- package/dist/esm/components/pin-input.js +5 -5
- package/dist/esm/components/popover.js +15 -15
- package/dist/esm/components/progress.js +2 -2
- package/dist/esm/components/radio.js +2 -2
- package/dist/esm/components/rating.js +1 -1
- package/dist/esm/components/segment-control.js +6 -6
- package/dist/esm/components/select.js +7 -7
- package/dist/esm/components/skeleton.js +11 -11
- package/dist/esm/components/slider.js +16 -16
- package/dist/esm/components/snackbar.js +5 -5
- package/dist/esm/components/stepper.js +9 -9
- package/dist/esm/components/switch.js +1 -1
- package/dist/esm/components/table.js +3 -3
- package/dist/esm/components/textarea.js +5 -5
- package/dist/esm/components/theme-controller.js +4 -4
- package/dist/esm/components/time-input.js +10 -10
- package/dist/esm/components/timeline.js +6 -6
- package/dist/esm/components/toast.js +3 -3
- package/dist/esm/components/toggle.js +8 -8
- package/dist/esm/components/tooltip.js +1 -1
- package/dist/esm/components/tree-select.js +14 -14
- package/dist/esm/tailwind-plugin.js +38 -79
- package/dist/index.css +1435 -1137
- package/dist/index.min.css +1 -1
- package/dist/themes/{forest.css → generated/forest.css} +26 -94
- package/dist/themes/generated/moonlight.css +77 -0
- package/dist/themes/{ocean.css → generated/ocean.css} +26 -103
- package/dist/themes/generated/spacing.css +36 -0
- package/dist/themes/{sunset.css → generated/sunset.css} +26 -95
- package/dist/themes/generated/sunshine.css +77 -0
- package/dist/types/tailwind-plugin.d.ts +1 -0
- package/dist/types/tailwind-plugin.d.ts.map +1 -1
- package/dist/types/themes/generated/ts/types.d.ts +76 -0
- package/dist/types/themes/generated/ts/types.d.ts.map +1 -0
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/types/index.d.ts.map +1 -1
- package/dist/types/types/plugin.d.ts +1 -1
- package/dist/types/types/plugin.d.ts.map +1 -1
- package/dist/types/types/theme.d.ts +5 -152
- package/dist/types/types/theme.d.ts.map +1 -1
- package/package.json +11 -6
- package/dist/themes/moonlight.css +0 -271
- package/dist/themes/sunshine.css +0 -252
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
/* GENERATED — DO NOT EDIT */
|
|
2
|
+
/* Source: tokens/sunshine.yaml */
|
|
3
|
+
/* Generator: duskmoon-codegen v2.0.0 */
|
|
4
|
+
|
|
5
|
+
[data-theme="sunshine"] {
|
|
6
|
+
color-scheme: light;
|
|
7
|
+
--color-primary: oklch(72% 0.17 75);
|
|
8
|
+
--color-primary-content: oklch(100% 0 0);
|
|
9
|
+
--color-primary-container: oklch(95% 0.035 95.91);
|
|
10
|
+
--color-on-primary-container: oklch(25% 0.03 95.91);
|
|
11
|
+
--color-secondary: oklch(62% 0.19 20);
|
|
12
|
+
--color-secondary-content: oklch(100% 0 0);
|
|
13
|
+
--color-secondary-container: oklch(94% 0.05 87.01);
|
|
14
|
+
--color-on-secondary-container: oklch(25% 0.05 87.01);
|
|
15
|
+
--color-tertiary: oklch(80% 0.085 235);
|
|
16
|
+
--color-tertiary-content: oklch(18% 0.010 235);
|
|
17
|
+
--color-tertiary-container: oklch(95% 0.035 235);
|
|
18
|
+
--color-on-tertiary-container: oklch(22% 0.012 235);
|
|
19
|
+
--color-accent: oklch(85.23% 0.14 327);
|
|
20
|
+
--color-accent-content: oklch(41% 0.112 45.904);
|
|
21
|
+
--color-neutral: oklch(0% 0 0);
|
|
22
|
+
--color-neutral-content: oklch(80% 0.015 50);
|
|
23
|
+
--color-neutral-variant: oklch(50% 0.02 260);
|
|
24
|
+
--color-surface: oklch(100% 0 0);
|
|
25
|
+
--color-surface-dim: oklch(96% 0.01 85);
|
|
26
|
+
--color-surface-bright: oklch(100% 0 0);
|
|
27
|
+
--color-surface-container-lowest: oklch(100% 0 0);
|
|
28
|
+
--color-surface-container-low: oklch(99% 0.01 85);
|
|
29
|
+
--color-surface-container: oklch(97% 0.01 85);
|
|
30
|
+
--color-surface-container-high: oklch(96% 0.01 85);
|
|
31
|
+
--color-surface-container-highest: oklch(94% 0.01 85);
|
|
32
|
+
--color-surface-variant: oklch(94% 0.02 85);
|
|
33
|
+
--color-on-surface: oklch(27% 0.02 260);
|
|
34
|
+
--color-on-surface-variant: oklch(50% 0.02 260);
|
|
35
|
+
--color-base-100: oklch(100% 0.005 255);
|
|
36
|
+
--color-base-200: oklch(95% 0.008 255);
|
|
37
|
+
--color-base-300: oklch(90% 0.01 255);
|
|
38
|
+
--color-base-400: oklch(55% 0.06 255);
|
|
39
|
+
--color-base-500: oklch(45% 0.05 255);
|
|
40
|
+
--color-base-600: oklch(35% 0.04 255);
|
|
41
|
+
--color-base-700: oklch(25% 0.03 255);
|
|
42
|
+
--color-base-800: oklch(18% 0.02 255);
|
|
43
|
+
--color-base-900: oklch(12% 0.01 255);
|
|
44
|
+
--color-base-content: oklch(10% 0 255);
|
|
45
|
+
--color-outline: oklch(75% 0.01 260);
|
|
46
|
+
--color-outline-variant: oklch(85% 0.01 260);
|
|
47
|
+
--color-inverse-surface: oklch(25% 0.02 260);
|
|
48
|
+
--color-inverse-on-surface: oklch(95% 0.01 260);
|
|
49
|
+
--color-inverse-primary: oklch(80% 0.14 55);
|
|
50
|
+
--color-shadow: oklch(0% 0 0);
|
|
51
|
+
--color-scrim: oklch(0% 0 0 / 50%);
|
|
52
|
+
--color-info: oklch(41.94% 0.114 254.39);
|
|
53
|
+
--color-info-content: oklch(91.94% 0.114 254.39);
|
|
54
|
+
--color-info-container: oklch(95% 0.03 235);
|
|
55
|
+
--color-on-info-container: oklch(35% 0.08 235);
|
|
56
|
+
--color-success: oklch(67.21% 0.19 133.55);
|
|
57
|
+
--color-success-content: oklch(27.21% 0.19 133.55);
|
|
58
|
+
--color-success-container: oklch(93% 0.04 150);
|
|
59
|
+
--color-on-success-container: oklch(30% 0.08 150);
|
|
60
|
+
--color-warning: oklch(68.19% 0.203 42.44);
|
|
61
|
+
--color-warning-content: oklch(18.19% 0.3 42);
|
|
62
|
+
--color-warning-container: oklch(93% 0.05 80);
|
|
63
|
+
--color-on-warning-container: oklch(38% 0.10 80);
|
|
64
|
+
--color-error: oklch(61.17% 0.237 28.15);
|
|
65
|
+
--color-error-content: oklch(90.01% 0.153 84.78);
|
|
66
|
+
--color-error-container: oklch(93% 0.04 25);
|
|
67
|
+
--color-on-error-container: oklch(32% 0.10 25);
|
|
68
|
+
|
|
69
|
+
--radius-selector: 0.25rem;
|
|
70
|
+
--radius-field: 0.625rem;
|
|
71
|
+
--radius-box: 2rem;
|
|
72
|
+
--size-selector: 0.1875rem;
|
|
73
|
+
--size-field: 0.1875rem;
|
|
74
|
+
--border: 0.5px;
|
|
75
|
+
--depth: 1;
|
|
76
|
+
--noise: 1;
|
|
77
|
+
}
|
|
@@ -18,6 +18,7 @@ import plugin from 'tailwindcss/plugin';
|
|
|
18
18
|
* DuskMoonUI Tailwind CSS v4 Plugin
|
|
19
19
|
*
|
|
20
20
|
* This plugin extends Tailwind with Material Design 3 color tokens.
|
|
21
|
+
* Theme colors are defined by CSS theme files (from codegen) — no inline values here.
|
|
21
22
|
* For component styles, use @import "@duskmoon-dev/core" in addition to this plugin.
|
|
22
23
|
*/
|
|
23
24
|
declare const duskmoonPlugin: ReturnType<typeof plugin>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../../src/tailwind-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,MAAM,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"tailwind-plugin.d.ts","sourceRoot":"","sources":["../../src/tailwind-plugin.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAgGxC;;;;;;GAMG;AACH,QAAA,MAAM,cAAc,EAAE,UAAU,CAAC,OAAO,MAAM,CAyB7C,CAAC;AAEF,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
/** OKLCH color string: "L% C H" or "L% C H / A%" */
|
|
2
|
+
export type OklchColor = string;
|
|
3
|
+
export interface ThemeColors {
|
|
4
|
+
primary: OklchColor;
|
|
5
|
+
'primary-content': OklchColor;
|
|
6
|
+
'primary-container': OklchColor;
|
|
7
|
+
'on-primary-container': OklchColor;
|
|
8
|
+
secondary: OklchColor;
|
|
9
|
+
'secondary-content': OklchColor;
|
|
10
|
+
'secondary-container': OklchColor;
|
|
11
|
+
'on-secondary-container': OklchColor;
|
|
12
|
+
tertiary: OklchColor;
|
|
13
|
+
'tertiary-content': OklchColor;
|
|
14
|
+
'tertiary-container': OklchColor;
|
|
15
|
+
'on-tertiary-container': OklchColor;
|
|
16
|
+
accent: OklchColor;
|
|
17
|
+
'accent-content': OklchColor;
|
|
18
|
+
neutral: OklchColor;
|
|
19
|
+
'neutral-content': OklchColor;
|
|
20
|
+
'neutral-variant': OklchColor;
|
|
21
|
+
surface: OklchColor;
|
|
22
|
+
'surface-dim': OklchColor;
|
|
23
|
+
'surface-bright': OklchColor;
|
|
24
|
+
'surface-container-lowest': OklchColor;
|
|
25
|
+
'surface-container-low': OklchColor;
|
|
26
|
+
'surface-container': OklchColor;
|
|
27
|
+
'surface-container-high': OklchColor;
|
|
28
|
+
'surface-container-highest': OklchColor;
|
|
29
|
+
'surface-variant': OklchColor;
|
|
30
|
+
'on-surface': OklchColor;
|
|
31
|
+
'on-surface-variant': OklchColor;
|
|
32
|
+
'base-100': OklchColor;
|
|
33
|
+
'base-200': OklchColor;
|
|
34
|
+
'base-300': OklchColor;
|
|
35
|
+
'base-400': OklchColor;
|
|
36
|
+
'base-500': OklchColor;
|
|
37
|
+
'base-600': OklchColor;
|
|
38
|
+
'base-700': OklchColor;
|
|
39
|
+
'base-800': OklchColor;
|
|
40
|
+
'base-900': OklchColor;
|
|
41
|
+
'base-content': OklchColor;
|
|
42
|
+
outline: OklchColor;
|
|
43
|
+
'outline-variant': OklchColor;
|
|
44
|
+
'inverse-surface': OklchColor;
|
|
45
|
+
'inverse-on-surface': OklchColor;
|
|
46
|
+
'inverse-primary': OklchColor;
|
|
47
|
+
shadow: OklchColor;
|
|
48
|
+
scrim: OklchColor;
|
|
49
|
+
info: OklchColor;
|
|
50
|
+
'info-content': OklchColor;
|
|
51
|
+
'info-container': OklchColor;
|
|
52
|
+
'on-info-container': OklchColor;
|
|
53
|
+
success: OklchColor;
|
|
54
|
+
'success-content': OklchColor;
|
|
55
|
+
'success-container': OklchColor;
|
|
56
|
+
'on-success-container': OklchColor;
|
|
57
|
+
warning: OklchColor;
|
|
58
|
+
'warning-content': OklchColor;
|
|
59
|
+
'warning-container': OklchColor;
|
|
60
|
+
'on-warning-container': OklchColor;
|
|
61
|
+
error: OklchColor;
|
|
62
|
+
'error-content': OklchColor;
|
|
63
|
+
'error-container': OklchColor;
|
|
64
|
+
'on-error-container': OklchColor;
|
|
65
|
+
}
|
|
66
|
+
export interface ThemeShape {
|
|
67
|
+
'radius-selector': string | number;
|
|
68
|
+
'radius-field': string | number;
|
|
69
|
+
'radius-box': string | number;
|
|
70
|
+
'size-selector': string | number;
|
|
71
|
+
'size-field': string | number;
|
|
72
|
+
border: string | number;
|
|
73
|
+
depth: string | number;
|
|
74
|
+
noise: string | number;
|
|
75
|
+
}
|
|
76
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/themes/generated/ts/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Main export file for all TypeScript types
|
|
4
4
|
*/
|
|
5
5
|
export type { PluginConfig, BuiltInTheme, ComponentName, ComponentSize, ComponentColorVariant, ComponentStyleVariant, InteractiveState, } from './plugin';
|
|
6
|
-
export type { HSLColor, ColorScheme, ThemeDefinition, ThemeColors, PartialThemeColors, ThemeConfig, ThemeValidationResult, ThemeValidationError, ThemeValidationWarning, } from './theme';
|
|
6
|
+
export type { OklchColor, HSLColor, ColorScheme, ThemeDefinition, ThemeColors, ThemeShape, PartialThemeColors, ThemeConfig, ThemeValidationResult, ThemeValidationError, ThemeValidationWarning, } from './theme';
|
|
7
7
|
/**
|
|
8
8
|
* Re-export types for backwards compatibility
|
|
9
9
|
* @deprecated Use specific imports from './plugin' or './theme'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAGlB,YAAY,EACV,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AAEjB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,EAAE,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAGlB,YAAY,EACV,UAAU,EACV,QAAQ,EACR,WAAW,EACX,eAAe,EACf,WAAW,EACX,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,SAAS,CAAC;AAEjB;;;GAGG;AACH,MAAM,MAAM,iBAAiB,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AAChE,MAAM,MAAM,SAAS,GAAG,OAAO,UAAU,EAAE,YAAY,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,EAAE,kBAAkB,CAAC"}
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
/**
|
|
6
6
|
* Theme names available in the plugin
|
|
7
7
|
*/
|
|
8
|
-
export type BuiltInTheme = 'sunshine' | 'moonlight';
|
|
8
|
+
export type BuiltInTheme = 'sunshine' | 'moonlight' | 'ocean' | 'forest' | 'sunset';
|
|
9
9
|
/**
|
|
10
10
|
* Plugin configuration options
|
|
11
11
|
* Used with @plugin "@duskmoon-dev/core/plugin" { ... } syntax
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/types/plugin.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/types/plugin.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpF;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,KAAK,GAAG,aAAa,EAAE,CAAC;IAErC;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,OAAO,GACP,MAAM,GACN,YAAY,GACZ,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC7B,SAAS,GACT,WAAW,GACX,UAAU,GACV,MAAM,GACN,SAAS,GACT,SAAS,GACT,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAC7B,OAAO,GACP,SAAS,GACT,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,gBAAgB,GACxB,OAAO,GACP,OAAO,GACP,QAAQ,GACR,UAAU,CAAC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Theme Configuration Types
|
|
3
|
-
*
|
|
3
|
+
* Re-exports generated types + defines helper types for plugin API
|
|
4
4
|
*/
|
|
5
|
+
export type { ThemeColors, ThemeShape, OklchColor } from '../themes/generated/ts/types';
|
|
5
6
|
/**
|
|
6
|
-
*
|
|
7
|
-
* @example "240 80% 60%" (hue saturation lightness)
|
|
7
|
+
* @deprecated Use OklchColor instead — kept for backwards compatibility
|
|
8
8
|
*/
|
|
9
9
|
export type HSLColor = string;
|
|
10
10
|
/**
|
|
@@ -16,158 +16,17 @@ export type ColorScheme = 'light' | 'dark';
|
|
|
16
16
|
* Defines all color tokens for a theme
|
|
17
17
|
*/
|
|
18
18
|
export interface ThemeDefinition {
|
|
19
|
-
/**
|
|
20
|
-
* Unique theme identifier
|
|
21
|
-
* @example "sunshine", "moonlight", "custom"
|
|
22
|
-
*/
|
|
23
19
|
name: string;
|
|
24
|
-
/**
|
|
25
|
-
* Light or dark color scheme
|
|
26
|
-
* Used for browser color-scheme CSS property
|
|
27
|
-
*/
|
|
28
20
|
colorScheme: ColorScheme;
|
|
29
|
-
/**
|
|
30
|
-
* Whether this is the default theme
|
|
31
|
-
* Only one theme can be default
|
|
32
|
-
*/
|
|
33
21
|
default?: boolean;
|
|
34
|
-
/**
|
|
35
|
-
* Whether to use when user prefers dark mode
|
|
36
|
-
* Only one theme can have prefersDark
|
|
37
|
-
*/
|
|
38
22
|
prefersDark?: boolean;
|
|
39
|
-
|
|
40
|
-
* Theme colors
|
|
41
|
-
*/
|
|
42
|
-
colors: ThemeColors;
|
|
43
|
-
}
|
|
44
|
-
/**
|
|
45
|
-
* Complete theme color token set
|
|
46
|
-
* 65+ tokens following Material Design 3 conventions
|
|
47
|
-
*/
|
|
48
|
-
export interface ThemeColors {
|
|
49
|
-
/**
|
|
50
|
-
* Primary brand color
|
|
51
|
-
* @example "30 90% 60%" (warm orange for sunshine theme)
|
|
52
|
-
*/
|
|
53
|
-
primary: HSLColor;
|
|
54
|
-
/**
|
|
55
|
-
* Primary focus state (hover/active)
|
|
56
|
-
*/
|
|
57
|
-
'primary-focus': HSLColor;
|
|
58
|
-
/**
|
|
59
|
-
* Content color on primary background
|
|
60
|
-
* Must meet WCAG AA contrast (4.5:1)
|
|
61
|
-
*/
|
|
62
|
-
'primary-content': HSLColor;
|
|
63
|
-
/**
|
|
64
|
-
* Tinted primary container background
|
|
65
|
-
*/
|
|
66
|
-
'primary-container': HSLColor;
|
|
67
|
-
/**
|
|
68
|
-
* Content color on primary container
|
|
69
|
-
*/
|
|
70
|
-
'on-primary-container': HSLColor;
|
|
71
|
-
/**
|
|
72
|
-
* Secondary brand color
|
|
73
|
-
*/
|
|
74
|
-
secondary: HSLColor;
|
|
75
|
-
'secondary-focus': HSLColor;
|
|
76
|
-
'secondary-content': HSLColor;
|
|
77
|
-
'secondary-container': HSLColor;
|
|
78
|
-
'on-secondary-container': HSLColor;
|
|
79
|
-
/**
|
|
80
|
-
* Tertiary brand color
|
|
81
|
-
*/
|
|
82
|
-
tertiary: HSLColor;
|
|
83
|
-
'tertiary-focus': HSLColor;
|
|
84
|
-
'tertiary-content': HSLColor;
|
|
85
|
-
'tertiary-container': HSLColor;
|
|
86
|
-
'on-tertiary-container': HSLColor;
|
|
87
|
-
/**
|
|
88
|
-
* Base surface color
|
|
89
|
-
*/
|
|
90
|
-
surface: HSLColor;
|
|
91
|
-
/**
|
|
92
|
-
* Dimmed surface for lower emphasis
|
|
93
|
-
*/
|
|
94
|
-
'surface-dim': HSLColor;
|
|
95
|
-
/**
|
|
96
|
-
* Brightened surface for higher emphasis
|
|
97
|
-
*/
|
|
98
|
-
'surface-bright': HSLColor;
|
|
99
|
-
/**
|
|
100
|
-
* Surface container variants (elevation levels)
|
|
101
|
-
*/
|
|
102
|
-
'surface-container-lowest': HSLColor;
|
|
103
|
-
'surface-container-low': HSLColor;
|
|
104
|
-
'surface-container': HSLColor;
|
|
105
|
-
'surface-container-high': HSLColor;
|
|
106
|
-
'surface-container-highest': HSLColor;
|
|
107
|
-
/**
|
|
108
|
-
* Content on surface colors
|
|
109
|
-
*/
|
|
110
|
-
'on-surface': HSLColor;
|
|
111
|
-
'on-surface-variant': HSLColor;
|
|
112
|
-
/**
|
|
113
|
-
* Info semantic color (blue tones)
|
|
114
|
-
*/
|
|
115
|
-
info: HSLColor;
|
|
116
|
-
'info-content': HSLColor;
|
|
117
|
-
'info-container': HSLColor;
|
|
118
|
-
'on-info-container': HSLColor;
|
|
119
|
-
/**
|
|
120
|
-
* Success semantic color (green tones)
|
|
121
|
-
*/
|
|
122
|
-
success: HSLColor;
|
|
123
|
-
'success-content': HSLColor;
|
|
124
|
-
'success-container': HSLColor;
|
|
125
|
-
'on-success-container': HSLColor;
|
|
126
|
-
/**
|
|
127
|
-
* Warning semantic color (yellow/orange tones)
|
|
128
|
-
*/
|
|
129
|
-
warning: HSLColor;
|
|
130
|
-
'warning-content': HSLColor;
|
|
131
|
-
'warning-container': HSLColor;
|
|
132
|
-
'on-warning-container': HSLColor;
|
|
133
|
-
/**
|
|
134
|
-
* Error semantic color (red tones)
|
|
135
|
-
*/
|
|
136
|
-
error: HSLColor;
|
|
137
|
-
'error-content': HSLColor;
|
|
138
|
-
'error-container': HSLColor;
|
|
139
|
-
'on-error-container': HSLColor;
|
|
140
|
-
/**
|
|
141
|
-
* Base neutral colors (grayscale)
|
|
142
|
-
* base-100 is lightest, base-900 is darkest
|
|
143
|
-
*/
|
|
144
|
-
'base-100': HSLColor;
|
|
145
|
-
'base-200': HSLColor;
|
|
146
|
-
'base-300': HSLColor;
|
|
147
|
-
'base-400': HSLColor;
|
|
148
|
-
'base-500': HSLColor;
|
|
149
|
-
'base-600': HSLColor;
|
|
150
|
-
'base-700': HSLColor;
|
|
151
|
-
'base-800': HSLColor;
|
|
152
|
-
'base-900': HSLColor;
|
|
153
|
-
/**
|
|
154
|
-
* Default text color on base backgrounds
|
|
155
|
-
*/
|
|
156
|
-
'base-content': HSLColor;
|
|
157
|
-
/**
|
|
158
|
-
* Primary outline color
|
|
159
|
-
*/
|
|
160
|
-
outline: HSLColor;
|
|
161
|
-
/**
|
|
162
|
-
* Subtle outline variant
|
|
163
|
-
*/
|
|
164
|
-
'outline-variant': HSLColor;
|
|
23
|
+
colors: import('../themes/generated/ts/types').ThemeColors;
|
|
165
24
|
}
|
|
166
25
|
/**
|
|
167
26
|
* Partial theme colors for custom theme definitions
|
|
168
27
|
* Allows overriding only specific tokens
|
|
169
28
|
*/
|
|
170
|
-
export type PartialThemeColors = Partial<ThemeColors>;
|
|
29
|
+
export type PartialThemeColors = Partial<import('../themes/generated/ts/types').ThemeColors>;
|
|
171
30
|
/**
|
|
172
31
|
* Theme configuration for plugin
|
|
173
32
|
*/
|
|
@@ -182,17 +41,11 @@ export interface ThemeValidationResult {
|
|
|
182
41
|
errors: ThemeValidationError[];
|
|
183
42
|
warnings: ThemeValidationWarning[];
|
|
184
43
|
}
|
|
185
|
-
/**
|
|
186
|
-
* Theme validation error
|
|
187
|
-
*/
|
|
188
44
|
export interface ThemeValidationError {
|
|
189
45
|
token: string;
|
|
190
46
|
message: string;
|
|
191
47
|
value?: string;
|
|
192
48
|
}
|
|
193
|
-
/**
|
|
194
|
-
* Theme validation warning (non-blocking)
|
|
195
|
-
*/
|
|
196
49
|
export interface ThemeValidationWarning {
|
|
197
50
|
token: string;
|
|
198
51
|
message: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/types/theme.ts"],"names":[],"mappings":"AAAA;;;GAGG;
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/types/theme.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAExF;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,OAAO,8BAA8B,EAAE,WAAW,CAAC;CAC5D;AAED;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,OAAO,8BAA8B,EAAE,WAAW,CAAC,CAAC;AAE7F;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG;IACjC,CAAC,SAAS,EAAE,MAAM,GAAG,kBAAkB,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,QAAQ,EAAE,sBAAsB,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@duskmoon-dev/core",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.16.0",
|
|
4
4
|
"description": "DuskMoonUI - Tailwind CSS v4 plugin with Material Design 3 color system and component styles",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.css",
|
|
@@ -17,19 +17,19 @@
|
|
|
17
17
|
"types": "./dist/types/tailwind-plugin.d.ts"
|
|
18
18
|
},
|
|
19
19
|
"./themes/sunshine": {
|
|
20
|
-
"style": "./dist/themes/sunshine.css"
|
|
20
|
+
"style": "./dist/themes/generated/sunshine.css"
|
|
21
21
|
},
|
|
22
22
|
"./themes/moonlight": {
|
|
23
|
-
"style": "./dist/themes/moonlight.css"
|
|
23
|
+
"style": "./dist/themes/generated/moonlight.css"
|
|
24
24
|
},
|
|
25
25
|
"./themes/ocean": {
|
|
26
|
-
"style": "./dist/themes/ocean.css"
|
|
26
|
+
"style": "./dist/themes/generated/ocean.css"
|
|
27
27
|
},
|
|
28
28
|
"./themes/forest": {
|
|
29
|
-
"style": "./dist/themes/forest.css"
|
|
29
|
+
"style": "./dist/themes/generated/forest.css"
|
|
30
30
|
},
|
|
31
31
|
"./themes/sunset": {
|
|
32
|
-
"style": "./dist/themes/sunset.css"
|
|
32
|
+
"style": "./dist/themes/generated/sunset.css"
|
|
33
33
|
},
|
|
34
34
|
"./components": {
|
|
35
35
|
"style": "./dist/components/index.css"
|
|
@@ -99,6 +99,11 @@
|
|
|
99
99
|
"import": "./dist/esm/components/chip.js",
|
|
100
100
|
"default": "./dist/esm/components/chip.js"
|
|
101
101
|
},
|
|
102
|
+
"./components/circle-menu": {
|
|
103
|
+
"style": "./dist/components/circle-menu.css",
|
|
104
|
+
"import": "./dist/esm/components/circle-menu.js",
|
|
105
|
+
"default": "./dist/esm/components/circle-menu.js"
|
|
106
|
+
},
|
|
102
107
|
"./components/code-block": {
|
|
103
108
|
"style": "./dist/components/code-block.css",
|
|
104
109
|
"import": "./dist/esm/components/code-block.js",
|