@lobehub/ui 5.57.3 → 6.0.0-beta.1

package/es/styles/theme/themeCss.mjs

@@ -0,0 +1,318 @@
+import { createLobeTokenGroups } from "./createLobeToken.mjs";
+import { toCssVarName, toCssVariables } from "../css.mjs";
+import { neutralColors, primaryColors } from "../customTheme.mjs";
+//#region src/styles/theme/themeCss.ts
+const v = (key) => `var(${toCssVarName(key)})`;
+const ring = {
+	dark: "0 0 0 1px rgb(255 255 255 / 18%)",
+	light: "0 0 0 1px rgb(0 0 0 / 5%)"
+};
+const rule = (selector, declarations) => `${selector} {\n${Object.entries(declarations).map(([name, value]) => `  ${name}: ${value};`).join("\n")}\n}`;
+const appearanceRule = (selector, appearance) => {
+	const { neutral, palette, primary, static: base } = createLobeTokenGroups({ appearance });
+	const token = appearance === "light" ? {
+		...base,
+		...palette,
+		...primary,
+		...neutral
+	} : {
+		...palette,
+		...primary,
+		...neutral
+	};
+	return rule(selector, {
+		...toCssVariables(token),
+		"--lobe-ring": ring[appearance],
+		"color-scheme": appearance
+	});
+};
+const appearanceSelector = (appearance) => appearance === "dark" ? "[data-theme='dark']" : ":not([data-theme='dark'])";
+const colorRules = (appearance) => [...Object.keys(primaryColors).map((primaryColor) => rule(`[data-primary-color='${primaryColor}']${appearanceSelector(appearance)}`, toCssVariables(createLobeTokenGroups({
+	appearance,
+	primaryColor
+}).primary))), ...Object.keys(neutralColors).map((neutralColor) => rule(`[data-neutral-color='${neutralColor}']${appearanceSelector(appearance)}`, toCssVariables(createLobeTokenGroups({
+	appearance,
+	neutralColor
+}).neutral)))];
+const essentialCss = `@layer lobe-ui {
+  .lobe-brand-loading path {
+    fill: currentcolor;
+    fill-opacity: 0;
+    stroke: currentcolor;
+    stroke-dasharray: 1000;
+    stroke-dashoffset: 1000;
+    stroke-width: 0.25em;
+
+    animation:
+      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,
+      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+  }
+}
+
+@layer lobe-popup {
+  .lobe-context-trigger[data-popup-open],
+  .lobe-dropdown-menu-trigger[data-popup-open] {
+    background: ${v("colorFillTertiary")};
+  }
+}
+
+@layer lobe-base {
+  :where(body, body [data-theme]) {
+    color: ${v("colorText")};
+    font-family: ${v("fontFamily")};
+    font-size: ${v("fontSize")};
+    line-height: ${v("lineHeight")};
+  }
+
+  :where(body) :where(a) {
+    cursor: pointer;
+
+    color: ${v("colorLink")};
+    text-decoration: none;
+
+    background-color: transparent;
+    outline: none;
+
+    transition: color ${v("motionDurationSlow")};
+  }
+
+  :where(body) :where(a):hover {
+    color: ${v("colorLinkHover")};
+  }
+
+  :where(body) :where(a):active {
+    color: ${v("colorLinkActive")};
+  }
+
+  :where(body) :where(a):focus-visible {
+    outline: ${v("lineWidthFocus")} solid ${v("colorPrimaryBorder")};
+    outline-offset: 1px;
+  }
+
+  :where(body) :where(a)[disabled] {
+    cursor: not-allowed;
+    color: ${v("colorTextDisabled")};
+  }
+
+  :where(.lobe-flex) {
+    --lobe-flex: 0 1 auto;
+    --lobe-flex-direction: column;
+    --lobe-flex-wrap: nowrap;
+    --lobe-flex-justify: flex-start;
+    --lobe-flex-align: stretch;
+    --lobe-flex-width: auto;
+    --lobe-flex-height: auto;
+    --lobe-flex-padding: 0;
+    --lobe-flex-padding-inline: var(--lobe-flex-padding);
+    --lobe-flex-padding-block: var(--lobe-flex-padding);
+    --lobe-flex-gap: 0;
+
+    display: flex;
+    flex: var(--lobe-flex);
+    flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);
+    gap: var(--lobe-flex-gap);
+    align-items: var(--lobe-flex-align);
+    justify-content: var(--lobe-flex-justify);
+
+    width: var(--lobe-flex-width);
+    height: var(--lobe-flex-height);
+    padding: var(--lobe-flex-padding);
+    padding-block: var(--lobe-flex-padding-block);
+    padding-inline: var(--lobe-flex-padding-inline);
+  }
+
+  .lobe-flex-hidden {
+    display: none;
+  }
+}
+
+@keyframes draw {
+  0% {
+    stroke-dashoffset: 1000;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+
+@keyframes fill {
+  30% {
+    fill-opacity: 0.05;
+  }
+
+  100% {
+    fill-opacity: 1;
+  }
+}`;
+const globalCss = `@layer lobe-base {
+  :root {
+    --font-settings: 'cv01', 'tnum', 'kern';
+    --font-variations: 'opsz' auto, tabular-nums;
+
+    font-synthesis: style;
+    text-autospace: normal;
+  }
+
+  html {
+    overscroll-behavior: none;
+  }
+
+  body {
+    overflow: hidden auto;
+
+    min-height: 100vh;
+    margin: 0;
+    padding: 0;
+
+    font-feature-settings: var(--font-settings);
+    font-variation-settings: var(--font-variations);
+    font-optical-sizing: auto;
+    font-kerning: normal;
+    font-variant-ligatures: common-ligatures contextual;
+    font-variant-numeric: tabular-nums;
+    font-size-adjust: from-font;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-wrap: pretty;
+    text-size-adjust: 100%;
+    text-rendering: optimizelegibility;
+    overflow-wrap: anywhere;
+    vertical-align: baseline;
+
+    background-color: ${v("colorBgLayout")};
+
+    font-synthesis: style;
+
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  html,
+  body {
+    width: 100%;
+    height: 100%;
+  }
+
+  [tabindex='-1']:focus {
+    outline: none;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin-block: 0 0.5em;
+    font-weight: 500;
+  }
+
+  p,
+  ol,
+  ul,
+  dl,
+  pre {
+    margin-block: 0 1em;
+  }
+
+  ol ol,
+  ul ul,
+  ol ul,
+  ul ol {
+    margin-block-end: 0;
+  }
+
+  dd {
+    margin-block-end: 0.5em;
+    margin-inline-start: 0;
+  }
+
+  blockquote,
+  figure {
+    margin-block: 0 1em;
+    margin-inline: 0;
+  }
+
+  img {
+    border-style: none;
+    vertical-align: middle;
+  }
+
+  table {
+    border-collapse: collapse;
+  }
+
+  input,
+  button,
+  select,
+  optgroup,
+  textarea {
+    margin: 0;
+
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    color: inherit;
+  }
+
+  textarea {
+    resize: vertical;
+    overflow: auto;
+  }
+
+  fieldset {
+    min-width: 0;
+    margin: 0;
+    padding: 0;
+    border: 0;
+  }
+
+  code,
+  kbd,
+  samp,
+  pre {
+    font-family: ${v("fontFamilyCode")} !important;
+    font-feature-settings:
+      'liga' 0,
+      'calt' 0;
+    font-variant-ligatures: none;
+
+    span {
+      font-family: ${v("fontFamilyCode")} !important;
+    }
+  }
+
+  ::selection {
+    color: #000;
+    background: ${v("yellow9")};
+
+    -webkit-text-fill-color: unset !important;
+  }
+
+  * {
+    scrollbar-color: ${v("colorFill")} transparent;
+    scrollbar-width: thin;
+    box-sizing: border-box;
+    vertical-align: baseline;
+  }
+}`;
+const layerOrder = "@layer lobe-base, lobe-popup, lobe-ui;";
+let cached;
+const getThemeCss = () => cached ??= [
+	layerOrder,
+	appearanceRule(":root, [data-theme='light']", "light"),
+	appearanceRule("[data-theme='dark']", "dark"),
+	...colorRules("light"),
+	...colorRules("dark"),
+	essentialCss
+].join("\n\n");
+const getGlobalCss = () => `${layerOrder}\n\n${globalCss}`;
+//#endregion
+export { getGlobalCss, getThemeCss };
+
+//# sourceMappingURL=themeCss.mjs.map

