clampography 2.0.0-beta.19 → 2.0.0-beta.20
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/package.json +13 -4
- package/src/types/index.d.ts +14 -0
- package/src/types/theme-plugin.d.ts +32 -0
- package/src/types/themes.d.ts +26 -0
package/package.json
CHANGED
|
@@ -1,13 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "clampography",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.20",
|
|
4
4
|
"description": "Fluid typography system based on CSS clamp() with optional themes and extra styles. A feature-rich alternative to Tailwind CSS Typography plugin.",
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"exports": {
|
|
8
|
-
".":
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./src/types/index.d.ts",
|
|
10
|
+
"import": "./src/index.js"
|
|
11
|
+
},
|
|
12
|
+
"./theme": {
|
|
13
|
+
"types": "./src/types/theme-plugin.d.ts",
|
|
14
|
+
"import": "./src/theme-plugin.js"
|
|
15
|
+
},
|
|
16
|
+
"./themes": {
|
|
17
|
+
"types": "./src/types/themes.d.ts",
|
|
18
|
+
"import": "./src/themes.js"
|
|
19
|
+
},
|
|
11
20
|
"./package.json": "./package.json"
|
|
12
21
|
},
|
|
13
22
|
"files": [
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { Config, PluginCreator } from "tailwindcss/types/config";
|
|
2
|
+
|
|
3
|
+
interface ClampographyOptions {
|
|
4
|
+
themes?: string | string[] | boolean;
|
|
5
|
+
base?: boolean;
|
|
6
|
+
extra?: boolean;
|
|
7
|
+
root?: string;
|
|
8
|
+
prefix?: string | boolean;
|
|
9
|
+
logs?: boolean;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
declare const clampographyPlugin: PluginCreator<ClampographyOptions>;
|
|
13
|
+
|
|
14
|
+
export default clampographyPlugin;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { PluginCreator } from "tailwindcss/types/config";
|
|
2
|
+
|
|
3
|
+
interface ThemePluginOptions {
|
|
4
|
+
name: string;
|
|
5
|
+
default?: boolean;
|
|
6
|
+
prefersdark?: boolean;
|
|
7
|
+
"color-scheme"?: "light" | "dark";
|
|
8
|
+
root?: string;
|
|
9
|
+
logs?: boolean;
|
|
10
|
+
|
|
11
|
+
// Color options
|
|
12
|
+
background?: string;
|
|
13
|
+
border?: string;
|
|
14
|
+
error?: string;
|
|
15
|
+
heading?: string;
|
|
16
|
+
info?: string;
|
|
17
|
+
link?: string;
|
|
18
|
+
muted?: string;
|
|
19
|
+
primary?: string;
|
|
20
|
+
secondary?: string;
|
|
21
|
+
success?: string;
|
|
22
|
+
surface?: string;
|
|
23
|
+
text?: string;
|
|
24
|
+
warning?: string;
|
|
25
|
+
|
|
26
|
+
// Allow custom CSS variables
|
|
27
|
+
[key: `--${string}`]: string | undefined;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
declare const themePlugin: PluginCreator<ThemePluginOptions>;
|
|
31
|
+
|
|
32
|
+
export default themePlugin;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface ThemeColors {
|
|
2
|
+
"color-scheme": "light" | "dark";
|
|
3
|
+
"--clampography-background": string;
|
|
4
|
+
"--clampography-border": string;
|
|
5
|
+
"--clampography-error": string;
|
|
6
|
+
"--clampography-heading": string;
|
|
7
|
+
"--clampography-info": string;
|
|
8
|
+
"--clampography-link": string;
|
|
9
|
+
"--clampography-muted": string;
|
|
10
|
+
"--clampography-primary": string;
|
|
11
|
+
"--clampography-secondary": string;
|
|
12
|
+
"--clampography-success": string;
|
|
13
|
+
"--clampography-surface": string;
|
|
14
|
+
"--clampography-text": string;
|
|
15
|
+
"--clampography-warning": string;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export interface Themes {
|
|
19
|
+
light: ThemeColors;
|
|
20
|
+
dark: ThemeColors;
|
|
21
|
+
retro: ThemeColors;
|
|
22
|
+
cyberpunk: ThemeColors;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export const themes: Themes;
|
|
26
|
+
export const themesList: string[];
|