@rescui/select 0.11.11-RUI-230-Update-icons-7e73b1a0.23 → 0.11.11-RUI-230-Update-icons-6919f9e4.29

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 (17) hide show
  1. package/lib/_virtual/check.js +59 -36
  2. package/lib/_virtual/close.js +59 -36
  3. package/lib/_virtual/down.js +59 -36
  4. package/lib/_virtual/index.css.js +12 -7
  5. package/lib/_virtual/loading.js +75 -52
  6. package/lib/_virtual/warning.js +59 -36
  7. package/lib/index.css +238 -175
  8. package/lib/parts/common-select.p.module.css.js +12 -12
  9. package/lib/parts/form-trigger-wrapper.js +2 -1
  10. package/lib/parts/form-trigger.p.module.css.js +10 -10
  11. package/lib/parts/multiselect.js +2 -1
  12. package/lib/parts/native-select.p.module.css.js +6 -6
  13. package/lib/parts/trigger.js +7 -3
  14. package/lib/parts/trigger.p.module.css.js +27 -27
  15. package/lib/public-api.p.css +115 -46
  16. package/lib/public-api.pcss +115 -46
  17. package/package.json +8 -8
package/lib/_virtual/check.js CHANGED
@@ -15,62 +15,85 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const CheckIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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"
23
+ }));
24
+
25
+ const CheckIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
26
+ viewBox: "0 0 20 20"
27
+ }, props), /*#__PURE__*/React.createElement("path", {
28
+ 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"
29
+ }));
30
+
31
+ const CheckIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ viewBox: "0 0 24 24"
33
+ }, props), /*#__PURE__*/React.createElement("path", {
34
+ 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"
35
+ }));
36
+
37
+ const CheckIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
38
+ viewBox: "0 0 28 28"
39
+ }, props), /*#__PURE__*/React.createElement("path", {
40
+ 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"
41
+ }));
42
+
18
43
  const CheckIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
44
  let {
20
45
  theme,
21
- size,
46
+ size: sizeFromProps = "m",
22
47
  className,
48
+ style,
49
+ ['data-render-all-sizes']: renderAllSizes = false,
23
50
  ...props
24
51
  } = _ref;
52
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
53
+ const mainProps = { ...props,
54
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
55
+ style: renderAllSizes ? {
56
+ '--rs-icon-ar-width': 28,
57
+ '--rs-icon-ar-height': 28,
58
+ ...style
59
+ } : style,
60
+ ref
61
+ };
25
62
 
26
- if (size === Size['xs']) {
63
+ if (renderAllSizes) {
27
64
  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"
65
+ viewBox: "0 0 28 28"
66
+ }, mainProps), /*#__PURE__*/React.createElement(CheckIcon16, {
67
+ className: styles.variant16
68
+ }), /*#__PURE__*/React.createElement(CheckIcon20, {
69
+ className: styles.variant20
70
+ }), /*#__PURE__*/React.createElement(CheckIcon24, {
71
+ className: styles.variant24
72
+ }), /*#__PURE__*/React.createElement(CheckIcon28, {
73
+ className: styles.variant28
34
74
  }));
35
75
  }
36
76
 
77
+ if (size === Size['xs']) {
78
+ return /*#__PURE__*/React.createElement(CheckIcon16, mainProps);
79
+ }
80
+
37
81
  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
- }));
82
+ return /*#__PURE__*/React.createElement(CheckIcon20, mainProps);
46
83
  }
47
84
 
48
85
  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
- }));
86
+ return /*#__PURE__*/React.createElement(CheckIcon24, mainProps);
57
87
  }
58
88
 
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
- }));
89
+ return /*#__PURE__*/React.createElement(CheckIcon28, mainProps);
67
90
  });
91
+ CheckIcon.displayName = 'CheckIcon';
68
92
  CheckIcon.propTypes = {
69
93
  className: PropTypes.string,
70
94
  theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- CheckIcon.defaultProps = {
74
- size: "m"
95
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
96
+ 'data-render-all-sizes': PropTypes.bool,
97
+ style: PropTypes.object
75
98
  };
76
99
  export { Size, CheckIcon as default };
package/lib/_virtual/close.js CHANGED
@@ -15,62 +15,85 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const CloseIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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"
23
+ }));
24
+
25
+ const CloseIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
26
+ viewBox: "0 0 20 20"
27
+ }, props), /*#__PURE__*/React.createElement("path", {
28
+ 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"
29
+ }));
30
+
31
+ const CloseIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ viewBox: "0 0 24 24"
33
+ }, props), /*#__PURE__*/React.createElement("path", {
34
+ 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"
35
+ }));
36
+
37
+ const CloseIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
38
+ viewBox: "0 0 28 28"
39
+ }, props), /*#__PURE__*/React.createElement("path", {
40
+ 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"
41
+ }));
42
+
18
43
  const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