package/es/styles/theme/themeCss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeCss.mjs","names":[],"sources":["../../../src/styles/theme/themeCss.ts"],"sourcesContent":["import { toCssVariables, toCssVarName } from '../css';\nimport { neutralColors, primaryColors } from '../customTheme';\nimport { createLobeTokenGroups } from './createLobeToken';\nimport type { LobeAppearance } from './scope';\n\nconst v = (key: string) => `var(${toCssVarName(key)})`;\n\nconst ring: Record<LobeAppearance, string> = {\n  dark: '0 0 0 1px rgb(255 255 255 / 18%)',\n  light: '0 0 0 1px rgb(0 0 0 / 5%)',\n};\n\nconst rule = (selector: string, declarations: Record<string, number | string>) =>\n  `${selector} {\\n${Object.entries(declarations)\n    .map(([name, value]) => `  ${name}: ${value};`)\n    .join('\\n')}\\n}`;\n\nconst appearanceRule = (selector: string, appearance: LobeAppearance) => {\n  const { neutral, palette, primary, static: base } = createLobeTokenGroups({ appearance });\n  const token =\n    appearance === 'light'\n      ? { ...base, ...palette, ...primary, ...neutral }\n      : { ...palette, ...primary, ...neutral };\n\n  return rule(selector, {\n    ...toCssVariables(token),\n    '--lobe-ring': ring[appearance],\n    'color-scheme': appearance,\n  });\n};\n\nconst appearanceSelector = (appearance: LobeAppearance) =>\n  appearance === 'dark' ? \"[data-theme='dark']\" : \":not([data-theme='dark'])\";\n\nconst colorRules = (appearance: LobeAppearance) => [\n  ...(Object.keys(primaryColors) as (keyof typeof primaryColors)[]).map((primaryColor) =>\n    rule(\n      `[data-primary-color='${primaryColor}']${appearanceSelector(appearance)}`,\n      toCssVariables(createLobeTokenGroups({ appearance, primaryColor }).primary),\n    ),\n  ),\n  ...(Object.keys(neutralColors) as (keyof typeof neutralColors)[]).map((neutralColor) =>\n    rule(\n      `[data-neutral-color='${neutralColor}']${appearanceSelector(appearance)}`,\n      toCssVariables(createLobeTokenGroups({ appearance, neutralColor }).neutral),\n    ),\n  ),\n];\n\nconst essentialCss = `@layer lobe-ui {\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n}\n\n@layer lobe-popup {\n  .lobe-context-trigger[data-popup-open],\n  .lobe-dropdown-menu-trigger[data-popup-open] {\n    background: ${v('colorFillTertiary')};\n  }\n}\n\n@layer lobe-base {\n  :where(body, body [data-theme]) {\n    color: ${v('colorText')};\n    font-family: ${v('fontFamily')};\n    font-size: ${v('fontSize')};\n    line-height: ${v('lineHeight')};\n  }\n\n  :where(body) :where(a) {\n    cursor: pointer;\n\n    color: ${v('colorLink')};\n    text-decoration: none;\n\n    background-color: transparent;\n    outline: none;\n\n    transition: color ${v('motionDurationSlow')};\n  }\n\n  :where(body) :where(a):hover {\n    color: ${v('colorLinkHover')};\n  }\n\n  :where(body) :where(a):active {\n    color: ${v('colorLinkActive')};\n  }\n\n  :where(body) :where(a):focus-visible {\n    outline: ${v('lineWidthFocus')} solid ${v('colorPrimaryBorder')};\n    outline-offset: 1px;\n  }\n\n  :where(body) :where(a)[disabled] {\n    cursor: not-allowed;\n    color: ${v('colorTextDisabled')};\n  }\n\n  :where(.lobe-flex) {\n    --lobe-flex: 0 1 auto;\n    --lobe-flex-direction: column;\n    --lobe-flex-wrap: nowrap;\n    --lobe-flex-justify: flex-start;\n    --lobe-flex-align: stretch;\n    --lobe-flex-width: auto;\n    --lobe-flex-height: auto;\n    --lobe-flex-padding: 0;\n    --lobe-flex-padding-inline: var(--lobe-flex-padding);\n    --lobe-flex-padding-block: var(--lobe-flex-padding);\n    --lobe-flex-gap: 0;\n\n    display: flex;\n    flex: var(--lobe-flex);\n    flex-flow: var(--lobe-flex-direction) var(--lobe-flex-wrap);\n    gap: var(--lobe-flex-gap);\n    align-items: var(--lobe-flex-align);\n    justify-content: var(--lobe-flex-justify);\n\n    width: var(--lobe-flex-width);\n    height: var(--lobe-flex-height);\n    padding: var(--lobe-flex-padding);\n    padding-block: var(--lobe-flex-padding-block);\n    padding-inline: var(--lobe-flex-padding-inline);\n  }\n\n  .lobe-flex-hidden {\n    display: none;\n  }\n}\n\n@keyframes draw {\n  0% {\n    stroke-dashoffset: 1000;\n  }\n\n  100% {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes fill {\n  30% {\n    fill-opacity: 0.05;\n  }\n\n  100% {\n    fill-opacity: 1;\n  }\n}`;\n\nconst globalCss = `@layer lobe-base {\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    font-synthesis: style;\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    font-optical-sizing: auto;\n    font-kerning: normal;\n    font-variant-ligatures: common-ligatures contextual;\n    font-variant-numeric: tabular-nums;\n    font-size-adjust: from-font;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-wrap: pretty;\n    text-size-adjust: 100%;\n    text-rendering: optimizelegibility;\n    overflow-wrap: anywhere;\n    vertical-align: baseline;\n\n    background-color: ${v('colorBgLayout')};\n\n    font-synthesis: style;\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  html,\n  body {\n    width: 100%;\n    height: 100%;\n  }\n\n  [tabindex='-1']:focus {\n    outline: none;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-block: 0 0.5em;\n    font-weight: 500;\n  }\n\n  p,\n  ol,\n  ul,\n  dl,\n  pre {\n    margin-block: 0 1em;\n  }\n\n  ol ol,\n  ul ul,\n  ol ul,\n  ul ol {\n    margin-block-end: 0;\n  }\n\n  dd {\n    margin-block-end: 0.5em;\n    margin-inline-start: 0;\n  }\n\n  blockquote,\n  figure {\n    margin-block: 0 1em;\n    margin-inline: 0;\n  }\n\n  img {\n    border-style: none;\n    vertical-align: middle;\n  }\n\n  table {\n    border-collapse: collapse;\n  }\n\n  input,\n  button,\n  select,\n  optgroup,\n  textarea {\n    margin: 0;\n\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: inherit;\n  }\n\n  textarea {\n    resize: vertical;\n    overflow: auto;\n  }\n\n  fieldset {\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n  }\n\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: ${v('fontFamilyCode')} !important;\n    font-feature-settings:\n      'liga' 0,\n      'calt' 0;\n    font-variant-ligatures: none;\n\n    span {\n      font-family: ${v('fontFamilyCode')} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${v('yellow9')};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${v('colorFill')} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n}`;\n\nconst layerOrder = '@layer lobe-base, lobe-popup, lobe-ui;';\n\nlet cached: string | undefined;\n\nexport const getThemeCss = () =>\n  (cached ??= [\n    layerOrder,\n    appearanceRule(\":root, [data-theme='light']\", 'light'),\n    appearanceRule(\"[data-theme='dark']\", 'dark'),\n    ...colorRules('light'),\n    ...colorRules('dark'),\n    essentialCss,\n  ].join('\\n\\n'));\n\nexport const getGlobalCss = () => `${layerOrder}\\n\\n${globalCss}`;\n"],"mappings":";;;;AAKA,MAAM,KAAK,QAAgB,OAAO,aAAa,GAAG,EAAE;AAEpD,MAAM,OAAuC;CAC3C,MAAM;CACN,OAAO;AACT;AAEA,MAAM,QAAQ,UAAkB,iBAC9B,GAAG,SAAS,MAAM,OAAO,QAAQ,YAAY,CAAC,CAC3C,KAAK,CAAC,MAAM,WAAW,KAAK,KAAK,IAAI,MAAM,EAAE,CAAC,CAC9C,KAAK,IAAI,EAAE;AAEhB,MAAM,kBAAkB,UAAkB,eAA+B;CACvE,MAAM,EAAE,SAAS,SAAS,SAAS,QAAQ,SAAS,sBAAsB,EAAE,WAAW,CAAC;CACxF,MAAM,QACJ,eAAe,UACX;EAAE,GAAG;EAAM,GAAG;EAAS,GAAG;EAAS,GAAG;CAAQ,IAC9C;EAAE,GAAG;EAAS,GAAG;EAAS,GAAG;CAAQ;CAE3C,OAAO,KAAK,UAAU;EACpB,GAAG,eAAe,KAAK;EACvB,eAAe,KAAK;EACpB,gBAAgB;CAClB,CAAC;AACH;AAEA,MAAM,sBAAsB,eAC1B,eAAe,SAAS,wBAAwB;AAElD,MAAM,cAAc,eAA+B,CACjD,GAAI,OAAO,KAAK,aAAa,CAAC,CAAoC,KAAK,iBACrE,KACE,wBAAwB,aAAa,IAAI,mBAAmB,UAAU,KACtE,eAAe,sBAAsB;CAAE;CAAY;AAAa,CAAC,CAAC,CAAC,OAAO,CAC5E,CACF,GACA,GAAI,OAAO,KAAK,aAAa,CAAC,CAAoC,KAAK,iBACrE,KACE,wBAAwB,aAAa,IAAI,mBAAmB,UAAU,KACtE,eAAe,sBAAsB;CAAE;CAAY;AAAa,CAAC,CAAC,CAAC,OAAO,CAC5E,CACF,CACF;AAEA,MAAM,eAAe;;;;;;;;;;;;;;;;;;kBAkBH,EAAE,mBAAmB,EAAE;;;;;;aAM5B,EAAE,WAAW,EAAE;mBACT,EAAE,YAAY,EAAE;iBAClB,EAAE,UAAU,EAAE;mBACZ,EAAE,YAAY,EAAE;;;;;;aAMtB,EAAE,WAAW,EAAE;;;;;;wBAMJ,EAAE,oBAAoB,EAAE;;;;aAInC,EAAE,gBAAgB,EAAE;;;;aAIpB,EAAE,iBAAiB,EAAE;;;;eAInB,EAAE,gBAAgB,EAAE,SAAS,EAAE,oBAAoB,EAAE;;;;;;aAMvD,EAAE,mBAAmB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDpC,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAmCM,EAAE,eAAe,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAgGxB,EAAE,gBAAgB,EAAE;;;;;;;qBAOlB,EAAE,gBAAgB,EAAE;;;;;;kBAMvB,EAAE,SAAS,EAAE;;;;;;uBAMR,EAAE,WAAW,EAAE;;;;;;AAOtC,MAAM,aAAa;AAEnB,IAAI;AAEJ,MAAa,oBACV,WAAW;CACV;CACA,eAAe,+BAA+B,OAAO;CACrD,eAAe,uBAAuB,MAAM;CAC5C,GAAG,WAAW,OAAO;CACrB,GAAG,WAAW,MAAM;CACpB;AACF,CAAC,CAAC,KAAK,MAAM;AAEf,MAAa,qBAAqB,GAAG,WAAW,MAAM"}

