@rescui/select 0.13.1-RUI-270-Update-select-options-label-types-b99bd91c.3 → 0.14.1-RUI-274-Fix-tooltip-rendering-for-React-19-abd1bdf9.7

package/lib/_virtual/check-outline.js

@@ -0,0 +1,106 @@
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import styles from './index.css.js';
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const CheckOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.854 4.146a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.793l6.646-6.647a.5.5 0 0 1 .708 0"
+})));
+CheckOutlineIcon16.displayName = 'CheckOutlineIcon16';
+const CheckOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.53 5.47a.75.75 0 0 1 0 1.06l-8 8a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06L8 12.94l7.47-7.47a.75.75 0 0 1 1.06 0"
+})));
+CheckOutlineIcon20.displayName = 'CheckOutlineIcon20';
+const CheckOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.707 6.293a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L9 15.586l9.293-9.293a1 1 0 0 1 1.414 0"
+})));
+CheckOutlineIcon24.displayName = 'CheckOutlineIcon24';
+const CheckOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M22.676 7.263a1 1 0 0 1 .061 1.413l-11 12a1 1 0 0 1-1.444.031l-6-6a1 1 0 1 1 1.414-1.414l5.262 5.261 10.294-11.23a1 1 0 0 1 1.413-.061"
+})));
+CheckOutlineIcon28.displayName = 'CheckOutlineIcon28';
+const CheckOutlineIcon = /*#__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(CheckOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(CheckOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(CheckOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(CheckOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(CheckOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(CheckOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(CheckOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(CheckOutlineIcon28, mainProps);
+});
+CheckOutlineIcon.displayName = 'CheckOutlineIcon';
+CheckOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export { Size, CheckOutlineIcon as default };

package/lib/_virtual/close-outline.js

@@ -0,0 +1,106 @@
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import styles from './index.css.js';
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const CloseOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M2.646 2.646a.5.5 0 0 1 .708 0L8 7.293l4.646-4.647a.5.5 0 0 1 .708.708L8.707 8l4.647 4.646a.5.5 0 0 1-.708.708L8 8.707l-4.646 4.647a.5.5 0 0 1-.708-.708L7.293 8 2.646 3.354a.5.5 0 0 1 0-.708"
+})));
+CloseOutlineIcon16.displayName = 'CloseOutlineIcon16';
+const CloseOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.47 3.47a.75.75 0 0 1 1.06 0L10 8.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L11.06 10l5.47 5.47a.75.75 0 1 1-1.06 1.06L10 11.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L8.94 10 3.47 4.53a.75.75 0 0 1 0-1.06"
+})));
+CloseOutlineIcon20.displayName = 'CloseOutlineIcon20';
+const CloseOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.793 3.793a1 1 0 0 1 1.414 0L12 10.586l6.793-6.793a1 1 0 1 1 1.414 1.414L13.414 12l6.793 6.793a1 1 0 0 1-1.414 1.414L12 13.414l-6.793 6.793a1 1 0 0 1-1.414-1.414L10.586 12 3.793 5.207a1 1 0 0 1 0-1.414"
+})));
+CloseOutlineIcon24.displayName = 'CloseOutlineIcon24';
+const CloseOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.793 4.793a1 1 0 0 1 1.414 0L14 12.586l7.793-7.793a1 1 0 1 1 1.414 1.414L15.414 14l7.793 7.793a1 1 0 0 1-1.414 1.414L14 15.414l-7.793 7.793a1 1 0 0 1-1.414-1.414L12.586 14 4.793 6.207a1 1 0 0 1 0-1.414"
+})));
+CloseOutlineIcon28.displayName = 'CloseOutlineIcon28';
+const CloseOutlineIcon = /*#__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(CloseOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(CloseOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(CloseOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(CloseOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(CloseOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(CloseOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(CloseOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(CloseOutlineIcon28, mainProps);
+});
+CloseOutlineIcon.displayName = 'CloseOutlineIcon';
+CloseOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export { Size, CloseOutlineIcon as default };

package/lib/_virtual/down-outline.js

@@ -0,0 +1,106 @@
+import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import styles from './index.css.js';
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const DownOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.354 6.146a.5.5 0 0 0-.708 0L8 8.793 5.354 6.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0 0-.708"
+})));
+DownOutlineIcon16.displayName = 'DownOutlineIcon16';
+const DownOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.53 7.47a.75.75 0 0 0-1.06 0L10 10.94 6.53 7.47a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 0 0 0-1.06"
+})));
+DownOutlineIcon20.displayName = 'DownOutlineIcon20';
+const DownOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.707 8.293a1 1 0 0 0-1.414 0L12 13.586 6.707 8.293a1 1 0 0 0-1.414 1.414l6 6a1 1 0 0 0 1.414 0l6-6a1 1 0 0 0 0-1.414"
+})));
+DownOutlineIcon24.displayName = 'DownOutlineIcon24';
+const DownOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.707 9.793a1 1 0 0 0-1.414 0L14 16.086 7.707 9.793a1 1 0 0 0-1.414 1.414l7 7a1 1 0 0 0 1.414 0l7-7a1 1 0 0 0 0-1.414"
+})));
+DownOutlineIcon28.displayName = 'DownOutlineIcon28';
+const DownOutlineIcon = /*#__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(DownOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(DownOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(DownOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(DownOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(DownOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(DownOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(DownOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(DownOutlineIcon28, mainProps);
+});
+DownOutlineIcon.displayName = 'DownOutlineIcon';
+DownOutlineIcon.propTypes = {
+  className: PropTypes.string,
+  theme: PropTypes.oneOf(["light", "dark"]),
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
+};
+export { Size, DownOutlineIcon as default };

package/lib/_virtual/index.css.js

@@ -1,15 +1,15 @@
 var styles = {
-  "icon": "_icon_rvlot9_4",
-  "sizeXS": "_sizeXS_rvlot9_14",
-  "sizeS": "_sizeS_rvlot9_18",
-  "sizeM": "_sizeM_rvlot9_22",
-  "sizeL": "_sizeL_rvlot9_26",
-  "light": "_light_rvlot9_30",
-  "dark": "_dark_rvlot9_34",
-  "allVariants": "_allVariants_rvlot9_48",
-  "variant16": "_variant16_rvlot9_53",
-  "variant20": "_variant20_rvlot9_54",
-  "variant24": "_variant24_rvlot9_55",
-  "variant28": "_variant28_rvlot9_58"
+  "icon": "_icon_19yj7hj_4",
+  "sizeXS": "_sizeXS_19yj7hj_14",
+  "sizeS": "_sizeS_19yj7hj_18",
+  "sizeM": "_sizeM_19yj7hj_22",
+  "sizeL": "_sizeL_19yj7hj_26",
+  "light": "_light_19yj7hj_30",
+  "dark": "_dark_19yj7hj_34",
+  "allVariants": "_allVariants_19yj7hj_48",
+  "variant16": "_variant16_19yj7hj_53",
+  "variant20": "_variant20_19yj7hj_54",
+  "variant24": "_variant24_19yj7hj_55",
+  "variant28": "_variant28_19yj7hj_58"
 };
 export { styles as default };

package/lib/_virtual/{loading.js → loading-outline.js}

@@ -15,55 +15,55 @@ const Size = {
   "m": "m",
   "l": "l"
 };
-const LoadingIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+const LoadingOutlineIcon16 = /*#__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",
+  d: "M8 3a5 5 0 1 0 4.933 4.177.5.5 0 0 1 .986-.163Q14 7.496 14 8a6 6 0 1 1-5.014-5.92.5.5 0 1 1-.163.987A5 5 0 0 0 8 3",
   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({
+LoadingOutlineIcon16.displayName = 'LoadingOutlineIcon16';
+const LoadingOutlineIcon20 = /*#__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",
+  d: "M10 3.75a6.25 6.25 0 1 0 6.166 5.221.75.75 0 0 1 1.48-.244 7.75 7.75 0 1 1-6.372-6.372.75.75 0 0 1-.245 1.48A6.3 6.3 0 0 0 10 3.75",
   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({
+LoadingOutlineIcon20.displayName = 'LoadingOutlineIcon20';
+const LoadingOutlineIcon24 = /*#__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",
+  d: "M12 5a7 7 0 1 0 6.906 5.848 1 1 0 1 1 1.973-.327q.12.724.121 1.479a9 9 0 1 1-7.521-8.879 1 1 0 0 1-.327 1.973A7 7 0 0 0 12 5",
   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({
+LoadingOutlineIcon24.displayName = 'LoadingOutlineIcon24';
+const LoadingOutlineIcon28 = /*#__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",
+  d: "M14 6a8 8 0 1 0 7.892 6.683 1 1 0 1 1 1.974-.326q.133.803.134 1.643c0 5.523-4.477 10-10 10S4 19.523 4 14 8.477 4 14 4q.775.001 1.52.115a1 1 0 1 1-.302 1.977A8 8 0 0 0 14 6",
   style: {
     animation: "rs-icon-rotate 1s linear infinite",
     transformOrigin: "center center"
   }
 })));
-LoadingIcon28.displayName = 'LoadingIcon28';
-const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+LoadingOutlineIcon28.displayName = 'LoadingOutlineIcon28';
+const LoadingOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
     size: sizeFromProps = "m",
@@ -86,37 +86,37 @@ const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
       viewBox: "0 0 28 28"
-    }, mainProps), /*#__PURE__*/React.createElement(LoadingIcon16, {
+    }, mainProps), /*#__PURE__*/React.createElement(LoadingOutlineIcon16, {
       className: styles.variant16
-    }), /*#__PURE__*/React.createElement(LoadingIcon20, {
+    }), /*#__PURE__*/React.createElement(LoadingOutlineIcon20, {
       className: styles.variant20
-    }), /*#__PURE__*/React.createElement(LoadingIcon24, {
+    }), /*#__PURE__*/React.createElement(LoadingOutlineIcon24, {
       className: styles.variant24
-    }), /*#__PURE__*/React.createElement(LoadingIcon28, {
+    }), /*#__PURE__*/React.createElement(LoadingOutlineIcon28, {
       className: styles.variant28
     }));
   }
 
   if (size === Size['xs']) {
-    return /*#__PURE__*/React.createElement(LoadingIcon16, mainProps);
+    return /*#__PURE__*/React.createElement(LoadingOutlineIcon16, mainProps);
   }
 
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement(LoadingIcon20, mainProps);
+    return /*#__PURE__*/React.createElement(LoadingOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement(LoadingIcon24, mainProps);
+    return /*#__PURE__*/React.createElement(LoadingOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement(LoadingIcon28, mainProps);
+  return /*#__PURE__*/React.createElement(LoadingOutlineIcon28, mainProps);
 });
-LoadingIcon.displayName = 'LoadingIcon';
-LoadingIcon.propTypes = {
+LoadingOutlineIcon.displayName = 'LoadingOutlineIcon';
+LoadingOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
   size: PropTypes.oneOf(["xs", "s", "m", "l"]),
   'data-render-all-sizes': PropTypes.bool,
   style: PropTypes.object
 };
-export { Size, LoadingIcon as default };
+export { Size, LoadingOutlineIcon as default };