musae 0.3.6 → 0.3.7
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/dist/components/icon/icons/action/account-circle.cjs +23 -0
- package/dist/components/icon/icons/action/account-circle.d.ts +3 -0
- package/dist/components/icon/icons/action/account-circle.mjs +21 -0
- package/dist/components/icon/icons/action/index.cjs +4 -1
- package/dist/components/icon/icons/action/index.d.ts +3 -1
- package/dist/components/icon/icons/action/index.mjs +4 -2
- package/dist/components/icon/icons/index.cjs +2 -0
- package/dist/components/icon/icons/index.mjs +1 -0
- package/dist/components/rich-text-editor/index.cjs +6 -5
- package/dist/components/rich-text-editor/index.mjs +6 -5
- package/dist/components/rich-text-editor/rich-text-editor.cjs +26 -7
- package/dist/components/rich-text-editor/rich-text-editor.mjs +25 -6
- package/dist/hooks/use-class-names.d.ts +1 -0
- package/dist/types/skeleton.d.ts +1 -0
- package/dist/utils/class-name.cjs +2 -1
- package/dist/utils/class-name.d.ts +4 -1
- package/dist/utils/class-name.mjs +2 -1
- package/package.json +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var hoc = require('../../hoc.cjs');
|
|
5
|
+
|
|
6
|
+
var AccountCircle = hoc.withIcon(function (_ref) {
|
|
7
|
+
var size = _ref.size;
|
|
8
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
9
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
10
|
+
width: size,
|
|
11
|
+
height: size,
|
|
12
|
+
viewBox: "0 0 24 24",
|
|
13
|
+
fill: "none"
|
|
14
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
15
|
+
d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.35 18.5C8.66 17.56 10.26 17 12 17C13.74 17 15.34 17.56 16.65 18.5C15.34 19.44 13.74 20 12 20C10.26 20 8.66 19.44 7.35 18.5ZM18.14 17.12C16.45 15.8 14.32 15 12 15C9.68 15 7.55 15.8 5.86 17.12C4.7 15.73 4 13.95 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 13.95 19.3 15.73 18.14 17.12Z",
|
|
16
|
+
fill: "currentColor"
|
|
17
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
18
|
+
d: "M12 6C10.07 6 8.5 7.57 8.5 9.5C8.5 11.43 10.07 13 12 13C13.93 13 15.5 11.43 15.5 9.5C15.5 7.57 13.93 6 12 6ZM12 11C11.17 11 10.5 10.33 10.5 9.5C10.5 8.67 11.17 8 12 8C12.83 8 13.5 8.67 13.5 9.5C13.5 10.33 12.83 11 12 11Z",
|
|
19
|
+
fill: "currentColor"
|
|
20
|
+
}));
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
exports.default = AccountCircle;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { withIcon } from '../../hoc.mjs';
|
|
3
|
+
|
|
4
|
+
var AccountCircle = withIcon(function (_ref) {
|
|
5
|
+
var size = _ref.size;
|
|
6
|
+
return /*#__PURE__*/React.createElement("svg", {
|
|
7
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
8
|
+
width: size,
|
|
9
|
+
height: size,
|
|
10
|
+
viewBox: "0 0 24 24",
|
|
11
|
+
fill: "none"
|
|
12
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
13
|
+
d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM7.35 18.5C8.66 17.56 10.26 17 12 17C13.74 17 15.34 17.56 16.65 18.5C15.34 19.44 13.74 20 12 20C10.26 20 8.66 19.44 7.35 18.5ZM18.14 17.12C16.45 15.8 14.32 15 12 15C9.68 15 7.55 15.8 5.86 17.12C4.7 15.73 4 13.95 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 13.95 19.3 15.73 18.14 17.12Z",
|
|
14
|
+
fill: "currentColor"
|
|
15
|
+
}), /*#__PURE__*/React.createElement("path", {
|
|
16
|
+
d: "M12 6C10.07 6 8.5 7.57 8.5 9.5C8.5 11.43 10.07 13 12 13C13.93 13 15.5 11.43 15.5 9.5C15.5 7.57 13.93 6 12 6ZM12 11C11.17 11 10.5 10.33 10.5 9.5C10.5 8.67 11.17 8 12 8C12.83 8 13.5 8.67 13.5 9.5C13.5 10.33 12.83 11 12 11Z",
|
|
17
|
+
fill: "currentColor"
|
|
18
|
+
}));
|
|
19
|
+
});
|
|
20
|
+
|
|
21
|
+
export { AccountCircle as default };
|
|
@@ -15,6 +15,7 @@ var code = require('./code.cjs');
|
|
|
15
15
|
var openInNew = require('./open-in-new.cjs');
|
|
16
16
|
var _delete = require('./delete.cjs');
|
|
17
17
|
var threeDRotation = require('./three-d-rotation.cjs');
|
|
18
|
+
var accountCircle = require('./account-circle.cjs');
|
|
18
19
|
|
|
19
20
|
var _ = {
|
|
20
21
|
Visibility: visibility.default,
|
|
@@ -31,7 +32,8 @@ var _ = {
|
|
|
31
32
|
Code: code.default,
|
|
32
33
|
OpenInNew: openInNew.default,
|
|
33
34
|
Delete: _delete.default,
|
|
34
|
-
ThreeDRotation: threeDRotation.default
|
|
35
|
+
ThreeDRotation: threeDRotation.default,
|
|
36
|
+
AccountCircle: accountCircle.default
|
|
35
37
|
};
|
|
36
38
|
|
|
37
39
|
exports.Visibility = visibility.default;
|
|
@@ -49,4 +51,5 @@ exports.Code = code.default;
|
|
|
49
51
|
exports.OpenInNew = openInNew.default;
|
|
50
52
|
exports.Delete = _delete.default;
|
|
51
53
|
exports.ThreeDRotation = threeDRotation.default;
|
|
54
|
+
exports.AccountCircle = accountCircle.default;
|
|
52
55
|
exports.default = _;
|
|
@@ -13,6 +13,7 @@ import Code from "./code";
|
|
|
13
13
|
import OpenInNew from "./open-in-new";
|
|
14
14
|
import Delete from "./delete";
|
|
15
15
|
import ThreeDRotation from "./three-d-rotation";
|
|
16
|
+
import AccountCircle from "./account-circle";
|
|
16
17
|
declare const _: {
|
|
17
18
|
Visibility: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
|
|
18
19
|
VisibilityOff: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
|
|
@@ -29,6 +30,7 @@ declare const _: {
|
|
|
29
30
|
OpenInNew: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
|
|
30
31
|
Delete: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
|
|
31
32
|
ThreeDRotation: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
|
|
33
|
+
AccountCircle: (props: Omit<import("../../../../types/icon").IconProps, "as">) => import("react").FunctionComponentElement<import("../../../../types/icon").IconProps>;
|
|
32
34
|
};
|
|
33
35
|
export default _;
|
|
34
|
-
export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, Delete, ThreeDRotation, };
|
|
36
|
+
export { Visibility, VisibilityOff, CheckCircleOutline, Done, CheckCircle, SwapHoriz, SwapVert, ZoomOut, ZoomIn, DoneOutline, Translate, Code, OpenInNew, Delete, ThreeDRotation, AccountCircle, };
|
|
@@ -13,6 +13,7 @@ import Code from './code.mjs';
|
|
|
13
13
|
import OpenInNew from './open-in-new.mjs';
|
|
14
14
|
import Delete from './delete.mjs';
|
|
15
15
|
import ThreeDRotation from './three-d-rotation.mjs';
|
|
16
|
+
import AccountCircle from './account-circle.mjs';
|
|
16
17
|
|
|
17
18
|
var _ = {
|
|
18
19
|
Visibility: Visibility,
|
|
@@ -29,7 +30,8 @@ var _ = {
|
|
|
29
30
|
Code: Code,
|
|
30
31
|
OpenInNew: OpenInNew,
|
|
31
32
|
Delete: Delete,
|
|
32
|
-
ThreeDRotation: ThreeDRotation
|
|
33
|
+
ThreeDRotation: ThreeDRotation,
|
|
34
|
+
AccountCircle: AccountCircle
|
|
33
35
|
};
|
|
34
36
|
|
|
35
|
-
export { CheckCircle, CheckCircleOutline, Code, Delete, Done, DoneOutline, OpenInNew, SwapHoriz, SwapVert, ThreeDRotation, Translate, Visibility, VisibilityOff, ZoomIn, ZoomOut, _ as default };
|
|
37
|
+
export { AccountCircle, CheckCircle, CheckCircleOutline, Code, Delete, Done, DoneOutline, OpenInNew, SwapHoriz, SwapVert, ThreeDRotation, Translate, Visibility, VisibilityOff, ZoomIn, ZoomOut, _ as default };
|
|
@@ -13,6 +13,7 @@ var code = require('./action/code.cjs');
|
|
|
13
13
|
var openInNew = require('./action/open-in-new.cjs');
|
|
14
14
|
var _delete = require('./action/delete.cjs');
|
|
15
15
|
var threeDRotation = require('./action/three-d-rotation.cjs');
|
|
16
|
+
var accountCircle = require('./action/account-circle.cjs');
|
|
16
17
|
var errorOutline = require('./alert/error-outline.cjs');
|
|
17
18
|
var addAlert = require('./alert/add-alert.cjs');
|
|
18
19
|
var autoDelete = require('./alert/auto-delete.cjs');
|
|
@@ -80,6 +81,7 @@ exports.Code = code.default;
|
|
|
80
81
|
exports.OpenInNew = openInNew.default;
|
|
81
82
|
exports.Delete = _delete.default;
|
|
82
83
|
exports.ThreeDRotation = threeDRotation.default;
|
|
84
|
+
exports.AccountCircle = accountCircle.default;
|
|
83
85
|
exports.ErrorOutline = errorOutline.default;
|
|
84
86
|
exports.AddAlert = addAlert.default;
|
|
85
87
|
exports.AutoDelete = autoDelete.default;
|
|
@@ -13,6 +13,7 @@ export { default as Code } from './action/code.mjs';
|
|
|
13
13
|
export { default as OpenInNew } from './action/open-in-new.mjs';
|
|
14
14
|
export { default as Delete } from './action/delete.mjs';
|
|
15
15
|
export { default as ThreeDRotation } from './action/three-d-rotation.mjs';
|
|
16
|
+
export { default as AccountCircle } from './action/account-circle.mjs';
|
|
16
17
|
export { default as ErrorOutline } from './alert/error-outline.mjs';
|
|
17
18
|
export { default as AddAlert } from './alert/add-alert.mjs';
|
|
18
19
|
export { default as AutoDelete } from './alert/auto-delete.mjs';
|
|
@@ -7,12 +7,13 @@ var componentToken = require('../../utils/component-token.cjs');
|
|
|
7
7
|
var relax = require('@aiszlab/relax');
|
|
8
8
|
var className = require('../../utils/class-name.cjs');
|
|
9
9
|
|
|
10
|
-
var _excluded = ["className"];
|
|
10
|
+
var _excluded = ["className", "style"];
|
|
11
11
|
var _RichTextEditor = /*#__PURE__*/React.lazy(function () {
|
|
12
12
|
return Promise.resolve().then(function () { return require('./rich-text-editor.cjs'); });
|
|
13
13
|
});
|
|
14
14
|
var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
15
15
|
var className$1 = _ref.className,
|
|
16
|
+
style = _ref.style,
|
|
16
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
18
|
var styled = {
|
|
18
19
|
className: "musaex-h22aca musaex-1k094eu musaex-qwu505"
|
|
@@ -20,12 +21,12 @@ var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
20
21
|
var classNames = useClassNames.useClassNames(componentToken.ComponentToken.RichTextEditor);
|
|
21
22
|
return /*#__PURE__*/React.createElement(React.Suspense, {
|
|
22
23
|
fallback: /*#__PURE__*/React.createElement(skeleton.default, {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
style: styled.style
|
|
24
|
+
className: relax.clsx(classNames[className.RichTextEditorClassToken.Loading], className$1, styled.className),
|
|
25
|
+
style: _objectSpread(_objectSpread({}, styled.style), style)
|
|
26
26
|
})
|
|
27
27
|
}, /*#__PURE__*/React.createElement(_RichTextEditor, _objectSpread(_objectSpread({}, props), {}, {
|
|
28
|
-
className:
|
|
28
|
+
className: className$1,
|
|
29
|
+
style: style,
|
|
29
30
|
ref: ref
|
|
30
31
|
})));
|
|
31
32
|
});
|
|
@@ -7,12 +7,13 @@ import { ComponentToken } from '../../utils/component-token.mjs';
|
|
|
7
7
|
import { clsx } from '@aiszlab/relax';
|
|
8
8
|
import { RichTextEditorClassToken } from '../../utils/class-name.mjs';
|
|
9
9
|
|
|
10
|
-
var _excluded = ["className"];
|
|
10
|
+
var _excluded = ["className", "style"];
|
|
11
11
|
var _RichTextEditor = /*#__PURE__*/lazy(function () {
|
|
12
12
|
return import('./rich-text-editor.mjs');
|
|
13
13
|
});
|
|
14
14
|
var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
15
15
|
var className = _ref.className,
|
|
16
|
+
style = _ref.style,
|
|
16
17
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
17
18
|
var styled = {
|
|
18
19
|
className: "musaex-h22aca musaex-1k094eu musaex-qwu505"
|
|
@@ -20,12 +21,12 @@ var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
20
21
|
var classNames = useClassNames(ComponentToken.RichTextEditor);
|
|
21
22
|
return /*#__PURE__*/React.createElement(Suspense, {
|
|
22
23
|
fallback: /*#__PURE__*/React.createElement(Skeleton, {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
style: styled.style
|
|
24
|
+
className: clsx(classNames[RichTextEditorClassToken.Loading], className, styled.className),
|
|
25
|
+
style: _objectSpread(_objectSpread({}, styled.style), style)
|
|
26
26
|
})
|
|
27
27
|
}, /*#__PURE__*/createElement(_RichTextEditor, _objectSpread(_objectSpread({}, props), {}, {
|
|
28
|
-
className:
|
|
28
|
+
className: className,
|
|
29
|
+
style: style,
|
|
29
30
|
ref: ref
|
|
30
31
|
})));
|
|
31
32
|
});
|
|
@@ -30,6 +30,9 @@ var index$1 = require('./plugins/markdown-shortcut/index.cjs');
|
|
|
30
30
|
var theme = require('../theme/theme.cjs');
|
|
31
31
|
require('../checkbox/index.cjs');
|
|
32
32
|
var markdown = require('@lexical/markdown');
|
|
33
|
+
var useClassNames = require('../../hooks/use-class-names.cjs');
|
|
34
|
+
var componentToken = require('../../utils/component-token.cjs');
|
|
35
|
+
var className = require('../../utils/class-name.cjs');
|
|
33
36
|
var styles$1 = require('../checkbox/styles.cjs');
|
|
34
37
|
|
|
35
38
|
var _excluded = ["placeholder", "disabled", "defaultValue", "onChange", "value", "className", "style"];
|
|
@@ -65,6 +68,23 @@ var styles = {
|
|
|
65
68
|
"----code-background-color": props.codeBackgroundColor != null ? props.codeBackgroundColor : "initial"
|
|
66
69
|
}];
|
|
67
70
|
},
|
|
71
|
+
editor: {
|
|
72
|
+
outline: "musaex-1a2a7pz",
|
|
73
|
+
outlineColor: null,
|
|
74
|
+
outlineOffset: null,
|
|
75
|
+
outlineStyle: null,
|
|
76
|
+
outlineWidth: null,
|
|
77
|
+
paddingInline: "musaex-y0sash",
|
|
78
|
+
paddingStart: null,
|
|
79
|
+
paddingLeft: null,
|
|
80
|
+
paddingEnd: null,
|
|
81
|
+
paddingRight: null,
|
|
82
|
+
paddingBlock: "musaex-qhkzqn",
|
|
83
|
+
paddingTop: null,
|
|
84
|
+
paddingBottom: null,
|
|
85
|
+
minHeight: "musaex-ktxt4i",
|
|
86
|
+
$$css: true
|
|
87
|
+
},
|
|
68
88
|
checkbox: {
|
|
69
89
|
position: "musaex-10l6tqk",
|
|
70
90
|
insetInlineStart: "musaex-1fx3lr6",
|
|
@@ -82,7 +102,7 @@ var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
82
102
|
defaultValue = _ref.defaultValue,
|
|
83
103
|
onChange = _ref.onChange;
|
|
84
104
|
_ref.value;
|
|
85
|
-
var className = _ref.className,
|
|
105
|
+
var className$1 = _ref.className,
|
|
86
106
|
style = _ref.style,
|
|
87
107
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
88
108
|
var _useIdentity = relax.useIdentity(),
|
|
@@ -98,8 +118,9 @@ var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
98
118
|
return (_props$use = props.use) !== null && _props$use !== void 0 ? _props$use : "serialized";
|
|
99
119
|
});
|
|
100
120
|
var controlledStatePluginRef = React.useRef(null);
|
|
121
|
+
var classNames = useClassNames.useClassNames(componentToken.ComponentToken.RichTextEditor);
|
|
101
122
|
var styled = {
|
|
102
|
-
shell: stylex.default.props(styles.shell({
|
|
123
|
+
shell: stylex.default.props(!disabled && styles.shell({
|
|
103
124
|
backgroundColor: theme$1.colors[colors.ColorToken.SurfaceContainer]
|
|
104
125
|
}), styles.variables({
|
|
105
126
|
primaryColor: theme$1.colors[colors.ColorToken.Primary],
|
|
@@ -107,9 +128,7 @@ var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
107
128
|
outlineColor: theme$1.colors[colors.ColorToken.Outline],
|
|
108
129
|
codeBackgroundColor: theme$1.colors[colors.ColorToken.SurfaceContainerHighest]
|
|
109
130
|
})),
|
|
110
|
-
editor:
|
|
111
|
-
className: "musaex-1a2a7pz musaex-y0sash musaex-1vgzror musaex-igxgg9 musaex-ktxt4i"
|
|
112
|
-
},
|
|
131
|
+
editor: stylex.default.props(!disabled && styles.editor),
|
|
113
132
|
h1: stylex.default.props(theme.typography.display.large),
|
|
114
133
|
h2: stylex.default.props(theme.typography.display.medium),
|
|
115
134
|
h3: stylex.default.props(theme.typography.display.small),
|
|
@@ -198,11 +217,11 @@ var RichTextEditor = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
198
217
|
return /*#__PURE__*/React.createElement(LexicalComposer.LexicalComposer, {
|
|
199
218
|
initialConfig: initialConfig
|
|
200
219
|
}, /*#__PURE__*/React.createElement("div", {
|
|
201
|
-
className: relax.clsx(className, styled.shell.className),
|
|
220
|
+
className: relax.clsx(classNames[className.RichTextEditorClassToken.RichTextEditor], className$1, styled.shell.className),
|
|
202
221
|
style: _objectSpread(_objectSpread({}, styled.shell.style), style)
|
|
203
222
|
}, !disabled && /*#__PURE__*/React.createElement(index.default, null), /*#__PURE__*/React.createElement(LexicalRichTextPlugin.RichTextPlugin, {
|
|
204
223
|
contentEditable: /*#__PURE__*/React.createElement(LexicalContentEditable.ContentEditable, {
|
|
205
|
-
className: styled.editor.className,
|
|
224
|
+
className: relax.clsx(classNames[className.RichTextEditorClassToken.Editable], styled.editor.className),
|
|
206
225
|
style: styled.editor.style,
|
|
207
226
|
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : function () {
|
|
208
227
|
return null;
|
|
@@ -28,6 +28,9 @@ import MarkdownShortcutPlugin from './plugins/markdown-shortcut/index.mjs';
|
|
|
28
28
|
import { typography } from '../theme/theme.mjs';
|
|
29
29
|
import '../checkbox/index.mjs';
|
|
30
30
|
import { $convertFromMarkdownString, TRANSFORMERS } from '@lexical/markdown';
|
|
31
|
+
import { useClassNames } from '../../hooks/use-class-names.mjs';
|
|
32
|
+
import { ComponentToken } from '../../utils/component-token.mjs';
|
|
33
|
+
import { RichTextEditorClassToken } from '../../utils/class-name.mjs';
|
|
31
34
|
import styles$1 from '../checkbox/styles.mjs';
|
|
32
35
|
|
|
33
36
|
var _excluded = ["placeholder", "disabled", "defaultValue", "onChange", "value", "className", "style"];
|
|
@@ -63,6 +66,23 @@ var styles = {
|
|
|
63
66
|
"----code-background-color": props.codeBackgroundColor != null ? props.codeBackgroundColor : "initial"
|
|
64
67
|
}];
|
|
65
68
|
},
|
|
69
|
+
editor: {
|
|
70
|
+
outline: "musaex-1a2a7pz",
|
|
71
|
+
outlineColor: null,
|
|
72
|
+
outlineOffset: null,
|
|
73
|
+
outlineStyle: null,
|
|
74
|
+
outlineWidth: null,
|
|
75
|
+
paddingInline: "musaex-y0sash",
|
|
76
|
+
paddingStart: null,
|
|
77
|
+
paddingLeft: null,
|
|
78
|
+
paddingEnd: null,
|
|
79
|
+
paddingRight: null,
|
|
80
|
+
paddingBlock: "musaex-qhkzqn",
|
|
81
|
+
paddingTop: null,
|
|
82
|
+
paddingBottom: null,
|
|
83
|
+
minHeight: "musaex-ktxt4i",
|
|
84
|
+
$$css: true
|
|
85
|
+
},
|
|
66
86
|
checkbox: {
|
|
67
87
|
position: "musaex-10l6tqk",
|
|
68
88
|
insetInlineStart: "musaex-1fx3lr6",
|
|
@@ -96,8 +116,9 @@ var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
96
116
|
return (_props$use = props.use) !== null && _props$use !== void 0 ? _props$use : "serialized";
|
|
97
117
|
});
|
|
98
118
|
var controlledStatePluginRef = useRef(null);
|
|
119
|
+
var classNames = useClassNames(ComponentToken.RichTextEditor);
|
|
99
120
|
var styled = {
|
|
100
|
-
shell: _stylex.props(styles.shell({
|
|
121
|
+
shell: _stylex.props(!disabled && styles.shell({
|
|
101
122
|
backgroundColor: theme.colors[ColorToken.SurfaceContainer]
|
|
102
123
|
}), styles.variables({
|
|
103
124
|
primaryColor: theme.colors[ColorToken.Primary],
|
|
@@ -105,9 +126,7 @@ var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
105
126
|
outlineColor: theme.colors[ColorToken.Outline],
|
|
106
127
|
codeBackgroundColor: theme.colors[ColorToken.SurfaceContainerHighest]
|
|
107
128
|
})),
|
|
108
|
-
editor:
|
|
109
|
-
className: "musaex-1a2a7pz musaex-y0sash musaex-1vgzror musaex-igxgg9 musaex-ktxt4i"
|
|
110
|
-
},
|
|
129
|
+
editor: _stylex.props(!disabled && styles.editor),
|
|
111
130
|
h1: _stylex.props(typography.display.large),
|
|
112
131
|
h2: _stylex.props(typography.display.medium),
|
|
113
132
|
h3: _stylex.props(typography.display.small),
|
|
@@ -196,11 +215,11 @@ var RichTextEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
196
215
|
return /*#__PURE__*/React.createElement(LexicalComposer, {
|
|
197
216
|
initialConfig: initialConfig
|
|
198
217
|
}, /*#__PURE__*/React.createElement("div", {
|
|
199
|
-
className: clsx(className, styled.shell.className),
|
|
218
|
+
className: clsx(classNames[RichTextEditorClassToken.RichTextEditor], className, styled.shell.className),
|
|
200
219
|
style: _objectSpread(_objectSpread({}, styled.shell.style), style)
|
|
201
220
|
}, !disabled && /*#__PURE__*/React.createElement(ToolbarPlugin, null), /*#__PURE__*/React.createElement(RichTextPlugin, {
|
|
202
221
|
contentEditable: /*#__PURE__*/React.createElement(ContentEditable, {
|
|
203
|
-
className: styled.editor.className,
|
|
222
|
+
className: clsx(classNames[RichTextEditorClassToken.Editable], styled.editor.className),
|
|
204
223
|
style: styled.editor.style,
|
|
205
224
|
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : function () {
|
|
206
225
|
return null;
|
package/dist/types/skeleton.d.ts
CHANGED
|
@@ -330,6 +330,7 @@ exports.RichTextEditorClassToken = void 0;
|
|
|
330
330
|
(function (RichTextEditorClassToken) {
|
|
331
331
|
RichTextEditorClassToken[RichTextEditorClassToken["RichTextEditor"] = 0] = "RichTextEditor";
|
|
332
332
|
RichTextEditorClassToken[RichTextEditorClassToken["Loading"] = 1] = "Loading";
|
|
333
|
+
RichTextEditorClassToken[RichTextEditorClassToken["Editable"] = 2] = "Editable";
|
|
333
334
|
})(exports.RichTextEditorClassToken || (exports.RichTextEditorClassToken = {}));
|
|
334
335
|
exports.I18nButtonClassToken = void 0;
|
|
335
336
|
(function (I18nButtonClassToken) {
|
|
@@ -346,7 +347,7 @@ exports.ImageClassToken = void 0;
|
|
|
346
347
|
* if u want change class name, must follow bem css
|
|
347
348
|
* rule like: block__element--modifier
|
|
348
349
|
*/
|
|
349
|
-
var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PickerClassToken.Picker, "picker"), exports.PickerClassToken.Focused, "picker--focused"), exports.PickerClassToken.Invalid, "picker--invalid"), exports.PickerClassToken.Dropdown, "picker__dropdown")), componentToken.ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.InputClassToken.Input, "input"), exports.InputClassToken.Wrapper, "input__wrapper"), exports.InputClassToken.Focused, "input__wrapper--focused"), exports.InputClassToken.Invalid, "input__wrapper--invalid")), componentToken.ComponentToken.Select, _defineProperty({}, exports.SelectClassToken.Select, "select")), componentToken.ComponentToken.Popper, _defineProperty(_defineProperty({}, exports.PopperClassToken.Dropdown, "dropdown"), exports.PopperClassToken.Arrow, "arrow")), componentToken.ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.FormClassToken.Item, "form__item"), exports.FormClassToken.Field, "form__item-field"), exports.FormClassToken.FieldSupporting, "form__item-supporting"), exports.FormClassToken.FieldError, "form__item-field-error")), componentToken.ComponentToken.Grid, _defineProperty(_defineProperty({}, exports.GridClassToken.Row, "grid__row"), exports.GridClassToken.Col, "grid__col")), componentToken.ComponentToken.Radio, _defineProperty({}, exports.RadioClassToken.Radio, "radio")), componentToken.ComponentToken.Empty, _defineProperty(_defineProperty({}, exports.EmptyClassToken.Empty, "empty"), exports.EmptyClassToken.Description, "empty__description")), componentToken.ComponentToken.Button, _defineProperty(_defineProperty({}, exports.ButtonClassToken.Button, "button"), exports.ButtonClassToken.Prefix, "button__prefix")), componentToken.ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DrawerClassToken.Drawer, "drawer"), exports.DrawerClassToken.Overlay, "drawer__overlay"), exports.DrawerClassToken.Panel, "drawer__panel"), exports.DrawerClassToken.Header, "drawer__header"), exports.DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Divider, _defineProperty(_defineProperty({}, exports.DividerClassToken.Divider, "divider"), exports.DividerClassToken.Label, "divider__label")), componentToken.ComponentToken.Tag, _defineProperty({}, exports.TagClassToken.Tag, "tag")), componentToken.ComponentToken.Cascader, _defineProperty(_defineProperty({}, exports.CascaderClassToken.Cascader, "cascader"), exports.CascaderClassToken.Options, "cascader__options")), componentToken.ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DialogClassToken.Dialog, "dialog"), exports.DialogClassToken.Overlay, "dialog__overlay"), exports.DialogClassToken.Panel, "dialog__panel"), exports.DialogClassToken.Header, "dialog__header"), exports.DialogClassToken.Body, "dialog__body"), exports.DialogClassToken.Footer, "dialog__footer")), componentToken.ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CalendarClassToken.Header, "calendar__header"), exports.CalendarClassToken.Heading, "calendar__heading"), exports.CalendarClassToken.HeadCell, "calendar__head-cell"), exports.CalendarClassToken.DateCell, "calendar__date-cell"), exports.CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), exports.CalendarClassToken.DateCellInRange, "calendar__date--in-range"), exports.CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), exports.CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), exports.CalendarClassToken.Date, "calendar__date")), componentToken.ComponentToken.Icon, _defineProperty({}, exports.IconClassToken.Icon, "icon")), componentToken.ComponentToken.DatePicker, _defineProperty(_defineProperty({}, exports.DatePickerClassToken.Picker, "date-picker"), exports.DatePickerClassToken.Input, "date-picker__input")), componentToken.ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimePickerClassToken.Picker, "time-picker"), exports.TimePickerClassToken.Input, "time-picker__input"), exports.TimePickerClassToken.Panel, "time-picker__panel"), exports.TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), componentToken.ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, exports.DateRangePickerClassToken.Picker, "date-range-picker"), exports.DateRangePickerClassToken.Input, "date-range-picker__input"), exports.DateRangePickerClassToken.Separator, "date-range-picker__separator")), componentToken.ComponentToken.Clock, _defineProperty(_defineProperty({}, exports.ClockClassToken.Clock, "clock"), exports.ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.MenuClassToken.Menu, "menu"), exports.MenuClassToken.MenuHorizontal, "menu--horizontal"), exports.MenuClassToken.Group, "menu__group"), exports.MenuClassToken.GroupHidden, "menu__group--hidden"), exports.MenuClassToken.Collapser, "menu__collapser"), exports.MenuClassToken.Item, "menu__item")), componentToken.ComponentToken.Checkbox, _defineProperty({}, exports.CheckboxClassToken.Checkbox, "checkbox")), componentToken.ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TreeClassToken.Tree, "tree"), exports.TreeClassToken.List, "tree__list"), exports.TreeClassToken.ListHidden, "tree__list--hidden"), exports.TreeClassToken.Holder, "tree__holder"), exports.TreeClassToken.Node, "tree__node"), exports.TreeClassToken.Title, "tree__node-title"), exports.TreeClassToken.Expander, "tree__node-expander"), exports.TreeClassToken.Checkbox, "tree__node-checkbox")), componentToken.ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TabsClassToken.Tabs, "tabs"), exports.TabsClassToken.TabsNavigation, "tabs__navigation"), exports.TabsClassToken.TabsNavigator, "tabs__navigator"), exports.TabsClassToken.TabList, "tabs__tab-list"), exports.TabsClassToken.Tab, "tabs__item"), exports.TabsClassToken.Indicator, "tabs__indicator"), exports.TabsClassToken.Panels, "tabs__panels"), exports.TabsClassToken.Panel, "tabs__panel")), componentToken.ComponentToken.Pagination, _defineProperty(_defineProperty({}, exports.PaginationClassToken.Pagination, "pagination"), exports.PaginationClassToken.SizeSelector, "pagination__size-selector")), componentToken.ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.SwitchClassToken.Switch, "switch"), exports.SwitchClassToken.Slider, "switch__slider"), exports.SwitchClassToken.Supporting, "switch__supporting"), exports.SwitchClassToken.Leading, "switch__supporting-leading"), exports.SwitchClassToken.Trailing, "switch__supporting-trailing")), componentToken.ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.RateClassToken.Rate, "rate"), exports.RateClassToken.Star, "rate__star"), exports.RateClassToken.Half, "rate__star-half"), exports.RateClassToken.Full, "rate__star-full")), componentToken.ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TourClassToken.Tour, "tour"), exports.TourClassToken.Overlay, "rate__overlay"), exports.TourClassToken.Spotlight, "rate__spotlight"), exports.TourClassToken.Title, "rate__title"), exports.TourClassToken.Description, "rate__description"), exports.TourClassToken.Footer, "rate__footer")), componentToken.ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.StepsClassToken.Steps, "steps"), exports.StepsClassToken.Item, "steps__item"), exports.StepsClassToken.Done, "steps__item--done"), exports.StepsClassToken.Doing, "steps__item--doing"), exports.StepsClassToken.Todo, "steps__item--todo"), exports.StepsClassToken.Leading, "steps__item-leading"), exports.StepsClassToken.Sign, "steps__item-leading-sign"), exports.StepsClassToken.Title, "steps__item-title"), exports.StepsClassToken.Description, "steps__item-description")), componentToken.ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimelineClassToken.Timeline, "timeline"), exports.TimelineClassToken.Item, "timeline__item"), exports.TimelineClassToken.Leading, "timeline__item-leading"), exports.TimelineClassToken.Sign, "timeline__item-leading-sign"), exports.TimelineClassToken.Dot, "timeline__item-leading-dot"), exports.TimelineClassToken.Label, "timeline__item-label"), exports.TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, exports.BreadcrumbClassToken.Breadcrumb, "breadcrumb"), exports.BreadcrumbClassToken.Item, "breadcrumb__item"), exports.BreadcrumbClassToken.Separator, "breadcrumb__separator")), componentToken.ComponentToken.Avatar, _defineProperty(_defineProperty({}, exports.AvatarClassToken.Avatar, "avatar"), exports.AvatarClassToken.Group, "avatar__group")), componentToken.ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.NotificationClassToken.Notification, "notification"), exports.NotificationClassToken.Title, "notification__title"), exports.NotificationClassToken.Description, "notification__description"), exports.NotificationClassToken.Closer, "notification__closer")), componentToken.ComponentToken.Progress, _defineProperty(_defineProperty({}, exports.ProgressClassToken.Progress, "progress"), exports.ProgressClassToken.Segment, "progress__segment")), componentToken.ComponentToken.Tooltip, _defineProperty({}, exports.TooltipClassToken.Tooltip, "tooltip")), componentToken.ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, exports.PopoverClassToken.Popover, "popover"), exports.PopoverClassToken.Title, "popover__title"), exports.PopoverClassToken.Content, "popover__content")), componentToken.ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.LoadingClassToken.Loading, "loading"), exports.LoadingClassToken.Spin, "loading__spin"), exports.LoadingClassToken.Spinning, "loading__spin-spinning"), exports.LoadingClassToken.Content, "loading__content")), componentToken.ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CollapseClassToken.Collapse, "collapse"), exports.CollapseClassToken.Item, "collapse__item"), exports.CollapseClassToken.ItemActive, "collapse__item--active"), exports.CollapseClassToken.Header, "collapse__item-header"), exports.CollapseClassToken.Collapser, "collapse__header-collapser"), exports.CollapseClassToken.Panel, "collapse__item-panel"), exports.CollapseClassToken.PanelActive, "collapse__item-panel--active"), exports.CollapseClassToken.Content, "collapse__item-content")), componentToken.ComponentToken.Waterfall, _defineProperty(_defineProperty({}, exports.WaterfallClassToken.Waterfall, "waterfall"), exports.WaterfallClassToken.Sequential, "waterfall--sequential")), componentToken.ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TransferClassToken.Transfer, "transfer"), exports.TransferClassToken.Operation, "transfer__operation"), exports.TransferClassToken.List, "transfer__list"), exports.TransferClassToken.Title, "transfer__list-title"), exports.TransferClassToken.Item, "transfer__list-item"), exports.TransferClassToken.Header, "transfer__list-header"), exports.TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Badge, _defineProperty(_defineProperty({}, exports.BadgeClassToken.Badge, "badge"), exports.BadgeClassToken.Tail, "badge__tail")), componentToken.ComponentToken.Skeleton, _defineProperty(_defineProperty({}, exports.SkeletonClassToken.Skeleton, "skeleton"), exports.SkeletonClassToken.Circular, "skeleton--circular")), componentToken.ComponentToken.VisuallyHidden, _defineProperty({}, exports.VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), componentToken.ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PopconfirmClassToken.Popconfirm, "popconfirm"), exports.PopconfirmClassToken.Title, "popconfirm__title"), exports.PopconfirmClassToken.Description, "popconfirm__description"), exports.PopconfirmClassToken.Footer, "popconfirm__footer")), componentToken.ComponentToken.Highlight, _defineProperty(_defineProperty({}, exports.HighlightClassToken.Highlight, "highlight"), exports.HighlightClassToken.Capture, "highlight__capture")), componentToken.ComponentToken.I18nButton, _defineProperty({}, exports.I18nButtonClassToken.I18nButton, "i18n-button")), componentToken.ComponentToken.Quote, _defineProperty({}, exports.QuoteClassToken.Quote, "quote")), componentToken.ComponentToken.RichTextEditor, _defineProperty(_defineProperty({}, exports.RichTextEditorClassToken.RichTextEditor, "rich-text-editor"), exports.RichTextEditorClassToken.Loading, "rich-text-editor--loading")), componentToken.ComponentToken.Upload, {}), componentToken.ComponentToken.Image, _defineProperty({}, exports.ImageClassToken.Image, "image")));
|
|
350
|
+
var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PickerClassToken.Picker, "picker"), exports.PickerClassToken.Focused, "picker--focused"), exports.PickerClassToken.Invalid, "picker--invalid"), exports.PickerClassToken.Dropdown, "picker__dropdown")), componentToken.ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.InputClassToken.Input, "input"), exports.InputClassToken.Wrapper, "input__wrapper"), exports.InputClassToken.Focused, "input__wrapper--focused"), exports.InputClassToken.Invalid, "input__wrapper--invalid")), componentToken.ComponentToken.Select, _defineProperty({}, exports.SelectClassToken.Select, "select")), componentToken.ComponentToken.Popper, _defineProperty(_defineProperty({}, exports.PopperClassToken.Dropdown, "dropdown"), exports.PopperClassToken.Arrow, "arrow")), componentToken.ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.FormClassToken.Item, "form__item"), exports.FormClassToken.Field, "form__item-field"), exports.FormClassToken.FieldSupporting, "form__item-supporting"), exports.FormClassToken.FieldError, "form__item-field-error")), componentToken.ComponentToken.Grid, _defineProperty(_defineProperty({}, exports.GridClassToken.Row, "grid__row"), exports.GridClassToken.Col, "grid__col")), componentToken.ComponentToken.Radio, _defineProperty({}, exports.RadioClassToken.Radio, "radio")), componentToken.ComponentToken.Empty, _defineProperty(_defineProperty({}, exports.EmptyClassToken.Empty, "empty"), exports.EmptyClassToken.Description, "empty__description")), componentToken.ComponentToken.Button, _defineProperty(_defineProperty({}, exports.ButtonClassToken.Button, "button"), exports.ButtonClassToken.Prefix, "button__prefix")), componentToken.ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DrawerClassToken.Drawer, "drawer"), exports.DrawerClassToken.Overlay, "drawer__overlay"), exports.DrawerClassToken.Panel, "drawer__panel"), exports.DrawerClassToken.Header, "drawer__header"), exports.DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Divider, _defineProperty(_defineProperty({}, exports.DividerClassToken.Divider, "divider"), exports.DividerClassToken.Label, "divider__label")), componentToken.ComponentToken.Tag, _defineProperty({}, exports.TagClassToken.Tag, "tag")), componentToken.ComponentToken.Cascader, _defineProperty(_defineProperty({}, exports.CascaderClassToken.Cascader, "cascader"), exports.CascaderClassToken.Options, "cascader__options")), componentToken.ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.DialogClassToken.Dialog, "dialog"), exports.DialogClassToken.Overlay, "dialog__overlay"), exports.DialogClassToken.Panel, "dialog__panel"), exports.DialogClassToken.Header, "dialog__header"), exports.DialogClassToken.Body, "dialog__body"), exports.DialogClassToken.Footer, "dialog__footer")), componentToken.ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CalendarClassToken.Header, "calendar__header"), exports.CalendarClassToken.Heading, "calendar__heading"), exports.CalendarClassToken.HeadCell, "calendar__head-cell"), exports.CalendarClassToken.DateCell, "calendar__date-cell"), exports.CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), exports.CalendarClassToken.DateCellInRange, "calendar__date--in-range"), exports.CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), exports.CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), exports.CalendarClassToken.Date, "calendar__date")), componentToken.ComponentToken.Icon, _defineProperty({}, exports.IconClassToken.Icon, "icon")), componentToken.ComponentToken.DatePicker, _defineProperty(_defineProperty({}, exports.DatePickerClassToken.Picker, "date-picker"), exports.DatePickerClassToken.Input, "date-picker__input")), componentToken.ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimePickerClassToken.Picker, "time-picker"), exports.TimePickerClassToken.Input, "time-picker__input"), exports.TimePickerClassToken.Panel, "time-picker__panel"), exports.TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), componentToken.ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, exports.DateRangePickerClassToken.Picker, "date-range-picker"), exports.DateRangePickerClassToken.Input, "date-range-picker__input"), exports.DateRangePickerClassToken.Separator, "date-range-picker__separator")), componentToken.ComponentToken.Clock, _defineProperty(_defineProperty({}, exports.ClockClassToken.Clock, "clock"), exports.ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.MenuClassToken.Menu, "menu"), exports.MenuClassToken.MenuHorizontal, "menu--horizontal"), exports.MenuClassToken.Group, "menu__group"), exports.MenuClassToken.GroupHidden, "menu__group--hidden"), exports.MenuClassToken.Collapser, "menu__collapser"), exports.MenuClassToken.Item, "menu__item")), componentToken.ComponentToken.Checkbox, _defineProperty({}, exports.CheckboxClassToken.Checkbox, "checkbox")), componentToken.ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TreeClassToken.Tree, "tree"), exports.TreeClassToken.List, "tree__list"), exports.TreeClassToken.ListHidden, "tree__list--hidden"), exports.TreeClassToken.Holder, "tree__holder"), exports.TreeClassToken.Node, "tree__node"), exports.TreeClassToken.Title, "tree__node-title"), exports.TreeClassToken.Expander, "tree__node-expander"), exports.TreeClassToken.Checkbox, "tree__node-checkbox")), componentToken.ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TabsClassToken.Tabs, "tabs"), exports.TabsClassToken.TabsNavigation, "tabs__navigation"), exports.TabsClassToken.TabsNavigator, "tabs__navigator"), exports.TabsClassToken.TabList, "tabs__tab-list"), exports.TabsClassToken.Tab, "tabs__item"), exports.TabsClassToken.Indicator, "tabs__indicator"), exports.TabsClassToken.Panels, "tabs__panels"), exports.TabsClassToken.Panel, "tabs__panel")), componentToken.ComponentToken.Pagination, _defineProperty(_defineProperty({}, exports.PaginationClassToken.Pagination, "pagination"), exports.PaginationClassToken.SizeSelector, "pagination__size-selector")), componentToken.ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.SwitchClassToken.Switch, "switch"), exports.SwitchClassToken.Slider, "switch__slider"), exports.SwitchClassToken.Supporting, "switch__supporting"), exports.SwitchClassToken.Leading, "switch__supporting-leading"), exports.SwitchClassToken.Trailing, "switch__supporting-trailing")), componentToken.ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.RateClassToken.Rate, "rate"), exports.RateClassToken.Star, "rate__star"), exports.RateClassToken.Half, "rate__star-half"), exports.RateClassToken.Full, "rate__star-full")), componentToken.ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TourClassToken.Tour, "tour"), exports.TourClassToken.Overlay, "rate__overlay"), exports.TourClassToken.Spotlight, "rate__spotlight"), exports.TourClassToken.Title, "rate__title"), exports.TourClassToken.Description, "rate__description"), exports.TourClassToken.Footer, "rate__footer")), componentToken.ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.StepsClassToken.Steps, "steps"), exports.StepsClassToken.Item, "steps__item"), exports.StepsClassToken.Done, "steps__item--done"), exports.StepsClassToken.Doing, "steps__item--doing"), exports.StepsClassToken.Todo, "steps__item--todo"), exports.StepsClassToken.Leading, "steps__item-leading"), exports.StepsClassToken.Sign, "steps__item-leading-sign"), exports.StepsClassToken.Title, "steps__item-title"), exports.StepsClassToken.Description, "steps__item-description")), componentToken.ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TimelineClassToken.Timeline, "timeline"), exports.TimelineClassToken.Item, "timeline__item"), exports.TimelineClassToken.Leading, "timeline__item-leading"), exports.TimelineClassToken.Sign, "timeline__item-leading-sign"), exports.TimelineClassToken.Dot, "timeline__item-leading-dot"), exports.TimelineClassToken.Label, "timeline__item-label"), exports.TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, exports.BreadcrumbClassToken.Breadcrumb, "breadcrumb"), exports.BreadcrumbClassToken.Item, "breadcrumb__item"), exports.BreadcrumbClassToken.Separator, "breadcrumb__separator")), componentToken.ComponentToken.Avatar, _defineProperty(_defineProperty({}, exports.AvatarClassToken.Avatar, "avatar"), exports.AvatarClassToken.Group, "avatar__group")), componentToken.ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.NotificationClassToken.Notification, "notification"), exports.NotificationClassToken.Title, "notification__title"), exports.NotificationClassToken.Description, "notification__description"), exports.NotificationClassToken.Closer, "notification__closer")), componentToken.ComponentToken.Progress, _defineProperty(_defineProperty({}, exports.ProgressClassToken.Progress, "progress"), exports.ProgressClassToken.Segment, "progress__segment")), componentToken.ComponentToken.Tooltip, _defineProperty({}, exports.TooltipClassToken.Tooltip, "tooltip")), componentToken.ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, exports.PopoverClassToken.Popover, "popover"), exports.PopoverClassToken.Title, "popover__title"), exports.PopoverClassToken.Content, "popover__content")), componentToken.ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.LoadingClassToken.Loading, "loading"), exports.LoadingClassToken.Spin, "loading__spin"), exports.LoadingClassToken.Spinning, "loading__spin-spinning"), exports.LoadingClassToken.Content, "loading__content")), componentToken.ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.CollapseClassToken.Collapse, "collapse"), exports.CollapseClassToken.Item, "collapse__item"), exports.CollapseClassToken.ItemActive, "collapse__item--active"), exports.CollapseClassToken.Header, "collapse__item-header"), exports.CollapseClassToken.Collapser, "collapse__header-collapser"), exports.CollapseClassToken.Panel, "collapse__item-panel"), exports.CollapseClassToken.PanelActive, "collapse__item-panel--active"), exports.CollapseClassToken.Content, "collapse__item-content")), componentToken.ComponentToken.Waterfall, _defineProperty(_defineProperty({}, exports.WaterfallClassToken.Waterfall, "waterfall"), exports.WaterfallClassToken.Sequential, "waterfall--sequential")), componentToken.ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.TransferClassToken.Transfer, "transfer"), exports.TransferClassToken.Operation, "transfer__operation"), exports.TransferClassToken.List, "transfer__list"), exports.TransferClassToken.Title, "transfer__list-title"), exports.TransferClassToken.Item, "transfer__list-item"), exports.TransferClassToken.Header, "transfer__list-header"), exports.TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, componentToken.ComponentToken.Badge, _defineProperty(_defineProperty({}, exports.BadgeClassToken.Badge, "badge"), exports.BadgeClassToken.Tail, "badge__tail")), componentToken.ComponentToken.Skeleton, _defineProperty(_defineProperty({}, exports.SkeletonClassToken.Skeleton, "skeleton"), exports.SkeletonClassToken.Circular, "skeleton--circular")), componentToken.ComponentToken.VisuallyHidden, _defineProperty({}, exports.VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), componentToken.ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.PopconfirmClassToken.Popconfirm, "popconfirm"), exports.PopconfirmClassToken.Title, "popconfirm__title"), exports.PopconfirmClassToken.Description, "popconfirm__description"), exports.PopconfirmClassToken.Footer, "popconfirm__footer")), componentToken.ComponentToken.Highlight, _defineProperty(_defineProperty({}, exports.HighlightClassToken.Highlight, "highlight"), exports.HighlightClassToken.Capture, "highlight__capture")), componentToken.ComponentToken.I18nButton, _defineProperty({}, exports.I18nButtonClassToken.I18nButton, "i18n-button")), componentToken.ComponentToken.Quote, _defineProperty({}, exports.QuoteClassToken.Quote, "quote")), componentToken.ComponentToken.RichTextEditor, _defineProperty(_defineProperty(_defineProperty({}, exports.RichTextEditorClassToken.RichTextEditor, "rich-text-editor"), exports.RichTextEditorClassToken.Loading, "rich-text-editor--loading"), exports.RichTextEditorClassToken.Editable, "rich-text-editor__editable")), componentToken.ComponentToken.Upload, {}), componentToken.ComponentToken.Image, _defineProperty({}, exports.ImageClassToken.Image, "image")));
|
|
350
351
|
/**
|
|
351
352
|
* @description
|
|
352
353
|
* add prefix
|
|
@@ -267,7 +267,8 @@ export declare enum QuoteClassToken {
|
|
|
267
267
|
}
|
|
268
268
|
export declare enum RichTextEditorClassToken {
|
|
269
269
|
RichTextEditor = 0,
|
|
270
|
-
Loading = 1
|
|
270
|
+
Loading = 1,
|
|
271
|
+
Editable = 2
|
|
271
272
|
}
|
|
272
273
|
export declare enum I18nButtonClassToken {
|
|
273
274
|
I18nButton = 0
|
|
@@ -544,6 +545,7 @@ export declare const CLASS_NAMES: {
|
|
|
544
545
|
47: {
|
|
545
546
|
0: string;
|
|
546
547
|
1: string;
|
|
548
|
+
2: string;
|
|
547
549
|
};
|
|
548
550
|
48: {};
|
|
549
551
|
49: {
|
|
@@ -821,6 +823,7 @@ export declare const DEFAULT_CLASS_NAMES: {
|
|
|
821
823
|
47: {
|
|
822
824
|
0: string;
|
|
823
825
|
1: string;
|
|
826
|
+
2: string;
|
|
824
827
|
};
|
|
825
828
|
48: {};
|
|
826
829
|
49: {
|
|
@@ -330,6 +330,7 @@ var RichTextEditorClassToken;
|
|
|
330
330
|
(function (RichTextEditorClassToken) {
|
|
331
331
|
RichTextEditorClassToken[RichTextEditorClassToken["RichTextEditor"] = 0] = "RichTextEditor";
|
|
332
332
|
RichTextEditorClassToken[RichTextEditorClassToken["Loading"] = 1] = "Loading";
|
|
333
|
+
RichTextEditorClassToken[RichTextEditorClassToken["Editable"] = 2] = "Editable";
|
|
333
334
|
})(RichTextEditorClassToken || (RichTextEditorClassToken = {}));
|
|
334
335
|
var I18nButtonClassToken;
|
|
335
336
|
(function (I18nButtonClassToken) {
|
|
@@ -346,7 +347,7 @@ var ImageClassToken;
|
|
|
346
347
|
* if u want change class name, must follow bem css
|
|
347
348
|
* rule like: block__element--modifier
|
|
348
349
|
*/
|
|
349
|
-
var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PickerClassToken.Picker, "picker"), PickerClassToken.Focused, "picker--focused"), PickerClassToken.Invalid, "picker--invalid"), PickerClassToken.Dropdown, "picker__dropdown")), ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, InputClassToken.Input, "input"), InputClassToken.Wrapper, "input__wrapper"), InputClassToken.Focused, "input__wrapper--focused"), InputClassToken.Invalid, "input__wrapper--invalid")), ComponentToken.Select, _defineProperty({}, SelectClassToken.Select, "select")), ComponentToken.Popper, _defineProperty(_defineProperty({}, PopperClassToken.Dropdown, "dropdown"), PopperClassToken.Arrow, "arrow")), ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FormClassToken.Item, "form__item"), FormClassToken.Field, "form__item-field"), FormClassToken.FieldSupporting, "form__item-supporting"), FormClassToken.FieldError, "form__item-field-error")), ComponentToken.Grid, _defineProperty(_defineProperty({}, GridClassToken.Row, "grid__row"), GridClassToken.Col, "grid__col")), ComponentToken.Radio, _defineProperty({}, RadioClassToken.Radio, "radio")), ComponentToken.Empty, _defineProperty(_defineProperty({}, EmptyClassToken.Empty, "empty"), EmptyClassToken.Description, "empty__description")), ComponentToken.Button, _defineProperty(_defineProperty({}, ButtonClassToken.Button, "button"), ButtonClassToken.Prefix, "button__prefix")), ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DrawerClassToken.Drawer, "drawer"), DrawerClassToken.Overlay, "drawer__overlay"), DrawerClassToken.Panel, "drawer__panel"), DrawerClassToken.Header, "drawer__header"), DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Divider, _defineProperty(_defineProperty({}, DividerClassToken.Divider, "divider"), DividerClassToken.Label, "divider__label")), ComponentToken.Tag, _defineProperty({}, TagClassToken.Tag, "tag")), ComponentToken.Cascader, _defineProperty(_defineProperty({}, CascaderClassToken.Cascader, "cascader"), CascaderClassToken.Options, "cascader__options")), ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DialogClassToken.Dialog, "dialog"), DialogClassToken.Overlay, "dialog__overlay"), DialogClassToken.Panel, "dialog__panel"), DialogClassToken.Header, "dialog__header"), DialogClassToken.Body, "dialog__body"), DialogClassToken.Footer, "dialog__footer")), ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CalendarClassToken.Header, "calendar__header"), CalendarClassToken.Heading, "calendar__heading"), CalendarClassToken.HeadCell, "calendar__head-cell"), CalendarClassToken.DateCell, "calendar__date-cell"), CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), CalendarClassToken.DateCellInRange, "calendar__date--in-range"), CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), CalendarClassToken.Date, "calendar__date")), ComponentToken.Icon, _defineProperty({}, IconClassToken.Icon, "icon")), ComponentToken.DatePicker, _defineProperty(_defineProperty({}, DatePickerClassToken.Picker, "date-picker"), DatePickerClassToken.Input, "date-picker__input")), ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimePickerClassToken.Picker, "time-picker"), TimePickerClassToken.Input, "time-picker__input"), TimePickerClassToken.Panel, "time-picker__panel"), TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, DateRangePickerClassToken.Picker, "date-range-picker"), DateRangePickerClassToken.Input, "date-range-picker__input"), DateRangePickerClassToken.Separator, "date-range-picker__separator")), ComponentToken.Clock, _defineProperty(_defineProperty({}, ClockClassToken.Clock, "clock"), ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MenuClassToken.Menu, "menu"), MenuClassToken.MenuHorizontal, "menu--horizontal"), MenuClassToken.Group, "menu__group"), MenuClassToken.GroupHidden, "menu__group--hidden"), MenuClassToken.Collapser, "menu__collapser"), MenuClassToken.Item, "menu__item")), ComponentToken.Checkbox, _defineProperty({}, CheckboxClassToken.Checkbox, "checkbox")), ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TreeClassToken.Tree, "tree"), TreeClassToken.List, "tree__list"), TreeClassToken.ListHidden, "tree__list--hidden"), TreeClassToken.Holder, "tree__holder"), TreeClassToken.Node, "tree__node"), TreeClassToken.Title, "tree__node-title"), TreeClassToken.Expander, "tree__node-expander"), TreeClassToken.Checkbox, "tree__node-checkbox")), ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TabsClassToken.Tabs, "tabs"), TabsClassToken.TabsNavigation, "tabs__navigation"), TabsClassToken.TabsNavigator, "tabs__navigator"), TabsClassToken.TabList, "tabs__tab-list"), TabsClassToken.Tab, "tabs__item"), TabsClassToken.Indicator, "tabs__indicator"), TabsClassToken.Panels, "tabs__panels"), TabsClassToken.Panel, "tabs__panel")), ComponentToken.Pagination, _defineProperty(_defineProperty({}, PaginationClassToken.Pagination, "pagination"), PaginationClassToken.SizeSelector, "pagination__size-selector")), ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SwitchClassToken.Switch, "switch"), SwitchClassToken.Slider, "switch__slider"), SwitchClassToken.Supporting, "switch__supporting"), SwitchClassToken.Leading, "switch__supporting-leading"), SwitchClassToken.Trailing, "switch__supporting-trailing")), ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RateClassToken.Rate, "rate"), RateClassToken.Star, "rate__star"), RateClassToken.Half, "rate__star-half"), RateClassToken.Full, "rate__star-full")), ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TourClassToken.Tour, "tour"), TourClassToken.Overlay, "rate__overlay"), TourClassToken.Spotlight, "rate__spotlight"), TourClassToken.Title, "rate__title"), TourClassToken.Description, "rate__description"), TourClassToken.Footer, "rate__footer")), ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, StepsClassToken.Steps, "steps"), StepsClassToken.Item, "steps__item"), StepsClassToken.Done, "steps__item--done"), StepsClassToken.Doing, "steps__item--doing"), StepsClassToken.Todo, "steps__item--todo"), StepsClassToken.Leading, "steps__item-leading"), StepsClassToken.Sign, "steps__item-leading-sign"), StepsClassToken.Title, "steps__item-title"), StepsClassToken.Description, "steps__item-description")), ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimelineClassToken.Timeline, "timeline"), TimelineClassToken.Item, "timeline__item"), TimelineClassToken.Leading, "timeline__item-leading"), TimelineClassToken.Sign, "timeline__item-leading-sign"), TimelineClassToken.Dot, "timeline__item-leading-dot"), TimelineClassToken.Label, "timeline__item-label"), TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, BreadcrumbClassToken.Breadcrumb, "breadcrumb"), BreadcrumbClassToken.Item, "breadcrumb__item"), BreadcrumbClassToken.Separator, "breadcrumb__separator")), ComponentToken.Avatar, _defineProperty(_defineProperty({}, AvatarClassToken.Avatar, "avatar"), AvatarClassToken.Group, "avatar__group")), ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NotificationClassToken.Notification, "notification"), NotificationClassToken.Title, "notification__title"), NotificationClassToken.Description, "notification__description"), NotificationClassToken.Closer, "notification__closer")), ComponentToken.Progress, _defineProperty(_defineProperty({}, ProgressClassToken.Progress, "progress"), ProgressClassToken.Segment, "progress__segment")), ComponentToken.Tooltip, _defineProperty({}, TooltipClassToken.Tooltip, "tooltip")), ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, PopoverClassToken.Popover, "popover"), PopoverClassToken.Title, "popover__title"), PopoverClassToken.Content, "popover__content")), ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LoadingClassToken.Loading, "loading"), LoadingClassToken.Spin, "loading__spin"), LoadingClassToken.Spinning, "loading__spin-spinning"), LoadingClassToken.Content, "loading__content")), ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CollapseClassToken.Collapse, "collapse"), CollapseClassToken.Item, "collapse__item"), CollapseClassToken.ItemActive, "collapse__item--active"), CollapseClassToken.Header, "collapse__item-header"), CollapseClassToken.Collapser, "collapse__header-collapser"), CollapseClassToken.Panel, "collapse__item-panel"), CollapseClassToken.PanelActive, "collapse__item-panel--active"), CollapseClassToken.Content, "collapse__item-content")), ComponentToken.Waterfall, _defineProperty(_defineProperty({}, WaterfallClassToken.Waterfall, "waterfall"), WaterfallClassToken.Sequential, "waterfall--sequential")), ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TransferClassToken.Transfer, "transfer"), TransferClassToken.Operation, "transfer__operation"), TransferClassToken.List, "transfer__list"), TransferClassToken.Title, "transfer__list-title"), TransferClassToken.Item, "transfer__list-item"), TransferClassToken.Header, "transfer__list-header"), TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Badge, _defineProperty(_defineProperty({}, BadgeClassToken.Badge, "badge"), BadgeClassToken.Tail, "badge__tail")), ComponentToken.Skeleton, _defineProperty(_defineProperty({}, SkeletonClassToken.Skeleton, "skeleton"), SkeletonClassToken.Circular, "skeleton--circular")), ComponentToken.VisuallyHidden, _defineProperty({}, VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PopconfirmClassToken.Popconfirm, "popconfirm"), PopconfirmClassToken.Title, "popconfirm__title"), PopconfirmClassToken.Description, "popconfirm__description"), PopconfirmClassToken.Footer, "popconfirm__footer")), ComponentToken.Highlight, _defineProperty(_defineProperty({}, HighlightClassToken.Highlight, "highlight"), HighlightClassToken.Capture, "highlight__capture")), ComponentToken.I18nButton, _defineProperty({}, I18nButtonClassToken.I18nButton, "i18n-button")), ComponentToken.Quote, _defineProperty({}, QuoteClassToken.Quote, "quote")), ComponentToken.RichTextEditor, _defineProperty(_defineProperty({}, RichTextEditorClassToken.RichTextEditor, "rich-text-editor"), RichTextEditorClassToken.Loading, "rich-text-editor--loading")), ComponentToken.Upload, {}), ComponentToken.Image, _defineProperty({}, ImageClassToken.Image, "image")));
|
|
350
|
+
var CLASS_NAMES = (_CLASS_NAMES = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Picker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PickerClassToken.Picker, "picker"), PickerClassToken.Focused, "picker--focused"), PickerClassToken.Invalid, "picker--invalid"), PickerClassToken.Dropdown, "picker__dropdown")), ComponentToken.Input, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, InputClassToken.Input, "input"), InputClassToken.Wrapper, "input__wrapper"), InputClassToken.Focused, "input__wrapper--focused"), InputClassToken.Invalid, "input__wrapper--invalid")), ComponentToken.Select, _defineProperty({}, SelectClassToken.Select, "select")), ComponentToken.Popper, _defineProperty(_defineProperty({}, PopperClassToken.Dropdown, "dropdown"), PopperClassToken.Arrow, "arrow")), ComponentToken.Form, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FormClassToken.Item, "form__item"), FormClassToken.Field, "form__item-field"), FormClassToken.FieldSupporting, "form__item-supporting"), FormClassToken.FieldError, "form__item-field-error")), ComponentToken.Grid, _defineProperty(_defineProperty({}, GridClassToken.Row, "grid__row"), GridClassToken.Col, "grid__col")), ComponentToken.Radio, _defineProperty({}, RadioClassToken.Radio, "radio")), ComponentToken.Empty, _defineProperty(_defineProperty({}, EmptyClassToken.Empty, "empty"), EmptyClassToken.Description, "empty__description")), ComponentToken.Button, _defineProperty(_defineProperty({}, ButtonClassToken.Button, "button"), ButtonClassToken.Prefix, "button__prefix")), ComponentToken.Drawer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DrawerClassToken.Drawer, "drawer"), DrawerClassToken.Overlay, "drawer__overlay"), DrawerClassToken.Panel, "drawer__panel"), DrawerClassToken.Header, "drawer__header"), DrawerClassToken.Body, "drawer__body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Divider, _defineProperty(_defineProperty({}, DividerClassToken.Divider, "divider"), DividerClassToken.Label, "divider__label")), ComponentToken.Tag, _defineProperty({}, TagClassToken.Tag, "tag")), ComponentToken.Cascader, _defineProperty(_defineProperty({}, CascaderClassToken.Cascader, "cascader"), CascaderClassToken.Options, "cascader__options")), ComponentToken.Dialog, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, DialogClassToken.Dialog, "dialog"), DialogClassToken.Overlay, "dialog__overlay"), DialogClassToken.Panel, "dialog__panel"), DialogClassToken.Header, "dialog__header"), DialogClassToken.Body, "dialog__body"), DialogClassToken.Footer, "dialog__footer")), ComponentToken.Calendar, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CalendarClassToken.Header, "calendar__header"), CalendarClassToken.Heading, "calendar__heading"), CalendarClassToken.HeadCell, "calendar__head-cell"), CalendarClassToken.DateCell, "calendar__date-cell"), CalendarClassToken.DateCellSelected, "calendar__date-cell--selected"), CalendarClassToken.DateCellInRange, "calendar__date--in-range"), CalendarClassToken.DateCellRangeFrom, "calendar__date--range-from"), CalendarClassToken.DateCellRangeTo, "calendar__date--range-to"), CalendarClassToken.Date, "calendar__date")), ComponentToken.Icon, _defineProperty({}, IconClassToken.Icon, "icon")), ComponentToken.DatePicker, _defineProperty(_defineProperty({}, DatePickerClassToken.Picker, "date-picker"), DatePickerClassToken.Input, "date-picker__input")), ComponentToken.TimePicker, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimePickerClassToken.Picker, "time-picker"), TimePickerClassToken.Input, "time-picker__input"), TimePickerClassToken.Panel, "time-picker__panel"), TimePickerClassToken.PanelFooter, "time-picker__panel-footer")), ComponentToken.DateRangePicker, _defineProperty(_defineProperty(_defineProperty({}, DateRangePickerClassToken.Picker, "date-range-picker"), DateRangePickerClassToken.Input, "date-range-picker__input"), DateRangePickerClassToken.Separator, "date-range-picker__separator")), ComponentToken.Clock, _defineProperty(_defineProperty({}, ClockClassToken.Clock, "clock"), ClockClassToken.Column, "clock__column")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Menu, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MenuClassToken.Menu, "menu"), MenuClassToken.MenuHorizontal, "menu--horizontal"), MenuClassToken.Group, "menu__group"), MenuClassToken.GroupHidden, "menu__group--hidden"), MenuClassToken.Collapser, "menu__collapser"), MenuClassToken.Item, "menu__item")), ComponentToken.Checkbox, _defineProperty({}, CheckboxClassToken.Checkbox, "checkbox")), ComponentToken.Tree, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TreeClassToken.Tree, "tree"), TreeClassToken.List, "tree__list"), TreeClassToken.ListHidden, "tree__list--hidden"), TreeClassToken.Holder, "tree__holder"), TreeClassToken.Node, "tree__node"), TreeClassToken.Title, "tree__node-title"), TreeClassToken.Expander, "tree__node-expander"), TreeClassToken.Checkbox, "tree__node-checkbox")), ComponentToken.Tabs, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TabsClassToken.Tabs, "tabs"), TabsClassToken.TabsNavigation, "tabs__navigation"), TabsClassToken.TabsNavigator, "tabs__navigator"), TabsClassToken.TabList, "tabs__tab-list"), TabsClassToken.Tab, "tabs__item"), TabsClassToken.Indicator, "tabs__indicator"), TabsClassToken.Panels, "tabs__panels"), TabsClassToken.Panel, "tabs__panel")), ComponentToken.Pagination, _defineProperty(_defineProperty({}, PaginationClassToken.Pagination, "pagination"), PaginationClassToken.SizeSelector, "pagination__size-selector")), ComponentToken.Switch, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, SwitchClassToken.Switch, "switch"), SwitchClassToken.Slider, "switch__slider"), SwitchClassToken.Supporting, "switch__supporting"), SwitchClassToken.Leading, "switch__supporting-leading"), SwitchClassToken.Trailing, "switch__supporting-trailing")), ComponentToken.Rate, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, RateClassToken.Rate, "rate"), RateClassToken.Star, "rate__star"), RateClassToken.Half, "rate__star-half"), RateClassToken.Full, "rate__star-full")), ComponentToken.Tour, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TourClassToken.Tour, "tour"), TourClassToken.Overlay, "rate__overlay"), TourClassToken.Spotlight, "rate__spotlight"), TourClassToken.Title, "rate__title"), TourClassToken.Description, "rate__description"), TourClassToken.Footer, "rate__footer")), ComponentToken.Steps, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, StepsClassToken.Steps, "steps"), StepsClassToken.Item, "steps__item"), StepsClassToken.Done, "steps__item--done"), StepsClassToken.Doing, "steps__item--doing"), StepsClassToken.Todo, "steps__item--todo"), StepsClassToken.Leading, "steps__item-leading"), StepsClassToken.Sign, "steps__item-leading-sign"), StepsClassToken.Title, "steps__item-title"), StepsClassToken.Description, "steps__item-description")), ComponentToken.Timeline, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TimelineClassToken.Timeline, "timeline"), TimelineClassToken.Item, "timeline__item"), TimelineClassToken.Leading, "timeline__item-leading"), TimelineClassToken.Sign, "timeline__item-leading-sign"), TimelineClassToken.Dot, "timeline__item-leading-dot"), TimelineClassToken.Label, "timeline__item-label"), TimelineClassToken.Description, "timeline__item-description")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Breadcrumb, _defineProperty(_defineProperty(_defineProperty({}, BreadcrumbClassToken.Breadcrumb, "breadcrumb"), BreadcrumbClassToken.Item, "breadcrumb__item"), BreadcrumbClassToken.Separator, "breadcrumb__separator")), ComponentToken.Avatar, _defineProperty(_defineProperty({}, AvatarClassToken.Avatar, "avatar"), AvatarClassToken.Group, "avatar__group")), ComponentToken.Notification, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, NotificationClassToken.Notification, "notification"), NotificationClassToken.Title, "notification__title"), NotificationClassToken.Description, "notification__description"), NotificationClassToken.Closer, "notification__closer")), ComponentToken.Progress, _defineProperty(_defineProperty({}, ProgressClassToken.Progress, "progress"), ProgressClassToken.Segment, "progress__segment")), ComponentToken.Tooltip, _defineProperty({}, TooltipClassToken.Tooltip, "tooltip")), ComponentToken.Popover, _defineProperty(_defineProperty(_defineProperty({}, PopoverClassToken.Popover, "popover"), PopoverClassToken.Title, "popover__title"), PopoverClassToken.Content, "popover__content")), ComponentToken.Loading, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, LoadingClassToken.Loading, "loading"), LoadingClassToken.Spin, "loading__spin"), LoadingClassToken.Spinning, "loading__spin-spinning"), LoadingClassToken.Content, "loading__content")), ComponentToken.Collapse, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CollapseClassToken.Collapse, "collapse"), CollapseClassToken.Item, "collapse__item"), CollapseClassToken.ItemActive, "collapse__item--active"), CollapseClassToken.Header, "collapse__item-header"), CollapseClassToken.Collapser, "collapse__header-collapser"), CollapseClassToken.Panel, "collapse__item-panel"), CollapseClassToken.PanelActive, "collapse__item-panel--active"), CollapseClassToken.Content, "collapse__item-content")), ComponentToken.Waterfall, _defineProperty(_defineProperty({}, WaterfallClassToken.Waterfall, "waterfall"), WaterfallClassToken.Sequential, "waterfall--sequential")), ComponentToken.Transfer, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TransferClassToken.Transfer, "transfer"), TransferClassToken.Operation, "transfer__operation"), TransferClassToken.List, "transfer__list"), TransferClassToken.Title, "transfer__list-title"), TransferClassToken.Item, "transfer__list-item"), TransferClassToken.Header, "transfer__list-header"), TransferClassToken.Body, "transfer__list-body")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_CLASS_NAMES, ComponentToken.Badge, _defineProperty(_defineProperty({}, BadgeClassToken.Badge, "badge"), BadgeClassToken.Tail, "badge__tail")), ComponentToken.Skeleton, _defineProperty(_defineProperty({}, SkeletonClassToken.Skeleton, "skeleton"), SkeletonClassToken.Circular, "skeleton--circular")), ComponentToken.VisuallyHidden, _defineProperty({}, VisuallyHiddenClassToken.VisuallyHidden, "visually-hidden")), ComponentToken.Popconfirm, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, PopconfirmClassToken.Popconfirm, "popconfirm"), PopconfirmClassToken.Title, "popconfirm__title"), PopconfirmClassToken.Description, "popconfirm__description"), PopconfirmClassToken.Footer, "popconfirm__footer")), ComponentToken.Highlight, _defineProperty(_defineProperty({}, HighlightClassToken.Highlight, "highlight"), HighlightClassToken.Capture, "highlight__capture")), ComponentToken.I18nButton, _defineProperty({}, I18nButtonClassToken.I18nButton, "i18n-button")), ComponentToken.Quote, _defineProperty({}, QuoteClassToken.Quote, "quote")), ComponentToken.RichTextEditor, _defineProperty(_defineProperty(_defineProperty({}, RichTextEditorClassToken.RichTextEditor, "rich-text-editor"), RichTextEditorClassToken.Loading, "rich-text-editor--loading"), RichTextEditorClassToken.Editable, "rich-text-editor__editable")), ComponentToken.Upload, {}), ComponentToken.Image, _defineProperty({}, ImageClassToken.Image, "image")));
|
|
350
351
|
/**
|
|
351
352
|
* @description
|
|
352
353
|
* add prefix
|