package/es/styles/theme/token/base.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"base.mjs","names":[],"sources":["../../../../src/styles/theme/token/base.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\nconst joinFontFamily = (fonts: string[]) =>\n  fonts.map((font) => (font.includes(' ') ? `\"${font}\"` : font)).join(',');\n\nconst FONT_EMOJI = [\n  '/* EMOJI */',\n  'Apple Color Emoji',\n  'Segoe UI Emoji',\n  'Segoe UI Symbol',\n  'Noto Color Emoji',\n];\n\nconst FONT_EN = [\n  'HarmonyOS Sans',\n  '-apple-system',\n  'BlinkMacSystemFont',\n  'Segoe UI Variable Display',\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  'Arial',\n];\n\nconst FONT_CN = [\n  '/* SC */',\n  'HarmonyOS Sans SC',\n  'PingFang SC',\n  'Hiragino Sans GB',\n  'Microsoft YaHei UI',\n  'Microsoft YaHei',\n  'Source Han Sans SC',\n  'Noto Sans CJK SC',\n];\n\nconst FONT_CODE = [\n  'Hack',\n  'ui-monospace',\n  'SFMono-Regular',\n  'SF Mono',\n  'Menlo',\n  'Cascadia Code',\n  'Consolas',\n  'Liberation Mono',\n];\n\nconst FALLBACK = ['/* FALLBACK */', 'ui-sans-serif', 'system-ui', 'sans-serif'];\n\nconst FALLBACK_CODE = ['/* FALLBACK */', 'monospace'];\n\nexport const baseToken: Partial<AliasToken> = {\n  borderRadius: 8,\n  borderRadiusLG: 12,\n  borderRadiusSM: 6,\n  borderRadiusXS: 4,\n  controlHeight: 36,\n  fontFamily: joinFontFamily([FONT_EN, FONT_CN, FALLBACK, FONT_EMOJI].flat()),\n  fontFamilyCode: joinFontFamily([FONT_CODE, FONT_CN, FALLBACK_CODE, FONT_EMOJI].flat()),\n};\n"],"mappings":";AAEA,MAAM,kBAAkB,UACtB,MAAM,KAAK,SAAU,KAAK,SAAS,GAAG,IAAI,IAAI,KAAK,KAAK,IAAK,CAAC,CAAC,KAAK,GAAG;AAEzE,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAiBA,MAAa,YAAiC;CAC5C,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,YAAY,eAAe;EAAC;EAAS;EAAS;GAV9B;GAAkB;GAAiB;GAAa;EAUlB;EAAU;CAAU,CAAC,CAAC,KAAK,CAAC;CAC1E,gBAAgB,eAAe;EAAC;GArBhC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAcgC;EAAW;EAAS,CAT/B,kBAAkB,WASa;EAAe;CAAU,CAAC,CAAC,KAAK,CAAC;AACvF"}
+{"version":3,"file":"base.mjs","names":[],"sources":["../../../../src/styles/theme/token/base.ts"],"sourcesContent":["const joinFontFamily = (fonts: string[]) =>\n  fonts.map((font) => (font.includes(' ') ? `\"${font}\"` : font)).join(',');\n\nconst FONT_EMOJI = [\n  '/* EMOJI */',\n  'Apple Color Emoji',\n  'Segoe UI Emoji',\n  'Segoe UI Symbol',\n  'Noto Color Emoji',\n];\n\nconst FONT_EN = [\n  'HarmonyOS Sans',\n  '-apple-system',\n  'BlinkMacSystemFont',\n  'Segoe UI Variable Display',\n  'Segoe UI',\n  'Roboto',\n  'Helvetica Neue',\n  'Arial',\n];\n\nconst FONT_CN = [\n  '/* SC */',\n  'HarmonyOS Sans SC',\n  'PingFang SC',\n  'Hiragino Sans GB',\n  'Microsoft YaHei UI',\n  'Microsoft YaHei',\n  'Source Han Sans SC',\n  'Noto Sans CJK SC',\n];\n\nconst FONT_CODE = [\n  'Hack',\n  'ui-monospace',\n  'SFMono-Regular',\n  'SF Mono',\n  'Menlo',\n  'Cascadia Code',\n  'Consolas',\n  'Liberation Mono',\n];\n\nconst FALLBACK = ['/* FALLBACK */', 'ui-sans-serif', 'system-ui', 'sans-serif'];\n\nconst FALLBACK_CODE = ['/* FALLBACK */', 'monospace'];\n\nexport const baseToken = {\n  borderRadius: 8,\n  borderRadiusLG: 12,\n  borderRadiusSM: 6,\n  borderRadiusXS: 4,\n  controlHeight: 36,\n  fontFamily: joinFontFamily([FONT_EN, FONT_CN, FALLBACK, FONT_EMOJI].flat()),\n  fontFamilyCode: joinFontFamily([FONT_CODE, FONT_CN, FALLBACK_CODE, FONT_EMOJI].flat()),\n};\n"],"mappings":";AAAA,MAAM,kBAAkB,UACtB,MAAM,KAAK,SAAU,KAAK,SAAS,GAAG,IAAI,IAAI,KAAK,KAAK,IAAK,CAAC,CAAC,KAAK,GAAG;AAEzE,MAAM,aAAa;CACjB;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAiBA,MAAa,YAAY;CACvB,cAAc;CACd,gBAAgB;CAChB,gBAAgB;CAChB,gBAAgB;CAChB,eAAe;CACf,YAAY,eAAe;EAAC;EAAS;EAAS;GAV9B;GAAkB;GAAiB;GAAa;EAUlB;EAAU;CAAU,CAAC,CAAC,KAAK,CAAC;CAC1E,gBAAgB,eAAe;EAAC;GArBhC;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EAcgC;EAAW;EAAS,CAT/B,kBAAkB,WASa;EAAe;CAAU,CAAC,CAAC,KAAK,CAAC;AACvF"}

