@rescui/select 0.11.7 → 0.11.9-RUI-226-Update-card-cn-6e43cc89.60

package/lib/_virtual/check.js

@@ -1,37 +1,106 @@
 import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import styles from './index.css.js';
-var _excluded = ["theme", "size", "className"];
-var sizeStyles = {
+const sizeStyles = {
   "xs": styles.sizeXS,
   "s": styles.sizeS,
   "m": styles.sizeM,
   "l": styles.sizeL
 };
-var CheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var theme = _ref.theme,
-      size = _ref.size,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const CheckIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CheckIcon16.displayName = 'CheckIcon16';
+const CheckIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CheckIcon20.displayName = 'CheckIcon20';
+const CheckIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CheckIcon24.displayName = 'CheckIcon24';
+const CheckIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CheckIcon28.displayName = 'CheckIcon28';
+const CheckIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(CheckIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(CheckIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(CheckIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(CheckIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(CheckIcon16, mainProps);
+  }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8 20l-6-5.98 1.42-1.41L8 17.18l12.59-12.6L22 6 8 20z"
-  }));
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(CheckIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(CheckIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(CheckIcon28, mainProps);
 });
+CheckIcon.displayName = 'CheckIcon';
 CheckIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-CheckIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
-export { CheckIcon as default };
+export { Size, CheckIcon as default };

package/lib/_virtual/close.js

@@ -1,37 +1,106 @@
 import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import styles from './index.css.js';
-var _excluded = ["theme", "size", "className"];
-var sizeStyles = {
+const sizeStyles = {
   "xs": styles.sizeXS,
   "s": styles.sizeS,
   "m": styles.sizeM,
   "l": styles.sizeL
 };
-var CloseIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var theme = _ref.theme,
-      size = _ref.size,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const CloseIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CloseIcon16.displayName = 'CloseIcon16';
+const CloseIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CloseIcon20.displayName = 'CloseIcon20';
+const CloseIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CloseIcon24.displayName = 'CloseIcon24';
+const CloseIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+CloseIcon28.displayName = 'CloseIcon28';
+const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(CloseIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(CloseIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(CloseIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(CloseIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(CloseIcon16, mainProps);
+  }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    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"
-  }));
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(CloseIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(CloseIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(CloseIcon28, mainProps);
 });
+CloseIcon.displayName = 'CloseIcon';
 CloseIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-CloseIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
-export { CloseIcon as default };
+export { Size, CloseIcon as default };

package/lib/_virtual/down.js

@@ -1,37 +1,106 @@
 import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import styles from './index.css.js';
-var _excluded = ["theme", "size", "className"];
-var sizeStyles = {
+const sizeStyles = {
   "xs": styles.sizeXS,
   "s": styles.sizeS,
   "m": styles.sizeM,
   "l": styles.sizeL
 };
-var DownIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var theme = _ref.theme,
-      size = _ref.size,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const DownIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+DownIcon16.displayName = 'DownIcon16';
+const DownIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+DownIcon20.displayName = 'DownIcon20';
+const DownIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+DownIcon24.displayName = 'DownIcon24';
+const DownIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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"
+})));
+DownIcon28.displayName = 'DownIcon28';
+const DownIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(DownIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(DownIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(DownIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(DownIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(DownIcon16, mainProps);
+  }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M19.004 9h-14l7 8 7-8z"
-  }));
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(DownIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(DownIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(DownIcon28, mainProps);
 });
+DownIcon.displayName = 'DownIcon';
 DownIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-DownIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
-export { DownIcon as default };
+export { Size, DownIcon as default };

package/lib/_virtual/index.css.js

@@ -1,10 +1,15 @@
 var styles = {
-  "icon": "_icon_1hf44po_4",
-  "sizeXS": "_sizeXS_1hf44po_14",
-  "sizeS": "_sizeS_1hf44po_18",
-  "sizeM": "_sizeM_1hf44po_22",
-  "sizeL": "_sizeL_1hf44po_26",
-  "light": "_light_1hf44po_30",
-  "dark": "_dark_1hf44po_34"
+  "icon": "_icon_15yklic_4",
+  "sizeXS": "_sizeXS_15yklic_14",
+  "sizeS": "_sizeS_15yklic_18",
+  "sizeM": "_sizeM_15yklic_22",
+  "sizeL": "_sizeL_15yklic_26",
+  "light": "_light_15yklic_30",
+  "dark": "_dark_15yklic_34",
+  "allVariants": "_allVariants_15yklic_48",
+  "variant16": "_variant16_15yklic_53",
+  "variant20": "_variant20_15yklic_54",
+  "variant24": "_variant24_15yklic_55",
+  "variant28": "_variant28_15yklic_58"
 };
 export { styles as default };

package/lib/_virtual/loading.js

@@ -1,45 +1,122 @@
 import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import styles from './index.css.js';
-var _excluded = ["theme", "size", "className"];
-var sizeStyles = {
+const sizeStyles = {
   "xs": styles.sizeXS,
   "s": styles.sizeS,
   "m": styles.sizeM,
   "l": styles.sizeL
 };
-var LoadingIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var theme = _ref.theme,
-      size = _ref.size,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const LoadingIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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",
+  style: {
+    animation: "rs-icon-rotate 1s linear infinite",
+    transformOrigin: "center center"
+  }
+})));
+LoadingIcon16.displayName = 'LoadingIcon16';
+const LoadingIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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",
+  style: {
+    animation: "rs-icon-rotate 1s linear infinite",
+    transformOrigin: "center center"
+  }
+})));
+LoadingIcon20.displayName = 'LoadingIcon20';
+const LoadingIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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",
+  style: {
+    animation: "rs-icon-rotate 1s linear infinite",
+    transformOrigin: "center center"
+  }
+})));
+LoadingIcon24.displayName = 'LoadingIcon24';
+const LoadingIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  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",
+  style: {
+    animation: "rs-icon-rotate 1s linear infinite",
+    transformOrigin: "center center"
+  }
+})));
+LoadingIcon28.displayName = 'LoadingIcon28';
+const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(LoadingIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(LoadingIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(LoadingIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(LoadingIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(LoadingIcon16, mainProps);
+  }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("g", {
-    style: {
-      animation: "rs-icon-rotate 1s linear infinite",
-      transformOrigin: "center center"
-    }
-  }, /*#__PURE__*/React.createElement("path", {
-    opacity: 0.2,
-    d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"
-  }), /*#__PURE__*/React.createElement("path", {
-    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"
-  })));
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(LoadingIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(LoadingIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(LoadingIcon28, mainProps);
 });
+LoadingIcon.displayName = 'LoadingIcon';
 LoadingIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-LoadingIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
-export { LoadingIcon as default };
+export { Size, LoadingIcon as default };