@lobehub/ui 1.107.3 → 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/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,
|
|
@@ -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,
|