package/es/styles/theme/token/legacy.mjs

@@ -0,0 +1,77 @@
+//#region src/styles/theme/token/legacy.ts
+const legacyToken = {
+	dark: {
+		boxShadowCard: "\n      0 1px 2px -2px rgba(255,255,255,0.032),\n      0 3px 6px 0 rgba(255,255,255,0.024),\n      0 5px 12px 4px rgba(255,255,255,0.018)\n    ",
+		boxShadowDrawerDown: "\n      0 -6px 16px 0 rgba(255,255,255,0.016),\n      0 -3px 6px -4px rgba(255,255,255,0.024),\n      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
+		boxShadowDrawerLeft: "\n      6px 0 16px 0 rgba(255,255,255,0.016),\n      3px 0 6px -4px rgba(255,255,255,0.024),\n      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
+		boxShadowDrawerRight: "\n      -6px 0 16px 0 rgba(255,255,255,0.016),\n      -3px 0 6px -4px rgba(255,255,255,0.024),\n      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
+		boxShadowDrawerUp: "\n      0 6px 16px 0 rgba(255,255,255,0.016),\n      0 3px 6px -4px rgba(255,255,255,0.024),\n      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)\n    ",
+		boxShadowPopoverArrow: "2px 2px 5px rgba(255,255,255,0.010000000000000002)",
+		boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(255,255,255,0.016)",
+		boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(255,255,255,0.016)",
+		boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(255,255,255,0.016)",
+		boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(255,255,255,0.016)",
+		colorBgBase: "#000",
+		colorBgBlur: "rgba(255,255,255,0.04)",
+		colorBgSolid: "rgba(255,255,255,0.95)",
+		colorBgSolidActive: "rgba(255,255,255,0.9)",
+		colorBgSolidHover: "rgb(255,255,255)",
+		colorBorderDisabled: "#424242",
+		colorErrorBgActive: "#5b2526",
+		colorErrorBgFilledHover: "#441e1f",
+		colorShadow: "rgba(255, 255, 255, 0.2)",
+		colorTextBase: "#fff",
+		dropShadowPopover: "drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002))",
+		pink1: "#291321",
+		pink10: "#fad2e3",
+		pink2: "#40162f",
+		pink3: "#551c3b",
+		pink4: "#75204f",
+		pink5: "#a02669",
+		pink6: "#cb2b83",
+		pink7: "#e0529c",
+		pink8: "#f37fb7",
+		pink9: "#f8a8cc",
+		pinkActive: "#e0529c",
+		pinkHover: "#a02669"
+	},
+	light: {
+		boxShadowCard: "\n      0 1px 2px -2px rgba(0,0,0,0.16),\n      0 3px 6px 0 rgba(0,0,0,0.12),\n      0 5px 12px 4px rgba(0,0,0,0.09)\n    ",
+		boxShadowDrawerDown: "\n      0 -6px 16px 0 rgba(0,0,0,0.08),\n      0 -3px 6px -4px rgba(0,0,0,0.12),\n      0 -9px 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowDrawerLeft: "\n      6px 0 16px 0 rgba(0,0,0,0.08),\n      3px 0 6px -4px rgba(0,0,0,0.12),\n      9px 0 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowDrawerRight: "\n      -6px 0 16px 0 rgba(0,0,0,0.08),\n      -3px 0 6px -4px rgba(0,0,0,0.12),\n      -9px 0 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowDrawerUp: "\n      0 6px 16px 0 rgba(0,0,0,0.08),\n      0 3px 6px -4px rgba(0,0,0,0.12),\n      0 9px 28px 8px rgba(0,0,0,0.05)\n    ",
+		boxShadowPopoverArrow: "2px 2px 5px rgba(0,0,0,0.05)",
+		boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0,0,0,0.08)",
+		boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0,0,0,0.08)",
+		boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0,0,0,0.08)",
+		boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0,0,0,0.08)",
+		colorBgBase: "#fff",
+		colorBgBlur: "transparent",
+		colorBgSolid: "rgb(0,0,0)",
+		colorBgSolidActive: "rgba(0,0,0,0.95)",
+		colorBgSolidHover: "rgba(0,0,0,0.75)",
+		colorBorderDisabled: "#d9d9d9",
+		colorErrorBgActive: "#ffccc7",
+		colorErrorBgFilledHover: "#ffdfdc",
+		colorShadow: "#000",
+		colorTextBase: "#000",
+		dropShadowPopover: "drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05))",
+		pink1: "#fff0f6",
+		pink10: "#520339",
+		pink2: "#ffd6e7",
+		pink3: "#ffadd2",
+		pink4: "#ff85c0",
+		pink5: "#f759ab",
+		pink6: "#eb2f96",
+		pink7: "#c41d7f",
+		pink8: "#9e1068",
+		pink9: "#780650",
+		pinkActive: "#c41d7f",
+		pinkHover: "#f759ab"
+	}
+};
+//#endregion
+export { legacyToken };
+
+//# sourceMappingURL=legacy.mjs.map

