@lobehub/ui 1.170.6 → 1.170.8

package/es/Drawer/index.js

@@ -102,7 +102,7 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
         padding: '0 4px'
       }, styles === null || styles === void 0 ? void 0 : styles.body),
       content: _objectSpread({
-        background: sidebar ? "linear-gradient(to right, ".concat(theme.colorBgContainer, " 49.9%, ").concat(theme.colorBgLayout, " 50%)") : theme.colorBgContainer
+        background: sidebar ? "linear-gradient(to right, ".concat(theme.colorBgLayout, " 49.9%, ").concat(theme.colorBgContainer, " 50%)") : theme.colorBgContainer
       }, styles === null || styles === void 0 ? void 0 : styles.content),
       header: _objectSpread({
         background: 'transparent',
@@ -146,7 +146,7 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
           paddingBlock: 12,
           paddingInline: 16,
           style: _objectSpread({
-            background: theme.colorBgContainer,
+            background: theme.colorBgLayout,
             borderRight: "1px solid ".concat(theme.colorBorderSecondary),
             height: '100%',
             overflowX: 'hidden',
@@ -160,7 +160,7 @@ var Drawer = /*#__PURE__*/memo(function (_ref) {
           paddingBlock: 12,
           paddingInline: 16,
           style: _objectSpread({
-            background: theme.colorBgLayout,
+            background: theme.colorBgContainer,
             height: '100%',
             overflowX: 'hidden',
             overflowY: 'auto'

package/es/Highlighter/style.js

@@ -10,7 +10,7 @@ export var useStyles = createStyles(function (_ref, type) {
   var prefix = "".concat(prefixCls, "-highlighter");
   var buttonHoverCls = "".concat(prefix, "-hover-btn");
   var langHoverCls = "".concat(prefix, "-hover-lang");
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary);
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), type === 'block' ? token.colorFillQuaternary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary);
   return {
     button: cx(buttonHoverCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: 2;\n          inset-block-start: ", ";\n          inset-inline-end: ", ";\n\n          opacity: 0;\n        "])), type === 'pure' ? 0 : '8px', type === 'pure' ? 0 : '8px')),
     container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n\n            .", " {\n              opacity: 1;\n            }\n          }\n\n          .prism-code {\n            background: none !important;\n          }\n\n          pre {\n            overflow: auto hidden;\n\n            margin: 0 !important;\n            padding: ", " !important;\n\n            white-space: break-spaces;\n\n            background: none !important;\n          }\n\n          code {\n            background: transparent !important;\n          }\n        "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px")),

package/es/Markdown/markdown.style.js

@@ -1,12 +1,10 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
-import { rgba } from 'polished';
 var IGNORE_CLASSNAME = '.ignore-markdown-style';
 export var useStyles = createStyles(function (_ref, _ref2) {
   var cx = _ref.cx,
     token = _ref.token,
-    isDarkMode = _ref.isDarkMode,
     css = _ref.css;
   var _ref2$fontSize = _ref2.fontSize,
     fontSize = _ref2$fontSize === void 0 ? 16 : _ref2$fontSize,
@@ -16,7 +14,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     marginMultiple = _ref2$marginMultiple === void 0 ? 1.5 : _ref2$marginMultiple,
     _ref2$lineHeight = _ref2.lineHeight,
     lineHeight = _ref2$lineHeight === void 0 ? 1.8 : _ref2$lineHeight;
-  var __root = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      width: 100%;\n      max-width: 100%;\n      padding-inline: 1px;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      ", " {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, isDarkMode ? token.colorBorderSecondary : rgba(token.colorBorderSecondary, 0.5), IGNORE_CLASSNAME);
+  var __root = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      width: 100%;\n      max-width: 100%;\n      padding-inline: 1px;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      ", " {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, token.colorFillQuaternary, IGNORE_CLASSNAME);
   var a = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      a:not(", " a) {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorInfoText, token.colorInfoHover);
   var blockquote = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      blockquote:not(", " blockquote) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        margin-inline: 0;\n        padding-block: 0;\n        padding-inline: 1em;\n\n        color: ", ";\n\n        border-inline-start: solid 4px ", ";\n      }\n    "])), IGNORE_CLASSNAME, token.colorTextSecondary, token.colorBorder);
   var code = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      code:not(", " code) {\n        &:not(:has(span)) {\n          display: inline;\n\n          margin-inline: 0.25em;\n          padding-block: 0.2em;\n          padding-inline: 0.4em;\n\n          font-family: ", ";\n          font-size: 0.875em;\n          line-height: 1;\n          word-break: break-word;\n          white-space: break-spaces;\n\n          background: ", ";\n          border: 1px solid var(--lobe-markdown-border-color);\n          border-radius: 0.25em;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.fontFamilyCode, token.colorFillSecondary);

package/es/Mermaid/style.js

@@ -10,7 +10,7 @@ export var useStyles = createStyles(function (_ref, type) {
   var prefix = "".concat(prefixCls, "-highlighter");
   var buttonHoverCls = "".concat(prefix, "-hover-btn");
   var langHoverCls = "".concat(prefix, "-hover-lang");
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary);
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n    "])), type === 'block' ? token.colorFillQuaternary : 'transparent', type === 'block' ? 'transparent' : token.colorBorderSecondary);
   return {
     button: cx(buttonHoverCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: 2;\n          inset-block-start: ", ";\n          inset-inline-end: ", ";\n\n          opacity: 0;\n        "])), type === 'pure' ? 0 : '8px', type === 'pure' ? 0 : '8px')),
     container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n\n            .", " {\n              opacity: 1;\n            }\n          }\n\n          .prism-code {\n            background: none !important;\n          }\n\n          pre {\n            overflow: auto hidden;\n\n            margin: 0 !important;\n            padding: ", " !important;\n\n            white-space: break-spaces;\n\n            background: none !important;\n          }\n\n          code {\n            background: transparent !important;\n          }\n\n          svg {\n            height: fit-content;\n            line-height: 1.2;\n          }\n        "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px")),

package/es/Modal/index.js

@@ -20,7 +20,6 @@ import { Modal as AntModal, Button, ConfigProvider, Drawer } from 'antd';
 import { useResponsive } from 'antd-style';
 import { isNumber } from 'lodash-es';
 import { Maximize2, Minimize2, X } from 'lucide-react';
-import { lighten } from 'polished';
 import { memo, useState } from 'react';
 import ActionIcon from "../ActionIcon";
 import Icon from "../Icon";
@@ -71,57 +70,69 @@ var Modal = /*#__PURE__*/memo(function (_ref) {
   var body = stylesProps.body,
     restStyles = _objectWithoutProperties(stylesProps, _excluded2);
   var hideFooter = footer === false || footer === null;
-  if (enableResponsive && mobile) return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
-    className: cx(styles.drawerContent, className),
-    closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
-      icon: X
-    }),
-    destroyOnClose: destroyOnClose,
-    extra: allowFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
-      icon: fullscreen ? Minimize2 : Maximize2,
-      onClick: function onClick() {
-        return setFullscreen(!fullscreen);
+  if (enableResponsive && mobile) return /*#__PURE__*/_jsx(ConfigProvider, {
+    theme: {
+      token: {
+        colorBgElevated: theme.colorBgContainer
       }
-    }),
-    footer: hideFooter ? null : footer || /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-        onClick: onCancel
-      }, cancelButtonProps), {}, {
-        children: cancelText || 'Cancel'
-      })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
-        loading: confirmLoading,
-        onClick: onOk,
-        type: "primary"
-      }, okButtonProps), {}, {
-        style: _objectSpread({
-          marginInlineStart: 8
-        }, okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.style),
-        children: okText || 'OK'
-      }))]
-    }),
-    height: fullscreen ? 'calc(100% - env(safe-area-inset-top))' : maxHeight || '75vh',
-    maskClassName: cx(styles.wrap, wrapClassName),
-    onClose: onCancel,
-    open: open,
-    placement: 'bottom',
-    styles: _objectSpread({
-      body: _objectSpread({
-        paddingBlock: "16px ".concat(footer ? 0 : '16px'),
-        paddingInline: (_paddings$desktop = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop !== void 0 ? _paddings$desktop : 16
-      }, body)
-    }, restStyles),
-    title: title
-  }, rest), {}, {
-    children: children
-  }));
+    },
+    children: /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
+      className: cx(styles.drawerContent, className),
+      closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
+        icon: X
+      }),
+      destroyOnClose: destroyOnClose,
+      extra: allowFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
+        icon: fullscreen ? Minimize2 : Maximize2,
+        onClick: function onClick() {
+          return setFullscreen(!fullscreen);
+        }
+      }),
+      footer: hideFooter ? null : footer || /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          color: 'default',
+          onClick: onCancel,
+          variant: 'filled'
+        }, cancelButtonProps), {}, {
+          children: cancelText || 'Cancel'
+        })), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
+          loading: confirmLoading,
+          onClick: onOk,
+          type: "primary"
+        }, okButtonProps), {}, {
+          style: _objectSpread({
+            marginInlineStart: 8
+          }, okButtonProps === null || okButtonProps === void 0 ? void 0 : okButtonProps.style),
+          children: okText || 'OK'
+        }))]
+      }),
+      height: fullscreen ? 'calc(100% - env(safe-area-inset-top))' : maxHeight || '75vh',
+      maskClassName: cx(styles.wrap, wrapClassName),
+      onClose: onCancel,
+      open: open,
+      placement: 'bottom',
+      styles: _objectSpread({
+        body: _objectSpread({
+          paddingBlock: "16px ".concat(footer ? 0 : '16px'),
+          paddingInline: (_paddings$desktop = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop !== void 0 ? _paddings$desktop : 16
+        }, body)
+      }, restStyles),
+      title: title
+    }, rest), {}, {
+      children: children
+    }))
+  });
   return /*#__PURE__*/_jsx(ConfigProvider, {
     theme: {
       token: {
-        colorBgElevated: lighten(0.005, theme.colorBgContainer)
+        colorBgElevated: theme.colorBgContainer
       }
     },
     children: /*#__PURE__*/_jsx(AntModal, _objectSpread(_objectSpread({
-      cancelButtonProps: cancelButtonProps,
+      cancelButtonProps: _objectSpread({
+        color: 'default',
+        variant: 'filled'
+      }, cancelButtonProps),
       cancelText: cancelText,
       className: cx(styles.content, className),
       closable: true,

package/es/Modal/style.js

@@ -11,7 +11,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   var maxHeight = _ref2.maxHeight;
   return {
     content: cx(maxHeight && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            .", "-modal-body {\n              overflow: auto;\n              max-height: ", ";\n            }\n          "])), prefixCls, maxHeight), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          .", "-modal-footer {\n            margin: 0;\n            padding: 16px;\n          }\n          .", "-modal-header {\n            display: flex;\n            gap: 4px;\n            align-items: center;\n            justify-content: center;\n\n            height: 56px;\n            margin-block-end: 0;\n            padding: 16px;\n          }\n          .", "-modal-content {\n            overflow: hidden;\n            padding: 0;\n            border: 1px solid ", ";\n            border-radius: ", "px;\n          }\n        "])), prefixCls, prefixCls, prefixCls, token.colorSplit, token.borderRadiusLG)),
-    drawerContent: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        &.", "-drawer-content {\n          background: ", ";\n        }\n\n        .", "-drawer-close {\n          padding: 0;\n        }\n\n        .", "-drawer-header {\n          flex: none;\n          height: ", "px !important;\n          padding-block: 0;\n          padding-inline: 16px;\n        }\n\n        .", "-drawer-footer {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n\n          padding: 16px;\n\n          border: none;\n        }\n      "])), prefixCls, token.colorBgContainer, prefixCls, prefixCls, HEADER_HEIGHT, prefixCls),
+    drawerContent: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        .", "-drawer-close {\n          padding: 0;\n        }\n\n        .", "-drawer-header {\n          flex: none;\n          height: ", "px !important;\n          padding-block: 0;\n          padding-inline: 16px;\n        }\n\n        .", "-drawer-footer {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n\n          padding: 16px;\n\n          border: none;\n        }\n      "])), prefixCls, prefixCls, HEADER_HEIGHT, prefixCls),
     wrap: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        overflow: hidden auto;\n      "])))
   };
 });

