@pikacss/plugin-typography 0.0.42 → 0.0.44

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.0.42",
+  "version": "0.0.44",
   "author": "DevilTea <ch19980814@gmail.com>",
   "license": "MIT",
   "repository": {
@@ -25,24 +25,19 @@
       "import": {
         "types": "./dist/index.d.mts",
         "default": "./dist/index.mjs"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
       }
     }
   },
-  "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.mts",
   "files": [
     "dist"
   ],
   "peerDependencies": {
-    "@pikacss/core": "0.0.42"
+    "@pikacss/core": "0.0.44"
   },
   "devDependencies": {
-    "@pikacss/core": "0.0.42"
+    "@pikacss/core": "0.0.44"
   },
   "scripts": {
     "build": "tsdown",

package/dist/index.cjs

@@ -1,372 +0,0 @@
-let _pikacss_core = require("@pikacss/core");
-
-//#region src/styles.ts
-const typographyVariables = {
-	"--pk-prose-color-body": "currentColor",
-	"--pk-prose-color-headings": "currentColor",
-	"--pk-prose-color-lead": "currentColor",
-	"--pk-prose-color-links": "currentColor",
-	"--pk-prose-color-bold": "currentColor",
-	"--pk-prose-color-counters": "currentColor",
-	"--pk-prose-color-bullets": "currentColor",
-	"--pk-prose-color-hr": "currentColor",
-	"--pk-prose-color-quotes": "currentColor",
-	"--pk-prose-color-quote-borders": "currentColor",
-	"--pk-prose-color-captions": "currentColor",
-	"--pk-prose-color-code": "currentColor",
-	"--pk-prose-color-pre-code": "currentColor",
-	"--pk-prose-color-pre-bg": "transparent",
-	"--pk-prose-color-th-borders": "currentColor",
-	"--pk-prose-color-td-borders": "currentColor",
-	"--pk-prose-color-kbd": "currentColor",
-	"--pk-prose-kbd-shadows": "currentColor"
-};
-const proseBaseStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"color": "var(--pk-prose-color-body)",
-	"maxWidth": "65ch",
-	"fontSize": "1rem",
-	"lineHeight": "1.75",
-	"$ > :first-child": { marginTop: "0" },
-	"$ > :last-child": { marginBottom: "0" }
-});
-const proseParagraphsStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ p": {
-		marginTop: "1.25em",
-		marginBottom: "1.25em"
-	},
-	"$ [class~=\"lead\"]": {
-		color: "var(--pk-prose-color-lead)",
-		fontSize: "1.25em",
-		lineHeight: "1.6",
-		marginTop: "1.2em",
-		marginBottom: "1.2em"
-	}
-});
-const proseLinksStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ a": {
-		color: "var(--pk-prose-color-links)",
-		textDecoration: "underline",
-		fontWeight: "500"
-	},
-	"$ a strong": { color: "inherit" },
-	"$ a code": { color: "inherit" }
-});
-const proseEmphasisStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ strong": {
-		color: "var(--pk-prose-color-bold)",
-		fontWeight: "600"
-	},
-	"$ a strong": { color: "inherit" },
-	"$ blockquote strong": { color: "inherit" },
-	"$ thead th strong": { color: "inherit" },
-	"$ em": { fontStyle: "italic" }
-});
-const proseKbdStyle = (0, _pikacss_core.defineStyleDefinition)({ "$ kbd": {
-	color: "var(--pk-prose-color-kbd)",
-	fontSize: "0.875em",
-	fontWeight: "500",
-	fontFamily: "inherit",
-	borderRadius: "0.3125rem",
-	paddingTop: "0.1875em",
-	paddingRight: "0.375em",
-	paddingBottom: "0.1875em",
-	paddingLeft: "0.375em",
-	boxShadow: "0 0 0 1px var(--pk-prose-kbd-shadows), 0 3px 0 var(--pk-prose-kbd-shadows)"
-} });
-const proseListsStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ ol": {
-		listStyleType: "decimal",
-		marginTop: "1.25em",
-		marginBottom: "1.25em",
-		paddingLeft: "1.625em"
-	},
-	"$ ol[type=\"A\"]": { listStyleType: "upper-alpha" },
-	"$ ol[type=\"a\"]": { listStyleType: "lower-alpha" },
-	"$ ol[type=\"A\" s]": { listStyleType: "upper-alpha" },
-	"$ ol[type=\"a\" s]": { listStyleType: "lower-alpha" },
-	"$ ol[type=\"I\"]": { listStyleType: "upper-roman" },
-	"$ ol[type=\"i\"]": { listStyleType: "lower-roman" },
-	"$ ol[type=\"I\" s]": { listStyleType: "upper-roman" },
-	"$ ol[type=\"i\" s]": { listStyleType: "lower-roman" },
-	"$ ol[type=\"1\"]": { listStyleType: "decimal" },
-	"$ ul": {
-		listStyleType: "disc",
-		marginTop: "1.25em",
-		marginBottom: "1.25em",
-		paddingLeft: "1.625em"
-	},
-	"$ ul ul": { listStyleType: "circle" },
-	"$ ul ul ul": { listStyleType: "square" },
-	"$ li": {
-		marginTop: "0.5em",
-		marginBottom: "0.5em"
-	},
-	"$ ol > li": { paddingLeft: "0.375em" },
-	"$ ul > li": { paddingLeft: "0.375em" },
-	"$ > ul > li p": {
-		marginTop: "0.75em",
-		marginBottom: "0.75em"
-	},
-	"$ > ul > li > :first-child": { marginTop: "1.25em" },
-	"$ > ul > li > :last-child": { marginBottom: "1.25em" },
-	"$ > ol > li > :first-child": { marginTop: "1.25em" },
-	"$ > ol > li > :last-child": { marginBottom: "1.25em" },
-	"$ ul ul, $ ul ol, $ ol ul, $ ol ol": {
-		marginTop: "0.75em",
-		marginBottom: "0.75em"
-	},
-	"$ dl": {
-		marginTop: "1.25em",
-		marginBottom: "1.25em"
-	},
-	"$ dt": {
-		color: "var(--pk-prose-color-headings)",
-		fontWeight: "600",
-		marginTop: "1.25em"
-	},
-	"$ dd": {
-		marginTop: "0.5em",
-		paddingLeft: "1.625em"
-	}
-});
-const proseHrStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ hr": {
-		borderColor: "var(--pk-prose-color-hr)",
-		borderTopWidth: "1px",
-		marginTop: "3em",
-		marginBottom: "3em"
-	},
-	"$ hr + *": { marginTop: "0" }
-});
-const proseHeadingsStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ h1": {
-		color: "var(--pk-prose-color-headings)",
-		fontWeight: "800",
-		fontSize: "2.25em",
-		marginTop: "0",
-		marginBottom: "0.88em",
-		lineHeight: "1.1"
-	},
-	"$ h1 strong": { fontWeight: "900" },
-	"$ h1 code": { color: "inherit" },
-	"$ h2": {
-		color: "var(--pk-prose-color-headings)",
-		fontWeight: "700",
-		fontSize: "1.5em",
-		marginTop: "2em",
-		marginBottom: "1em",
-		lineHeight: "1.33"
-	},
-	"$ h2 strong": { fontWeight: "800" },
-	"$ h2 code": { color: "inherit" },
-	"$ h2 + *": { marginTop: "0" },
-	"$ h3": {
-		color: "var(--pk-prose-color-headings)",
-		fontWeight: "600",
-		fontSize: "1.25em",
-		marginTop: "1.6em",
-		marginBottom: "0.6em",
-		lineHeight: "1.6"
-	},
-	"$ h3 strong": { fontWeight: "700" },
-	"$ h3 code": { color: "inherit" },
-	"$ h3 + *": { marginTop: "0" },
-	"$ h4": {
-		color: "var(--pk-prose-color-headings)",
-		fontWeight: "600",
-		marginTop: "1.5em",
-		marginBottom: "0.5em",
-		lineHeight: "1.5"
-	},
-	"$ h4 strong": { fontWeight: "700" },
-	"$ h4 code": { color: "inherit" },
-	"$ h4 + *": { marginTop: "0" }
-});
-const proseQuotesStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ blockquote": {
-		fontWeight: "500",
-		fontStyle: "italic",
-		color: "var(--pk-prose-color-quotes)",
-		borderLeftWidth: "0.25rem",
-		borderLeftColor: "var(--pk-prose-color-quote-borders)",
-		quotes: "\"\\201C\"\"\\201D\"\"\\2018\"\"\\2019\"",
-		marginTop: "1.6em",
-		marginBottom: "1.6em",
-		paddingLeft: "1em"
-	},
-	"$ blockquote p:first-of-type::before": { content: "open-quote" },
-	"$ blockquote p:last-of-type::after": { content: "close-quote" },
-	"$ blockquote code": { color: "inherit" }
-});
-const proseMediaStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ img": {
-		marginTop: "2em",
-		marginBottom: "2em"
-	},
-	"$ picture": {
-		display: "block",
-		marginTop: "2em",
-		marginBottom: "2em"
-	},
-	"$ video": {
-		marginTop: "2em",
-		marginBottom: "2em"
-	},
-	"$ figure": {
-		marginTop: "2em",
-		marginBottom: "2em"
-	},
-	"$ figure > *": {
-		marginTop: "0",
-		marginBottom: "0"
-	},
-	"$ figcaption": {
-		color: "var(--pk-prose-color-captions)",
-		fontSize: "0.875em",
-		lineHeight: "1.4",
-		marginTop: "0.85em"
-	}
-});
-const proseCodeStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ code": {
-		color: "var(--pk-prose-color-code)",
-		fontWeight: "600",
-		fontSize: "0.875em"
-	},
-	"$ code::before": { content: "\"`\"" },
-	"$ code::after": { content: "\"`\"" },
-	"$ pre": {
-		color: "var(--pk-prose-color-pre-code)",
-		backgroundColor: "var(--pk-prose-color-pre-bg)",
-		overflowX: "auto",
-		fontWeight: "400",
-		fontSize: "0.875em",
-		lineHeight: "1.7",
-		marginTop: "1.7em",
-		marginBottom: "1.7em",
-		borderRadius: "0.375rem",
-		paddingTop: "0.85em",
-		paddingRight: "1.14em",
-		paddingBottom: "0.85em",
-		paddingLeft: "1.14em"
-	},
-	"$ pre code": {
-		backgroundColor: "transparent",
-		borderWidth: "0",
-		borderRadius: "0",
-		padding: "0",
-		fontWeight: "inherit",
-		color: "inherit",
-		fontSize: "inherit",
-		fontFamily: "inherit",
-		lineHeight: "inherit"
-	},
-	"$ pre code::before": { content: "none" },
-	"$ pre code::after": { content: "none" }
-});
-const proseTablesStyle = (0, _pikacss_core.defineStyleDefinition)({
-	"$ table": {
-		width: "100%",
-		tableLayout: "auto",
-		textAlign: "left",
-		marginTop: "2em",
-		marginBottom: "2em",
-		fontSize: "0.875em",
-		lineHeight: "1.7"
-	},
-	"$ thead": {
-		borderBottomWidth: "1px",
-		borderBottomColor: "var(--pk-prose-color-th-borders)"
-	},
-	"$ thead th": {
-		color: "var(--pk-prose-color-headings)",
-		fontWeight: "600",
-		verticalAlign: "bottom",
-		paddingRight: "0.57em",
-		paddingBottom: "0.57em",
-		paddingLeft: "0.57em"
-	},
-	"$ thead th:first-child": { paddingLeft: "0" },
-	"$ thead th:last-child": { paddingRight: "0" },
-	"$ thead th code": { color: "inherit" },
-	"$ tbody tr": {
-		borderBottomWidth: "1px",
-		borderBottomColor: "var(--pk-prose-color-td-borders)"
-	},
-	"$ tbody tr:last-child": { borderBottomWidth: "0" },
-	"$ tbody td": { verticalAlign: "baseline" },
-	"$ tbody td, $ tfoot td": {
-		paddingTop: "0.57em",
-		paddingRight: "0.57em",
-		paddingBottom: "0.57em",
-		paddingLeft: "0.57em"
-	},
-	"$ tbody td:first-child, $ tfoot td:first-child": { paddingLeft: "0" },
-	"$ tbody td:last-child, $ tfoot td:last-child": { paddingRight: "0" }
-});
-
-//#endregion
-//#region src/index.ts
-function typography() {
-	let typographyConfig = {};
-	return (0, _pikacss_core.defineEnginePlugin)({
-		name: "typography",
-		configureRawConfig: (config) => {
-			if (config.typography) typographyConfig = config.typography;
-		},
-		configureEngine: async (engine) => {
-			engine.variables.add({
-				...typographyVariables,
-				...typographyConfig.variables
-			});
-			engine.shortcuts.add(["prose-base", proseBaseStyle]);
-			engine.shortcuts.add(["prose-paragraphs", ["prose-base", proseParagraphsStyle]]);
-			engine.shortcuts.add(["prose-links", ["prose-base", proseLinksStyle]]);
-			engine.shortcuts.add(["prose-emphasis", ["prose-base", proseEmphasisStyle]]);
-			engine.shortcuts.add(["prose-kbd", ["prose-base", proseKbdStyle]]);
-			engine.shortcuts.add(["prose-lists", ["prose-base", proseListsStyle]]);
-			engine.shortcuts.add(["prose-hr", ["prose-base", proseHrStyle]]);
-			engine.shortcuts.add(["prose-headings", ["prose-base", proseHeadingsStyle]]);
-			engine.shortcuts.add(["prose-quotes", ["prose-base", proseQuotesStyle]]);
-			engine.shortcuts.add(["prose-media", ["prose-base", proseMediaStyle]]);
-			engine.shortcuts.add(["prose-code", ["prose-base", proseCodeStyle]]);
-			engine.shortcuts.add(["prose-tables", ["prose-base", proseTablesStyle]]);
-			engine.shortcuts.add(["prose", [
-				"prose-paragraphs",
-				"prose-links",
-				"prose-emphasis",
-				"prose-kbd",
-				"prose-lists",
-				"prose-hr",
-				"prose-headings",
-				"prose-quotes",
-				"prose-media",
-				"prose-code",
-				"prose-tables"
-			]]);
-			Object.entries({
-				"sm": {
-					fontSize: "0.875rem",
-					lineHeight: "1.71"
-				},
-				"lg": {
-					fontSize: "1.125rem",
-					lineHeight: "1.77"
-				},
-				"xl": {
-					fontSize: "1.25rem",
-					lineHeight: "1.8"
-				},
-				"2xl": {
-					fontSize: "1.5rem",
-					lineHeight: "1.66"
-				}
-			}).forEach(([size, overrides]) => {
-				engine.shortcuts.add([`prose-${size}`, ["prose", overrides]]);
-			});
-		}
-	});
-}
-
-//#endregion
-exports.typography = typography;