package/es/styles/theme/token/legacy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"legacy.mjs","names":[],"sources":["../../../../src/styles/theme/token/legacy.ts"],"sourcesContent":["export const legacyToken = {\n  dark: {\n    boxShadowCard:\n      '\\n      0 1px 2px -2px rgba(255,255,255,0.032),\\n      0 3px 6px 0 rgba(255,255,255,0.024),\\n      0 5px 12px 4px rgba(255,255,255,0.018)\\n    ',\n    boxShadowDrawerDown:\n      '\\n      0 -6px 16px 0 rgba(255,255,255,0.016),\\n      0 -3px 6px -4px rgba(255,255,255,0.024),\\n      0 -9px 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowDrawerLeft:\n      '\\n      6px 0 16px 0 rgba(255,255,255,0.016),\\n      3px 0 6px -4px rgba(255,255,255,0.024),\\n      9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowDrawerRight:\n      '\\n      -6px 0 16px 0 rgba(255,255,255,0.016),\\n      -3px 0 6px -4px rgba(255,255,255,0.024),\\n      -9px 0 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowDrawerUp:\n      '\\n      0 6px 16px 0 rgba(255,255,255,0.016),\\n      0 3px 6px -4px rgba(255,255,255,0.024),\\n      0 9px 28px 8px rgba(255,255,255,0.010000000000000002)\\n    ',\n    boxShadowPopoverArrow: '2px 2px 5px rgba(255,255,255,0.010000000000000002)',\n    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(255,255,255,0.016)',\n    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(255,255,255,0.016)',\n    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(255,255,255,0.016)',\n    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(255,255,255,0.016)',\n    colorBgBase: '#000',\n    colorBgBlur: 'rgba(255,255,255,0.04)',\n    colorBgSolid: 'rgba(255,255,255,0.95)',\n    colorBgSolidActive: 'rgba(255,255,255,0.9)',\n    colorBgSolidHover: 'rgb(255,255,255)',\n    colorBorderDisabled: '#424242',\n    colorErrorBgActive: '#5b2526',\n    colorErrorBgFilledHover: '#441e1f',\n    colorShadow: 'rgba(255, 255, 255, 0.2)',\n    colorTextBase: '#fff',\n    dropShadowPopover:\n      'drop-shadow(0 6px 16px rgba(255,255,255,0.016)) drop-shadow(0 3px 6px rgba(255,255,255,0.024)) drop-shadow(0 9px 28px rgba(255,255,255,0.010000000000000002))',\n    pink1: '#291321',\n    pink10: '#fad2e3',\n    pink2: '#40162f',\n    pink3: '#551c3b',\n    pink4: '#75204f',\n    pink5: '#a02669',\n    pink6: '#cb2b83',\n    pink7: '#e0529c',\n    pink8: '#f37fb7',\n    pink9: '#f8a8cc',\n    pinkActive: '#e0529c',\n    pinkHover: '#a02669',\n  },\n  light: {\n    boxShadowCard:\n      '\\n      0 1px 2px -2px rgba(0,0,0,0.16),\\n      0 3px 6px 0 rgba(0,0,0,0.12),\\n      0 5px 12px 4px rgba(0,0,0,0.09)\\n    ',\n    boxShadowDrawerDown:\n      '\\n      0 -6px 16px 0 rgba(0,0,0,0.08),\\n      0 -3px 6px -4px rgba(0,0,0,0.12),\\n      0 -9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerLeft:\n      '\\n      6px 0 16px 0 rgba(0,0,0,0.08),\\n      3px 0 6px -4px rgba(0,0,0,0.12),\\n      9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerRight:\n      '\\n      -6px 0 16px 0 rgba(0,0,0,0.08),\\n      -3px 0 6px -4px rgba(0,0,0,0.12),\\n      -9px 0 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowDrawerUp:\n      '\\n      0 6px 16px 0 rgba(0,0,0,0.08),\\n      0 3px 6px -4px rgba(0,0,0,0.12),\\n      0 9px 28px 8px rgba(0,0,0,0.05)\\n    ',\n    boxShadowPopoverArrow: '2px 2px 5px rgba(0,0,0,0.05)',\n    boxShadowTabsOverflowBottom: 'inset 0 -10px 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowLeft: 'inset 10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowRight: 'inset -10px 0 8px -8px rgba(0,0,0,0.08)',\n    boxShadowTabsOverflowTop: 'inset 0 10px 8px -8px rgba(0,0,0,0.08)',\n    colorBgBase: '#fff',\n    colorBgBlur: 'transparent',\n    colorBgSolid: 'rgb(0,0,0)',\n    colorBgSolidActive: 'rgba(0,0,0,0.95)',\n    colorBgSolidHover: 'rgba(0,0,0,0.75)',\n    colorBorderDisabled: '#d9d9d9',\n    colorErrorBgActive: '#ffccc7',\n    colorErrorBgFilledHover: '#ffdfdc',\n    colorShadow: '#000',\n    colorTextBase: '#000',\n    dropShadowPopover:\n      'drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05))',\n    pink1: '#fff0f6',\n    pink10: '#520339',\n    pink2: '#ffd6e7',\n    pink3: '#ffadd2',\n    pink4: '#ff85c0',\n    pink5: '#f759ab',\n    pink6: '#eb2f96',\n    pink7: '#c41d7f',\n    pink8: '#9e1068',\n    pink9: '#780650',\n    pinkActive: '#c41d7f',\n    pinkHover: '#f759ab',\n  },\n};\n"],"mappings":";AAAA,MAAa,cAAc;CACzB,MAAM;EACJ,eACE;EACF,qBACE;EACF,qBACE;EACF,sBACE;EACF,mBACE;EACF,uBAAuB;EACvB,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B;EAC5B,0BAA0B;EAC1B,aAAa;EACb,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,oBAAoB;EACpB,yBAAyB;EACzB,aAAa;EACb,eAAe;EACf,mBACE;EACF,OAAO;EACP,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,YAAY;EACZ,WAAW;CACb;CACA,OAAO;EACL,eACE;EACF,qBACE;EACF,qBACE;EACF,sBACE;EACF,mBACE;EACF,uBAAuB;EACvB,6BAA6B;EAC7B,2BAA2B;EAC3B,4BAA4B;EAC5B,0BAA0B;EAC1B,aAAa;EACb,aAAa;EACb,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,qBAAqB;EACrB,oBAAoB;EACpB,yBAAyB;EACzB,aAAa;EACb,eAAe;EACf,mBACE;EACF,OAAO;EACP,QAAQ;EACR,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,OAAO;EACP,YAAY;EACZ,WAAW;CACb;AACF"}

