@haklex/rich-style-token 0.0.31 → 0.0.33

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export type { ThemeTokens } from './create-theme-style';
 export { createThemeStyle } from './create-theme-style';
+export type { PortalTheme } from './portal-theme';
 export { PortalThemeProvider, PortalThemeWrapper, usePortalTheme, } from './portal-theme';
 export { articleLayout, commentLayout, darkColors, fonts, lightArticleColors, lightCommentColors, noteLayout, } from './themes';
-export { vars } from './vars.css';
+export { articleTheme, commentTheme, noteTheme, vars } from './vars.css';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,GACf,MAAM,gBAAgB,CAAA;AACvB,OAAO,EACL,aAAa,EACb,aAAa,EACb,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,GACX,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,GACf,MAAM,gBAAgB,CAAA;AACvB,OAAO,EACL,aAAa,EACb,aAAa,EACb,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,GACX,MAAM,UAAU,CAAA;AACjB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.mjs

@@ -1,6 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { createContext, useMemo, use } from "react";
-var vars = { color: { text: "var(--rc-text)", textSecondary: "var(--rc-text-secondary)", bg: "var(--rc-bg)", bgSecondary: "var(--rc-bg-secondary)", bgTertiary: "var(--rc-bg-tertiary)", border: "var(--rc-border)", accent: "var(--rc-accent)", accentLight: "var(--rc-accent-light)", link: "var(--rc-link)", codeText: "var(--rc-code-text)", codeBg: "var(--rc-code-bg)", quoteBorder: "var(--rc-quote-border)", quoteBg: "var(--rc-quote-bg)", alertInfo: "var(--rc-alert-info)", alertWarning: "var(--rc-alert-warning)", alertTip: "var(--rc-alert-tip)", alertCaution: "var(--rc-alert-caution)", alertImportant: "var(--rc-alert-important)" }, spacing: { xs: "var(--rc-space-xs)", sm: "var(--rc-space-sm)", md: "var(--rc-space-md)", lg: "var(--rc-space-lg)", xl: "var(--rc-space-xl)" }, typography: { fontFamily: "var(--rc-font-family)", fontFamilySerif: "var(--rc-font-family-serif)", fontMono: "var(--rc-font-mono)", fontSize2xs: "var(--rc-font-size-2xs)", fontSizeXs: "var(--rc-font-size-xs)", fontSizeSm: "var(--rc-font-size-sm)", fontSizeMd: "var(--rc-font-size-md)", fontSizeLg: "var(--rc-font-size-lg)", fontSizeBase: "var(--rc-font-size-base)", fontSizeSmall: "var(--rc-font-size-small)", lineHeight: "var(--rc-line-height)", lineHeightTight: "var(--rc-line-height-tight)" }, borderRadius: { sm: "var(--rc-radius-sm)", md: "var(--rc-radius-md)", lg: "var(--rc-radius-lg)" }, layout: { maxWidth: "var(--rc-max-width)" } };
+var vars = { color: { text: "var(--rc-text)", textSecondary: "var(--rc-text-secondary)", bg: "var(--rc-bg)", bgSecondary: "var(--rc-bg-secondary)", bgTertiary: "var(--rc-bg-tertiary)", border: "var(--rc-border)", accent: "var(--rc-accent)", accentLight: "var(--rc-accent-light)", link: "var(--rc-link)", codeText: "var(--rc-code-text)", codeBg: "var(--rc-code-bg)", hrBorder: "var(--rc-hr-border)", quoteBorder: "var(--rc-quote-border)", quoteBg: "var(--rc-quote-bg)", alertInfo: "var(--rc-alert-info)", alertWarning: "var(--rc-alert-warning)", alertTip: "var(--rc-alert-tip)", alertCaution: "var(--rc-alert-caution)", alertImportant: "var(--rc-alert-important)" }, spacing: { xs: "var(--rc-space-xs)", sm: "var(--rc-space-sm)", md: "var(--rc-space-md)", lg: "var(--rc-space-lg)", xl: "var(--rc-space-xl)" }, typography: { fontFamily: "var(--rc-font-family)", fontFamilySans: "var(--rc-font-family-sans)", fontFamilySerif: "var(--rc-font-family-serif)", fontMono: "var(--rc-font-mono)", fontSize2xs: "var(--rc-font-size-2xs)", fontSizeXs: "var(--rc-font-size-xs)", fontSizeSm: "var(--rc-font-size-sm)", fontSizeMd: "var(--rc-font-size-md)", fontSizeLg: "var(--rc-font-size-lg)", fontSizeBase: "var(--rc-font-size-base)", fontSizeSmall: "var(--rc-font-size-small)", lineHeight: "var(--rc-line-height)", lineHeightTight: "var(--rc-line-height-tight)" }, borderRadius: { sm: "var(--rc-radius-sm)", md: "var(--rc-radius-md)", lg: "var(--rc-radius-lg)" }, layout: { maxWidth: "var(--rc-max-width)" } };
+var articleTheme = "yglj5t0";
+var noteTheme = "yglj5t1";
+var commentTheme = "yglj5t2";
 function extractVarName(cssVarRef) {
   const match = cssVarRef.match(/^var\((.+)\)$/);
   return match ? match[1] : cssVarRef;
@@ -22,16 +25,18 @@ function createThemeStyle(tokens) {
   return style;
 }
 const PortalThemeContext = createContext({
-  className: ""
+  className: "",
+  theme: "light"
 });
 function PortalThemeProvider({
   className,
+  theme,
   children
 }) {
   return /* @__PURE__ */ jsx(
     PortalThemeContext.Provider,
     {
-      value: useMemo(() => ({ className }), [className]),
+      value: useMemo(() => ({ className, theme }), [className, theme]),
       children
     }
   );
@@ -40,28 +45,43 @@ function usePortalTheme() {
   return use(PortalThemeContext);
 }
 function PortalThemeWrapper({ children }) {
-  const { className } = usePortalTheme();
+  const { className, theme } = usePortalTheme();
   if (!className) return children;
-  return /* @__PURE__ */ jsx("div", { style: { display: "contents" }, className, children });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: { display: "contents" },
+      className,
+      "data-theme": theme,
+      children
+    }
+  );
 }
 const fonts = {
-  fontFamily: '"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji',
+  fontFamilySans: '"PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji',
   fontFamilySerif: '"Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif',
   fontMono: '"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace'
 };
 const lightArticleColors = {
   text: "#000",
-  textSecondary: "#5f6e78",
+  textSecondary: "#18181b",
+  // zinc-900
   bg: "#ffffff",
   bgSecondary: "#fafafa",
-  bgTertiary: "#f0f1f3",
-  border: "#ebedee",
+  // zinc-50
+  bgTertiary: "#f4f4f5",
+  // zinc-100
+  border: "#f4f4f5",
+  // zinc-100 - lighter, less prominent
   accent: "#2563eb",
   accentLight: "#2563eb20",
   link: "#2563eb",
-  codeText: "#374047",
-  codeBg: "#f6f8fa",
-  // GitHub light
+  codeText: "#3f3f46",
+  // zinc-700
+  codeBg: "#f4f4f5",
+  // zinc-100
+  hrBorder: "#e4e4e7",
+  // zinc-200 - one step darker than border
   quoteBorder: "#2563eb",
   quoteBg: "#eff6ff",
   alertInfo: "#006bb7",
@@ -72,22 +92,32 @@ const lightArticleColors = {
 };
 const lightCommentColors = {
   ...lightArticleColors,
-  quoteBorder: "#acb4b9",
-  quoteBg: "#f8f9f9"
+  quoteBorder: "#a1a1aa",
+  // zinc-400
+  quoteBg: "#fafafa"
+  // zinc-50
 };
 const darkColors = {
-  text: "#fff",
-  textSecondary: "#97a1a7",
-  bg: "#000",
-  bgSecondary: "#171717",
-  bgTertiary: "#252525",
-  border: "#374047",
+  text: "#fafafa",
+  textSecondary: "#a1a1aa",
+  // zinc-400
+  bg: "#09090b",
+  // zinc-950
+  bgSecondary: "#18181b",
+  // zinc-900
+  bgTertiary: "#27272a",
+  // zinc-800
+  border: "#27272a",
+  // zinc-800 - lighter/less prominent
   accent: "#60a5fa",
   accentLight: "#60a5fa20",
   link: "#60a5fa",
-  codeText: "#dee1e3",
-  codeBg: "#161b22",
-  // GitHub dark
+  codeText: "#e4e4e7",
+  // zinc-200
+  codeBg: "#27272a",
+  // zinc-800
+  hrBorder: "#27272a",
+  // zinc-800 - same as border
   quoteBorder: "#60a5fa",
   quoteBg: "#1e3a5f",
   alertInfo: "#7db9e5",
@@ -105,6 +135,7 @@ const sharedSpacing = {
 };
 const sharedBorderRadius = { sm: "4px", md: "8px", lg: "12px" };
 const baseTypography = {
+  fontFamilySans: fonts.fontFamilySans,
   fontFamilySerif: fonts.fontFamilySerif,
   fontMono: fonts.fontMono,
   fontSize2xs: "0.625em",
@@ -120,7 +151,10 @@ const baseTypography = {
 const articleLayout = {
   layout: { maxWidth: "700px" },
   spacing: sharedSpacing,
-  typography: { ...baseTypography, fontFamily: fonts.fontFamily },
+  typography: {
+    ...baseTypography,
+    fontFamily: fonts.fontFamilySans
+  },
   borderRadius: sharedBorderRadius
 };
 const noteLayout = {
@@ -138,7 +172,7 @@ const commentLayout = {
   spacing: { xs: "2px", sm: "4px", md: "10px", lg: "16px", xl: "20px" },
   typography: {
     ...baseTypography,
-    fontFamily: fonts.fontFamily,
+    fontFamily: fonts.fontFamilySans,
     fontSizeBase: "14px",
     fontSizeSmall: "12px",
     lineHeight: "1.5",
@@ -150,13 +184,16 @@ export {
   PortalThemeProvider,
   PortalThemeWrapper,
   articleLayout,
+  articleTheme,
   commentLayout,
+  commentTheme,
   createThemeStyle,
   darkColors,
   fonts,
   lightArticleColors,
   lightCommentColors,
   noteLayout,
+  noteTheme,
   usePortalTheme,
   vars
 };

package/dist/portal-theme.d.ts

@@ -1,9 +1,12 @@
 import { ReactNode } from 'react';
+export type PortalTheme = 'light' | 'dark';
 type PortalThemeContextType = {
     className: string;
+    theme: PortalTheme;
 };
-export declare function PortalThemeProvider({ className, children, }: {
+export declare function PortalThemeProvider({ className, theme, children, }: {
     className: string;
+    theme: PortalTheme;
     children?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function usePortalTheme(): PortalThemeContextType;

package/dist/portal-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal-theme.d.ts","sourceRoot":"","sources":["../src/portal-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAMD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,2CAQA;AAED,wBAAgB,cAAc,2BAE7B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2UAQvE"}
+{"version":3,"file":"portal-theme.d.ts","sourceRoot":"","sources":["../src/portal-theme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1C,KAAK,sBAAsB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;CACnB,CAAA;AAOD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,KAAK,EACL,QAAQ,GACT,EAAE;IACD,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,WAAW,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,2CAQA;AAED,wBAAgB,cAAc,2BAE7B;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2UAYvE"}

package/dist/rich-style-token.css

@@ -0,0 +1 @@
+:root{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}:root.dark{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yglj5t0{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.7;--rc-line-height-tight: 1.4;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yglj5t1{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #2563eb;--rc-quote-bg: #eff6ff;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: 700px;--rc-space-xs: 4px;--rc-space-sm: 8px;--rc-space-md: 16px;--rc-space-lg: 24px;--rc-space-xl: 32px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 16px;--rc-font-size-small: 14px;--rc-line-height: 1.8;--rc-line-height-tight: 1.4;--rc-font-family: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-radius-sm: 4px;--rc-radius-md: 8px;--rc-radius-lg: 12px}.yglj5t2{--rc-text: #000;--rc-text-secondary: #18181b;--rc-bg: #ffffff;--rc-bg-secondary: #fafafa;--rc-bg-tertiary: #f4f4f5;--rc-border: #f4f4f5;--rc-accent: #2563eb;--rc-accent-light: #2563eb20;--rc-link: #2563eb;--rc-code-text: #3f3f46;--rc-code-bg: #f4f4f5;--rc-hr-border: #e4e4e7;--rc-quote-border: #a1a1aa;--rc-quote-bg: #fafafa;--rc-alert-info: #006bb7;--rc-alert-warning: #cc5500;--rc-alert-tip: #11cc00;--rc-alert-caution: #cc0011;--rc-alert-important: #5500cc;--rc-max-width: none;--rc-space-xs: 2px;--rc-space-sm: 4px;--rc-space-md: 10px;--rc-space-lg: 16px;--rc-space-xl: 20px;--rc-font-family-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-font-family-serif: "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif", "source-han-serif-sc", "Songti SC", STSong, "华文宋体", serif;--rc-font-mono: "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;--rc-font-size-2xs: .625em;--rc-font-size-xs: .75em;--rc-font-size-sm: .8125em;--rc-font-size-md: .875em;--rc-font-size-lg: 1.25em;--rc-font-size-base: 14px;--rc-font-size-small: 12px;--rc-line-height: 1.5;--rc-line-height-tight: 1.3;--rc-font-family: "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, "noto sans sc", "hiragino sans gb", -apple-system, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Not Color Emoji;--rc-radius-sm: 3px;--rc-radius-md: 6px;--rc-radius-lg: 8px}.dark .yglj5t0,[data-theme=dark] .yglj5t0,.dark.yglj5t0,[data-theme=dark].yglj5t0,.dark .yglj5t1,[data-theme=dark] .yglj5t1,.dark.yglj5t1,[data-theme=dark].yglj5t1,.dark .yglj5t2,[data-theme=dark] .yglj5t2,.dark.yglj5t2,[data-theme=dark].yglj5t2{--rc-text: #fafafa;--rc-text-secondary: #a1a1aa;--rc-bg: #09090b;--rc-bg-secondary: #18181b;--rc-bg-tertiary: #27272a;--rc-border: #27272a;--rc-accent: #60a5fa;--rc-accent-light: #60a5fa20;--rc-link: #60a5fa;--rc-code-text: #e4e4e7;--rc-code-bg: #27272a;--rc-hr-border: #27272a;--rc-quote-border: #60a5fa;--rc-quote-bg: #1e3a5f;--rc-alert-info: #7db9e5;--rc-alert-warning: #da864a;--rc-alert-tip: #54da48;--rc-alert-caution: #e16973;--rc-alert-important: #9966e0}

package/dist/themes.d.ts

@@ -1,5 +1,5 @@
 export declare const fonts: {
-    fontFamily: string;
+    fontFamilySans: string;
     fontFamilySerif: string;
     fontMono: string;
 };
@@ -15,6 +15,7 @@ export declare const lightArticleColors: {
     link: string;
     codeText: string;
     codeBg: string;
+    hrBorder: string;
     quoteBorder: string;
     quoteBg: string;
     alertInfo: string;
@@ -37,6 +38,7 @@ export declare const lightCommentColors: {
     link: string;
     codeText: string;
     codeBg: string;
+    hrBorder: string;
     alertInfo: string;
     alertWarning: string;
     alertTip: string;
@@ -55,6 +57,7 @@ export declare const darkColors: {
     link: string;
     codeText: string;
     codeBg: string;
+    hrBorder: string;
     quoteBorder: string;
     quoteBg: string;
     alertInfo: string;
@@ -76,6 +79,7 @@ export declare const articleLayout: {
     };
     typography: {
         fontFamily: string;
+        fontFamilySans: string;
         fontFamilySerif: string;
         fontMono: string;
         fontSize2xs: string;
@@ -108,6 +112,7 @@ export declare const noteLayout: {
     typography: {
         fontFamily: string;
         lineHeight: string;
+        fontFamilySans: string;
         fontFamilySerif: string;
         fontMono: string;
         fontSize2xs: string;
@@ -142,6 +147,7 @@ export declare const commentLayout: {
         fontSizeSmall: string;
         lineHeight: string;
         lineHeightTight: string;
+        fontFamilySans: string;
         fontFamilySerif: string;
         fontMono: string;
         fontSize2xs: string;

package/dist/themes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;CAOjB,CAAA;AAGD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;CAmB9B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;CAI9B,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;CAmBtB,CAAA;AAyBD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKzB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAStB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYzB,CAAA"}
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;CAOjB,CAAA;AAGD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAoB9B,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;CAI9B,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAA;AA0BD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQzB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAStB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAYzB,CAAA"}

package/dist/vars.css.d.ts

@@ -11,6 +11,7 @@ export declare const vars: {
         link: `var(--${string})`;
         codeText: `var(--${string})`;
         codeBg: `var(--${string})`;
+        hrBorder: `var(--${string})`;
         quoteBorder: `var(--${string})`;
         quoteBg: `var(--${string})`;
         alertInfo: `var(--${string})`;
@@ -28,6 +29,7 @@ export declare const vars: {
     };
     typography: {
         fontFamily: `var(--${string})`;
+        fontFamilySans: `var(--${string})`;
         fontFamilySerif: `var(--${string})`;
         fontMono: `var(--${string})`;
         fontSize2xs: `var(--${string})`;
@@ -49,4 +51,7 @@ export declare const vars: {
         maxWidth: `var(--${string})`;
     };
 };
+export declare const articleTheme: string;
+export declare const noteTheme: string;
+export declare const commentTheme: string;
 //# sourceMappingURL=vars.css.d.ts.map

package/dist/vars.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../src/vars.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDf,CAAA"}
+{"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../src/vars.css.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDf,CAAA;AAeF,eAAO,MAAM,YAAY,QAGvB,CAAA;AAEF,eAAO,MAAM,SAAS,QAGpB,CAAA;AAEF,eAAO,MAAM,YAAY,QAGvB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haklex/rich-style-token",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "description": "Style tokens and CSS variables for haklex rich editor",
   "license": "MIT",
   "type": "module",