@lobehub/ui 1.107.2 → 1.108.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.
- package/es/EditableMessage/index.js +33 -23
- package/es/List/ListItem/index.js +2 -10
- package/es/List/ListItem/style.js +2 -2
- package/es/Markdown/CodeBlock.d.ts +2 -2
- package/es/Markdown/CodeBlock.js +10 -10
- package/es/Markdown/index.js +12 -3
- package/es/MessageModal/index.js +23 -14
- package/es/styles/theme/customStylish.js +5 -4
- package/es/styles/theme/token/dark.js +4 -3
- package/es/styles/theme/token/light.js +4 -3
- package/es/types/customStylish.d.ts +1 -0
- package/package.json +1 -1
|
@@ -2,6 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
import { createStyles } from 'antd-style';
|
|
5
6
|
import { memo } from 'react';
|
|
6
7
|
import useControlledState from 'use-merge-value';
|
|
7
8
|
import Markdown from "../Markdown";
|
|
@@ -10,26 +11,35 @@ import MessageModal from "../MessageModal";
|
|
|
10
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
12
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
12
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
14
|
+
var useStyles = createStyles(function (_ref) {
|
|
15
|
+
var stylish = _ref.stylish;
|
|
16
|
+
return {
|
|
17
|
+
markdown: stylish.markdownInChat
|
|
18
|
+
};
|
|
19
|
+
});
|
|
20
|
+
var EditableMessage = /*#__PURE__*/memo(function (_ref2) {
|
|
21
|
+
var value = _ref2.value,
|
|
22
|
+
_onChange = _ref2.onChange,
|
|
23
|
+
_ref2$classNames = _ref2.classNames,
|
|
24
|
+
classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
|
|
25
|
+
onEditingChange = _ref2.onEditingChange,
|
|
26
|
+
editing = _ref2.editing,
|
|
27
|
+
openModal = _ref2.openModal,
|
|
28
|
+
onOpenChange = _ref2.onOpenChange,
|
|
29
|
+
_ref2$placeholder = _ref2.placeholder,
|
|
30
|
+
placeholder = _ref2$placeholder === void 0 ? 'Type something...' : _ref2$placeholder,
|
|
31
|
+
_ref2$showEditWhenEmp = _ref2.showEditWhenEmpty,
|
|
32
|
+
showEditWhenEmpty = _ref2$showEditWhenEmp === void 0 ? false : _ref2$showEditWhenEmp,
|
|
33
|
+
stylesProps = _ref2.styles,
|
|
34
|
+
height = _ref2.height,
|
|
35
|
+
inputType = _ref2.inputType,
|
|
36
|
+
editButtonSize = _ref2.editButtonSize,
|
|
37
|
+
text = _ref2.text,
|
|
38
|
+
fullFeaturedCodeBlock = _ref2.fullFeaturedCodeBlock,
|
|
39
|
+
model = _ref2.model;
|
|
40
|
+
var _useStyles = useStyles(),
|
|
41
|
+
styles = _useStyles.styles,
|
|
42
|
+
cx = _useStyles.cx;
|
|
33
43
|
var _useControlledState = useControlledState(false, {
|
|
34
44
|
onChange: onEditingChange,
|
|
35
45
|
value: editing
|
|
@@ -61,7 +71,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
|
|
|
61
71
|
setTyping(false);
|
|
62
72
|
},
|
|
63
73
|
placeholder: placeholder,
|
|
64
|
-
style:
|
|
74
|
+
style: stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.input,
|
|
65
75
|
text: text,
|
|
66
76
|
textareaClassname: classNames === null || classNames === void 0 ? void 0 : classNames.input,
|
|
67
77
|
type: inputType
|
|
@@ -69,13 +79,13 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
|
|
|
69
79
|
if (!value && showEditWhenEmpty) return input;
|
|
70
80
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
71
81
|
children: [!expand && isEdit ? input : /*#__PURE__*/_jsx(Markdown, {
|
|
72
|
-
className: classNames === null || classNames === void 0 ? void 0 : classNames.markdown,
|
|
82
|
+
className: cx(styles.markdown, classNames === null || classNames === void 0 ? void 0 : classNames.markdown),
|
|
73
83
|
fullFeaturedCodeBlock: fullFeaturedCodeBlock,
|
|
74
84
|
style: _objectSpread({
|
|
75
85
|
height: isAutoSize ? 'unset' : height,
|
|
76
86
|
overflowX: 'hidden',
|
|
77
87
|
overflowY: 'auto'
|
|
78
|
-
},
|
|
88
|
+
}, stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.markdown),
|
|
79
89
|
children: value || placeholder
|
|
80
90
|
}), /*#__PURE__*/_jsx(MessageModal, {
|
|
81
91
|
editing: isEdit,
|
|
@@ -54,16 +54,8 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
54
54
|
}, props), {}, {
|
|
55
55
|
children: [pin && /*#__PURE__*/_jsx("div", {
|
|
56
56
|
className: styles.pin,
|
|
57
|
-
children: /*#__PURE__*/_jsx("
|
|
58
|
-
|
|
59
|
-
viewBox: "0 0 200 200",
|
|
60
|
-
width: "12",
|
|
61
|
-
children: /*#__PURE__*/_jsx("polygon", {
|
|
62
|
-
className: styles.triangle,
|
|
63
|
-
points: "0,0 200,0 200,200",
|
|
64
|
-
strokeLinecap: "round",
|
|
65
|
-
strokeLinejoin: "round"
|
|
66
|
-
})
|
|
57
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
58
|
+
className: styles.triangle
|
|
67
59
|
})
|
|
68
60
|
}), avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/_jsx(MessageOutlined, {
|
|
69
61
|
style: {
|
|
@@ -10,9 +10,9 @@ export var useStyles = createStyles(function (_ref) {
|
|
|
10
10
|
container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n background: transparent;\n transition: background-color 200ms ", ";\n\n &:active {\n background-color: ", ";\n }\n\n &:hover {\n background-color: ", ";\n }\n "])), token.colorTextTertiary, token.motionEaseOut, token.colorFillSecondary, token.colorFillTertiary),
|
|
11
11
|
content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: relative;\n overflow: hidden;\n flex: 1;\n align-self: center;\n "]))),
|
|
12
12
|
desc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 12px;\n line-height: 1;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorTextDescription),
|
|
13
|
-
pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: absolute;\n top:
|
|
13
|
+
pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n position: absolute;\n top: 6px;\n right: 6px;\n "]))),
|
|
14
14
|
time: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: 12px;\n color: ", ";\n "])), token.colorTextPlaceholder),
|
|
15
15
|
title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n overflow: hidden;\n\n width: 100%;\n\n font-size: 16px;\n line-height: 1;\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorText),
|
|
16
|
-
triangle: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n
|
|
16
|
+
triangle: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n width: 12px;\n height: 12px;\n clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n border-radius: 2px;\n background: ", ";\n "])), token.colorPrimaryBorder)
|
|
17
17
|
};
|
|
18
18
|
});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const CodeLite: import("react").MemoExoticComponent<(
|
|
3
|
-
export declare const CodeFullFeatured: import("react").MemoExoticComponent<(
|
|
2
|
+
export declare const CodeLite: import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
|
|
3
|
+
export declare const CodeFullFeatured: import("react").MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element>;
|
package/es/Markdown/CodeBlock.js
CHANGED
|
@@ -14,7 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
14
14
|
var useStyles = createStyles(function (_ref) {
|
|
15
15
|
var css = _ref.css;
|
|
16
16
|
return {
|
|
17
|
-
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n :not(:last-child) {\n margin-block
|
|
17
|
+
container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n :not(:last-child) {\n margin-block: 1em 1em;\n margin-inline: 0 0;\n }\n "]))),
|
|
18
18
|
highlight: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n pre {\n padding: 12px !important;\n }\n "])))
|
|
19
19
|
};
|
|
20
20
|
});
|
|
@@ -25,14 +25,14 @@ var countLines = function countLines(str) {
|
|
|
25
25
|
};
|
|
26
26
|
var Code = /*#__PURE__*/memo(function (_ref2) {
|
|
27
27
|
var fullFeatured = _ref2.fullFeatured,
|
|
28
|
-
|
|
28
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
29
29
|
var _useStyles = useStyles(),
|
|
30
30
|
styles = _useStyles.styles,
|
|
31
31
|
cx = _useStyles.cx;
|
|
32
|
-
if (!
|
|
33
|
-
var
|
|
34
|
-
children =
|
|
35
|
-
className =
|
|
32
|
+
if (!props.children[0]) return;
|
|
33
|
+
var _props$children$0$pro = props.children[0].props,
|
|
34
|
+
children = _props$children$0$pro.children,
|
|
35
|
+
className = _props$children$0$pro.className;
|
|
36
36
|
if (!children) return;
|
|
37
37
|
var content = Array.isArray(children) ? children[0] : children;
|
|
38
38
|
var lang = (className === null || className === void 0 ? void 0 : className.replace('language-', '')) || FALLBACK_LANG;
|
|
@@ -57,11 +57,11 @@ var Code = /*#__PURE__*/memo(function (_ref2) {
|
|
|
57
57
|
children: content
|
|
58
58
|
});
|
|
59
59
|
});
|
|
60
|
-
export var CodeLite = /*#__PURE__*/memo(function (
|
|
61
|
-
return /*#__PURE__*/_jsx(Code, _objectSpread({},
|
|
60
|
+
export var CodeLite = /*#__PURE__*/memo(function (props) {
|
|
61
|
+
return /*#__PURE__*/_jsx(Code, _objectSpread({}, props));
|
|
62
62
|
});
|
|
63
|
-
export var CodeFullFeatured = /*#__PURE__*/memo(function (
|
|
63
|
+
export var CodeFullFeatured = /*#__PURE__*/memo(function (props) {
|
|
64
64
|
return /*#__PURE__*/_jsx(Code, _objectSpread({
|
|
65
65
|
fullFeatured: true
|
|
66
|
-
},
|
|
66
|
+
}, props));
|
|
67
67
|
});
|
package/es/Markdown/index.js
CHANGED
|
@@ -23,8 +23,15 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
|
|
|
23
23
|
var _useStyles = useStyles(),
|
|
24
24
|
styles = _useStyles.styles;
|
|
25
25
|
var components = {
|
|
26
|
-
a:
|
|
27
|
-
|
|
26
|
+
a: function a(props) {
|
|
27
|
+
return /*#__PURE__*/_jsx(Typography.Link, _objectSpread(_objectSpread({}, props), {}, {
|
|
28
|
+
rel: "noopener noreferrer",
|
|
29
|
+
target: "_blank"
|
|
30
|
+
}));
|
|
31
|
+
},
|
|
32
|
+
details: function details(props) {
|
|
33
|
+
return /*#__PURE__*/_jsx(Collapse, _objectSpread({}, props));
|
|
34
|
+
},
|
|
28
35
|
hr: function hr() {
|
|
29
36
|
return /*#__PURE__*/_jsx(Divider, {
|
|
30
37
|
style: {
|
|
@@ -33,7 +40,9 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
|
|
|
33
40
|
}
|
|
34
41
|
});
|
|
35
42
|
},
|
|
36
|
-
img:
|
|
43
|
+
img: function img(props) {
|
|
44
|
+
return /*#__PURE__*/_jsx(Image, _objectSpread({}, props));
|
|
45
|
+
},
|
|
37
46
|
pre: fullFeaturedCodeBlock ? CodeFullFeatured : CodeLite
|
|
38
47
|
};
|
|
39
48
|
return /*#__PURE__*/_jsx(Typography, {
|
package/es/MessageModal/index.js
CHANGED
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
3
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
4
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
-
import { useResponsive } from 'antd-style';
|
|
5
|
+
import { createStyles, useResponsive } from 'antd-style';
|
|
6
6
|
import { memo } from 'react';
|
|
7
7
|
import useControlledState from 'use-merge-value';
|
|
8
8
|
import Markdown from "../Markdown";
|
|
@@ -11,21 +11,29 @@ import Modal from "../Modal";
|
|
|
11
11
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
12
12
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
13
13
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
14
|
+
var useStyles = createStyles(function (_ref) {
|
|
15
|
+
var stylish = _ref.stylish;
|
|
16
|
+
return {
|
|
17
|
+
markdown: stylish.markdownInChat
|
|
18
|
+
};
|
|
19
|
+
});
|
|
20
|
+
var MessageModal = /*#__PURE__*/memo(function (_ref2) {
|
|
21
|
+
var editing = _ref2.editing,
|
|
22
|
+
open = _ref2.open,
|
|
23
|
+
_ref2$height = _ref2.height,
|
|
24
|
+
height = _ref2$height === void 0 ? 'auto' : _ref2$height,
|
|
25
|
+
onOpenChange = _ref2.onOpenChange,
|
|
26
|
+
onEditingChange = _ref2.onEditingChange,
|
|
27
|
+
placeholder = _ref2.placeholder,
|
|
28
|
+
value = _ref2.value,
|
|
29
|
+
onChange = _ref2.onChange,
|
|
30
|
+
text = _ref2.text,
|
|
31
|
+
footer = _ref2.footer,
|
|
32
|
+
extra = _ref2.extra;
|
|
27
33
|
var _useResponsive = useResponsive(),
|
|
28
34
|
mobile = _useResponsive.mobile;
|
|
35
|
+
var _useStyles = useStyles(),
|
|
36
|
+
styles = _useStyles.styles;
|
|
29
37
|
var _useControlledState = useControlledState(false, {
|
|
30
38
|
onChange: onEditingChange,
|
|
31
39
|
value: editing
|
|
@@ -81,6 +89,7 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
|
|
|
81
89
|
type: 'block'
|
|
82
90
|
}) : /*#__PURE__*/_jsxs(_Fragment, {
|
|
83
91
|
children: [extra, /*#__PURE__*/_jsx(Markdown, {
|
|
92
|
+
className: styles.markdown,
|
|
84
93
|
style: value ? markdownStyle : _objectSpread(_objectSpread({}, markdownStyle), {}, {
|
|
85
94
|
opacity: 0.5
|
|
86
95
|
}),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
2
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
3
3
|
import { keyframes } from 'antd-style';
|
|
4
4
|
export var generateCustomStylish = function generateCustomStylish(_ref) {
|
|
5
5
|
var css = _ref.css,
|
|
@@ -13,8 +13,9 @@ export var generateCustomStylish = function generateCustomStylish(_ref) {
|
|
|
13
13
|
blurStrong: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n backdrop-filter: blur(36px);\n "]))),
|
|
14
14
|
bottomScrollbar: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n width: 0;\n height: 4px;\n background-color: transparent;\n\n &-thumb {\n background-color: ", ";\n border-radius: 4px;\n transition: background-color 500ms ", ";\n }\n\n &-corner {\n display: none;\n width: 0;\n height: 0;\n }\n }\n "])), token.colorFill, token.motionEaseOut),
|
|
15
15
|
gradientAnimation: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n background-image: linear-gradient(\n -45deg,\n ", ",\n ", ",\n ", ",\n ", "\n );\n background-size: 400% 400%;\n border-radius: inherit;\n animation: 5s ", " 5s ease infinite;\n "])), token.gold, token.magenta, token.geekblue, token.cyan, gradient),
|
|
16
|
-
markdown: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n color: ", ";\n\n h1,\n h2,\n h3,\n h4,\n h5 {\n font-weight: 600;\n }\n\n p {\n margin-block
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
markdown: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n color: ", ";\n\n h1,\n h2,\n h3,\n h4,\n h5 {\n font-weight: 600;\n }\n\n p {\n margin-block: 0 0;\n\n font-size: 14px;\n line-height: 1.8;\n color: ", ";\n word-break: break-all;\n word-wrap: break-word;\n\n + * {\n margin-block-end: 0.5em;\n }\n }\n\n > *:last-child {\n margin-bottom: 0 !important;\n }\n\n blockquote {\n margin: 16px 0;\n padding: 0 12px;\n\n p {\n font-style: italic;\n color: ", ";\n }\n }\n\n p:not(:last-child) {\n margin-bottom: 1em;\n }\n\n a {\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n\n &:active {\n color: ", ";\n }\n }\n\n img {\n max-width: 100%;\n }\n\n pre,\n [data-code-type='highlighter'] {\n border: none;\n border-radius: ", "px;\n\n > code {\n padding: 0 !important;\n border: none !important;\n }\n }\n\n > :not([data-code-type='highlighter']) code {\n padding: 2px 6px;\n\n font-size: ", "px;\n color: ", ";\n\n background: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n }\n\n table {\n border-spacing: 0;\n\n width: 100%;\n margin-block: 1em 1em;\n margin-inline: 0 0;\n padding: 8px;\n\n border: 1px solid ", ";\n border-radius: ", "px;\n\n code {\n display: inline-flex;\n }\n }\n\n th,\n td {\n padding-block: 10px 10px;\n padding-inline: 16px 16px;\n }\n\n thead {\n tr {\n th {\n background: ", ";\n\n &:first-child {\n border-top-left-radius: ", "px;\n border-bottom-left-radius: ", "px;\n }\n\n &:last-child {\n border-top-right-radius: ", "px;\n border-bottom-right-radius: ", "px;\n }\n }\n }\n }\n\n > ol > li::marker {\n color: ", " !important;\n }\n\n > ul > li {\n line-height: 1.8;\n list-style-type: disc;\n\n &::marker {\n color: ", " !important;\n }\n }\n\n ol,\n ul {\n > li::marker {\n color: ", ";\n }\n }\n\n details {\n margin-bottom: 1em;\n padding: 12px 16px;\n\n background: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n\n transition: all 400ms ", ";\n }\n\n details[open] {\n summary {\n padding-bottom: 12px;\n border-bottom: 1px solid ", ";\n }\n }\n "])), token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, token.borderRadius, token.fontSizeSM, cyanColor, cyanBackground, isDarkMode ? token.cyan1A : token.cyan6A, token.borderRadiusSM, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, isDarkMode ? token.cyan9A : token.cyan10A, isDarkMode ? token.cyan9A : token.cyan10A, token.colorTextDescription, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadiusLG, token.motionEaseOut, token.colorBorder),
|
|
17
|
+
markdownInChat: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n h1 {\n margin-top: 0;\n margin-block-start: 0;\n font-size: 2em;\n }\n\n h2 {\n margin-top: 0;\n margin-block-start: 0;\n font-size: 1.6em;\n }\n\n h3 {\n margin-top: 0;\n margin-block-start: 0;\n font-size: 1.4em;\n }\n\n h4 {\n margin-top: 0;\n margin-block-start: 0;\n font-size: 1.2em;\n }\n\n h5 {\n margin-top: 0;\n margin-block-start: 0;\n font-size: 1.1em;\n }\n "]))),
|
|
18
|
+
noScrollbar: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ::-webkit-scrollbar {\n display: none;\n width: 0;\n height: 0;\n background-color: transparent;\n }\n "]))),
|
|
19
|
+
resetLinkColor: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n cursor: pointer;\n color: ", ";\n\n &:hover {\n color: ", ";\n }\n "])), token.colorTextSecondary, token.colorText)
|
|
19
20
|
};
|
|
20
21
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
|
|
5
4
|
import { colorScales } from "../../colors/colors";
|
|
5
|
+
import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
|
|
6
6
|
var primaryToken = generateColorPalette({
|
|
7
7
|
appearance: 'dark',
|
|
8
8
|
scale: colorScales.bnw,
|
|
@@ -33,8 +33,9 @@ var infoToken = generateColorPalette({
|
|
|
33
33
|
type: 'Info'
|
|
34
34
|
});
|
|
35
35
|
var darkBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
|
|
36
|
-
boxShadow: '0
|
|
37
|
-
boxShadowSecondary: '0
|
|
36
|
+
boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
|
|
37
|
+
boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
|
|
38
|
+
boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
|
|
38
39
|
colorLink: infoToken.colorInfoText,
|
|
39
40
|
colorLinkActive: infoToken.colorInfoTextActive,
|
|
40
41
|
colorLinkHover: infoToken.colorInfoTextHover,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
|
|
5
4
|
import { colorScales } from "../../colors/colors";
|
|
5
|
+
import { generateColorNeutralPalette, generateColorPalette } from "../../colors/generateColorPalette";
|
|
6
6
|
var primaryToken = generateColorPalette({
|
|
7
7
|
appearance: 'light',
|
|
8
8
|
scale: colorScales.bnw,
|
|
@@ -33,8 +33,9 @@ var infoToken = generateColorPalette({
|
|
|
33
33
|
type: 'Info'
|
|
34
34
|
});
|
|
35
35
|
var lightBaseToken = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
|
|
36
|
-
boxShadow: '0
|
|
37
|
-
boxShadowSecondary: '0
|
|
36
|
+
boxShadow: '0 20px 20px -8px rgba(0, 0, 0, 0.24)',
|
|
37
|
+
boxShadowSecondary: '0 8px 16px -4px rgba(0, 0, 0, 0.2)',
|
|
38
|
+
boxShadowTertiary: '0 3px 1px -1px rgba(26, 26, 26, 0.06)',
|
|
38
39
|
colorLink: infoToken.colorInfoText,
|
|
39
40
|
colorLinkActive: infoToken.colorInfoTextActive,
|
|
40
41
|
colorLinkHover: infoToken.colorInfoTextHover,
|