package/es/styles/theme/token/neutral.mjs

@@ -0,0 +1,56 @@
+import gray from "../../../color/colors/gray.mjs";
+import { neutralColorScales } from "../../../color/neutrals/index.mjs";
+import { generateColorNeutralPalette } from "../generateColorPalette.mjs";
+import { mix, parseToRgb } from "polished";
+//#region src/styles/theme/token/neutral.ts
+const isChannel = (value) => value >= 0 && value <= 255;
+const getAlphaColor = (front, back) => {
+	const f = parseToRgb(front);
+	if ("alpha" in f && f.alpha < 1) return front;
+	const b = parseToRgb(back);
+	for (let alpha = .01; alpha <= 1; alpha += .01) {
+		const r = Math.round((f.red - b.red * (1 - alpha)) / alpha);
+		const g = Math.round((f.green - b.green * (1 - alpha)) / alpha);
+		const bl = Math.round((f.blue - b.blue * (1 - alpha)) / alpha);
+		if (isChannel(r) && isChannel(g) && isChannel(bl)) {
+			const a = Math.round(alpha * 100) / 100;
+			return a === 1 ? `rgb(${r},${g},${bl})` : `rgba(${r},${g},${bl},${a})`;
+		}
+	}
+	return `rgb(${f.red},${f.green},${f.blue})`;
+};
+const createNeutralToken = (appearance, neutralColor, status) => {
+	const scale = neutralColor && neutralColorScales[neutralColor] || gray;
+	const token = generateColorNeutralPalette({
+		appearance,
+		scale
+	});
+	return {
+		...token,
+		colorBgContainerDisabled: token.colorFillTertiary,
+		colorBgContainerSecondary: mix(.5, token.colorBgLayout, token.colorBgContainer),
+		colorBgTextActive: token.colorFill,
+		colorBgTextHover: token.colorFillSecondary,
+		colorBorderBg: token.colorBgContainer,
+		colorErrorOutline: getAlphaColor(status.colorErrorBg, token.colorBgContainer),
+		colorFillAlter: token.colorFillQuaternary,
+		colorFillContent: token.colorFillSecondary,
+		colorFillContentHover: token.colorFill,
+		colorIcon: token.colorTextTertiary,
+		colorIconHover: token.colorText,
+		colorSplit: getAlphaColor(token.colorBorderSecondary, token.colorBgContainer),
+		colorTextDescription: token.colorTextTertiary,
+		colorTextDisabled: token.colorTextQuaternary,
+		colorTextHeading: token.colorText,
+		colorTextLabel: token.colorTextSecondary,
+		colorTextPlaceholder: token.colorTextQuaternary,
+		colorWarningOutline: getAlphaColor(status.colorWarningBg, token.colorBgContainer),
+		controlItemBgActiveDisabled: token.colorFill,
+		controlItemBgHover: token.colorFillTertiary,
+		controlTmpOutline: token.colorFillQuaternary
+	};
+};
+//#endregion
+export { createNeutralToken };
+
+//# sourceMappingURL=neutral.mjs.map

