@maz-ui/themes 4.9.2 → 5.0.0-beta.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/README.md +33 -24
- package/dist/build/index.d.ts +0 -8
- package/dist/build/index.d.ts.map +1 -1
- package/dist/build/index.js +1 -1
- package/dist/composables/index.d.ts +2 -0
- package/dist/composables/index.d.ts.map +1 -0
- package/dist/composables/useTheme.d.ts +1 -1
- package/dist/composables/useTheme.d.ts.map +1 -1
- package/dist/composables/useTheme.js +1 -1
- package/dist/define-preset.d.ts +2 -5
- package/dist/define-preset.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/plugin.d.ts +2 -17
- package/dist/plugin.d.ts.map +1 -1
- package/dist/presets/_defaults.d.ts +33 -0
- package/dist/presets/_defaults.d.ts.map +1 -0
- package/dist/presets/_defaults.js +1 -0
- package/dist/presets/index.d.ts +1 -0
- package/dist/presets/index.d.ts.map +1 -1
- package/dist/presets/index.js +1 -1
- package/dist/presets/mazUi.d.ts.map +1 -1
- package/dist/presets/mazUi.js +1 -1
- package/dist/presets/nova.d.ts +3 -0
- package/dist/presets/nova.d.ts.map +1 -0
- package/dist/presets/nova.js +1 -0
- package/dist/presets/obsidian.d.ts.map +1 -1
- package/dist/presets/obsidian.js +1 -1
- package/dist/presets/ocean.d.ts.map +1 -1
- package/dist/presets/ocean.js +1 -1
- package/dist/presets/pristine.d.ts.map +1 -1
- package/dist/presets/pristine.js +1 -1
- package/dist/types/index.d.ts +166 -30
- package/dist/types/index.d.ts.map +1 -1
- package/dist/utils/color-parser.d.ts +31 -0
- package/dist/utils/color-parser.d.ts.map +1 -0
- package/dist/utils/color-parser.js +1 -0
- package/dist/utils/color-utils.d.ts +26 -2
- package/dist/utils/color-utils.d.ts.map +1 -1
- package/dist/utils/color-utils.js +1 -1
- package/dist/utils/cookie-storage.d.ts +6 -0
- package/dist/utils/cookie-storage.d.ts.map +1 -1
- package/dist/utils/cookie-storage.js +1 -1
- package/dist/utils/css-generator.d.ts +1 -9
- package/dist/utils/css-generator.d.ts.map +1 -1
- package/dist/utils/css-generator.js +4 -4
- package/dist/utils/get-preset.d.ts.map +1 -1
- package/dist/utils/get-preset.js +1 -1
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -1
- package/dist/utils/inject-theme-css.d.ts.map +1 -1
- package/dist/utils/inject-theme-css.js +1 -1
- package/dist/utils/no-transition.d.ts +1 -1
- package/dist/utils/no-transition.d.ts.map +1 -1
- package/dist/utils/no-transition.js +2 -2
- package/dist/utils/preset-merger.d.ts.map +1 -1
- package/dist/utils/preset-merger.js +1 -1
- package/dist/utils/setup-theme.d.ts +2 -11
- package/dist/utils/setup-theme.d.ts.map +1 -1
- package/dist/utils/setup-theme.js +1 -1
- package/package.json +12 -2
package/README.md
CHANGED
|
@@ -7,9 +7,9 @@ High-performance and typed theme system for Maz-UI.
|
|
|
7
7
|
- 🎨 **HSL CSS Variables** - Uses HSL CSS variables for maximum flexibility
|
|
8
8
|
- 🌓 **Automatic dark mode** - Native dark mode support with `prefers-color-scheme`
|
|
9
9
|
- 🚀 **Automatic generation** - Automatically generates color variants (50-950)
|
|
10
|
-
- ⚡ **Flexible strategies** - Runtime
|
|
10
|
+
- ⚡ **Flexible strategies** - Runtime injection or build-time generation
|
|
11
11
|
- 🛡️ **Strict TypeScript** - Complete types for optimal DX
|
|
12
|
-
- 🎯 **Zero FOUC** -
|
|
12
|
+
- 🎯 **Zero FOUC** - Pass the preset object so the full CSS renders synchronously on first paint
|
|
13
13
|
- 🔧 **Configurable presets** - Ready-to-use and customizable presets
|
|
14
14
|
|
|
15
15
|
## Installation
|
|
@@ -32,11 +32,17 @@ const app = createApp(App)
|
|
|
32
32
|
|
|
33
33
|
app.use(MazUiTheme, {
|
|
34
34
|
preset: mazUi,
|
|
35
|
-
strategy: '
|
|
36
|
-
darkModeStrategy: 'class'
|
|
35
|
+
strategy: 'runtime',
|
|
36
|
+
darkModeStrategy: 'class',
|
|
37
|
+
// remember the active preset name across reloads (default: true)
|
|
38
|
+
persistPreset: true,
|
|
37
39
|
})
|
|
38
40
|
```
|
|
39
41
|
|
|
42
|
+
### Preset persistence
|
|
43
|
+
|
|
44
|
+
The active preset name is stored in a `maz-preset` cookie (1-year TTL, `SameSite=Lax`). At boot the cookie takes priority over `options.preset` (string name **or** preset object — both treated as the default the app boots with), so the user's last choice survives across reloads. The cookie is written on every successful resolution and on every `useTheme().updateTheme()` call, and auto-cleared if the saved name no longer resolves. Set `persistPreset: false` to opt out — no cookie is read or written.
|
|
45
|
+
|
|
40
46
|
### 2. Usage in components
|
|
41
47
|
|
|
42
48
|
```vue
|
|
@@ -47,9 +53,9 @@ const { toggleDarkMode, isDark } = useTheme()
|
|
|
47
53
|
</script>
|
|
48
54
|
|
|
49
55
|
<template>
|
|
50
|
-
<div class="maz
|
|
56
|
+
<div class="maz:bg-surface maz:text-foreground">
|
|
51
57
|
<button
|
|
52
|
-
class="maz
|
|
58
|
+
class="maz:bg-primary maz:text-primary-foreground maz:rounded-md"
|
|
53
59
|
@click="toggleDarkMode"
|
|
54
60
|
>
|
|
55
61
|
Toggle Dark Mode
|
|
@@ -84,6 +90,12 @@ import { ocean } from '@maz-ui/themes/presets/ocean'
|
|
|
84
90
|
import { obsidian } from '@maz-ui/themes/presets/obsidian'
|
|
85
91
|
```
|
|
86
92
|
|
|
93
|
+
### Nova
|
|
94
|
+
|
|
95
|
+
```typescript
|
|
96
|
+
import { nova } from '@maz-ui/themes/presets/nova'
|
|
97
|
+
```
|
|
98
|
+
|
|
87
99
|
## Creating custom presets
|
|
88
100
|
|
|
89
101
|
```typescript
|
|
@@ -93,18 +105,20 @@ const myPreset = definePreset({
|
|
|
93
105
|
base: mazUi,
|
|
94
106
|
overrides: {
|
|
95
107
|
name: 'my-theme',
|
|
96
|
-
|
|
108
|
+
scales: {
|
|
109
|
+
radius: { md: '0.75rem' },
|
|
110
|
+
},
|
|
97
111
|
colors: {
|
|
98
112
|
light: {
|
|
99
113
|
primary: '220 100% 50%',
|
|
100
|
-
secondary: '210 40% 96%'
|
|
114
|
+
secondary: '210 40% 96%',
|
|
101
115
|
},
|
|
102
116
|
dark: {
|
|
103
117
|
primary: '220 100% 70%',
|
|
104
|
-
secondary: '210 40% 15%'
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|
|
118
|
+
secondary: '210 40% 15%',
|
|
119
|
+
},
|
|
120
|
+
},
|
|
121
|
+
},
|
|
108
122
|
})
|
|
109
123
|
```
|
|
110
124
|
|
|
@@ -118,7 +132,7 @@ const {
|
|
|
118
132
|
presetName, // ComputedRef<string>
|
|
119
133
|
colorMode, // Ref<'light' | 'dark' | 'auto'>
|
|
120
134
|
isDark, // ComputedRef<boolean>
|
|
121
|
-
strategy, // ComputedRef<'runtime' | '
|
|
135
|
+
strategy, // ComputedRef<'runtime' | 'buildtime'>
|
|
122
136
|
updateTheme, // (preset: ThemePreset | ThemePresetName | ThemePresetOverrides) => void
|
|
123
137
|
setColorMode, // (mode: 'light' | 'dark' | 'auto') => void
|
|
124
138
|
toggleDarkMode, // () => void
|
|
@@ -127,17 +141,13 @@ const {
|
|
|
127
141
|
|
|
128
142
|
## Strategies
|
|
129
143
|
|
|
130
|
-
### Runtime
|
|
131
|
-
|
|
132
|
-
CSS generated and injected dynamically on the client side.
|
|
144
|
+
### Runtime (recommended)
|
|
133
145
|
|
|
134
|
-
|
|
146
|
+
The full theme CSS is generated and injected synchronously on first paint, on both client and server (via `useHead` in Nuxt). `updateTheme(...)` re-injects the new CSS at runtime.
|
|
135
147
|
|
|
136
|
-
|
|
148
|
+
### Buildtime
|
|
137
149
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
Critical CSS injected inline, complete CSS loaded asynchronously.
|
|
150
|
+
CSS generated at build-time and included in the bundle. Nothing is injected at runtime; you must include the generated CSS file yourself.
|
|
141
151
|
|
|
142
152
|
## Generated CSS variables
|
|
143
153
|
|
|
@@ -156,12 +166,11 @@ import { buildThemeCSS, generateThemeBundle } from '@maz-ui/themes'
|
|
|
156
166
|
// CSS for a preset
|
|
157
167
|
const css = buildThemeCSS({
|
|
158
168
|
preset: myPreset,
|
|
159
|
-
|
|
160
|
-
critical: true
|
|
169
|
+
darkSelector: 'class',
|
|
161
170
|
})
|
|
162
171
|
|
|
163
172
|
// Bundle for multiple presets
|
|
164
173
|
const bundle = generateThemeBundle([mazUi, darkPreset], {
|
|
165
|
-
|
|
174
|
+
darkSelector: 'class',
|
|
166
175
|
})
|
|
167
176
|
```
|
package/dist/build/index.d.ts
CHANGED
|
@@ -7,21 +7,14 @@ export interface BuildThemeOptions {
|
|
|
7
7
|
darkSelector?: 'class' | 'media';
|
|
8
8
|
/** CSS variables prefix */
|
|
9
9
|
prefix?: string;
|
|
10
|
-
/** Generate only critical CSS */
|
|
11
|
-
criticalOnly?: boolean;
|
|
12
10
|
/** Dark class name */
|
|
13
11
|
darkClass?: string;
|
|
14
12
|
}
|
|
15
13
|
export declare function buildThemeCSS(options: BuildThemeOptions): string;
|
|
16
14
|
export declare function generateThemeBundle(presets: ThemePreset[], options?: {
|
|
17
|
-
/** Mode de thème à générer */
|
|
18
15
|
mode?: 'light' | 'dark' | 'both';
|
|
19
|
-
/** Sélecteur pour le mode sombre */
|
|
20
16
|
darkSelector?: 'class' | 'media';
|
|
21
|
-
/** Préfixe des variables CSS */
|
|
22
17
|
prefix?: string;
|
|
23
|
-
/** Générer seulement le CSS critique */
|
|
24
|
-
criticalOnly?: boolean;
|
|
25
18
|
}): Record<string, string>;
|
|
26
19
|
export declare function createThemeStylesheet(css: string, options?: {
|
|
27
20
|
id?: string;
|
|
@@ -32,7 +25,6 @@ export declare function buildSeparateThemeFiles(preset: ThemePreset, options?: {
|
|
|
32
25
|
darkSelector?: 'class' | 'media';
|
|
33
26
|
darkClass?: string;
|
|
34
27
|
}): {
|
|
35
|
-
critical: string;
|
|
36
28
|
full: string;
|
|
37
29
|
lightOnly: string;
|
|
38
30
|
darkOnly: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/build/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/build/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,WAAW,CAAA;IACnB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,6DAA6D;IAC7D,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,iBAAiB,GAAG,MAAM,CAehE;AAED,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE;IACnE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAChC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;CACX,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAgB9B;AAED,wBAAgB,qBAAqB,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE;IAC1D,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACV,GAAG,MAAM,CAYd;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACd,GAAG;IACP,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAMA"}
|
package/dist/build/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{generateCSS}from"../utils/css-generator.js";function buildThemeCSS(options){let{preset,mode=`both`,darkSelector=`class`,prefix=`maz`,darkClass=`dark
|
|
1
|
+
import{generateCSS}from"../utils/css-generator.js";function buildThemeCSS(options){let{preset,mode=`both`,darkSelector=`class`,prefix=`maz`,darkClass=`dark`}=options;return generateCSS(preset,{mode,darkSelectorStrategy:darkSelector,prefix,darkClass})}function generateThemeBundle(presets,options={}){let{mode=`both`,darkSelector=`class`,prefix=`maz`}=options;return presets.reduce((bundle,preset)=>(bundle[preset.name]=buildThemeCSS({preset,mode,darkSelector,prefix}),bundle),{})}function createThemeStylesheet(css,options={}){let{id=`maz-theme`,media}=options;let styleTag=`<style id="${id}"`;return media&&(styleTag+=` media="${media}"`),styleTag+=`>\n${css}\n</style>`,styleTag}function buildSeparateThemeFiles(preset,options={}){return{full:buildThemeCSS({preset,mode:`both`,...options}),lightOnly:buildThemeCSS({preset,mode:`light`,...options}),darkOnly:buildThemeCSS({preset,mode:`dark`,...options})}}export{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -29,7 +29,7 @@ export declare function useTheme(): {
|
|
|
29
29
|
* @param preset The new theme preset
|
|
30
30
|
* @description Update the theme with a new preset or override some tokens
|
|
31
31
|
*/
|
|
32
|
-
updateTheme: typeof updateTheme
|
|
32
|
+
updateTheme(preset: ThemePreset | ThemePresetOverrides | ThemePresetName): ReturnType<typeof updateTheme>;
|
|
33
33
|
/**
|
|
34
34
|
* Set the color mode
|
|
35
35
|
* @description Set the color mode - Can be 'auto', 'dark' or 'light'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/composables/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAc,MAAM,UAAU,CAAA;AA0BzG,iBAAe,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,oBAAoB,GAAG,eAAe,iBA+BtF;AAED,iBAAS,YAAY,CAAC,SAAS,EAAE,SAAS,QAWzC;AAED,iBAAS,cAAc,SAEtB;AAiCD,wBAAgB,QAAQ;IAkBpB;;OAEG;;IAEH;;OAEG;;IAEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;;;OAIG;wBACiB,WAAW,GAAG,oBAAoB,GAAG,eAAe,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC;IAGzG;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;OAEG;;EAGN"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{setCookie}from"../utils/cookie-storage.js";import{CSS_ID,generateCSS,injectCSS}from"../utils/css-generator.js";import{getPreset}from"../utils/get-preset.js";import{mergePresets}from"../utils/preset-merger.js";import{getSystemColorMode,saveResolvedColorMode}from"../utils/get-color-mode.js";import{isServer}from"@maz-ui/utils/helpers/isServer";import{computed,getCurrentInstance,inject,ref,watch}from"vue";var themeState=ref();var colorMode=computed({get:()=>themeState.value?.colorMode,set:mode=>setColorMode(mode)});var isDark=computed(()=>themeState.value?.isDark||!1);var strategy=computed(()=>themeState.value?.strategy);var mode=computed(()=>themeState.value?.mode);var darkModeStrategy=computed(()=>themeState.value?.darkModeStrategy);var preset=computed(()=>themeState.value?.preset);var presetName=computed(()=>preset.value?.name);async function updateTheme(preset){if(!themeState.value)return;let _preset=typeof preset==`string`?await getPreset(preset):preset;if(!_preset||!themeState.value.preset){console.error(`[@maz-ui/themes] No preset found - If you are using the buildtime strategy, you must provide a complete preset`);return}let newPreset=`name`in _preset&&_preset.name!==themeState.value.preset.name?_preset:mergePresets(themeState.value.preset,_preset);themeState.value.preset=newPreset,
|
|
1
|
+
import{saveResolvedPresetName,setCookie}from"../utils/cookie-storage.js";import{CSS_ID,generateCSS,injectCSS}from"../utils/css-generator.js";import{getPreset}from"../utils/get-preset.js";import{noTransition}from"../utils/no-transition.js";import{mergePresets}from"../utils/preset-merger.js";import{getSystemColorMode,saveResolvedColorMode}from"../utils/get-color-mode.js";import{isServer}from"@maz-ui/utils/helpers/isServer";import{computed,getCurrentInstance,inject,ref,watch}from"vue";var themeState=ref();var colorMode=computed({get:()=>themeState.value?.colorMode,set:mode=>setColorMode(mode)});var isDark=computed(()=>themeState.value?.isDark||!1);var strategy=computed(()=>themeState.value?.strategy);var mode=computed(()=>themeState.value?.mode);var darkModeStrategy=computed(()=>themeState.value?.darkModeStrategy);var preset=computed(()=>themeState.value?.preset);var presetName=computed(()=>preset.value?.name);async function updateTheme(preset){if(!themeState.value)return;let _preset=typeof preset==`string`?await getPreset(preset):preset;if(!_preset||!themeState.value.preset){console.error(`[@maz-ui/themes] No preset found - If you are using the buildtime strategy, you must provide a complete preset`);return}let newPreset=`name`in _preset&&_preset.name!==themeState.value.preset.name?_preset:mergePresets(themeState.value.preset,_preset);themeState.value.preset=newPreset,themeState.value.persistPreset&&saveResolvedPresetName(newPreset.name),themeState.value.strategy===`runtime`&&injectCSS(CSS_ID,generateCSS(newPreset,{mode:themeState.value.mode,darkSelectorStrategy:themeState.value.darkModeStrategy,prefix:`maz`,darkClass:themeState.value.darkClass}))}function setColorMode(colorMode){themeState.value&&(themeState.value.colorMode=colorMode,setCookie(`maz-color-mode`,colorMode),colorMode===`auto`&&saveResolvedColorMode(getSystemColorMode()===`dark`?`dark`:`light`))}function toggleDarkMode(){setColorMode(isDark.value?`light`:`dark`)}var stopInjectedWatch;function setThemeStateFromGlobalProperties(){themeState.value=void 0,stopInjectedWatch?.(),stopInjectedWatch=void 0;try{let injectedState=inject(`mazThemeState`,void 0);if(themeState.value=injectedState?.value,injectedState&&(stopInjectedWatch=watch(injectedState,newState=>{newState&&(themeState.value=newState)},{deep:!0})),!themeState.value)throw Error(`mazThemeState not found`)}catch{let instance=getCurrentInstance();instance?.appContext?.app?.config?.globalProperties&&(themeState.value=instance.appContext.app.config.globalProperties.$mazThemeState.value)}}function useTheme(){isServer()&&(themeState.value=void 0);try{if(themeState.value||setThemeStateFromGlobalProperties(),!themeState.value)throw Error(`[@maz-ui/themes] no theme state found`)}catch{throw Error(`[@maz-ui/themes] You must install the MazUi or MazUiTheme plugin, or wrap your components in a MazUiProvider, before using useTheme composable`)}return{preset,presetName,colorMode,isDark,strategy,updateTheme(preset){return noTransition(updateTheme,preset)},setColorMode,toggleDarkMode,mode,darkModeStrategy,currentPreset:preset}}export{useTheme};
|
package/dist/define-preset.d.ts
CHANGED
|
@@ -4,7 +4,6 @@ import { ThemePreset, ThemePresetName, ThemePresetOverrides } from './types';
|
|
|
4
4
|
*
|
|
5
5
|
* @example
|
|
6
6
|
* ```ts
|
|
7
|
-
* // Utilisation asynchrone avec une base string
|
|
8
7
|
* const customTheme = await definePreset({
|
|
9
8
|
* base: 'mazUi',
|
|
10
9
|
* overrides: {
|
|
@@ -14,20 +13,18 @@ import { ThemePreset, ThemePresetName, ThemePresetOverrides } from './types';
|
|
|
14
13
|
* }
|
|
15
14
|
* })
|
|
16
15
|
*
|
|
17
|
-
* // Utilisation synchrone avec un objet preset
|
|
18
16
|
* import { mazUi } from './presets/mazUi'
|
|
19
17
|
* const customTheme = definePreset({
|
|
20
18
|
* base: mazUi,
|
|
21
19
|
* overrides: {
|
|
22
|
-
* foundation: {
|
|
20
|
+
* foundation: { 'base-font-size': '1rem' }
|
|
23
21
|
* }
|
|
24
22
|
* })
|
|
25
23
|
*
|
|
26
|
-
* // Utilisation asynchrone sans base (utilise 'maz-ui' par défaut)
|
|
27
24
|
* const customTheme = await definePreset({
|
|
28
25
|
* overrides: {
|
|
29
26
|
* colors: {
|
|
30
|
-
* dark: {
|
|
27
|
+
* dark: { surface: '0 0% 5%' }
|
|
31
28
|
* }
|
|
32
29
|
* }
|
|
33
30
|
* })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../src/define-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIjF
|
|
1
|
+
{"version":3,"file":"define-preset.d.ts","sourceRoot":"","sources":["../src/define-preset.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAIjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,WAAW,CAAA;AAEf,wBAAgB,YAAY,CAAC,OAAO,EAAE;IACpC,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{adjustColorLightness,
|
|
1
|
+
import{adjustColorLightness,generateColorScale,getContrastColor,parseHSL}from"./utils/color-utils.js";import{CSS_ID,generateCSS,injectCSS,removeCSS}from"./utils/css-generator.js";import{injectThemeCSS}from"./utils/inject-theme-css.js";import{deepMerge,mergePresets}from"./utils/preset-merger.js";import{defaultOptions,setupTheme}from"./utils/setup-theme.js";import{MazUiTheme}from"./plugin.js";import{definePreset}from"./define-preset.js";import{pristine}from"./presets/pristine.js";import{ocean}from"./presets/ocean.js";import{obsidian}from"./presets/obsidian.js";import{nova}from"./presets/nova.js";import{mazUi}from"./presets/mazUi.js";import{useTheme}from"./composables/useTheme.js";import{buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,generateThemeBundle}from"./build/index.js";import"./presets/index.js";export{CSS_ID,MazUiTheme,adjustColorLightness,buildSeparateThemeFiles,buildThemeCSS,createThemeStylesheet,deepMerge,defaultOptions,definePreset,generateCSS,generateColorScale,generateThemeBundle,getContrastColor,injectCSS,injectThemeCSS,mazUi,mergePresets,nova,obsidian,ocean,parseHSL,pristine,removeCSS,setupTheme,useTheme};
|
package/dist/plugin.d.ts
CHANGED
|
@@ -1,21 +1,6 @@
|
|
|
1
1
|
import { Plugin, Ref } from 'vue';
|
|
2
2
|
import { ThemeConfig, ThemeState } from './types';
|
|
3
|
-
export
|
|
4
|
-
/**
|
|
5
|
-
* Inject critical CSS
|
|
6
|
-
* @description Inject critical CSS to prevent FOUC
|
|
7
|
-
* @default true
|
|
8
|
-
* @private
|
|
9
|
-
*/
|
|
10
|
-
injectCriticalCSS?: boolean;
|
|
11
|
-
/**
|
|
12
|
-
* Inject full CSS
|
|
13
|
-
* @description Inject full CSS to ensure all styles are loaded
|
|
14
|
-
* @default true
|
|
15
|
-
* @private
|
|
16
|
-
*/
|
|
17
|
-
injectFullCSS?: boolean;
|
|
18
|
-
}
|
|
3
|
+
export type MazUiThemeOptions = Omit<ThemeConfig, 'prefix'>;
|
|
19
4
|
/**
|
|
20
5
|
* @example
|
|
21
6
|
* ```ts
|
|
@@ -24,7 +9,7 @@ export interface MazUiThemeOptions extends Omit<ThemeConfig, 'prefix'> {
|
|
|
24
9
|
*
|
|
25
10
|
* app.use(MazUiTheme, {
|
|
26
11
|
* preset: mazUi,
|
|
27
|
-
* strategy: '
|
|
12
|
+
* strategy: 'runtime',
|
|
28
13
|
* darkMode: 'class',
|
|
29
14
|
* })
|
|
30
15
|
* ```
|
package/dist/plugin.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAItD,MAAM,
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAItD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAE3D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,CAAC,iBAAiB,CAAC,CAKlD,CAAA;AAED,OAAO,QAAQ,KAAK,CAAC;IACnB,UAAU,yBAAyB;QACjC;;;;;;;;;;;;;;WAcG;QACH,cAAc,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;KAChC;CACF"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ThemeComponentBg, ThemeFoundation, ThemeScales } from '../types';
|
|
2
|
+
/**
|
|
3
|
+
* Defaults shared across the bundled presets. Each preset can spread these
|
|
4
|
+
* and override the keys it cares about. `rounded` is intentionally NOT shared
|
|
5
|
+
* — every preset declares its own scale anchored on its visual identity.
|
|
6
|
+
*/
|
|
7
|
+
export declare const DEFAULT_SPACE: NonNullable<ThemeFoundation['space']>;
|
|
8
|
+
export declare const DEFAULT_SHADOW: ThemeScales['shadow'];
|
|
9
|
+
export declare const DEFAULT_DISABLED_OPACITY = "0.5";
|
|
10
|
+
export declare const DEFAULT_DISABLED_CURSOR = "not-allowed";
|
|
11
|
+
/**
|
|
12
|
+
* Default mono stack — used when a preset doesn't override `font-mono-stack`.
|
|
13
|
+
*/
|
|
14
|
+
export declare const DEFAULT_FONT_MONO = "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
|
|
15
|
+
/**
|
|
16
|
+
* Per-mode default bg for containers (cards, dialogs, popovers, dropdowns,
|
|
17
|
+
* drawers). Both modes resolve to the active `surface` color so the bg
|
|
18
|
+
* inherits any preset palette change automatically.
|
|
19
|
+
*/
|
|
20
|
+
export declare const DEFAULT_CONTAINER_BG: ThemeComponentBg;
|
|
21
|
+
/**
|
|
22
|
+
* Per-mode default bg for inputs. Light uses the bare `surface`; dark uses
|
|
23
|
+
* `surface-400` so inputs read as one tier above the page background — the
|
|
24
|
+
* same contrast pattern the v4 components shipped with.
|
|
25
|
+
*/
|
|
26
|
+
export declare const DEFAULT_INPUT_BG: ThemeComponentBg;
|
|
27
|
+
/**
|
|
28
|
+
* Default font weight used by `MazBtn` — medium (500). Presets can
|
|
29
|
+
* override via `components.btn.font-weight` to bias the button text
|
|
30
|
+
* heavier or lighter for their visual identity.
|
|
31
|
+
*/
|
|
32
|
+
export declare const DEFAULT_BTN_FONT_WEIGHT = "500";
|
|
33
|
+
//# sourceMappingURL=_defaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_defaults.d.ts","sourceRoot":"","sources":["../../src/presets/_defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE9E;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAa,CAAA;AAE7E,eAAO,MAAM,cAAc,EAAE,WAAW,CAAC,QAAQ,CAMhD,CAAA;AAED,eAAO,MAAM,wBAAwB,QAAQ,CAAA;AAC7C,eAAO,MAAM,uBAAuB,gBAAgB,CAAA;AAEpD;;GAEG;AACH,eAAO,MAAM,iBAAiB,uGAC0E,CAAA;AAExG;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,gBAGlC,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,gBAG9B,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,QAAQ,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var DEFAULT_SPACE=`0.25rem`;var DEFAULT_SHADOW={sm:`0 1px 2px 0 rgb(0 0 0 / 0.05)`,md:`0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)`,lg:`0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)`,xl:`0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)`,elevation:`0 4px 12px -2px rgb(0 0 0 / 0.08), 0 2px 4px -1px rgb(0 0 0 / 0.06)`};var DEFAULT_DISABLED_OPACITY=`0.5`;var DEFAULT_DISABLED_CURSOR=`not-allowed`;var DEFAULT_FONT_MONO=`ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`;var DEFAULT_CONTAINER_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface)`};var DEFAULT_INPUT_BG={light:`var(--maz-surface)`,dark:`var(--maz-surface-400)`};var DEFAULT_BTN_FONT_WEIGHT=`500`;export{DEFAULT_BTN_FONT_WEIGHT,DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_DISABLED_OPACITY,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE};
|
package/dist/presets/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/presets/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
|
package/dist/presets/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{pristine}from"./pristine.js";import{ocean}from"./ocean.js";import{obsidian}from"./obsidian.js";import{mazUi}from"./mazUi.js";export{mazUi,obsidian,ocean,pristine};
|
|
1
|
+
import{pristine}from"./pristine.js";import{ocean}from"./ocean.js";import{obsidian}from"./obsidian.js";import{nova}from"./nova.js";import{mazUi}from"./mazUi.js";export{mazUi,nova,obsidian,ocean,pristine};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mazUi.d.ts","sourceRoot":"","sources":["../../src/presets/mazUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"mazUi.d.ts","sourceRoot":"","sources":["../../src/presets/mazUi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAc3C,eAAO,MAAM,KAAK,EAAE,WAqFnB,CAAA"}
|
package/dist/presets/mazUi.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`Manrope, sans-serif, system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var mazUi={name:`maz-ui`,foundation:{"base-font-size":`14px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"border-width":`1px`,"motion-fast":`100ms`,"motion-normal":`200ms`,"motion-slow":`300ms`,"easing-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"easing-in":`cubic-bezier(0.4, 0, 1, 1)`,"easing-in-out":`cubic-bezier(0.4, 0, 0.2, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.125rem`,sm:`0.25rem`,md:`0.7rem`,lg:`1rem`,xl:`1.5rem`,"2xl":`2rem`,"3xl":`3rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(1 0 0)`,foreground:`oklch(0.2573 0.0068 248.09)`,primary:`oklch(0.6495 0.1913 253.63)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.288 299.35)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.7595 0.1492 168.15)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.7851 0.1845 126.83)`,"success-foreground":`oklch(0.2573 0.0068 248.09)`,warning:`oklch(0.8256 0.1583 79.4)`,"warning-foreground":`oklch(0.2573 0.0068 248.09)`,destructive:`oklch(0.637 0.237 25.33)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.6619 0.1115 211.75)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.2524 0.0212 280.69)`,"contrast-foreground":`oklch(0.9619 0 0)`,divider:`oklch(0.9276 0.0058 264.53)`,overlay:`oklch(0.5103 0 0)`,muted:`oklch(0.6324 0 0)`,shadow:`oklch(0.2103 0.0059 285.88)`},dark:{surface:`oklch(0.2524 0.0212 280.69)`,foreground:`oklch(0.8845 0 0)`,primary:`oklch(0.6495 0.1913 253.63)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.288 299.35)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.7595 0.1492 168.15)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.7851 0.1845 126.83)`,"success-foreground":`oklch(0.2573 0.0068 248.09)`,warning:`oklch(0.8256 0.1583 79.4)`,"warning-foreground":`oklch(0.2573 0.0068 248.09)`,destructive:`oklch(0.7149 0.1784 23.64)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.6619 0.1115 211.75)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(1 0 0)`,"contrast-foreground":`oklch(0.2573 0.0068 248.09)`,muted:`oklch(0.6324 0 0)`,divider:`oklch(0.3399 0.0366 282.73)`,overlay:`oklch(0.2697 0 0)`,shadow:`oklch(0.2741 0.0055 286.03)`}}};export{mazUi};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nova.d.ts","sourceRoot":"","sources":["../../src/presets/nova.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAkC3C,eAAO,MAAM,IAAI,EAAE,WAqFlB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var nova={name:`nova`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":`'Geist Mono', 'JetBrains Mono', ${DEFAULT_FONT_MONO}`,"font-display-stack":`'Geist', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`100ms`,"motion-normal":`180ms`,"motion-slow":`280ms`,"easing-out":`cubic-bezier(0.22, 1, 0.36, 1)`,"easing-in":`cubic-bezier(0.55, 0, 0.85, 0)`,"easing-in-out":`cubic-bezier(0.83, 0, 0.17, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.25rem`,sm:`0.375rem`,md:`0.5rem`,lg:`0.75rem`,xl:`1rem`,"2xl":`1.5rem`,"3xl":`2rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.99 0.005 320)`,foreground:`oklch(0.21 0.018 290)`,primary:`oklch(0.6 0.23 290)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.68 0.22 15)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.75 0.16 200)`,"accent-foreground":`oklch(0.21 0.018 290)`,success:`oklch(0.72 0.18 150)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.85 0.18 95)`,"warning-foreground":`oklch(0.21 0.018 290)`,destructive:`oklch(0.63 0.24 27)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.16 230)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.21 0.018 290)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.62 0.018 290)`,divider:`oklch(0.91 0.012 290)`,overlay:`oklch(0.21 0.018 290)`,shadow:`oklch(0.32 0.07 290)`},dark:{surface:`oklch(0.18 0.015 290)`,foreground:`oklch(0.97 0.005 290)`,primary:`oklch(0.72 0.2 290)`,"primary-foreground":`oklch(0.18 0.015 290)`,secondary:`oklch(0.74 0.2 15)`,"secondary-foreground":`oklch(0.18 0.015 290)`,accent:`oklch(0.82 0.15 200)`,"accent-foreground":`oklch(0.18 0.015 290)`,success:`oklch(0.78 0.17 150)`,"success-foreground":`oklch(0.18 0.015 290)`,warning:`oklch(0.86 0.17 95)`,"warning-foreground":`oklch(0.18 0.015 290)`,destructive:`oklch(0.7 0.21 27)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.78 0.15 230)`,"info-foreground":`oklch(0.18 0.015 290)`,contrast:`oklch(0.97 0.005 290)`,"contrast-foreground":`oklch(0.18 0.015 290)`,muted:`oklch(0.68 0.018 290)`,divider:`oklch(0.3 0.025 290)`,overlay:`oklch(0.18 0.015 290)`,shadow:`oklch(0.12 0.025 290)`}}};export{nova};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"obsidian.d.ts","sourceRoot":"","sources":["../../src/presets/obsidian.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"obsidian.d.ts","sourceRoot":"","sources":["../../src/presets/obsidian.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA6B3C,eAAO,MAAM,QAAQ,EAAE,WAqFtB,CAAA"}
|
package/dist/presets/obsidian.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var obsidian={name:`obsidian`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`80ms`,"motion-normal":`160ms`,"motion-slow":`240ms`,"easing-out":`cubic-bezier(0.16, 1, 0.3, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.87, 0, 0.13, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.125rem`,sm:`0.25rem`,md:`0.5rem`,lg:`0.75rem`,xl:`1rem`,"2xl":`1.5rem`,"3xl":`2rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.985 0.005 280)`,foreground:`oklch(0.245 0.012 280)`,primary:`oklch(0.55 0.205 275)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.6 0.235 0)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.77 0.155 78)`,"accent-foreground":`oklch(0.245 0.012 280)`,success:`oklch(0.66 0.14 162)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.795 0.165 76)`,"warning-foreground":`oklch(0.245 0.012 280)`,destructive:`oklch(0.605 0.215 22)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.13 230)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.245 0.012 280)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.585 0.022 280)`,divider:`oklch(0.918 0.01 280)`,overlay:`oklch(0.245 0.012 280)`,shadow:`oklch(0.27 0.018 280)`},dark:{surface:`oklch(0.2 0.012 280)`,foreground:`oklch(0.965 0.003 280)`,primary:`oklch(0.69 0.175 275)`,"primary-foreground":`oklch(0.2 0.012 280)`,secondary:`oklch(0.7 0.21 0)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.815 0.155 78)`,"accent-foreground":`oklch(0.2 0.012 280)`,success:`oklch(0.755 0.15 162)`,"success-foreground":`oklch(0.2 0.012 280)`,warning:`oklch(0.815 0.165 76)`,"warning-foreground":`oklch(0.2 0.012 280)`,destructive:`oklch(0.64 0.18 22)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.745 0.14 230)`,"info-foreground":`oklch(0.2 0.012 280)`,contrast:`oklch(1 0 0)`,"contrast-foreground":`oklch(0.2 0.012 280)`,muted:`oklch(0.665 0.018 280)`,divider:`oklch(0.31 0.02 280)`,overlay:`oklch(0.2 0.012 280)`,shadow:`oklch(0.14 0.005 280)`}}};export{obsidian};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ocean.d.ts","sourceRoot":"","sources":["../../src/presets/ocean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"ocean.d.ts","sourceRoot":"","sources":["../../src/presets/ocean.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA8B3C,eAAO,MAAM,KAAK,EAAE,WAqFnB,CAAA"}
|
package/dist/presets/ocean.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SHADOW,DEFAULT_SPACE}from"./_defaults.js";var FONT_FAMILY=`'Poppins', 'Inter', system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif`;var ocean={name:`ocean`,foundation:{"base-font-size":`16px`,"border-width":`0.125rem`,"font-family":FONT_FAMILY,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":FONT_FAMILY,"motion-fast":`120ms`,"motion-normal":`240ms`,"motion-slow":`360ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.7, 0, 0.84, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.25rem`,sm:`0.5rem`,md:`1rem`,lg:`1.5rem`,xl:`2rem`,"2xl":`3rem`,"3xl":`4rem`},shadow:DEFAULT_SHADOW},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(0.985 0.005 215)`,foreground:`oklch(0.22 0.025 235)`,primary:`oklch(0.58 0.13 220)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.42 0.13 252)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.76 0.13 50)`,"accent-foreground":`oklch(0.22 0.025 235)`,success:`oklch(0.625 0.13 170)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.745 0.135 75)`,"warning-foreground":`oklch(0.22 0.025 235)`,destructive:`oklch(0.58 0.2 25)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.72 0.11 215)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.22 0.025 235)`,"contrast-foreground":`oklch(0.985 0.005 215)`,muted:`oklch(0.62 0.03 225)`,divider:`oklch(0.89 0.02 200)`,overlay:`oklch(0.22 0.025 235)`,shadow:`oklch(0.35 0.04 225)`},dark:{surface:`oklch(0.2 0.02 240)`,foreground:`oklch(0.945 0.01 200)`,primary:`oklch(0.73 0.12 198)`,"primary-foreground":`oklch(0.2 0.02 240)`,secondary:`oklch(0.6 0.16 252)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.78 0.12 55)`,"accent-foreground":`oklch(0.2 0.02 240)`,success:`oklch(0.64 0.115 170)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.75 0.13 75)`,"warning-foreground":`oklch(0.2 0.02 240)`,destructive:`oklch(0.65 0.18 25)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.74 0.11 215)`,"info-foreground":`oklch(1 0 0)`,contrast:`oklch(0.945 0.01 200)`,"contrast-foreground":`oklch(0.2 0.02 240)`,muted:`oklch(0.68 0.02 230)`,divider:`oklch(0.355 0.025 232)`,overlay:`oklch(0.2 0.02 240)`,shadow:`oklch(0.15 0.005 220)`}}};export{ocean};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pristine.d.ts","sourceRoot":"","sources":["../../src/presets/pristine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"pristine.d.ts","sourceRoot":"","sources":["../../src/presets/pristine.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AA0B3C,eAAO,MAAM,QAAQ,EAAE,WA2FtB,CAAA"}
|
package/dist/presets/pristine.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var pristine={name:`pristine`,foundation:{"base-font-size":`14px`,
|
|
1
|
+
import{DEFAULT_CONTAINER_BG,DEFAULT_DISABLED_CURSOR,DEFAULT_FONT_MONO,DEFAULT_INPUT_BG,DEFAULT_SPACE}from"./_defaults.js";var pristine={name:`pristine`,foundation:{"base-font-size":`14px`,"border-width":`1px`,"font-family":`-apple-system, BlinkMacSystemFont, 'SF Pro Text', 'SF Pro', 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif`,"font-mono-stack":DEFAULT_FONT_MONO,"font-display-stack":`-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif`,"motion-fast":`120ms`,"motion-normal":`220ms`,"motion-slow":`380ms`,"easing-out":`cubic-bezier(0.32, 0.72, 0, 1)`,"easing-in":`cubic-bezier(0.5, 0, 0.75, 0)`,"easing-in-out":`cubic-bezier(0.65, 0, 0.35, 1)`,"disabled-opacity":`0.5`,"disabled-cursor":DEFAULT_DISABLED_CURSOR,space:DEFAULT_SPACE},scales:{rounded:{xs:`0.25rem`,sm:`0.375rem`,md:`0.625rem`,lg:`0.875rem`,xl:`1.25rem`,"2xl":`1.75rem`,"3xl":`2.5rem`},shadow:{sm:`0 1px 2px 0 rgb(0 0 0 / 0.04)`,md:`0 2px 6px -1px rgb(0 0 0 / 0.06), 0 1px 3px -1px rgb(0 0 0 / 0.04)`,lg:`0 8px 16px -4px rgb(0 0 0 / 0.08), 0 3px 6px -2px rgb(0 0 0 / 0.04)`,xl:`0 16px 28px -8px rgb(0 0 0 / 0.1), 0 6px 12px -4px rgb(0 0 0 / 0.06)`,elevation:`0 4px 12px -2px rgb(0 0 0 / 0.06), 0 2px 4px -1px rgb(0 0 0 / 0.04)`}},components:{btn:{"font-weight":`500`},container:{bg:DEFAULT_CONTAINER_BG},input:{bg:DEFAULT_INPUT_BG}},colors:{light:{surface:`oklch(1 0 0)`,foreground:`oklch(0.21 0.005 286)`,primary:`oklch(0.22 0.005 286)`,"primary-foreground":`oklch(1 0 0)`,secondary:`oklch(0.555 0.205 305)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.612 0.215 254)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.708 0.18 145)`,"success-foreground":`oklch(1 0 0)`,warning:`oklch(0.745 0.179 56)`,"warning-foreground":`oklch(0.21 0.005 286)`,destructive:`oklch(0.652 0.252 28)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.795 0.12 220)`,"info-foreground":`oklch(0.21 0.005 286)`,contrast:`oklch(0.207 0.002 286)`,"contrast-foreground":`oklch(1 0 0)`,muted:`oklch(0.6 0.005 286)`,divider:`oklch(0.917 0.005 286)`,overlay:`oklch(0.21 0.005 286)`,shadow:`oklch(0 0 0)`},dark:{surface:`oklch(0.207 0.002 286)`,foreground:`oklch(0.97 0 0)`,primary:`oklch(0.97 0 0)`,"primary-foreground":`oklch(0.207 0.002 286)`,secondary:`oklch(0.66 0.18 305)`,"secondary-foreground":`oklch(1 0 0)`,accent:`oklch(0.643 0.211 256)`,"accent-foreground":`oklch(1 0 0)`,success:`oklch(0.738 0.197 145)`,"success-foreground":`oklch(0.207 0.002 286)`,warning:`oklch(0.76 0.171 60)`,"warning-foreground":`oklch(0.207 0.002 286)`,destructive:`oklch(0.682 0.245 28)`,"destructive-foreground":`oklch(1 0 0)`,info:`oklch(0.802 0.115 220)`,"info-foreground":`oklch(0.207 0.002 286)`,contrast:`oklch(0.97 0 0)`,"contrast-foreground":`oklch(0.207 0.002 286)`,muted:`oklch(0.65 0.005 286)`,divider:`oklch(0.31 0.003 286)`,overlay:`oklch(0.16 0.002 286)`,shadow:`oklch(0 0 0)`}}};export{pristine};
|