package/es/Snippet/style.js

@@ -6,7 +6,7 @@ export var useStyles = createStyles(function (_ref, type) {
     cx = _ref.cx,
     token = _ref.token,
     prefixCls = _ref.prefixCls;
-  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border: 1px solid ", ";\n  "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder);
+  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    background-color: ", ";\n    border: 1px solid ", ";\n  "])), type === 'block' ? token.colorFillQuaternary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder);
   return {
     container: cx(typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow: hidden;\n\n        max-width: 100%;\n        height: 38px;\n        padding-block: 0;\n        padding-inline: 12px 8px;\n\n        border-radius: ", "px;\n\n        transition: background-color 100ms ", ";\n\n        &:hover {\n          background-color: ", ";\n        }\n\n        .", "-highlighter-shiki {\n          position: relative;\n          overflow: hidden;\n          flex: 1;\n        }\n\n        .prism-code {\n          background: none !important;\n        }\n\n        pre {\n          overflow: auto hidden !important;\n          display: flex;\n          align-items: center;\n\n          width: 100%;\n          height: 36px !important;\n          margin: 0 !important;\n\n          line-height: 1;\n          text-wrap: nowrap !important;\n\n          background: none !important;\n        }\n\n        code[class*='language-'] {\n          background: none !important;\n        }\n      "])), token.borderRadius, token.motionEaseOut, token.colorFillTertiary, prefixCls))
   };

package/es/chat/ChatItem/style.js

@@ -1,20 +1,19 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
+import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref, _ref2) {
   var cx = _ref.cx,
     css = _ref.css,
     token = _ref.token,
-    isDarkMode = _ref.isDarkMode,
     responsive = _ref.responsive;
   var placement = _ref2.placement,
     type = _ref2.type,
     title = _ref2.title,
-    primary = _ref2.primary,
     avatarSize = _ref2.avatarSize,
     editing = _ref2.editing,
     time = _ref2.time;
-  var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      background-color: ", ";\n      border-radius: ", "px;\n\n      transition: background-color 100ms ", ";\n    "])), primary ? isDarkMode ? token.colorFill : token.colorBgElevated : isDarkMode ? token.colorFillSecondary : token.colorBgContainer, token.borderRadiusLG, token.motionEaseOut);
+  var blockStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding-block: 8px;\n      padding-inline: 12px;\n\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n    "])), token.colorBgContainer, rgba(token.colorBorderSecondary, 0.66), token.borderRadiusLG);
   var pureStylish = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding-block-start: ", ";\n    "])), title ? 0 : '6px');
   var pureContainerStylish = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      margin-block-end: -16px;\n      transition: background-color 100ms ", ";\n    "])), token.motionEaseOut);
   var typeStylish = type === 'block' ? blockStylish : pureStylish;

package/es/color/colors/gray.js

@@ -1,5 +1,5 @@
 var gray = {
-  dark: ['#000000', '#111111', '#222222', '#2d2d2d', '#333333', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
+  dark: ['#000000', '#111111', '#1a1a1a', '#222222', '#2d2d2d', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
   darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.06)', 'rgba(255, 255, 255, 0.10)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.24)', 'rgba(255, 255, 255, 0.28)', 'rgba(255, 255, 255, 0.32)', 'rgba(255, 255, 255, 0.38)', 'rgba(255, 255, 255, 0.44)', 'rgba(255, 255, 255, 0.5)', 'rgba(255, 255, 255, 0.66)', 'rgba(255, 255, 255, 0.84)', '#ffffff'],
   light: ['#ffffff', '#f8f8f8', '#eeeeee', '#e3e3e3', '#dddddd', '#cccccc', '#bbbbbb', '#aaaaaa', '#999999', '#888888', '#666666', '#333333', '#080808'],
   lightA: ['rgba(0, 0, 0, 0.015)', 'rgba(0, 0, 0, 0.03)', 'rgba(0, 0, 0, 0.06)', 'rgba(0, 0, 0, 0.12)', 'rgba(0, 0, 0, 0.18)', 'rgba(0, 0, 0, 0.24)', 'rgba(0, 0, 0, 0.32)', 'rgba(0, 0, 0, 0.38)', 'rgba(0, 0, 0, 0.44)', 'rgba(0, 0, 0, 0.5)', 'rgba(0, 0, 0, 0.68)', 'rgba(0, 0, 0, 0.84)', 'rgba(0, 0, 0, 0.98)']

package/es/mdx/mdxComponents/Pre.js

@@ -22,7 +22,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    margin-block: 1em;\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n  "])))
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    margin-block: 1em;\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color) inset;\n  "])))
   };
 });
 export var Pre = function Pre(_ref2) {

package/es/styles/theme/customToken.js

@@ -12,6 +12,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { camelCase } from 'lodash-es';
+import { mix } from 'polished';
 import { colorScales } from "../../color/colors";
 var generateColorPalette = function generateColorPalette(_ref) {
   var _ref2;
@@ -62,7 +63,8 @@ var generateCustomColorPalette = function generateCustomColorPalette(_ref3) {
   }));
 };
 export var generateCustomToken = function generateCustomToken(_ref4) {
-  var isDarkMode = _ref4.isDarkMode;
+  var isDarkMode = _ref4.isDarkMode,
+    token = _ref4.token;
   var colorCustomToken = {};
   for (var _i = 0, _Object$entries = Object.entries(colorScales); _i < _Object$entries.length; _i++) {
     var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
@@ -74,5 +76,7 @@ export var generateCustomToken = function generateCustomToken(_ref4) {
       scale: scale
     }));
   }
-  return colorCustomToken;
+  return _objectSpread(_objectSpread({}, colorCustomToken), {}, {
+    colorBgContainerSecondary: mix(0.5, token.colorBgLayout, token.colorBgContainer)
+  });
 };

package/es/types/customToken.d.ts

@@ -13,5 +13,6 @@ export type ColorPalettesAlpha = {
     [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string;
 };
 export interface LobeCustomToken extends ColorToken, ColorPalettes, ColorPalettesAlpha {
+    colorBgContainerSecondary: string;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.170.6",
+  "version": "1.170.8",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",