package/es/styles/theme/token/neutral.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neutral.mjs","names":[],"sources":["../../../../src/styles/theme/token/neutral.ts"],"sourcesContent":["import { mix, parseToRgb } from 'polished';\n\nimport { gray } from '@/color/colors';\nimport { neutralColorScales } from '@/color/neutrals';\n\nimport type { NeutralColors } from '../../customTheme';\nimport { generateColorNeutralPalette } from '../generateColorPalette';\n\nconst isChannel = (value: number) => value >= 0 && value <= 255;\n\n// port of antd's getAlphaColor: the most transparent rgba that renders `front` over `back`\nconst getAlphaColor = (front: string, back: string) => {\n  const f = parseToRgb(front);\n  if ('alpha' in f && f.alpha < 1) return front;\n  const b = parseToRgb(back);\n\n  for (let alpha = 0.01; alpha <= 1; alpha += 0.01) {\n    const r = Math.round((f.red - b.red * (1 - alpha)) / alpha);\n    const g = Math.round((f.green - b.green * (1 - alpha)) / alpha);\n    const bl = Math.round((f.blue - b.blue * (1 - alpha)) / alpha);\n    if (isChannel(r) && isChannel(g) && isChannel(bl)) {\n      const a = Math.round(alpha * 100) / 100;\n      return a === 1 ? `rgb(${r},${g},${bl})` : `rgba(${r},${g},${bl},${a})`;\n    }\n  }\n\n  return `rgb(${f.red},${f.green},${f.blue})`;\n};\n\nexport const createNeutralToken = (\n  appearance: 'light' | 'dark',\n  neutralColor: NeutralColors | undefined,\n  status: { colorErrorBg: string; colorWarningBg: string },\n) => {\n  const scale = (neutralColor && neutralColorScales[neutralColor]) || gray;\n  const token = generateColorNeutralPalette({ appearance, scale });\n\n  return {\n    ...token,\n    colorBgContainerDisabled: token.colorFillTertiary,\n    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer),\n    colorBgTextActive: token.colorFill,\n    colorBgTextHover: token.colorFillSecondary,\n    colorBorderBg: token.colorBgContainer,\n    colorErrorOutline: getAlphaColor(status.colorErrorBg, token.colorBgContainer),\n    colorFillAlter: token.colorFillQuaternary,\n    colorFillContent: token.colorFillSecondary,\n    colorFillContentHover: token.colorFill,\n    colorIcon: token.colorTextTertiary,\n    colorIconHover: token.colorText,\n    colorSplit: getAlphaColor(token.colorBorderSecondary, token.colorBgContainer),\n    colorTextDescription: token.colorTextTertiary,\n    colorTextDisabled: token.colorTextQuaternary,\n    colorTextHeading: token.colorText,\n    colorTextLabel: token.colorTextSecondary,\n    colorTextPlaceholder: token.colorTextQuaternary,\n    colorWarningOutline: getAlphaColor(status.colorWarningBg, token.colorBgContainer),\n    controlItemBgActiveDisabled: token.colorFill,\n    controlItemBgHover: token.colorFillTertiary,\n    controlTmpOutline: token.colorFillQuaternary,\n  };\n};\n"],"mappings":";;;;;AAQA,MAAM,aAAa,UAAkB,SAAS,KAAK,SAAS;AAG5D,MAAM,iBAAiB,OAAe,SAAiB;CACrD,MAAM,IAAI,WAAW,KAAK;CAC1B,IAAI,WAAW,KAAK,EAAE,QAAQ,GAAG,OAAO;CACxC,MAAM,IAAI,WAAW,IAAI;CAEzB,KAAK,IAAI,QAAQ,KAAM,SAAS,GAAG,SAAS,KAAM;EAChD,MAAM,IAAI,KAAK,OAAO,EAAE,MAAM,EAAE,OAAO,IAAI,UAAU,KAAK;EAC1D,MAAM,IAAI,KAAK,OAAO,EAAE,QAAQ,EAAE,SAAS,IAAI,UAAU,KAAK;EAC9D,MAAM,KAAK,KAAK,OAAO,EAAE,OAAO,EAAE,QAAQ,IAAI,UAAU,KAAK;EAC7D,IAAI,UAAU,CAAC,KAAK,UAAU,CAAC,KAAK,UAAU,EAAE,GAAG;GACjD,MAAM,IAAI,KAAK,MAAM,QAAQ,GAAG,IAAI;GACpC,OAAO,MAAM,IAAI,OAAO,EAAE,GAAG,EAAE,GAAG,GAAG,KAAK,QAAQ,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE;EACtE;CACF;CAEA,OAAO,OAAO,EAAE,IAAI,GAAG,EAAE,MAAM,GAAG,EAAE,KAAK;AAC3C;AAEA,MAAa,sBACX,YACA,cACA,WACG;CACH,MAAM,QAAS,gBAAgB,mBAAmB,iBAAkB;CACpE,MAAM,QAAQ,4BAA4B;EAAE;EAAY;CAAM,CAAC;CAE/D,OAAO;EACL,GAAG;EACH,0BAA0B,MAAM;EAChC,2BAA2B,IAAI,IAAK,MAAM,eAAe,MAAM,gBAAgB;EAC/E,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,eAAe,MAAM;EACrB,mBAAmB,cAAc,OAAO,cAAc,MAAM,gBAAgB;EAC5E,gBAAgB,MAAM;EACtB,kBAAkB,MAAM;EACxB,uBAAuB,MAAM;EAC7B,WAAW,MAAM;EACjB,gBAAgB,MAAM;EACtB,YAAY,cAAc,MAAM,sBAAsB,MAAM,gBAAgB;EAC5E,sBAAsB,MAAM;EAC5B,mBAAmB,MAAM;EACzB,kBAAkB,MAAM;EACxB,gBAAgB,MAAM;EACtB,sBAAsB,MAAM;EAC5B,qBAAqB,cAAc,OAAO,gBAAgB,MAAM,gBAAgB;EAChF,6BAA6B,MAAM;EACnC,oBAAoB,MAAM;EAC1B,mBAAmB,MAAM;CAC3B;AACF"}

package/es/styles/theme/token/palette.mjs

@@ -0,0 +1,68 @@
+import blueGeekblueMix from "../../../color/colors/blue.mjs";
+import geekblue from "../../../color/colors/geekblue.mjs";
+import gold from "../../../color/colors/gold.mjs";
+import green from "../../../color/colors/green.mjs";
+import lime from "../../../color/colors/lime.mjs";
+import red from "../../../color/colors/red.mjs";
+import volcano from "../../../color/colors/volcano.mjs";
+import { generateColorPalette } from "../generateColorPalette.mjs";
+import { generateCustomColorToken } from "../customToken.mjs";
+import { legacyToken } from "./legacy.mjs";
+import { shadowToken } from "./shadow.mjs";
+//#region src/styles/theme/token/palette.ts
+const statusScales = {
+	dark: {
+		error: red,
+		info: blueGeekblueMix,
+		success: lime,
+		warning: gold
+	},
+	light: {
+		error: volcano,
+		info: geekblue,
+		success: green,
+		warning: gold
+	}
+};
+const createPaletteToken = (appearance) => {
+	const scales = statusScales[appearance];
+	const error = generateColorPalette({
+		appearance,
+		scale: scales.error,
+		type: "Error"
+	});
+	const info = generateColorPalette({
+		appearance,
+		scale: scales.info,
+		type: "Info"
+	});
+	const success = generateColorPalette({
+		appearance,
+		scale: scales.success,
+		type: "Success"
+	});
+	const warning = generateColorPalette({
+		appearance,
+		scale: scales.warning,
+		type: "Warning"
+	});
+	return {
+		...legacyToken[appearance],
+		...error,
+		...info,
+		...success,
+		...warning,
+		...generateCustomColorToken(appearance === "dark"),
+		...shadowToken[appearance],
+		colorErrorAffix: error.colorError,
+		colorHighlight: error.colorError,
+		colorLink: info.colorInfoText,
+		colorLinkActive: info.colorInfoTextActive,
+		colorLinkHover: info.colorInfoTextHover,
+		colorWarningAffix: warning.colorWarning
+	};
+};
+//#endregion
+export { createPaletteToken };
+
+//# sourceMappingURL=palette.mjs.map