44
  let {
20
45
  theme,
21
- size,
46
+ size: sizeFromProps = "m",
22
47
  className,
48
+ style,
49
+ ['data-render-all-sizes']: renderAllSizes = false,
23
50
  ...props
24
51
  } = _ref;
52
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
53
+ const mainProps = { ...props,
54
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
55
+ style: renderAllSizes ? {
56
+ '--rs-icon-ar-width': 28,
57
+ '--rs-icon-ar-height': 28,
58
+ ...style
59
+ } : style,
60
+ ref
61
+ };
25
62
 
26
- if (size === Size['xs']) {
63
+ if (renderAllSizes) {
27
64
  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"
65
+ viewBox: "0 0 28 28"
66
+ }, mainProps), /*#__PURE__*/React.createElement(CloseIcon16, {
67
+ className: styles.variant16
68
+ }), /*#__PURE__*/React.createElement(CloseIcon20, {
69
+ className: styles.variant20
70
+ }), /*#__PURE__*/React.createElement(CloseIcon24, {
71
+ className: styles.variant24
72
+ }), /*#__PURE__*/React.createElement(CloseIcon28, {
73
+ className: styles.variant28
34
74
  }));
35
75
  }
36
76
 
77
+ if (size === Size['xs']) {
78
+ return /*#__PURE__*/React.createElement(CloseIcon16, mainProps);
79
+ }
80
+
37
81
  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
- }));
82
+ return /*#__PURE__*/React.createElement(CloseIcon20, mainProps);
46
83
  }
47
84
 
48
85
  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
- }));
86
+ return /*#__PURE__*/React.createElement(CloseIcon24, mainProps);
57
87
  }
58
88
 
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
- }));
89
+ return /*#__PURE__*/React.createElement(CloseIcon28, mainProps);
67
90
  });
91
+ CloseIcon.displayName = 'CloseIcon';
68
92
  CloseIcon.propTypes = {
69
93
  className: PropTypes.string,
70
94
  theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- CloseIcon.defaultProps = {
74
- size: "m"
95
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
96
+ 'data-render-all-sizes': PropTypes.bool,
97
+ style: PropTypes.object
75
98
  };
76
99
  export { Size, CloseIcon as default };
package/lib/_virtual/down.js CHANGED
@@ -15,62 +15,85 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const DownIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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"
23
+ }));
24
+
25
+ const DownIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
26
+ viewBox: "0 0 20 20"
27
+ }, props), /*#__PURE__*/React.createElement("path", {
28
+ 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"
29
+ }));
30
+
31
+ const DownIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ viewBox: "0 0 24 24"
33
+ }, props), /*#__PURE__*/React.createElement("path", {
34
+ 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"
35
+ }));
36
+
37
+ const DownIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
38
+ viewBox: "0 0 28 28"
39
+ }, props), /*#__PURE__*/React.createElement("path", {
40
+ 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"
41
+ }));
42
+
18
43
  const DownIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
44
  let {
20
45
  theme,
21
- size,
46
+ size: sizeFromProps = "m",
22
47
  className,
48
+ style,
49
+ ['data-render-all-sizes']: renderAllSizes = false,
23
50
  ...props
24
51
  } = _ref;
52
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
53
+ const mainProps = { ...props,
54
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
55
+ style: renderAllSizes ? {
56
+ '--rs-icon-ar-width': 28,
57
+ '--rs-icon-ar-height': 28,
58
+ ...style
59
+ } : style,
60
+ ref
61
+ };
25
62
 
26
- if (size === Size['xs']) {
63
+ if (renderAllSizes) {
27
64
  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"
65
+ viewBox: "0 0 28 28"
66
+ }, mainProps), /*#__PURE__*/React.createElement(DownIcon16, {
67
+ className: styles.variant16
68
+ }), /*#__PURE__*/React.createElement(DownIcon20, {
69
+ className: styles.variant20
70
+ }), /*#__PURE__*/React.createElement(DownIcon24, {
71
+ className: styles.variant24
72
+ }), /*#__PURE__*/React.createElement(DownIcon28, {
73
+ className: styles.variant28
34
74
  }));
35
75
  }
36
76
 
77
+ if (size === Size['xs']) {
78
+ return /*#__PURE__*/React.createElement(DownIcon16, mainProps);
79
+ }
80
+
37
81
  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
