@rescui/select 0.11.11-RUI-230-Update-icons-experiments-f88ab661.14 → 0.11.11-RUI-230-Update-icons-experiments-64b23ff1.22

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.
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_m8m8yc_4",
3
- "sizeXS": "_sizeXS_m8m8yc_14",
4
- "sizeS": "_sizeS_m8m8yc_18",
5
- "sizeM": "_sizeM_m8m8yc_22",
6
- "sizeL": "_sizeL_m8m8yc_26",
7
- "light": "_light_m8m8yc_30",
8
- "dark": "_dark_m8m8yc_34"
2
+ "icon": "_icon_585zsg_4",
3
+ "sizeXS": "_sizeXS_585zsg_14",
4
+ "sizeS": "_sizeS_585zsg_18",
5
+ "sizeM": "_sizeM_585zsg_22",
6
+ "sizeL": "_sizeL_585zsg_26",
7
+ "light": "_light_585zsg_30",
8
+ "dark": "_dark_585zsg_34"
9
9
  };
10
10
  export { styles as default };
@@ -0,0 +1,76 @@
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 };
@@ -0,0 +1,76 @@
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 };
@@ -0,0 +1,92 @@
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 };
@@ -0,0 +1,76 @@
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 };
@@ -0,0 +1,76 @@
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 };