@haklex/rich-style-token 0.49.0 → 0.50.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.
Files changed (13) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.mjs +2 -2
  4. package/dist/rich-style-token.css +1 -1
  5. package/dist/styles.d.ts +2 -2
  6. package/dist/styles.d.ts.map +1 -1
  7. package/dist/styles.mjs +1 -1
  8. package/dist/{themes-CzJQjqlY.js → themes-0BIul2rm.js} +93 -33
  9. package/dist/themes.d.ts +85 -1
  10. package/dist/themes.d.ts.map +1 -1
  11. package/dist/vars.css.d.ts +13 -0
  12. package/dist/vars.css.d.ts.map +1 -1
  13. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -2,6 +2,6 @@ export type { ThemeTokens } from './create-theme-style';
2
2
  export { createThemeStyle } from './create-theme-style';
3
3
  export type { PortalTheme } from './portal-theme';
4
4
  export { PortalContainerProvider, PortalThemeProvider, PortalThemeWrapper, usePortalContainer, usePortalTheme, } from './portal-theme';
5
- export { articleLayout, commentLayout, darkColors, fonts, lightArticleColors, lightCommentColors, noteLayout, } from './themes';
6
- export { articleTheme, commentTheme, noteTheme, vars } from './vars.css';
5
+ export { articleLayout, chatLayout, commentLayout, darkColors, fonts, lightArticleColors, lightCommentColors, noteLayout, } from './themes';
6
+ export { articleTheme, chatTheme, commentTheme, noteTheme, vars } from './vars.css';
7
7
  //# sourceMappingURL=index.d.ts.map
package/dist/index.d.ts.map CHANGED
@@ -1 +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,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,GACf,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC"}
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { a as lightArticleColors, c as createThemeStyle, d as noteTheme, f as vars, i as fonts, l as articleTheme, n as commentLayout, o as lightCommentColors, r as darkColors, s as noteLayout, t as articleLayout, u as commentTheme } from "./themes-CzJQjqlY.js";
1
+ import { a as fonts, c as noteLayout, d as chatTheme, f as commentTheme, i as darkColors, l as createThemeStyle, m as vars, n as chatLayout, o as lightArticleColors, p as noteTheme, r as commentLayout, s as lightCommentColors, t as articleLayout, u as articleTheme } from "./themes-0BIul2rm.js";
2
2
  import * as React from "react";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  //#region src/portal-theme.tsx
@@ -35,4 +35,4 @@ function PortalThemeWrapper({ children }) {
35
35
  });
36
36
  }
37
37
  //#endregion