- }));
82
+ return /*#__PURE__*/React.createElement(DownIcon20, mainProps);
46
83
  }
47
84
 
48
85
  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
- }));
86
+ return /*#__PURE__*/React.createElement(DownIcon24, mainProps);
57
87
  }
58
88
 
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
- }));
89
+ return /*#__PURE__*/React.createElement(DownIcon28, mainProps);
67
90
  });
91
+ DownIcon.displayName = 'DownIcon';
68
92
  DownIcon.propTypes = {
69
93
  className: PropTypes.string,
70
94
  theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- DownIcon.defaultProps = {
74
- size: "m"
95
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
96
+ 'data-render-all-sizes': PropTypes.bool,
97
+ style: PropTypes.object
75
98
  };
76
99
  export { Size, DownIcon as default };
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,15 @@
1
1
  var styles = {
2
- "icon": "_icon_132qid1_4",
3
- "sizeXS": "_sizeXS_132qid1_14",
4
- "sizeS": "_sizeS_132qid1_18",
5
- "sizeM": "_sizeM_132qid1_22",
6
- "sizeL": "_sizeL_132qid1_26",
7
- "light": "_light_132qid1_30",
8
- "dark": "_dark_132qid1_34"
2
+ "icon": "_icon_1ymr40l_4",
3
+ "sizeXS": "_sizeXS_1ymr40l_14",
4
+ "sizeS": "_sizeS_1ymr40l_18",
5
+ "sizeM": "_sizeM_1ymr40l_22",
6
+ "sizeL": "_sizeL_1ymr40l_26",
7
+ "light": "_light_1ymr40l_30",
8
+ "dark": "_dark_1ymr40l_34",
9
+ "allVariants": "_allVariants_1ymr40l_48",
10
+ "variant16": "_variant16_1ymr40l_53",
11
+ "variant20": "_variant20_1ymr40l_54",
12
+ "variant24": "_variant24_1ymr40l_55",
13
+ "variant28": "_variant28_1ymr40l_58"
9
14
  };
10
15
  export { styles as default };
package/lib/_virtual/loading.js CHANGED
@@ -15,78 +15,101 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const LoadingIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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",
23
+ style: {
24
+ animation: "rs-icon-rotate 1s linear infinite",
25
+ transformOrigin: "center center"
26
+ }
27
+ }));
28
+
29
+ const LoadingIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
30
+ viewBox: "0 0 20 20"
31
+ }, props), /*#__PURE__*/React.createElement("path", {
32
+ 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",
33
+ style: {
34
+ animation: "rs-icon-rotate 1s linear infinite",
35
+ transformOrigin: "center center"
36
+ }
37
+ }));
38
+
39
+ const LoadingIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
40
+ viewBox: "0 0 24 24"
41
+ }, props), /*#__PURE__*/React.createElement("path", {
42
+ 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",
43
+ style: {
44
+ animation: "rs-icon-rotate 1s linear infinite",
45
+ transformOrigin: "center center"
46
+ }
47
+ }));
48
+
49
+ const LoadingIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
50
+ viewBox: "0 0 28 28"
51
+ }, props), /*#__PURE__*/React.createElement("path", {
52
+ 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",
53
+ style: {
54
+ animation: "rs-icon-rotate 1s linear infinite",
55
+ transformOrigin: "center center"
56
+ }
57
+ }));
58
+
18
59
  const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
60
  let {
20
61
  theme,
21
- size,
62
+ size: sizeFromProps = "m",
22
63
  className,
64
+ style,
65
+ ['data-render-all-sizes']: renderAllSizes = false,
23
66
  ...props
24
67
  } = _ref;
68
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
69
+ const mainProps = { ...props,
70
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
71
+ style: renderAllSizes ? {
72
+ '--rs-icon-ar-width': 28,
73
+ '--rs-icon-ar-height': 28,
74
+ ...style
75
+ } : style,
76
+ ref
77
+ };
25
78
 
26
- if (size === Size['xs']) {
79
+ if (renderAllSizes) {
27
80
  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
- }
81
+ viewBox: "0 0 28 28"
82
+ }, mainProps), /*#__PURE__*/React.createElement(LoadingIcon16, {
83
+ className: styles.variant16
84
+ }), /*#__PURE__*/React.createElement(LoadingIcon20, {
85
+ className: styles.variant20
86
+ }), /*#__PURE__*/React.createElement(LoadingIcon24, {
87
+ className: styles.variant24
88
+ }), /*#__PURE__*/React.createElement(LoadingIcon28, {
89
+ className: styles.variant28
38
90
  }));
39
91
  }
40
92
 
