@rescui/select 0.11.11-RUI-230-Update-icons-experiments-872b9bf9.15 → 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.
Files changed (12) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/index.js +43 -3
  3. package/lib/_virtual/index2.js +43 -3
  4. package/lib/_virtual/index3.js +57 -9
  5. package/lib/_virtual/index4.js +43 -3
  6. package/lib/_virtual/index5.js +43 -3
  7. package/lib/index.css +157 -157
  8. package/lib/parts/common-select.p.module.css.js +12 -12
  9. package/lib/parts/form-trigger.p.module.css.js +10 -10
  10. package/lib/parts/native-select.p.module.css.js +6 -6
  11. package/lib/parts/trigger.p.module.css.js +27 -27
  12. package/package.json +9 -8
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1a4qzqr_4",
3
- "sizeXS": "_sizeXS_1a4qzqr_14",
4
- "sizeS": "_sizeS_1a4qzqr_18",
5
- "sizeM": "_sizeM_1a4qzqr_22",
6
- "sizeL": "_sizeL_1a4qzqr_26",
7
- "light": "_light_1a4qzqr_30",
8
- "dark": "_dark_1a4qzqr_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 };
package/lib/_virtual/index.js CHANGED
@@ -9,6 +9,12 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
12
18
  const DownIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
19
  let {
14
20
  theme,
@@ -16,13 +22,47 @@ const DownIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
16
22
  className,
17
23
  ...props
18
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
+
19
59
  return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
60
+ viewBox: "0 0 28 28"
21
61
  }, props, {
22
62
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
63
  ref: ref
24
64
  }), /*#__PURE__*/React.createElement("path", {
25
- d: "M19.004 9h-14l7 8 7-8z"
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"
26
66
  }));
27
67
  });
28
68
  DownIcon.propTypes = {
@@ -33,4 +73,4 @@ DownIcon.propTypes = {
33
73
  DownIcon.defaultProps = {
34
74
  size: "m"
35
75
  };
36
- export { DownIcon, DownIcon as default };
76
+ export { DownIcon, Size, DownIcon as default };
package/lib/_virtual/index2.js CHANGED
@@ -9,6 +9,12 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
12
18
  const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
19
  let {
14
20
  theme,
@@ -16,13 +22,47 @@ const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
16
22
  className,
17
23
  ...props
18
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
+
19
59
  return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
60
+ viewBox: "0 0 28 28"
21
61
  }, props, {
22
62
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
63
  ref: ref
24
64
  }), /*#__PURE__*/React.createElement("path", {
25
- d: "M5.67 19.751l6.342-6.34 6.34 6.34 1.41-1.409-6.341-6.34 6.34-6.341-1.408-1.409-6.341 6.341L5.67 4.251 4.26 5.66l6.342 6.342-6.34 6.34 1.408 1.409z"
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"
26
66
  }));
27
67
  });
28
68
  CloseIcon.propTypes = {
@@ -33,4 +73,4 @@ CloseIcon.propTypes = {
33
73
  CloseIcon.defaultProps = {
34
74
  size: "m"
35
75
  };
36
- export { CloseIcon, CloseIcon as default };
76
+ export { CloseIcon, Size, CloseIcon as default };
package/lib/_virtual/index3.js CHANGED
@@ -9,6 +9,12 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
12
18
  const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
19
  let {
14
20
  theme,
@@ -16,22 +22,64 @@ const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
16
22
  className,
17
23
  ...props
18
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
+
19
71
  return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
72
+ viewBox: "0 0 28 28"
21
73
  }, props, {
22
74
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
75
  ref: ref
24
- }), /*#__PURE__*/React.createElement("g", {
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",
25
78
  style: {
26
79
  animation: "rs-icon-rotate 1s linear infinite",
27
80
  transformOrigin: "center center"
28
81
  }
29
- }, /*#__PURE__*/React.createElement("path", {
30
- opacity: 0.2,
31
- d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"
32
- }), /*#__PURE__*/React.createElement("path", {
33
- d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10h-2a8 8 0 11-8-8V2z"
34
- })));
82
+ }));
35
83
  });
36
84
  LoadingIcon.propTypes = {
37
85
  className: PropTypes.string,
@@ -41,4 +89,4 @@ LoadingIcon.propTypes = {
41
89
  LoadingIcon.defaultProps = {
42
90
  size: "m"
43
91
  };
44
- export { LoadingIcon, LoadingIcon as default };
92
+ export { LoadingIcon, Size, LoadingIcon as default };
package/lib/_virtual/index4.js CHANGED
@@ -9,6 +9,12 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
12
18
  const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
19
  let {
14
20
  theme,
@@ -16,13 +22,47 @@ const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
16
22
  className,
17
23
  ...props
18
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
+
19
59
  return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
60
+ viewBox: "0 0 28 28"
21
61
  }, props, {
22
62
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
63
  ref: ref
24
64
  }), /*#__PURE__*/React.createElement("path", {
25
- d: "M2.769 20h18.363a.615.615 0 00.546-.891L12.504 2.8a.566.566 0 00-.989-.002C9.8 5.891 4.026 16.101 2.322 19.112A.61.61 0 002.77 20zm8.229-12h2v6h-2V8zm0 8h2v2h-2v-2z"
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"
26
66
  }));
27
67
  });
28
68
  WarningIcon.propTypes = {
@@ -33,4 +73,4 @@ WarningIcon.propTypes = {
33
73
  WarningIcon.defaultProps = {
34
74
  size: "m"
35
75
  };
36
- export { WarningIcon, WarningIcon as default };
76
+ export { Size, WarningIcon, WarningIcon as default };
package/lib/_virtual/index5.js CHANGED
@@ -9,6 +9,12 @@ const sizeStyles = {
9
9
  "m": styles.sizeM,
10
10
  "l": styles.sizeL
11
11
  };
12
+ const Size = {
13
+ "xs": "xs",
14
+ "s": "s",
15
+ "m": "m",
16
+ "l": "l"
17
+ };
12
18
  const CheckIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
19
  let {
14
20
  theme,
@@ -16,13 +22,47 @@ const CheckIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
16
22
  className,
17
23
  ...props
18
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
+
19
59
  return /*#__PURE__*/React.createElement("svg", _extends({
20
- viewBox: "0 0 24 24"
60
+ viewBox: "0 0 28 28"
21
61
  }, props, {
22
62
  className: cn(styles.icon, styles[theme], sizeStyles[size], className),
23
63
  ref: ref
24
64
  }), /*#__PURE__*/React.createElement("path", {
25
- d: "M8 20l-6-5.98 1.42-1.41L8 17.18l12.59-12.6L22 6 8 20z"
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"
26
66
  }));
27
67
  });
28
68
  CheckIcon.propTypes = {
@@ -33,4 +73,4 @@ CheckIcon.propTypes = {
33
73
  CheckIcon.defaultProps = {
34
74
  size: "m"
35
75
  };
36
- export { CheckIcon, CheckIcon as default };
76
+ export { CheckIcon, Size, CheckIcon as default };