38
- export { PortalContainerProvider, PortalThemeProvider, PortalThemeWrapper, articleLayout, articleTheme, commentLayout, commentTheme, createThemeStyle, darkColors, fonts, lightArticleColors, lightCommentColors, noteLayout, noteTheme, usePortalContainer, usePortalTheme, vars };
38
+ export { PortalContainerProvider, PortalThemeProvider, PortalThemeWrapper, articleLayout, articleTheme, chatLayout, chatTheme, commentLayout, commentTheme, createThemeStyle, darkColors, fonts, lightArticleColors, lightCommentColors, noteLayout, noteTheme, usePortalContainer, usePortalTheme, vars };
package/dist/rich-style-token.css CHANGED
@@ -1,2 +1,2 @@
1
- :root{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", 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,[data-theme=dark]{--rc-text:#fafafa;--rc-text-secondary:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}.yglj5t0{--rc-text:#000;--rc-text-secondary:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", 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:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#2563eb;--rc-quote-bg:#f5f5f5;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", 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:#262626;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#f5f5f5;--rc-accent:#2563eb;--rc-accent-light:#2563eb20;--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-hr-border:#e5e5e5;--rc-quote-border:#a3a3a3;--rc-quote-bg:#fafafa;--rc-alert-info:#006bb7;--rc-alert-warning:#c50;--rc-alert-tip:#1c0;--rc-alert-caution:#c01;--rc-alert-important:#50c;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", 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:12px}.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:#a3a3a3;--rc-text-tertiary:#737373;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#262626;--rc-accent:#60a5fa;--rc-accent-light:#60a5fa20;--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#262626;--rc-hr-border:#262626;--rc-quote-border:#60a5fa;--rc-quote-bg:#262626;--rc-alert-info:#7db9e5;--rc-alert-warning:#da864a;--rc-alert-tip:#54da48;--rc-alert-caution:#e16973;--rc-alert-important:#9966e0;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}
1
+ :root{--rc-text:#171717;--rc-text-secondary:#404040;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#e8e8e8;--rc-border-subtle:#f0f0f0;--rc-accent:#2563eb;--rc-accent-light:color-mix(in oklab, var(--rc-accent) 12%, transparent);--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-code-header-bg:#f0f0f0;--rc-hr-border:#e8e8e8;--rc-quote-border:color-mix(in oklab, var(--rc-text) 18%, transparent);--rc-quote-bg:#f5f5f5;--rc-alert-info:#2f6db5;--rc-alert-warning:#b7791f;--rc-alert-tip:#2f855a;--rc-alert-caution:#c53030;--rc-alert-important:#6b46c1;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-flow-paragraph:1.25em;--rc-flow-list:.375em;--rc-flow-block:2em;--rc-flow-heading:2em;--rc-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto 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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", 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-font-size-code:.8125em;--rc-font-size-caption:.8125em;--rc-line-height:1.75;--rc-line-height-tight:1.35;--rc-line-height-compact:1.6;--rc-line-height-code:1.7;--rc-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}:root.dark,[data-theme=dark]{--rc-text:#ededed;--rc-text-secondary:#c2c2c2;--rc-text-tertiary:#8a8a8a;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#2e2e2e;--rc-border-subtle:#1f1f1f;--rc-accent:#60a5fa;--rc-accent-light:color-mix(in oklab, var(--rc-accent) 12%, transparent);--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#1a1a1a;--rc-code-header-bg:#212121;--rc-hr-border:#2e2e2e;--rc-quote-border:color-mix(in oklab, var(--rc-text) 22%, transparent);--rc-quote-bg:#262626;--rc-alert-info:#7aa7e0;--rc-alert-warning:#e0a458;--rc-alert-tip:#6cbf8f;--rc-alert-caution:#ef7d7d;--rc-alert-important:#a78bfa;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}.yglj5t0{--rc-text:#171717;--rc-text-secondary:#404040;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#e8e8e8;--rc-border-subtle:#f0f0f0;--rc-accent:#2563eb;--rc-accent-light:color-mix(in oklab, var(--rc-accent) 12%, transparent);--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-code-header-bg:#f0f0f0;--rc-hr-border:#e8e8e8;--rc-quote-border:color-mix(in oklab, var(--rc-text) 18%, transparent);--rc-quote-bg:#f5f5f5;--rc-alert-info:#2f6db5;--rc-alert-warning:#b7791f;--rc-alert-tip:#2f855a;--rc-alert-caution:#c53030;--rc-alert-important:#6b46c1;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-flow-paragraph:1.25em;--rc-flow-list:.375em;--rc-flow-block:2em;--rc-flow-heading:2em;--rc-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto 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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", 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-font-size-code:.8125em;--rc-font-size-caption:.8125em;--rc-line-height:1.75;--rc-line-height-tight:1.35;--rc-line-height-compact:1.6;--rc-line-height-code:1.7;--rc-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.yglj5t1{--rc-text:#171717;--rc-text-secondary:#404040;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#e8e8e8;--rc-border-subtle:#f0f0f0;--rc-accent:#2563eb;--rc-accent-light:color-mix(in oklab, var(--rc-accent) 12%, transparent);--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-code-header-bg:#f0f0f0;--rc-hr-border:#e8e8e8;--rc-quote-border:color-mix(in oklab, var(--rc-text) 18%, transparent);--rc-quote-bg:#f5f5f5;--rc-alert-info:#2f6db5;--rc-alert-warning:#b7791f;--rc-alert-tip:#2f855a;--rc-alert-caution:#c53030;--rc-alert-important:#6b46c1;--rc-max-width:700px;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-flow-paragraph:.5em;--rc-flow-list:.375em;--rc-flow-block:2em;--rc-flow-heading:2em;--rc-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto 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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", 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-font-size-code:.8125em;--rc-font-size-caption:.8125em;--rc-line-height:1.85;--rc-line-height-tight:1.35;--rc-line-height-compact:1.6;--rc-line-height-code:1.7;--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:#171717;--rc-text-secondary:#404040;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#e8e8e8;--rc-border-subtle:#f0f0f0;--rc-accent:#2563eb;--rc-accent-light:color-mix(in oklab, var(--rc-accent) 12%, transparent);--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-code-header-bg:#f0f0f0;--rc-hr-border:#e8e8e8;--rc-quote-border:color-mix(in oklab, var(--rc-text) 18%, transparent);--rc-quote-bg:#fafafa;--rc-alert-info:#2f6db5;--rc-alert-warning:#b7791f;--rc-alert-tip:#2f855a;--rc-alert-caution:#c53030;--rc-alert-important:#6b46c1;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:2px;--rc-space-sm:4px;--rc-space-md:10px;--rc-space-lg:16px;--rc-space-xl:20px;--rc-flow-paragraph:.6em;--rc-flow-list:.25em;--rc-flow-block:1em;--rc-flow-heading:1em;--rc-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto 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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", 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-font-size-code:.9286em;--rc-font-size-caption:.9286em;--rc-line-height:1.6;--rc-line-height-tight:1.3;--rc-line-height-compact:1.6;--rc-line-height-code:1.7;--rc-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--rc-radius-sm:3px;--rc-radius-md:6px;--rc-radius-lg:12px}.yglj5t3{--rc-text:#171717;--rc-text-secondary:#404040;--rc-text-tertiary:#737373;--rc-text-quaternary:#a3a3a3;--rc-bg:#fff;--rc-bg-secondary:#fafafa;--rc-bg-tertiary:#f5f5f5;--rc-fill:#e8e8e8;--rc-fill-secondary:#eee;--rc-fill-tertiary:#f5f5f5;--rc-fill-quaternary:#fafafa;--rc-border:#e8e8e8;--rc-border-subtle:#f0f0f0;--rc-accent:#2563eb;--rc-accent-light:color-mix(in oklab, var(--rc-accent) 12%, transparent);--rc-link:#2563eb;--rc-code-text:#404040;--rc-code-bg:#f5f5f5;--rc-code-header-bg:#f0f0f0;--rc-hr-border:#e8e8e8;--rc-quote-border:color-mix(in oklab, var(--rc-text) 18%, transparent);--rc-quote-bg:#fafafa;--rc-alert-info:#2f6db5;--rc-alert-warning:#b7791f;--rc-alert-tip:#2f855a;--rc-alert-caution:#c53030;--rc-alert-important:#6b46c1;--rc-max-width:none;--rc-shadow-top-bar:0 8px 30px #0000001f, 0 2px 8px #0000000f;--rc-shadow-modal:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--rc-shadow-menu:0 1px 4px #0000000a, 0 4px 16px #00000014;--rc-space-xs:4px;--rc-space-sm:8px;--rc-space-md:16px;--rc-space-lg:24px;--rc-space-xl:32px;--rc-flow-paragraph:.75em;--rc-flow-list:.25em;--rc-flow-block:1em;--rc-flow-heading:1em;--rc-font-family-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto 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-family-kai:"楷体", KaiTi, STKaiti, "Kaiti SC", "LXGW WenKai", "霞鹜文楷", "Noto Serif CJK SC", serif;--rc-font-mono:"SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, "PingFang SC", "Noto Sans SC", 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:15px;--rc-font-size-small:13px;--rc-font-size-code:.8667em;--rc-font-size-caption:.8667em;--rc-line-height:1.65;--rc-line-height-tight:1.3;--rc-line-height-compact:1.6;--rc-line-height-code:1.7;--rc-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", Roboto, Helvetica, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";--rc-radius-sm:4px;--rc-radius-md:8px;--rc-radius-lg:12px}.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,.dark .yglj5t3,[data-theme=dark] .yglj5t3,.dark.yglj5t3,[data-theme=dark].yglj5t3{--rc-text:#ededed;--rc-text-secondary:#c2c2c2;--rc-text-tertiary:#8a8a8a;--rc-text-quaternary:#525252;--rc-bg:#0a0a0a;--rc-bg-secondary:#171717;--rc-bg-tertiary:#262626;--rc-fill:#2a2a2a;--rc-fill-secondary:#222;--rc-fill-tertiary:#1a1a1a;--rc-fill-quaternary:#141414;--rc-border:#2e2e2e;--rc-border-subtle:#1f1f1f;--rc-accent:#60a5fa;--rc-accent-light:color-mix(in oklab, var(--rc-accent) 12%, transparent);--rc-link:#60a5fa;--rc-code-text:#d4d4d4;--rc-code-bg:#1a1a1a;--rc-code-header-bg:#212121;--rc-hr-border:#2e2e2e;--rc-quote-border:color-mix(in oklab, var(--rc-text) 22%, transparent);--rc-quote-bg:#262626;--rc-alert-info:#7aa7e0;--rc-alert-warning:#e0a458;--rc-alert-tip:#6cbf8f;--rc-alert-caution:#ef7d7d;--rc-alert-important:#a78bfa;--rc-shadow-top-bar:0 8px 30px #00000073, 0 2px 8px #0000004d;--rc-shadow-modal:0 10px 15px -3px #0006, 0 4px 6px -4px #00000059;--rc-shadow-menu:0 1px 4px #00000040, 0 4px 16px #0006}
2
2
  /*$vite$:1*/
package/dist/styles.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export { type ThemeTokens } from './create-theme-style';
2
2
  export { createThemeStyle } from './create-theme-style';
3
- export { articleLayout, commentLayout, darkColors, fonts, lightArticleColors, lightCommentColors, noteLayout, } from './themes';
4
- export { articleTheme, commentTheme, noteTheme, vars } from './vars.css';
3
+ export { articleLayout, chatLayout, commentLayout, darkColors, fonts, lightArticleColors, lightCommentColors, noteLayout, } from './themes';
4
+ export { articleTheme, chatTheme, commentTheme, noteTheme, vars } from './vars.css';
5
5
  //# sourceMappingURL=styles.d.ts.map
package/dist/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,aAAa,EACb,aAAa,EACb,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EACL,aAAa,EACb,UAAU,EACV,aAAa,EACb,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,kBAAkB,EAClB,UAAU,GACX,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC"}
package/dist/styles.mjs CHANGED
@@ -1 +1 @@
1
- export { t as articleLayout, l as articleTheme, n as commentLayout, u as commentTheme, c as createThemeStyle, r as darkColors, i as fonts, a as lightArticleColors, o as lightCommentColors, s as noteLayout, d as noteTheme, f as vars } from "./themes-CzJQjqlY.js";
1
+ export { t as articleLayout, u as articleTheme, n as chatLayout, d as chatTheme, r as commentLayout, f as commentTheme, l as createThemeStyle, i as darkColors, a as fonts, o as lightArticleColors, s as lightCommentColors, c as noteLayout, p as noteTheme, m as vars } from "./themes-0BIul2rm.js";
package/dist/{themes-CzJQjqlY.js → themes-0BIul2rm.js} RENAMED
@@ -13,11 +13,13 @@ var vars = {
13
13
  fillTertiary: "var(--rc-fill-tertiary)",
14
14
  fillQuaternary: "var(--rc-fill-quaternary)",
15
15
  border: "var(--rc-border)",
16
+ borderSubtle: "var(--rc-border-subtle)",
16
17
  accent: "var(--rc-accent)",
17
18
  accentLight: "var(--rc-accent-light)",
18
19
  link: "var(--rc-link)",
19
20
  codeText: "var(--rc-code-text)",
20
21
  codeBg: "var(--rc-code-bg)",
22
+ codeHeaderBg: "var(--rc-code-header-bg)",
21
23
  hrBorder: "var(--rc-hr-border)",
22
24
  quoteBorder: "var(--rc-quote-border)",
23
25
  quoteBg: "var(--rc-quote-bg)",
@@ -34,6 +36,12 @@ var vars = {
34
36
  lg: "var(--rc-space-lg)",
35
37
  xl: "var(--rc-space-xl)"
36
38
  },
39
+ flow: {
40
+ paragraph: "var(--rc-flow-paragraph)",
41
+ list: "var(--rc-flow-list)",
42
+ block: "var(--rc-flow-block)",
43
+ heading: "var(--rc-flow-heading)"
44
+ },
37
45
  typography: {
38
46
  fontFamily: "var(--rc-font-family)",
39
47
  fontFamilySans: "var(--rc-font-family-sans)",
@@ -47,8 +55,12 @@ var vars = {
47
55
  fontSizeLg: "var(--rc-font-size-lg)",
48
56
  fontSizeBase: "var(--rc-font-size-base)",
49
57
  fontSizeSmall: "var(--rc-font-size-small)",
58
+ fontSizeCode: "var(--rc-font-size-code)",
59
+ fontSizeCaption: "var(--rc-font-size-caption)",
50
60
  lineHeight: "var(--rc-line-height)",
51
- lineHeightTight: "var(--rc-line-height-tight)"
61
+ lineHeightTight: "var(--rc-line-height-tight)",
62
+ lineHeightCompact: "var(--rc-line-height-compact)",
63
+ lineHeightCode: "var(--rc-line-height-code)"
52
64
  },
53
65
  borderRadius: {
54
66
  sm: "var(--rc-radius-sm)",
@@ -65,6 +77,7 @@ var vars = {
65
77
  var articleTheme = "yglj5t0";
66
78
  var noteTheme = "yglj5t1";
67
79
  var commentTheme = "yglj5t2";
80
+ var chatTheme = "yglj5t3";
68
81
  //#endregion
69
82
  //#region src/create-theme-style.ts
70
83
  function extractVarName(cssVarRef) {
@@ -88,14 +101,14 @@ function createThemeStyle(tokens) {
88
101
  //#endregion
89
102
  //#region src/themes.ts
90
103
  var fonts = {
91
- 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",
104
+ fontFamilySans: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Noto Sans SC\", Roboto, Helvetica, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\"",
92
105
  fontFamilySerif: "\"Noto Serif CJK SC\", \"Source Han Serif SC\", \"Source Han Serif\", \"source-han-serif-sc\", \"Songti SC\", STSong, \"华文宋体\", serif",
93
106
  fontFamilyKai: "\"楷体\", KaiTi, STKaiti, \"Kaiti SC\", \"LXGW WenKai\", \"霞鹜文楷\", \"Noto Serif CJK SC\", serif",
94
- fontMono: "\"SF Mono\", SFMono-Regular, ui-monospace, \"DejaVu Sans Mono\", Menlo, Consolas, monospace"
107
+ fontMono: "\"SF Mono\", SFMono-Regular, ui-monospace, \"DejaVu Sans Mono\", Menlo, Consolas, \"PingFang SC\", \"Noto Sans SC\", monospace"
95
108
  };
96
109
  var lightArticleColors = {
97
- text: "#000",
98
- textSecondary: "#262626",
110
+ text: "#171717",
111
+ textSecondary: "#404040",
99
112
  textTertiary: "#737373",
100
113
  textQuaternary: "#a3a3a3",
101
114
  bg: "#ffffff",
@@ -105,30 +118,31 @@ var lightArticleColors = {
105
118
  fillSecondary: "#eeeeee",
106
119
  fillTertiary: "#f5f5f5",
107
120
  fillQuaternary: "#fafafa",
108
- border: "#f5f5f5",
121
+ border: "#e8e8e8",
122
+ borderSubtle: "#f0f0f0",
109
123
  accent: "#2563eb",
110
- accentLight: "#2563eb20",
124
+ accentLight: "color-mix(in oklab, var(--rc-accent) 12%, transparent)",
111
125
  link: "#2563eb",
112
126
  codeText: "#404040",
113
127
  codeBg: "#f5f5f5",
114
- hrBorder: "#e5e5e5",
115
- quoteBorder: "#2563eb",
128
+ codeHeaderBg: "#f0f0f0",
129
+ hrBorder: "#e8e8e8",
130
+ quoteBorder: "color-mix(in oklab, var(--rc-text) 18%, transparent)",
116
131
  quoteBg: "#f5f5f5",
117
- alertInfo: "#006bb7",
118
- alertWarning: "#cc5500",
119
- alertTip: "#11cc00",
120
- alertCaution: "#cc0011",
121
- alertImportant: "#5500cc"
132
+ alertInfo: "#2f6db5",
133
+ alertWarning: "#b7791f",
134
+ alertTip: "#2f855a",
135
+ alertCaution: "#c53030",
136
+ alertImportant: "#6b46c1"
122
137
  };
123
138
  var lightCommentColors = {
124
139
  ...lightArticleColors,
125
- quoteBorder: "#a3a3a3",
126
140
  quoteBg: "#fafafa"
127
141
  };
128
142
  var darkColors = {
129
- text: "#fafafa",
130
- textSecondary: "#a3a3a3",
131
- textTertiary: "#737373",
143
+ text: "#ededed",
144
+ textSecondary: "#c2c2c2",
145
+ textTertiary: "#8a8a8a",
132
146
  textQuaternary: "#525252",
133
147
  bg: "#0a0a0a",
134
148
  bgSecondary: "#171717",
@@ -137,20 +151,22 @@ var darkColors = {
137
151
  fillSecondary: "#222222",
138
152
  fillTertiary: "#1a1a1a",
139
153
  fillQuaternary: "#141414",
140
- border: "#262626",
154
+ border: "#2e2e2e",
155
+ borderSubtle: "#1f1f1f",
141
156
  accent: "#60a5fa",
142
- accentLight: "#60a5fa20",
157
+ accentLight: "color-mix(in oklab, var(--rc-accent) 12%, transparent)",
143
158
  link: "#60a5fa",
144
159
  codeText: "#d4d4d4",
145
- codeBg: "#262626",
146
- hrBorder: "#262626",
147
- quoteBorder: "#60a5fa",
160
+ codeBg: "#1a1a1a",
161
+ codeHeaderBg: "#212121",
162
+ hrBorder: "#2e2e2e",
163
+ quoteBorder: "color-mix(in oklab, var(--rc-text) 22%, transparent)",
148
164
  quoteBg: "#262626",
149
- alertInfo: "#7db9e5",
150
- alertWarning: "#da864a",
151
- alertTip: "#54da48",
152
- alertCaution: "#e16973",
153
- alertImportant: "#9966e0"
165
+ alertInfo: "#7aa7e0",
166
+ alertWarning: "#e0a458",
167
+ alertTip: "#6cbf8f",
168
+ alertCaution: "#ef7d7d",
169
+ alertImportant: "#a78bfa"
154
170
  };
155
171
  var sharedSpacing = {
156
172
  xs: "4px",
@@ -181,13 +197,30 @@ var baseTypography = {
181
197
  fontSizeLg: "1.25em",
182
198
  fontSizeBase: "16px",
183
199
  fontSizeSmall: "14px",
184
- lineHeight: "1.7",
185
- lineHeightTight: "1.4"
200
+ fontSizeCode: "0.8125em",
201
+ fontSizeCaption: "0.8125em",
202
+ lineHeight: "1.75",
203
+ lineHeightTight: "1.35",
204
+ lineHeightCompact: "1.6",
205
+ lineHeightCode: "1.7"
206
+ };
207
+ var proseFlow = {
208
+ paragraph: "1.25em",
209
+ list: "0.375em",
210
+ block: "2em",
211
+ heading: "2em"
212
+ };
213
+ var compactFlow = {
214
+ paragraph: "0.6em",
215
+ list: "0.25em",
216
+ block: "1em",
217
+ heading: "1em"
186
218
  };
187
219
  var articleLayout = {
188
220
  layout: { maxWidth: "700px" },
189
221
  boxShadow: sharedBoxShadow,
190
222
  spacing: sharedSpacing,
223
+ flow: proseFlow,
191
224
  typography: {
192
225
  ...baseTypography,
193
226
  fontFamily: fonts.fontFamilySans
@@ -198,10 +231,14 @@ var noteLayout = {
198
231
  layout: { maxWidth: "700px" },
199
232
  boxShadow: sharedBoxShadow,
200
233
  spacing: sharedSpacing,
234
+ flow: {
235
+ ...proseFlow,
236
+ paragraph: "0.5em"
237
+ },
201
238
  typography: {
202
239
  ...baseTypography,
203
240
  fontFamily: fonts.fontFamilySerif,
204
- lineHeight: "1.8"
241
+ lineHeight: "1.85"
205
242
  },
206
243
  borderRadius: sharedBorderRadius
207
244
  };
@@ -215,12 +252,15 @@ var commentLayout = {
215
252
  lg: "16px",
216
253
  xl: "20px"
217
254
  },
255
+ flow: compactFlow,
218
256
  typography: {
219
257
  ...baseTypography,
220
258
  fontFamily: fonts.fontFamilySans,
221
259
  fontSizeBase: "14px",
222
260
  fontSizeSmall: "12px",
223
- lineHeight: "1.5",
261
+ fontSizeCode: "0.9286em",
262
+ fontSizeCaption: "0.9286em",
263
+ lineHeight: "1.6",
224
264
  lineHeightTight: "1.3"
225
265
  },
226
266
  borderRadius: {
@@ -229,5 +269,25 @@ var commentLayout = {
229
269
  lg: "12px"
230
270
  }
231
271
  };
272
+ var chatLayout = {
273
+ layout: { maxWidth: "none" },
274
+ boxShadow: sharedBoxShadow,
275
+ spacing: sharedSpacing,
276
+ flow: {
277
+ ...compactFlow,
278
+ paragraph: "0.75em"
279
+ },
280
+ typography: {
281
+ ...baseTypography,
282
+ fontFamily: fonts.fontFamilySans,
283
+ fontSizeBase: "15px",
284
+ fontSizeSmall: "13px",
285
+ fontSizeCode: "0.8667em",
286
+ fontSizeCaption: "0.8667em",
287
+ lineHeight: "1.65",
288
+ lineHeightTight: "1.3"
289
+ },
290
+ borderRadius: sharedBorderRadius
291
+ };
232
292
  //#endregion
233
- export { lightArticleColors as a, createThemeStyle as c, noteTheme as d, vars as f, fonts as i, articleTheme as l, commentLayout as n, lightCommentColors as o, darkColors as r, noteLayout as s, articleLayout as t, commentTheme as u };
293
+ export { fonts as a, noteLayout as c, chatTheme as d, commentTheme as f, darkColors as i, createThemeStyle as l, vars as m, chatLayout as n, lightArticleColors as o, noteTheme as p, commentLayout as r, lightCommentColors as s, articleLayout as t, articleTheme as u };
package/dist/themes.d.ts CHANGED
@@ -17,11 +17,13 @@ export declare const lightArticleColors: {
17
17
  fillTertiary: string;
18
18
  fillQuaternary: string;
19
19
  border: string;
20
+ borderSubtle: string;
20
21
  accent: string;
21
22
  accentLight: string;
22
23
  link: string;
23
24
  codeText: string;
24
25
  codeBg: string;
26
+ codeHeaderBg: string;
25
27
  hrBorder: string;
26
28
  quoteBorder: string;
27
29
  quoteBg: string;
@@ -32,7 +34,6 @@ export declare const lightArticleColors: {
32
34
  alertImportant: string;
33
35
  };
34
36
  export declare const lightCommentColors: {
35
- quoteBorder: string;
36
37
  quoteBg: string;
37
38
  text: string;
38
39
  textSecondary: string;
@@ -46,12 +47,15 @@ export declare const lightCommentColors: {
46
47
  fillTertiary: string;
47
48
  fillQuaternary: string;
48
49
  border: string;
50
+ borderSubtle: string;
49
51
  accent: string;
50
52
  accentLight: string;
51
53
  link: string;
52
54
  codeText: string;
53
55
  codeBg: string;
56
+ codeHeaderBg: string;
54
57
  hrBorder: string;
58
+ quoteBorder: string;
55
59
  alertInfo: string;
56
60
  alertWarning: string;
57
61
  alertTip: string;
@@ -71,11 +75,13 @@ export declare const darkColors: {
71
75
  fillTertiary: string;
72
76
  fillQuaternary: string;
73
77
  border: string;
78
+ borderSubtle: string;
74
79
  accent: string;
75
80
  accentLight: string;
76
81
  link: string;
77
82
  codeText: string;
78
83
  codeBg: string;
84
+ codeHeaderBg: string;
79
85
  hrBorder: string;
80
86
  quoteBorder: string;
81
87
  quoteBg: string;
@@ -106,6 +112,12 @@ export declare const articleLayout: {
106
112
  lg: string;
107
113
  xl: string;
108
114
  };
115
+ flow: {
116
+ paragraph: string;
117
+ list: string;
118
+ block: string;
119
+ heading: string;
120
+ };
109
121
  typography: {
110
122
  fontFamily: string;
111
123
  fontFamilySans: string;
@@ -119,8 +131,12 @@ export declare const articleLayout: {
119
131
  fontSizeLg: string;
120
132
  fontSizeBase: string;
121
133
  fontSizeSmall: string;
134
+ fontSizeCode: string;
135
+ fontSizeCaption: string;
122
136
  lineHeight: string;
123
137
  lineHeightTight: string;
138
+ lineHeightCompact: string;
139
+ lineHeightCode: string;
124
140
  };
125
141
  borderRadius: {
126
142
  sm: string;
@@ -144,6 +160,12 @@ export declare const noteLayout: {
144
160
  lg: string;
145
161
  xl: string;
146
162
  };
163
+ flow: {
164
+ paragraph: string;
165
+ list: string;
166
+ block: string;
167
+ heading: string;
168
+ };
147
169
  typography: {
148
170
  fontFamily: string;
149
171
  lineHeight: string;
@@ -158,7 +180,11 @@ export declare const noteLayout: {
158
180
  fontSizeLg: string;
159
181
  fontSizeBase: string;
160
182
  fontSizeSmall: string;
183
+ fontSizeCode: string;
184
+ fontSizeCaption: string;
161
185
  lineHeightTight: string;
186
+ lineHeightCompact: string;
187
+ lineHeightCode: string;
162
188
  };
163
189
  borderRadius: {
164
190
  sm: string;
@@ -182,10 +208,66 @@ export declare const commentLayout: {
182
208
  lg: string;
183
209
  xl: string;
184
210
  };
211
+ flow: {
212
+ paragraph: string;
213
+ list: string;
214
+ block: string;
215
+ heading: string;
216
+ };
217
+ typography: {
218
+ fontFamily: string;
219
+ fontSizeBase: string;
220
+ fontSizeSmall: string;
221
+ fontSizeCode: string;
222
+ fontSizeCaption: string;
223
+ lineHeight: string;
224
+ lineHeightTight: string;
225
+ fontFamilySans: string;
226
+ fontFamilySerif: string;
227
+ fontFamilyKai: string;
228
+ fontMono: string;
229
+ fontSize2xs: string;
230
+ fontSizeXs: string;
231
+ fontSizeSm: string;
232
+ fontSizeMd: string;
233
+ fontSizeLg: string;
234
+ lineHeightCompact: string;
235
+ lineHeightCode: string;
236
+ };
237
+ borderRadius: {
238
+ sm: string;
239
+ md: string;
240
+ lg: string;
241
+ };
242
+ };
243
+ export declare const chatLayout: {
244
+ layout: {
245
+ maxWidth: string;
246
+ };
247
+ boxShadow: {
248
+ topBar: string;
249
+ modal: string;
250
+ menu: string;
251
+ };
252
+ spacing: {
253
+ xs: string;
254
+ sm: string;
255
+ md: string;
256
+ lg: string;
257
+ xl: string;
258
+ };
259
+ flow: {
260
+ paragraph: string;
261
+ list: string;
262
+ block: string;
263
+ heading: string;
264
+ };
185
265
  typography: {
186
266
  fontFamily: string;
187
267
  fontSizeBase: string;
188
268
  fontSizeSmall: string;
269
+ fontSizeCode: string;
270
+ fontSizeCaption: string;
189
271
  lineHeight: string;
190
272
  lineHeightTight: string;
191
273
  fontFamilySans: string;
@@ -197,6 +279,8 @@ export declare const commentLayout: {
197
279
  fontSizeSm: string;
198
280
  fontSizeMd: string;
199
281
  fontSizeLg: string;
282
+ lineHeightCompact: string;
283
+ lineHeightCode: string;
200
284
  };
201
285
  borderRadius: {
202
286
  sm: string;
package/dist/themes.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;CASjB,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CAI9B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BtB,CAAC;AAgBF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAiBF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAazB,CAAC"}
1
+ {"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;CASjB,CAAC;AAGF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4B9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG9B,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BtB,CAAC;AAgBF,eAAO,MAAM,aAAa;;;;CAIzB,CAAC;AAuBF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAWtB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgBtB,CAAC"}
package/dist/vars.css.d.ts CHANGED
@@ -12,11 +12,13 @@ export declare const vars: {
12
12
  fillTertiary: `var(--${string})`;
13
13
  fillQuaternary: `var(--${string})`;
14
14
  border: `var(--${string})`;
15
+ borderSubtle: `var(--${string})`;
15
16
  accent: `var(--${string})`;
16
17
  accentLight: `var(--${string})`;
17
18
  link: `var(--${string})`;
18
19
  codeText: `var(--${string})`;
19
20
  codeBg: `var(--${string})`;
21
+ codeHeaderBg: `var(--${string})`;
20
22
  hrBorder: `var(--${string})`;
21
23
  quoteBorder: `var(--${string})`;
22
24
  quoteBg: `var(--${string})`;
@@ -33,6 +35,12 @@ export declare const vars: {
33
35
  lg: `var(--${string})`;
34
36
  xl: `var(--${string})`;
35
37
  };
38
+ flow: {
39
+ paragraph: `var(--${string})`;
40
+ list: `var(--${string})`;
41
+ block: `var(--${string})`;
42
+ heading: `var(--${string})`;
43
+ };
36
44
  typography: {
37
45
  fontFamily: `var(--${string})`;
38
46
  fontFamilySans: `var(--${string})`;
@@ -46,8 +54,12 @@ export declare const vars: {
46
54
  fontSizeLg: `var(--${string})`;
47
55
  fontSizeBase: `var(--${string})`;
48
56
  fontSizeSmall: `var(--${string})`;
57
+ fontSizeCode: `var(--${string})`;
58
+ fontSizeCaption: `var(--${string})`;
49
59
  lineHeight: `var(--${string})`;
50
60
  lineHeightTight: `var(--${string})`;
61
+ lineHeightCompact: `var(--${string})`;
62
+ lineHeightCode: `var(--${string})`;
51
63
  };
52
64
  borderRadius: {
53
65
  sm: `var(--${string})`;
@@ -66,4 +78,5 @@ export declare const vars: {
66
78
  export declare const articleTheme: string;
67
79
  export declare const noteTheme: string;
68
80
  export declare const commentTheme: string;
81
+ export declare const chatTheme: string;
69
82
  //# sourceMappingURL=vars.css.d.ts.map
package/dist/vars.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../src/vars.css.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHf,CAAC;AAmBH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC"}
1
+ {"version":3,"file":"vars.css.d.ts","sourceRoot":"","sources":["../src/vars.css.ts"],"names":[],"mappings":"AAmBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIf,CAAC;AAmBH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC;AAEH,eAAO,MAAM,YAAY,QAGvB,CAAC;AAEH,eAAO,MAAM,SAAS,QAGpB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haklex/rich-style-token",
3
- "version": "0.49.0",
3
+ "version": "0.50.0",
4
4
  "description": "Style tokens and CSS variables for haklex rich editor",
5
5
  "repository": {
6
6
  "type": "git",