93
+ if (size === Size['xs']) {
94
+ return /*#__PURE__*/React.createElement(LoadingIcon16, mainProps);
95
+ }
96
+
41
97
  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
- }));
98
+ return /*#__PURE__*/React.createElement(LoadingIcon20, mainProps);
54
99
  }
55
100
 
56
101
  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
- }));
102
+ return /*#__PURE__*/React.createElement(LoadingIcon24, mainProps);
69
103
  }
70
104
 
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
- }));
105
+ return /*#__PURE__*/React.createElement(LoadingIcon28, mainProps);
83
106
  });
107
+ LoadingIcon.displayName = 'LoadingIcon';
84
108
  LoadingIcon.propTypes = {
85
109
  className: PropTypes.string,
86
110
  theme: PropTypes.oneOf(["light", "dark"]),
87
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
88
- };
89
- LoadingIcon.defaultProps = {
90
- size: "m"
111
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
112
+ 'data-render-all-sizes': PropTypes.bool,
113
+ style: PropTypes.object
91
114
  };
92
115
  export { Size, LoadingIcon as default };
package/lib/_virtual/warning.js CHANGED
@@ -15,62 +15,85 @@ const Size = {
15
15
  "m": "m",
16
16
  "l": "l"
17
17
  };
18
+
19
+ const WarningIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
20
+ viewBox: "0 0 16 16"
21
+ }, props), /*#__PURE__*/React.createElement("path", {
22
+ 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"
23
+ }));
24
+
25
+ const WarningIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
26
+ viewBox: "0 0 20 20"
27
+ }, props), /*#__PURE__*/React.createElement("path", {
28
+ 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"
29
+ }));
30
+
31
+ const WarningIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
32
+ viewBox: "0 0 24 24"
33
+ }, props), /*#__PURE__*/React.createElement("path", {
34
+ 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"
35
+ }));
36
+
37
+ const WarningIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
38
+ viewBox: "0 0 28 28"
39
+ }, props), /*#__PURE__*/React.createElement("path", {
40
+ 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"
41
+ }));
42
+
18
43
  const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
19
44
  let {
20
45
  theme,
21
- size,
46
+ size: sizeFromProps = "m",
22
47
  className,
48
+ style,
49
+ ['data-render-all-sizes']: renderAllSizes = false,
23
50
  ...props
24
51
  } = _ref;
52
+ const size = sizeFromProps in Size ? sizeFromProps : "m";
53
+ const mainProps = { ...props,
54
+ className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
55
+ style: renderAllSizes ? {
56
+ '--rs-icon-ar-width': 28,
57
+ '--rs-icon-ar-height': 28,
58
+ ...style
59
+ } : style,
60
+ ref
61
+ };
25
62
 
26
- if (size === Size['xs']) {
63
+ if (renderAllSizes) {
27
64
  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"
65
+ viewBox: "0 0 28 28"
66
+ }, mainProps), /*#__PURE__*/React.createElement(WarningIcon16, {
67
+ className: styles.variant16
68
+ }), /*#__PURE__*/React.createElement(WarningIcon20, {
69
+ className: styles.variant20
70
+ }), /*#__PURE__*/React.createElement(WarningIcon24, {
71
+ className: styles.variant24
72
+ }), /*#__PURE__*/React.createElement(WarningIcon28, {
73
+ className: styles.variant28
34
74
  }));
35
75
  }
36
76
 
77
+ if (size === Size['xs']) {
78
+ return /*#__PURE__*/React.createElement(WarningIcon16, mainProps);
79
+ }
80
+
37
81
  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
- }));
82
+ return /*#__PURE__*/React.createElement(WarningIcon20, mainProps);
46
83
  }
47
84
 
48
85
  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
- }));
86
+ return /*#__PURE__*/React.createElement(WarningIcon24, mainProps);
57
87
  }
58
88
 
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
- }));
89
+ return /*#__PURE__*/React.createElement(WarningIcon28, mainProps);
67
90
  });
91
+ WarningIcon.displayName = 'WarningIcon';
68
92
  WarningIcon.propTypes = {
69
93
  className: PropTypes.string,
70
94
  theme: PropTypes.oneOf(["light", "dark"]),
71
- size: PropTypes.oneOf(["xs", "s", "m", "l"])
72
- };
73
- WarningIcon.defaultProps = {
74
- size: "m"
95
+ size: PropTypes.oneOf(["xs", "s", "m", "l"]),
96
+ 'data-render-all-sizes': PropTypes.bool,
97
+ style: PropTypes.object
75
98
  };
76
99
  export { Size, WarningIcon as default };