@lobehub/ui 1.11.0 → 1.11.1
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/lib/ActionIcon/index.js +77 -79
- package/lib/ActionIcon/style.js +17 -61
- package/lib/Avatar/index.js +62 -67
- package/lib/Chat/const.js +6 -27
- package/lib/Chat/index.js +24 -28
- package/lib/Chat/store/index.js +46 -40
- package/lib/Chat/store/initialState.js +6 -27
- package/lib/Chat/store/messageReducer.js +51 -58
- package/lib/Chat/store/selectors.js +44 -46
- package/lib/Chat/store/store.js +242 -115
- package/lib/Chat/types.js +4 -16
- package/lib/Chat/utils/fetch.js +104 -68
- package/lib/ContextMenu/MenuItem/icons.js +48 -66
- package/lib/ContextMenu/MenuItem/index.js +73 -66
- package/lib/ContextMenu/MenuItem/style.js +19 -89
- package/lib/ContextMenu/index.js +194 -178
- package/lib/ContextMenu/style.js +17 -85
- package/lib/ContextMenu/types/index.js +15 -18
- package/lib/ContextMenu/types/menuItem.js +4 -16
- package/lib/Conversation/App.js +47 -50
- package/lib/Conversation/ChatList/MessageItem/Content.js +98 -93
- package/lib/Conversation/ChatList/MessageItem/Toolbar.js +94 -104
- package/lib/Conversation/ChatList/MessageItem/index.js +125 -157
- package/lib/Conversation/ChatList/index.js +64 -58
- package/lib/Conversation/InputArea/ActionBar.js +74 -92
- package/lib/Conversation/InputArea/index.js +103 -142
- package/lib/Conversation/StoreUpdater.js +28 -48
- package/lib/Conversation/index.js +30 -42
- package/lib/CopyButton/index.js +37 -62
- package/lib/DraggablePanel/index.js +192 -207
- package/lib/DraggablePanel/style.js +30 -278
- package/lib/DraggablePanel/utils.js +14 -35
- package/lib/EditableMessage/index.js +66 -89
- package/lib/EditableMessageList/index.js +97 -112
- package/lib/EditableText/index.js +36 -49
- package/lib/Highlighter/SyntaxHighlighter/Prism.js +43 -38
- package/lib/Highlighter/SyntaxHighlighter/index.js +62 -53
- package/lib/Highlighter/SyntaxHighlighter/style.js +18 -56
- package/lib/Highlighter/index.js +52 -58
- package/lib/Highlighter/style.js +22 -101
- package/lib/Icon/index.js +29 -36
- package/lib/Input/index.js +45 -43
- package/lib/Input/style.js +17 -67
- package/lib/List/ListItem/index.js +108 -150
- package/lib/List/ListItem/time.js +15 -47
- package/lib/List/index.js +9 -37
- package/lib/Logo/Divider.js +21 -34
- package/lib/Logo/Logo3D.js +17 -33
- package/lib/Logo/LogoFlat.js +108 -118
- package/lib/Logo/LogoHighContrast.js +30 -33
- package/lib/Logo/LogoText.js +21 -34
- package/lib/Logo/index.js +97 -59
- package/lib/Logo/style.js +13 -36
- package/lib/Markdown/Code.js +16 -30
- package/lib/Markdown/CodeBlock.js +33 -65
- package/lib/Markdown/index.js +35 -54
- package/lib/Markdown/style.js +15 -129
- package/lib/MessageInput/index.js +60 -56
- package/lib/MessageModal/index.js +80 -91
- package/lib/SearchBar/index.js +86 -73
- package/lib/SearchBar/style.js +18 -46
- package/lib/SideNav/index.js +43 -31
- package/lib/SideNav/style.js +13 -43
- package/lib/Snippet/index.js +42 -45
- package/lib/Snippet/style.js +13 -71
- package/lib/StroyBook/index.js +60 -61
- package/lib/StroyBook/style.js +19 -87
- package/lib/Swatches/index.js +35 -53
- package/lib/TabsNav/index.js +23 -31
- package/lib/TabsNav/style.js +17 -60
- package/lib/ThemeProvider/GlobalStyle.js +29 -92
- package/lib/ThemeProvider/index.js +43 -57
- package/lib/ThemeSwitch/index.js +62 -46
- package/lib/Tooltip/index.js +26 -31
- package/lib/Tooltip/style.js +13 -49
- package/lib/components/ControlInput.js +86 -87
- package/lib/hooks/useCopied.js +27 -37
- package/lib/hooks/useHighlight.js +65 -70
- package/lib/index.js +211 -120
- package/lib/styles/algorithms/generateColorPalette.js +28 -60
- package/lib/styles/algorithms/generateCustomStylish.js +22 -117
- package/lib/styles/algorithms/generateCustomToken.js +51 -65
- package/lib/styles/algorithms/generateTheme.js +22 -53
- package/lib/styles/colors.js +121 -1766
- package/lib/styles/index.js +23 -32
- package/lib/styles/theme/base.js +11 -32
- package/lib/styles/theme/dark.js +38 -62
- package/lib/styles/theme/light.js +38 -62
- package/lib/types/index.js +4 -16
- package/lib/utils/colorUtils.js +14 -48
- package/package.json +1 -1
package/lib/styles/index.js
CHANGED
|
@@ -1,35 +1,26 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "lobeCustomStylish", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _generateCustomStylish.generateCustomStylish;
|
|
10
|
+
}
|
|
25
11
|
});
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
12
|
+
Object.defineProperty(exports, "lobeCustomToken", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _generateCustomToken.generateCustomToken;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "lobeTheme", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _generateTheme.generateTheme;
|
|
22
|
+
}
|
|
35
23
|
});
|
|
24
|
+
var _generateCustomStylish = require("./algorithms/generateCustomStylish");
|
|
25
|
+
var _generateCustomToken = require("./algorithms/generateCustomToken");
|
|
26
|
+
var _generateTheme = require("./algorithms/generateTheme");
|
package/lib/styles/theme/base.js
CHANGED
|
@@ -1,41 +1,20 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
__export(base_exports, {
|
|
22
|
-
baseToken: () => baseToken
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
23
5
|
});
|
|
24
|
-
|
|
25
|
-
var FONT_EMOJI =
|
|
26
|
-
var FONT_EN =
|
|
27
|
-
var FONT_CN =
|
|
28
|
-
var FONT_CODE =
|
|
6
|
+
exports.baseToken = void 0;
|
|
7
|
+
var FONT_EMOJI = "\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Apple Color Emoji\",\"Twemoji Mozilla\",\"Noto Color Emoji\",\"Android Emoji\"";
|
|
8
|
+
var FONT_EN = "\"HarmonyOS Sans\",\"Segoe UI\",\"SF Pro Display\",-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,\"Open Sans\",\"Helvetica Neue\",sans-serif";
|
|
9
|
+
var FONT_CN = "\"HarmonyOS Sans SC\",\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft Yahei UI\",\"Microsoft Yahei\",\"Source Han Sans CN\",sans-serif";
|
|
10
|
+
var FONT_CODE = "ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace";
|
|
29
11
|
var baseToken = {
|
|
30
12
|
borderRadius: 5,
|
|
31
13
|
borderRadiusXS: 3,
|
|
32
14
|
borderRadiusSM: 3,
|
|
33
15
|
borderRadiusLG: 8,
|
|
34
16
|
controlHeight: 36,
|
|
35
|
-
fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(
|
|
36
|
-
fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(
|
|
17
|
+
fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(','),
|
|
18
|
+
fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(',')
|
|
37
19
|
};
|
|
38
|
-
|
|
39
|
-
0 && (module.exports = {
|
|
40
|
-
baseToken
|
|
41
|
-
});
|
|
20
|
+
exports.baseToken = baseToken;
|
package/lib/styles/theme/dark.js
CHANGED
|
@@ -1,74 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
default: () => dark_default
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
23
6
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
+
var _generateColorPalette = require("../algorithms/generateColorPalette");
|
|
10
|
+
var _colors = require("../colors");
|
|
11
|
+
var _base = require("./base");
|
|
12
|
+
var primaryToken = (0, _generateColorPalette.generateColorPalette)({
|
|
13
|
+
type: 'Primary',
|
|
14
|
+
scale: _colors.colorScales.bnw,
|
|
15
|
+
appearance: 'dark'
|
|
32
16
|
});
|
|
33
|
-
var neutralToken = (0,
|
|
34
|
-
scale:
|
|
35
|
-
appearance:
|
|
17
|
+
var neutralToken = (0, _generateColorPalette.generateColorNeutralPalette)({
|
|
18
|
+
scale: _colors.colorScales.gray,
|
|
19
|
+
appearance: 'dark'
|
|
36
20
|
});
|
|
37
|
-
var successToken = (0,
|
|
38
|
-
type:
|
|
39
|
-
scale:
|
|
40
|
-
appearance:
|
|
21
|
+
var successToken = (0, _generateColorPalette.generateColorPalette)({
|
|
22
|
+
type: 'Success',
|
|
23
|
+
scale: _colors.colorScales.lime,
|
|
24
|
+
appearance: 'dark'
|
|
41
25
|
});
|
|
42
|
-
var warningToken = (0,
|
|
43
|
-
type:
|
|
44
|
-
scale:
|
|
45
|
-
appearance:
|
|
26
|
+
var warningToken = (0, _generateColorPalette.generateColorPalette)({
|
|
27
|
+
type: 'Warning',
|
|
28
|
+
scale: _colors.colorScales.amber,
|
|
29
|
+
appearance: 'dark'
|
|
46
30
|
});
|
|
47
|
-
var errorToken = (0,
|
|
48
|
-
type:
|
|
49
|
-
scale:
|
|
50
|
-
appearance:
|
|
31
|
+
var errorToken = (0, _generateColorPalette.generateColorPalette)({
|
|
32
|
+
type: 'Error',
|
|
33
|
+
scale: _colors.colorScales.pink,
|
|
34
|
+
appearance: 'dark'
|
|
51
35
|
});
|
|
52
|
-
var infoToken = (0,
|
|
53
|
-
type:
|
|
54
|
-
scale:
|
|
55
|
-
appearance:
|
|
36
|
+
var infoToken = (0, _generateColorPalette.generateColorPalette)({
|
|
37
|
+
type: 'Info',
|
|
38
|
+
scale: _colors.colorScales.sky,
|
|
39
|
+
appearance: 'dark'
|
|
56
40
|
});
|
|
57
|
-
var darkBaseToken = {
|
|
58
|
-
...import_base.baseToken,
|
|
59
|
-
...primaryToken,
|
|
60
|
-
...neutralToken,
|
|
61
|
-
...successToken,
|
|
62
|
-
...warningToken,
|
|
63
|
-
...errorToken,
|
|
64
|
-
...infoToken,
|
|
41
|
+
var darkBaseToken = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _base.baseToken), primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
|
|
65
42
|
colorTextLightSolid: neutralToken.colorBgLayout,
|
|
66
43
|
colorLinkHover: infoToken.colorInfoTextHover,
|
|
67
44
|
colorLink: infoToken.colorInfoText,
|
|
68
45
|
colorLinkActive: infoToken.colorInfoTextActive,
|
|
69
|
-
boxShadow:
|
|
70
|
-
boxShadowSecondary:
|
|
71
|
-
};
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
0 && (module.exports = {});
|
|
46
|
+
boxShadow: '0 12px 20px 6px rgb(0 0 0 / 0.08)',
|
|
47
|
+
boxShadowSecondary: '0 2px 8px 2px rgb(0 0 0 / 0.07), 0 2px 4px -1px rgb(0 0 0 / 0.04)'
|
|
48
|
+
});
|
|
49
|
+
var _default = darkBaseToken;
|
|
50
|
+
exports.default = _default;
|
|
@@ -1,74 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
8
|
-
};
|
|
9
|
-
var __copyProps = (to, from, except, desc) => {
|
|
10
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
11
|
-
for (let key of __getOwnPropNames(from))
|
|
12
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
13
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
|
-
}
|
|
15
|
-
return to;
|
|
16
|
-
};
|
|
17
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
18
2
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
default: () => light_default
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
23
6
|
});
|
|
24
|
-
|
|
25
|
-
var
|
|
26
|
-
var
|
|
27
|
-
var
|
|
28
|
-
var
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
|
+
var _generateColorPalette = require("../algorithms/generateColorPalette");
|
|
10
|
+
var _colors = require("../colors");
|
|
11
|
+
var _base = require("./base");
|
|
12
|
+
var primaryToken = (0, _generateColorPalette.generateColorPalette)({
|
|
13
|
+
type: 'Primary',
|
|
14
|
+
scale: _colors.colorScales.bnw,
|
|
15
|
+
appearance: 'light'
|
|
32
16
|
});
|
|
33
|
-
var neutralToken = (0,
|
|
34
|
-
scale:
|
|
35
|
-
appearance:
|
|
17
|
+
var neutralToken = (0, _generateColorPalette.generateColorNeutralPalette)({
|
|
18
|
+
scale: _colors.colorScales.gray,
|
|
19
|
+
appearance: 'light'
|
|
36
20
|
});
|
|
37
|
-
var successToken = (0,
|
|
38
|
-
type:
|
|
39
|
-
scale:
|
|
40
|
-
appearance:
|
|
21
|
+
var successToken = (0, _generateColorPalette.generateColorPalette)({
|
|
22
|
+
type: 'Success',
|
|
23
|
+
scale: _colors.colorScales.grass,
|
|
24
|
+
appearance: 'light'
|
|
41
25
|
});
|
|
42
|
-
var warningToken = (0,
|
|
43
|
-
type:
|
|
44
|
-
scale:
|
|
45
|
-
appearance:
|
|
26
|
+
var warningToken = (0, _generateColorPalette.generateColorPalette)({
|
|
27
|
+
type: 'Warning',
|
|
28
|
+
scale: _colors.colorScales.orange,
|
|
29
|
+
appearance: 'light'
|
|
46
30
|
});
|
|
47
|
-
var errorToken = (0,
|
|
48
|
-
type:
|
|
49
|
-
scale:
|
|
50
|
-
appearance:
|
|
31
|
+
var errorToken = (0, _generateColorPalette.generateColorPalette)({
|
|
32
|
+
type: 'Error',
|
|
33
|
+
scale: _colors.colorScales.tomato,
|
|
34
|
+
appearance: 'light'
|
|
51
35
|
});
|
|
52
|
-
var infoToken = (0,
|
|
53
|
-
type:
|
|
54
|
-
scale:
|
|
55
|
-
appearance:
|
|
36
|
+
var infoToken = (0, _generateColorPalette.generateColorPalette)({
|
|
37
|
+
type: 'Info',
|
|
38
|
+
scale: _colors.colorScales.blue,
|
|
39
|
+
appearance: 'light'
|
|
56
40
|
});
|
|
57
|
-
var lightBaseToken = {
|
|
58
|
-
...import_base.baseToken,
|
|
59
|
-
...primaryToken,
|
|
60
|
-
...neutralToken,
|
|
61
|
-
...successToken,
|
|
62
|
-
...warningToken,
|
|
63
|
-
...errorToken,
|
|
64
|
-
...infoToken,
|
|
41
|
+
var lightBaseToken = (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, _base.baseToken), primaryToken), neutralToken), successToken), warningToken), errorToken), infoToken), {}, {
|
|
65
42
|
colorTextLightSolid: neutralToken.colorBgLayout,
|
|
66
43
|
colorLinkHover: infoToken.colorInfoTextHover,
|
|
67
44
|
colorLink: infoToken.colorInfoText,
|
|
68
45
|
colorLinkActive: infoToken.colorInfoTextActive,
|
|
69
|
-
boxShadow:
|
|
70
|
-
boxShadowSecondary:
|
|
71
|
-
};
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
0 && (module.exports = {});
|
|
46
|
+
boxShadow: '0 12px 20px 6px rgb(104 112 118 / 0.08)',
|
|
47
|
+
boxShadowSecondary: '0 2px 8px 2px rgb(104 112 118 / 0.07), 0 2px 4px -1px rgb(104 112 118 / 0.04)'
|
|
48
|
+
});
|
|
49
|
+
var _default = lightBaseToken;
|
|
50
|
+
exports.default = _default;
|
package/lib/types/index.js
CHANGED
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
-
for (let key of __getOwnPropNames(from))
|
|
8
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
9
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
}
|
|
11
|
-
return to;
|
|
12
|
-
};
|
|
13
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
14
2
|
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
package/lib/utils/colorUtils.js
CHANGED
|
@@ -1,52 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
-
mod
|
|
26
|
-
));
|
|
27
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
1
|
+
"use strict";
|
|
28
2
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
convertAlphaToSolid: () => convertAlphaToSolid
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
33
6
|
});
|
|
34
|
-
|
|
35
|
-
var
|
|
36
|
-
var convertAlphaToSolid = (foreground, background)
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
fgColor.get("rgb.g") * alpha + bgColor.get("rgb.g") * alphaComplement,
|
|
44
|
-
fgColor.get("rgb.b") * alpha + bgColor.get("rgb.b") * alphaComplement
|
|
45
|
-
];
|
|
46
|
-
const resultColor = (0, import_chroma_js.default)(mixedColor);
|
|
7
|
+
exports.convertAlphaToSolid = void 0;
|
|
8
|
+
var _chromaJs = _interopRequireDefault(require("chroma-js"));
|
|
9
|
+
var convertAlphaToSolid = function convertAlphaToSolid(foreground, background) {
|
|
10
|
+
var fgColor = (0, _chromaJs.default)(foreground);
|
|
11
|
+
var bgColor = (0, _chromaJs.default)(background);
|
|
12
|
+
var alpha = fgColor.alpha();
|
|
13
|
+
var alphaComplement = 1 - alpha;
|
|
14
|
+
var mixedColor = [fgColor.get('rgb.r') * alpha + bgColor.get('rgb.r') * alphaComplement, fgColor.get('rgb.g') * alpha + bgColor.get('rgb.g') * alphaComplement, fgColor.get('rgb.b') * alpha + bgColor.get('rgb.b') * alphaComplement];
|
|
15
|
+
var resultColor = (0, _chromaJs.default)(mixedColor);
|
|
47
16
|
return resultColor.hex();
|
|
48
17
|
};
|
|
49
|
-
|
|
50
|
-
0 && (module.exports = {
|
|
51
|
-
convertAlphaToSolid
|
|
52
|
-
});
|
|
18
|
+
exports.convertAlphaToSolid = convertAlphaToSolid;
|