@rescui/select 0.11.11-RUI-230-Update-icons-experiments-64b23ff1.22 → 0.11.11
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/_virtual/check.js +36 -0
- package/lib/_virtual/close.js +36 -0
- package/lib/_virtual/down.js +36 -0
- package/lib/_virtual/index.css.js +7 -7
- package/lib/_virtual/loading.js +44 -0
- package/lib/_virtual/warning.js +36 -0
- package/lib/index.css +157 -157
- package/lib/parts/common-select.p.module.css.js +12 -12
- package/lib/parts/form-trigger-wrapper.js +1 -1
- package/lib/parts/form-trigger.p.module.css.js +10 -10
- package/lib/parts/multiselect.js +1 -1
- package/lib/parts/native-select.p.module.css.js +6 -6
- package/lib/parts/trigger.js +3 -3
- package/lib/parts/trigger.p.module.css.js +27 -27
- package/package.json +11 -11
- package/lib/_virtual/index.js +0 -76
- package/lib/_virtual/index2.js +0 -76
- package/lib/_virtual/index3.js +0 -92
- package/lib/_virtual/index4.js +0 -76
- package/lib/_virtual/index5.js +0 -76
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"menu": "
|
|
6
|
-
"menuSizeS": "
|
|
7
|
-
"menuSizeM": "
|
|
8
|
-
"menuSizeL": "
|
|
9
|
-
"withGroupsLabel": "
|
|
10
|
-
"lastOption": "
|
|
11
|
-
"divider": "
|
|
12
|
-
"checkIcon": "
|
|
13
|
-
"observable": "
|
|
2
|
+
"sizeS": "_sizeS_n7vnzc_3",
|
|
3
|
+
"sizeM": "_sizeM_n7vnzc_6",
|
|
4
|
+
"sizeL": "_sizeL_n7vnzc_9",
|
|
5
|
+
"menu": "_menu_n7vnzc_13",
|
|
6
|
+
"menuSizeS": "_menuSizeS_n7vnzc_26",
|
|
7
|
+
"menuSizeM": "_menuSizeM_n7vnzc_30",
|
|
8
|
+
"menuSizeL": "_menuSizeL_n7vnzc_34",
|
|
9
|
+
"withGroupsLabel": "_withGroupsLabel_n7vnzc_40",
|
|
10
|
+
"lastOption": "_lastOption_n7vnzc_39",
|
|
11
|
+
"divider": "_divider_n7vnzc_45",
|
|
12
|
+
"checkIcon": "_checkIcon_n7vnzc_51",
|
|
13
|
+
"observable": "_observable_n7vnzc_56"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
4
|
-
import
|
|
4
|
+
import WarningIcon from '../_virtual/warning.js';
|
|
5
5
|
import styles from './form-trigger.p.module.css.js';
|
|
6
6
|
const SIZE_STYLES = {
|
|
7
7
|
l: styles.sizeL,
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"main": "
|
|
8
|
-
"label": "
|
|
9
|
-
"errorMessage": "
|
|
10
|
-
"errorIcon": "
|
|
11
|
-
"note": "
|
|
2
|
+
"themeLight": "_themeLight_14ef899_7",
|
|
3
|
+
"themeDark": "_themeDark_14ef899_10",
|
|
4
|
+
"sizeS": "_sizeS_14ef899_14",
|
|
5
|
+
"sizeM": "_sizeM_14ef899_17",
|
|
6
|
+
"sizeL": "_sizeL_14ef899_20",
|
|
7
|
+
"main": "_main_14ef899_24",
|
|
8
|
+
"label": "_label_14ef899_28",
|
|
9
|
+
"errorMessage": "_errorMessage_14ef899_34",
|
|
10
|
+
"errorIcon": "_errorIcon_14ef899_45",
|
|
11
|
+
"note": "_note_14ef899_50"
|
|
12
12
|
};
|
|
13
13
|
export { styles as default };
|
package/lib/parts/multiselect.js
CHANGED
|
@@ -6,7 +6,7 @@ import scrollIntoView from 'scroll-into-view-if-needed';
|
|
|
6
6
|
import { Dropdown } from '@rescui/dropdown';
|
|
7
7
|
import { Menu, MenuItem, Divider, GroupHeader } from '@rescui/menu';
|
|
8
8
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
9
|
-
import
|
|
9
|
+
import CheckIcon from '../_virtual/check.js';
|
|
10
10
|
import { useStrongMemo, getDefaultCursorIndex, isGroupsEmpty, getOptionValue, getMovedCursorIndex, shouldOpenSelect, isIndexMatchCursor, withoutGroupsLabel, getPlainOptionsFromGroups, getEmptyMessage, OptionGroupTypes, convertToOptionGroupsIfNeeded, calculateMaxHeight } from '../utils.js';
|
|
11
11
|
import { optionType, optionsGroupType, noOptionsMessageType } from '../common-prop-types.js';
|
|
12
12
|
import { ARROW_DOWN, ARROW_UP, ENTER, SPACE, TAB, ESCAPE, BACKSPACE } from '../key-codes.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"main": "
|
|
6
|
-
"wrapper": "
|
|
7
|
-
"select": "
|
|
2
|
+
"sizeS": "_sizeS_y2sg63_6",
|
|
3
|
+
"sizeM": "_sizeM_y2sg63_9",
|
|
4
|
+
"sizeL": "_sizeL_y2sg63_12",
|
|
5
|
+
"main": "_main_y2sg63_16",
|
|
6
|
+
"wrapper": "_wrapper_y2sg63_20",
|
|
7
|
+
"select": "_select_y2sg63_24"
|
|
8
8
|
};
|
|
9
9
|
export { styles as default };
|
package/lib/parts/trigger.js
CHANGED
|
@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
|
|
|
3
3
|
import cn from 'classnames';
|
|
4
4
|
import { RemovableTag, Tag, presets } from '@rescui/tag';
|
|
5
5
|
import { useThemeWithUndefined } from '@rescui/ui-contexts';
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
6
|
+
import DownIcon from '../_virtual/down.js';
|
|
7
|
+
import CloseIcon from '../_virtual/close.js';
|
|
8
|
+
import LoadingIcon from '../_virtual/loading.js';
|
|
9
9
|
import { optionType } from '../common-prop-types.js';
|
|
10
10
|
import { reverseTheme } from '../utils.js';
|
|
11
11
|
import Foldable from './foldable.js';
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"main": "
|
|
10
|
-
"open": "
|
|
11
|
-
"focused": "
|
|
12
|
-
"searchFocused": "
|
|
13
|
-
"error": "
|
|
14
|
-
"searchKeyFocused": "
|
|
15
|
-
"enabled": "
|
|
16
|
-
"disabled": "
|
|
17
|
-
"isMulti": "
|
|
18
|
-
"iconsWrapper": "
|
|
19
|
-
"labelWrapper": "
|
|
20
|
-
"label": "
|
|
21
|
-
"labelNotSelected": "
|
|
22
|
-
"searchInput": "
|
|
23
|
-
"multi": "
|
|
24
|
-
"tagsContainer": "
|
|
25
|
-
"tag": "
|
|
26
|
-
"toggle": "
|
|
27
|
-
"icon": "
|
|
28
|
-
"clearIcon": "
|
|
2
|
+
"themeLight": "_themeLight_5r3omf_27",
|
|
3
|
+
"themeDark": "_themeDark_5r3omf_30",
|
|
4
|
+
"sizeS": "_sizeS_5r3omf_34",
|
|
5
|
+
"sizeM": "_sizeM_5r3omf_37",
|
|
6
|
+
"sizeL": "_sizeL_5r3omf_40",
|
|
7
|
+
"classic": "_classic_5r3omf_44",
|
|
8
|
+
"rock": "_rock_5r3omf_47",
|
|
9
|
+
"main": "_main_5r3omf_51",
|
|
10
|
+
"open": "_open_5r3omf_73",
|
|
11
|
+
"focused": "_focused_5r3omf_77",
|
|
12
|
+
"searchFocused": "_searchFocused_5r3omf_78",
|
|
13
|
+
"error": "_error_5r3omf_80",
|
|
14
|
+
"searchKeyFocused": "_searchKeyFocused_5r3omf_85",
|
|
15
|
+
"enabled": "_enabled_5r3omf_89",
|
|
16
|
+
"disabled": "_disabled_5r3omf_95",
|
|
17
|
+
"isMulti": "_isMulti_5r3omf_125",
|
|
18
|
+
"iconsWrapper": "_iconsWrapper_5r3omf_143",
|
|
19
|
+
"labelWrapper": "_labelWrapper_5r3omf_168",
|
|
20
|
+
"label": "_label_5r3omf_168",
|
|
21
|
+
"labelNotSelected": "_labelNotSelected_5r3omf_218",
|
|
22
|
+
"searchInput": "_searchInput_5r3omf_231",
|
|
23
|
+
"multi": "_multi_5r3omf_271",
|
|
24
|
+
"tagsContainer": "_tagsContainer_5r3omf_291",
|
|
25
|
+
"tag": "_tag_5r3omf_291",
|
|
26
|
+
"toggle": "_toggle_5r3omf_313",
|
|
27
|
+
"icon": "_icon_5r3omf_143",
|
|
28
|
+
"clearIcon": "_clearIcon_5r3omf_380"
|
|
29
29
|
};
|
|
30
30
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rescui/select",
|
|
3
|
-
"version": "0.11.11
|
|
3
|
+
"version": "0.11.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "JetBrains",
|
|
7
7
|
"main": "lib/index.js",
|
|
8
|
+
"module": "lib/index.js",
|
|
8
9
|
"src:main": "src/index.ts",
|
|
9
10
|
"files": [
|
|
10
11
|
"lib",
|
|
@@ -15,10 +16,10 @@
|
|
|
15
16
|
},
|
|
16
17
|
"dependencies": {
|
|
17
18
|
"@babel/runtime-corejs3": "^7.26.0",
|
|
18
|
-
"@rescui/dropdown": "0.7.15
|
|
19
|
-
"@rescui/menu": "0.10.13
|
|
20
|
-
"@rescui/tag": "0.10.15
|
|
21
|
-
"@rescui/use-resize-observer": "0.2.6
|
|
19
|
+
"@rescui/dropdown": "^0.7.15",
|
|
20
|
+
"@rescui/menu": "^0.10.13",
|
|
21
|
+
"@rescui/tag": "^0.10.15",
|
|
22
|
+
"@rescui/use-resize-observer": "^0.2.6",
|
|
22
23
|
"classnames": "^2.2.6",
|
|
23
24
|
"scroll-into-view-if-needed": "2.2.20"
|
|
24
25
|
},
|
|
@@ -28,11 +29,10 @@
|
|
|
28
29
|
"react": ">=16.8.0 <19"
|
|
29
30
|
},
|
|
30
31
|
"devDependencies": {
|
|
31
|
-
"@rescui/colors": "0.2.7
|
|
32
|
-
"@rescui/
|
|
33
|
-
"@rescui/
|
|
34
|
-
"@rescui/
|
|
35
|
-
"@rescui/visual-regression": "0.1.2",
|
|
32
|
+
"@rescui/colors": "^0.2.7",
|
|
33
|
+
"@rescui/scripts": "^0.3.5",
|
|
34
|
+
"@rescui/typography": "^0.21.1",
|
|
35
|
+
"@rescui/visual-regression": "^0.1.2",
|
|
36
36
|
"sniffr": "^1.2.0"
|
|
37
37
|
},
|
|
38
38
|
"scripts": {
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
|
|
41
41
|
},
|
|
42
42
|
"nx": {},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "94b4b5531e261cde472a2218ace4a21d7b0f990f"
|
|
44
44
|
}
|
package/lib/_virtual/index.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import cn from 'classnames';
|
|
5
|
-
import styles from './index.css.js';
|
|
6
|
-
const sizeStyles = {
|
|
7
|
-
"xs": styles.sizeXS,
|
|
8
|
-
"s": styles.sizeS,
|
|
9
|
-
"m": styles.sizeM,
|
|
10
|
-
"l": styles.sizeL
|
|
11
|
-
};
|
|
12
|
-
const Size = {
|
|
13
|
-
"xs": "xs",
|
|
14
|
-
"s": "s",
|
|
15
|
-
"m": "m",
|
|
16
|
-
"l": "l"
|
|
17
|
-
};
|
|
18
|
-
const DownIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
19
|
-
let {
|
|
20
|
-
theme,
|
|
21
|
-
size,
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
} = _ref;
|
|
25
|
-
|
|
26
|
-
if (size === Size['xs']) {
|
|
27
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
-
viewBox: "0 0 16 16"
|
|
29
|
-
}, props, {
|
|
30
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
31
|
-
ref: ref
|
|
32
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
33
|
-
d: "M11.53 5.97a.75.75 0 0 0-1.06 0L8 8.44 5.53 5.97a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0 0-1.06"
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
if (size === Size['s']) {
|
|
38
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
39
|
-
viewBox: "0 0 20 20"
|
|
40
|
-
}, props, {
|
|
41
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
42
|
-
ref: ref
|
|
43
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
d: "M14.707 7.293a1 1 0 0 0-1.414 0L10 10.586 6.707 7.293a1 1 0 0 0-1.414 1.414l4 4a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0 0-1.414"
|
|
45
|
-
}));
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
if (size === Size['m']) {
|
|
49
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
50
|
-
viewBox: "0 0 24 24"
|
|
51
|
-
}, props, {
|
|
52
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
53
|
-
ref: ref
|
|
54
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
55
|
-
d: "M19.06 7.94a1.5 1.5 0 0 0-2.12 0L12 12.878l-4.94-4.94a1.5 1.5 0 1 0-2.12 2.122l6 6a1.5 1.5 0 0 0 2.12 0l6-6a1.5 1.5 0 0 0 0-2.122"
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
60
|
-
viewBox: "0 0 28 28"
|
|
61
|
-
}, props, {
|
|
62
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
63
|
-
ref: ref
|
|
64
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
65
|
-
d: "M22.06 9.44a1.5 1.5 0 0 0-2.12 0L14 15.378l-5.94-5.94a1.5 1.5 0 1 0-2.12 2.122l7 7a1.5 1.5 0 0 0 2.12 0l7-7a1.5 1.5 0 0 0 0-2.122"
|
|
66
|
-
}));
|
|
67
|
-
});
|
|
68
|
-
DownIcon.propTypes = {
|
|
69
|
-
className: PropTypes.string,
|
|
70
|
-
theme: PropTypes.oneOf(["light", "dark"]),
|
|
71
|
-
size: PropTypes.oneOf(["xs", "s", "m", "l"])
|
|
72
|
-
};
|
|
73
|
-
DownIcon.defaultProps = {
|
|
74
|
-
size: "m"
|
|
75
|
-
};
|
|
76
|
-
export { DownIcon, Size, DownIcon as default };
|
package/lib/_virtual/index2.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import cn from 'classnames';
|
|
5
|
-
import styles from './index.css.js';
|
|
6
|
-
const sizeStyles = {
|
|
7
|
-
"xs": styles.sizeXS,
|
|
8
|
-
"s": styles.sizeS,
|
|
9
|
-
"m": styles.sizeM,
|
|
10
|
-
"l": styles.sizeL
|
|
11
|
-
};
|
|
12
|
-
const Size = {
|
|
13
|
-
"xs": "xs",
|
|
14
|
-
"s": "s",
|
|
15
|
-
"m": "m",
|
|
16
|
-
"l": "l"
|
|
17
|
-
};
|
|
18
|
-
const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
19
|
-
let {
|
|
20
|
-
theme,
|
|
21
|
-
size,
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
} = _ref;
|
|
25
|
-
|
|
26
|
-
if (size === Size['xs']) {
|
|
27
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
-
viewBox: "0 0 16 16"
|
|
29
|
-
}, props, {
|
|
30
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
31
|
-
ref: ref
|
|
32
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
33
|
-
d: "M2.47 2.47a.75.75 0 0 1 1.06 0L8 6.94l4.47-4.47a.75.75 0 1 1 1.06 1.06L9.06 8l4.47 4.47a.75.75 0 1 1-1.06 1.06L8 9.06l-4.47 4.47a.75.75 0 0 1-1.06-1.06L6.94 8 2.47 3.53a.75.75 0 0 1 0-1.06"
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
if (size === Size['s']) {
|
|
38
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
39
|
-
viewBox: "0 0 20 20"
|
|
40
|
-
}, props, {
|
|
41
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
42
|
-
ref: ref
|
|
43
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
d: "M3.293 3.293a1 1 0 0 1 1.414 0L10 8.586l5.293-5.293a1 1 0 1 1 1.414 1.414L11.414 10l5.293 5.293a1 1 0 0 1-1.414 1.414L10 11.414l-5.293 5.293a1 1 0 0 1-1.414-1.414L8.586 10 3.293 4.707a1 1 0 0 1 0-1.414"
|
|
45
|
-
}));
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
if (size === Size['m']) {
|
|
49
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
50
|
-
viewBox: "0 0 24 24"
|
|
51
|
-
}, props, {
|
|
52
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
53
|
-
ref: ref
|
|
54
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
55
|
-
d: "M3.44 3.44a1.5 1.5 0 0 1 2.12 0L12 9.878l6.44-6.44a1.5 1.5 0 0 1 2.12 2.122L14.122 12l6.44 6.44a1.5 1.5 0 0 1-2.122 2.12L12 14.122l-6.44 6.44a1.5 1.5 0 0 1-2.12-2.122L9.878 12l-6.44-6.44a1.5 1.5 0 0 1 0-2.12"
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
60
|
-
viewBox: "0 0 28 28"
|
|
61
|
-
}, props, {
|
|
62
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
63
|
-
ref: ref
|
|
64
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
65
|
-
d: "M4.44 4.44a1.5 1.5 0 0 1 2.12 0L14 11.878l7.44-7.44a1.5 1.5 0 0 1 2.12 2.122L16.122 14l7.44 7.44a1.5 1.5 0 0 1-2.122 2.12L14 16.122l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.122L11.878 14l-7.44-7.44a1.5 1.5 0 0 1 0-2.12"
|
|
66
|
-
}));
|
|
67
|
-
});
|
|
68
|
-
CloseIcon.propTypes = {
|
|
69
|
-
className: PropTypes.string,
|
|
70
|
-
theme: PropTypes.oneOf(["light", "dark"]),
|
|
71
|
-
size: PropTypes.oneOf(["xs", "s", "m", "l"])
|
|
72
|
-
};
|
|
73
|
-
CloseIcon.defaultProps = {
|
|
74
|
-
size: "m"
|
|
75
|
-
};
|
|
76
|
-
export { CloseIcon, Size, CloseIcon as default };
|
package/lib/_virtual/index3.js
DELETED
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import cn from 'classnames';
|
|
5
|
-
import styles from './index.css.js';
|
|
6
|
-
const sizeStyles = {
|
|
7
|
-
"xs": styles.sizeXS,
|
|
8
|
-
"s": styles.sizeS,
|
|
9
|
-
"m": styles.sizeM,
|
|
10
|
-
"l": styles.sizeL
|
|
11
|
-
};
|
|
12
|
-
const Size = {
|
|
13
|
-
"xs": "xs",
|
|
14
|
-
"s": "s",
|
|
15
|
-
"m": "m",
|
|
16
|
-
"l": "l"
|
|
17
|
-
};
|
|
18
|
-
const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
19
|
-
let {
|
|
20
|
-
theme,
|
|
21
|
-
size,
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
} = _ref;
|
|
25
|
-
|
|
26
|
-
if (size === Size['xs']) {
|
|
27
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
-
viewBox: "0 0 16 16"
|
|
29
|
-
}, props, {
|
|
30
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
31
|
-
ref: ref
|
|
32
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
33
|
-
d: "M8 3.25a4.75 4.75 0 1 0 4.686 3.968.75.75 0 1 1 1.48-.245q.083.503.084 1.027a6.25 6.25 0 1 1-5.223-6.166.75.75 0 0 1-.245 1.48A5 5 0 0 0 8 3.25",
|
|
34
|
-
style: {
|
|
35
|
-
animation: "rs-icon-rotate 1s linear infinite",
|
|
36
|
-
transformOrigin: "center center"
|
|
37
|
-
}
|
|
38
|
-
}));
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
if (size === Size['s']) {
|
|
42
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
43
|
-
viewBox: "0 0 20 20"
|
|
44
|
-
}, props, {
|
|
45
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
46
|
-
ref: ref
|
|
47
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
-
d: "M10 4a6 6 0 1 0 5.92 5.012 1 1 0 0 1 1.972-.326Q18 9.329 18 10a8 8 0 1 1-6.686-7.892 1 1 0 0 1-.326 1.973A6 6 0 0 0 10 4",
|
|
49
|
-
style: {
|
|
50
|
-
animation: "rs-icon-rotate 1s linear infinite",
|
|
51
|
-
transformOrigin: "center center"
|
|
52
|
-
}
|
|
53
|
-
}));
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
if (size === Size['m']) {
|
|
57
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
58
|
-
viewBox: "0 0 24 24"
|
|
59
|
-
}, props, {
|
|
60
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
61
|
-
ref: ref
|
|
62
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
63
|
-
d: "M12 6a6 6 0 1 0 5.92 5.012 1.5 1.5 0 0 1 2.959-.49q.12.724.121 1.478a9 9 0 1 1-7.522-8.879 1.5 1.5 0 0 1-.49 2.96Q12.508 6 12 6",
|
|
64
|
-
style: {
|
|
65
|
-
animation: "rs-icon-rotate 1s linear infinite",
|
|
66
|
-
transformOrigin: "center center"
|
|
67
|
-
}
|
|
68
|
-
}));
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
72
|
-
viewBox: "0 0 28 28"
|
|
73
|
-
}, props, {
|
|
74
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
75
|
-
ref: ref
|
|
76
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
77
|
-
d: "M14 6.5a7.5 7.5 0 1 0 7.399 6.265 1.5 1.5 0 0 1 2.96-.49q.14.844.141 1.725c0 5.799-4.701 10.5-10.5 10.5S3.5 19.799 3.5 14 8.201 3.5 14 3.5q.813 0 1.595.12a1.5 1.5 0 0 1-.453 2.966A7.6 7.6 0 0 0 14 6.5",
|
|
78
|
-
style: {
|
|
79
|
-
animation: "rs-icon-rotate 1s linear infinite",
|
|
80
|
-
transformOrigin: "center center"
|
|
81
|
-
}
|
|
82
|
-
}));
|
|
83
|
-
});
|
|
84
|
-
LoadingIcon.propTypes = {
|
|
85
|
-
className: PropTypes.string,
|
|
86
|
-
theme: PropTypes.oneOf(["light", "dark"]),
|
|
87
|
-
size: PropTypes.oneOf(["xs", "s", "m", "l"])
|
|
88
|
-
};
|
|
89
|
-
LoadingIcon.defaultProps = {
|
|
90
|
-
size: "m"
|
|
91
|
-
};
|
|
92
|
-
export { LoadingIcon, Size, LoadingIcon as default };
|
package/lib/_virtual/index4.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import cn from 'classnames';
|
|
5
|
-
import styles from './index.css.js';
|
|
6
|
-
const sizeStyles = {
|
|
7
|
-
"xs": styles.sizeXS,
|
|
8
|
-
"s": styles.sizeS,
|
|
9
|
-
"m": styles.sizeM,
|
|
10
|
-
"l": styles.sizeL
|
|
11
|
-
};
|
|
12
|
-
const Size = {
|
|
13
|
-
"xs": "xs",
|
|
14
|
-
"s": "s",
|
|
15
|
-
"m": "m",
|
|
16
|
-
"l": "l"
|
|
17
|
-
};
|
|
18
|
-
const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
19
|
-
let {
|
|
20
|
-
theme,
|
|
21
|
-
size,
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
} = _ref;
|
|
25
|
-
|
|
26
|
-
if (size === Size['xs']) {
|
|
27
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
-
viewBox: "0 0 16 16"
|
|
29
|
-
}, props, {
|
|
30
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
31
|
-
ref: ref
|
|
32
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
33
|
-
d: "m6.303 1.989-5.027 8.874C.483 12.263 1.494 14 3.103 14h9.793c1.609 0 2.62-1.736 1.827-3.137L9.696 1.99C8.949.67 7.05.67 6.303 1.989M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4"
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
if (size === Size['s']) {
|
|
38
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
39
|
-
viewBox: "0 0 20 20"
|
|
40
|
-
}, props, {
|
|
41
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
42
|
-
ref: ref
|
|
43
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
|
|
45
|
-
}));
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
if (size === Size['m']) {
|
|
49
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
50
|
-
viewBox: "0 0 24 24"
|
|
51
|
-
}, props, {
|
|
52
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
53
|
-
ref: ref
|
|
54
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
55
|
-
d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
60
|
-
viewBox: "0 0 28 28"
|
|
61
|
-
}, props, {
|
|
62
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
63
|
-
ref: ref
|
|
64
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
65
|
-
d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
|
|
66
|
-
}));
|
|
67
|
-
});
|
|
68
|
-
WarningIcon.propTypes = {
|
|
69
|
-
className: PropTypes.string,
|
|
70
|
-
theme: PropTypes.oneOf(["light", "dark"]),
|
|
71
|
-
size: PropTypes.oneOf(["xs", "s", "m", "l"])
|
|
72
|
-
};
|
|
73
|
-
WarningIcon.defaultProps = {
|
|
74
|
-
size: "m"
|
|
75
|
-
};
|
|
76
|
-
export { Size, WarningIcon, WarningIcon as default };
|
package/lib/_virtual/index5.js
DELETED
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import cn from 'classnames';
|
|
5
|
-
import styles from './index.css.js';
|
|
6
|
-
const sizeStyles = {
|
|
7
|
-
"xs": styles.sizeXS,
|
|
8
|
-
"s": styles.sizeS,
|
|
9
|
-
"m": styles.sizeM,
|
|
10
|
-
"l": styles.sizeL
|
|
11
|
-
};
|
|
12
|
-
const Size = {
|
|
13
|
-
"xs": "xs",
|
|
14
|
-
"s": "s",
|
|
15
|
-
"m": "m",
|
|
16
|
-
"l": "l"
|
|
17
|
-
};
|
|
18
|
-
const CheckIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
19
|
-
let {
|
|
20
|
-
theme,
|
|
21
|
-
size,
|
|
22
|
-
className,
|
|
23
|
-
...props
|
|
24
|
-
} = _ref;
|
|
25
|
-
|
|
26
|
-
if (size === Size['xs']) {
|
|
27
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
28
|
-
viewBox: "0 0 16 16"
|
|
29
|
-
}, props, {
|
|
30
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
31
|
-
ref: ref
|
|
32
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
33
|
-
d: "M14.03 3.97a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 1.06-1.06l2.97 2.97 6.47-6.47a.75.75 0 0 1 1.06 0"
|
|
34
|
-
}));
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
if (size === Size['s']) {
|
|
38
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
39
|
-
viewBox: "0 0 20 20"
|
|
40
|
-
}, props, {
|
|
41
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
42
|
-
ref: ref
|
|
43
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
44
|
-
d: "M16.707 5.293a1 1 0 0 1 0 1.414l-8 8a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L8 12.586l7.293-7.293a1 1 0 0 1 1.414 0"
|
|
45
|
-
}));
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
if (size === Size['m']) {
|
|
49
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
50
|
-
viewBox: "0 0 24 24"
|
|
51
|
-
}, props, {
|
|
52
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
53
|
-
ref: ref
|
|
54
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
55
|
-
d: "M20.06 5.94a1.5 1.5 0 0 1 0 2.12l-10 10a1.5 1.5 0 0 1-2.12 0l-5-5a1.5 1.5 0 0 1 2.12-2.12L9 14.878l8.94-8.94a1.5 1.5 0 0 1 2.12 0"
|
|
56
|
-
}));
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
60
|
-
viewBox: "0 0 28 28"
|
|
61
|
-
}, props, {
|
|
62
|
-
className: cn(styles.icon, styles[theme], sizeStyles[size], className),
|
|
63
|
-
ref: ref
|
|
64
|
-
}), /*#__PURE__*/React.createElement("path", {
|
|
65
|
-
d: "M23.014 6.894a1.5 1.5 0 0 0-2.12.092l-9.941 10.846-4.892-4.893a1.5 1.5 0 0 0-2.122 2.122l6 6a1.5 1.5 0 0 0 2.167-.047l11-12a1.5 1.5 0 0 0-.092-2.12"
|
|
66
|
-
}));
|
|
67
|
-
});
|
|
68
|
-
CheckIcon.propTypes = {
|
|
69
|
-
className: PropTypes.string,
|
|
70
|
-
theme: PropTypes.oneOf(["light", "dark"]),
|
|
71
|
-
size: PropTypes.oneOf(["xs", "s", "m", "l"])
|
|
72
|
-
};
|
|
73
|
-
CheckIcon.defaultProps = {
|
|
74
|
-
size: "m"
|
|
75
|
-
};
|
|
76
|
-
export { CheckIcon, Size, CheckIcon as default };
|