package/es/styles/theme/token/palette.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.mjs","names":["blue"],"sources":["../../../../src/styles/theme/token/palette.ts"],"sourcesContent":["import { blue, geekblue, gold, green, lime, red, volcano } from '@/color/colors';\n\nimport { generateCustomColorToken } from '../customToken';\nimport { generateColorPalette } from '../generateColorPalette';\nimport { legacyToken } from './legacy';\nimport { shadowToken } from './shadow';\n\nconst statusScales = {\n  dark: { error: red, info: blue, success: lime, warning: gold },\n  light: { error: volcano, info: geekblue, success: green, warning: gold },\n};\n\nexport const createPaletteToken = (appearance: 'light' | 'dark') => {\n  const scales = statusScales[appearance];\n  const error = generateColorPalette({ appearance, scale: scales.error, type: 'Error' });\n  const info = generateColorPalette({ appearance, scale: scales.info, type: 'Info' });\n  const success = generateColorPalette({ appearance, scale: scales.success, type: 'Success' });\n  const warning = generateColorPalette({ appearance, scale: scales.warning, type: 'Warning' });\n\n  return {\n    ...legacyToken[appearance],\n    ...error,\n    ...info,\n    ...success,\n    ...warning,\n    ...generateCustomColorToken(appearance === 'dark'),\n    ...shadowToken[appearance],\n    colorErrorAffix: error.colorError,\n    colorHighlight: error.colorError,\n    colorLink: info.colorInfoText,\n    colorLinkActive: info.colorInfoTextActive,\n    colorLinkHover: info.colorInfoTextHover,\n    colorWarningAffix: warning.colorWarning,\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAOA,MAAM,eAAe;CACnB,MAAM;EAAE,OAAO;EAAK,MAAMA;EAAM,SAAS;EAAM,SAAS;CAAK;CAC7D,OAAO;EAAE,OAAO;EAAS,MAAM;EAAU,SAAS;EAAO,SAAS;CAAK;AACzE;AAEA,MAAa,sBAAsB,eAAiC;CAClE,MAAM,SAAS,aAAa;CAC5B,MAAM,QAAQ,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAO,MAAM;CAAQ,CAAC;CACrF,MAAM,OAAO,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAM,MAAM;CAAO,CAAC;CAClF,MAAM,UAAU,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAS,MAAM;CAAU,CAAC;CAC3F,MAAM,UAAU,qBAAqB;EAAE;EAAY,OAAO,OAAO;EAAS,MAAM;CAAU,CAAC;CAE3F,OAAO;EACL,GAAG,YAAY;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG,yBAAyB,eAAe,MAAM;EACjD,GAAG,YAAY;EACf,iBAAiB,MAAM;EACvB,gBAAgB,MAAM;EACtB,WAAW,KAAK;EAChB,iBAAiB,KAAK;EACtB,gBAAgB,KAAK;EACrB,mBAAmB,QAAQ;CAC7B;AACF"}

package/es/styles/theme/token/primary.mjs

@@ -0,0 +1,21 @@
+import primary from "../../../color/colors/primary.mjs";
+import { colorScales } from "../../../color/colors/index.mjs";
+import { generateColorPalette } from "../generateColorPalette.mjs";
+//#region src/styles/theme/token/primary.ts
+const createPrimaryToken = (appearance, primaryColor) => {
+	const scale = primaryColor && colorScales[primaryColor] || primary;
+	const token = generateColorPalette({
+		appearance,
+		scale,
+		type: "Primary"
+	});
+	return {
+		...token,
+		controlItemBgActive: token.colorPrimaryBg,
+		controlItemBgActiveHover: token.colorPrimaryBgHover
+	};
+};
+//#endregion
+export { createPrimaryToken };
+
+//# sourceMappingURL=primary.mjs.map

package/es/styles/theme/token/primary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.mjs","names":[],"sources":["../../../../src/styles/theme/token/primary.ts"],"sourcesContent":["import { colorScales, primary } from '@/color/colors';\n\nimport type { PrimaryColors } from '../../customTheme';\nimport { generateColorPalette } from '../generateColorPalette';\n\nexport const createPrimaryToken = (appearance: 'light' | 'dark', primaryColor?: PrimaryColors) => {\n  const scale = (primaryColor && colorScales[primaryColor]) || primary;\n  const token = generateColorPalette({ appearance, scale, type: 'Primary' });\n\n  return {\n    ...token,\n    controlItemBgActive: token.colorPrimaryBg,\n    controlItemBgActiveHover: token.colorPrimaryBgHover,\n  };\n};\n"],"mappings":";;;;AAKA,MAAa,sBAAsB,YAA8B,iBAAiC;CAChG,MAAM,QAAS,gBAAgB,YAAY,iBAAkB;CAC7D,MAAM,QAAQ,qBAAqB;EAAE;EAAY;EAAO,MAAM;CAAU,CAAC;CAEzE,OAAO;EACL,GAAG;EACH,qBAAqB,MAAM;EAC3B,0BAA0B,MAAM;CAClC;AACF"}

package/es/styles/theme/token/shadow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.mjs","names":[],"sources":["../../../../src/styles/theme/token/shadow.ts"],"sourcesContent":["import type { AliasToken } from 'antd/es/theme/interface';\n\n/* antd's formatToken recomputes boxShadow* after the mapping algorithm runs, so these only take\n   effect when passed through ThemeConfig.token, never from light/dark base tokens. */\nexport const shadowToken: Record<'light' | 'dark', Partial<AliasToken>> = {\n  dark: {\n    boxShadow:\n      '0 40px 80px rgba(0, 0, 0, 0.09), 0 20px 40px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.06), 0 5px 10px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.03)',\n    boxShadowSecondary:\n      '0 17.5px 23.4px rgba(0, 0, 0, 0.06), 0 9.4px 12.5px rgba(0, 0, 0, 0.05), 0 5.25px 7px rgba(0, 0, 0, 0.03), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.02), 0 1.2px 1.5px rgba(0, 0, 0, 0.02)',\n    boxShadowTertiary: '0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03)',\n  },\n  light: {\n    boxShadow:\n      '0 40px 80px rgba(0, 0, 0, 0.06), 0 20px 40px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.02)',\n    boxShadowSecondary:\n      '0 17.5px 23.4px rgba(0, 0, 0, 0.04), 0 9.4px 12.5px rgba(0, 0, 0, 0.03), 0 5.25px 7px rgba(0, 0, 0, 0.02), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.01), 0 1.2px 1.5px rgba(0, 0, 0, 0.01)',\n    boxShadowTertiary: '0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02)',\n  },\n};\n"],"mappings":";AAIA,MAAa,cAA6D;CACxE,MAAM;EACJ,WACE;EACF,oBACE;EACF,mBAAmB;CACrB;CACA,OAAO;EACL,WACE;EACF,oBACE;EACF,mBAAmB;CACrB;AACF"}
+{"version":3,"file":"shadow.mjs","names":[],"sources":["../../../../src/styles/theme/token/shadow.ts"],"sourcesContent":["export const shadowToken: Record<\n  'light' | 'dark',\n  { boxShadow: string; boxShadowSecondary: string; boxShadowTertiary: string }\n> = {\n  dark: {\n    boxShadow:\n      '0 40px 80px rgba(0, 0, 0, 0.09), 0 20px 40px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.06), 0 5px 10px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.03)',\n    boxShadowSecondary:\n      '0 17.5px 23.4px rgba(0, 0, 0, 0.06), 0 9.4px 12.5px rgba(0, 0, 0, 0.05), 0 5.25px 7px rgba(0, 0, 0, 0.03), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.02), 0 1.2px 1.5px rgba(0, 0, 0, 0.02)',\n    boxShadowTertiary: '0 1px 2px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03)',\n  },\n  light: {\n    boxShadow:\n      '0 40px 80px rgba(0, 0, 0, 0.06), 0 20px 40px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.04), 0 5px 10px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.02)',\n    boxShadowSecondary:\n      '0 17.5px 23.4px rgba(0, 0, 0, 0.04), 0 9.4px 12.5px rgba(0, 0, 0, 0.03), 0 5.25px 7px rgba(0, 0, 0, 0.02), 0 2.8px 3.7px -2px rgba(0, 0, 0, 0.01), 0 1.2px 1.5px rgba(0, 0, 0, 0.01)',\n    boxShadowTertiary: '0 1px 2px rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.02)',\n  },\n};\n"],"mappings":";AAAA,MAAa,cAGT;CACF,MAAM;EACJ,WACE;EACF,oBACE;EACF,mBAAmB;CACrB;CACA,OAAO;EACL,WACE;EACF,oBACE;EACF,mBAAmB;CACrB;AACF"}