package/dist/index.d.cts

@@ -1,39 +0,0 @@
-import { EnginePlugin } from "@pikacss/core";
-
-//#region src/styles.d.ts
-declare const typographyVariables: {
-  '--pk-prose-color-body': string;
-  '--pk-prose-color-headings': string;
-  '--pk-prose-color-lead': string;
-  '--pk-prose-color-links': string;
-  '--pk-prose-color-bold': string;
-  '--pk-prose-color-counters': string;
-  '--pk-prose-color-bullets': string;
-  '--pk-prose-color-hr': string;
-  '--pk-prose-color-quotes': string;
-  '--pk-prose-color-quote-borders': string;
-  '--pk-prose-color-captions': string;
-  '--pk-prose-color-code': string;
-  '--pk-prose-color-pre-code': string;
-  '--pk-prose-color-pre-bg': string;
-  '--pk-prose-color-th-borders': string;
-  '--pk-prose-color-td-borders': string;
-  '--pk-prose-color-kbd': string;
-  '--pk-prose-kbd-shadows': string;
-};
-//#endregion
-//#region src/index.d.ts
-interface TypographyPluginOptions {
-  /**
-   * Custom variables to override the default typography variables.
-   */
-  variables?: Partial<typeof typographyVariables>;
-}
-declare module '@pikacss/core' {
-  interface EngineConfig {
-    typography?: TypographyPluginOptions;
-  }
-}
-declare function typography(): EnginePlugin;
-//#endregion
-export { TypographyPluginOptions, typography };