@rescui/input 0.11.9 → 0.11.10-RUI-226-Update-card-cn-baacc2f1.68

package/lib/_virtual/close.js

@@ -9,28 +9,98 @@ const sizeStyles = {
   "m": styles.sizeM,
   "l": styles.sizeL
 };
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const CloseIcon16 = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React__default.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"
-  }));
+  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__default.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React__default.createElement(CloseIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React__default.createElement(CloseIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React__default.createElement(CloseIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React__default.createElement(CloseIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React__default.createElement(CloseIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React__default.createElement(CloseIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React__default.createElement(CloseIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React__default.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/index.css.js

@@ -1,10 +1,15 @@
 var styles = {
-  "icon": "_icon_ons1cf_4",
-  "sizeXS": "_sizeXS_ons1cf_14",
-  "sizeS": "_sizeS_ons1cf_18",
-  "sizeM": "_sizeM_ons1cf_22",
-  "sizeL": "_sizeL_ons1cf_26",
-  "light": "_light_ons1cf_30",
-  "dark": "_dark_ons1cf_34"
+  "icon": "_icon_1bfqf1a_4",
+  "sizeXS": "_sizeXS_1bfqf1a_14",
+  "sizeS": "_sizeS_1bfqf1a_18",
+  "sizeM": "_sizeM_1bfqf1a_22",
+  "sizeL": "_sizeL_1bfqf1a_26",
+  "light": "_light_1bfqf1a_30",
+  "dark": "_dark_1bfqf1a_34",
+  "allVariants": "_allVariants_1bfqf1a_48",
+  "variant16": "_variant16_1bfqf1a_53",
+  "variant20": "_variant20_1bfqf1a_54",
+  "variant24": "_variant24_1bfqf1a_55",
+  "variant28": "_variant28_1bfqf1a_58"
 };
 export { styles as default };

package/lib/_virtual/loading.js

@@ -9,36 +9,114 @@ const sizeStyles = {
   "m": styles.sizeM,
   "l": styles.sizeL
 };
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const LoadingIcon16 = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.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__default.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement("g", {
-    style: {
-      animation: "rs-icon-rotate 1s linear infinite",
-      transformOrigin: "center center"
-    }
-  }, /*#__PURE__*/React__default.createElement("path", {
-    opacity: 0.2,
-    d: "M12 2c5.523 0 10 4.477 10 10h-2a8 8 0 00-8-8V2z"
-  }), /*#__PURE__*/React__default.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"
-  })));
+  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__default.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React__default.createElement(LoadingIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React__default.createElement(LoadingIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React__default.createElement(LoadingIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React__default.createElement(LoadingIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React__default.createElement(LoadingIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React__default.createElement(LoadingIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React__default.createElement(LoadingIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React__default.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 };

package/lib/_virtual/warning.js

@@ -9,28 +9,98 @@ const sizeStyles = {
   "m": styles.sizeM,
   "l": styles.sizeL
 };
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const WarningIcon16 = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.createElement("path", {
+  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"
+})));
+WarningIcon16.displayName = 'WarningIcon16';
+const WarningIcon20 = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.createElement("path", {
+  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"
+})));
+WarningIcon20.displayName = 'WarningIcon20';
+const WarningIcon24 = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.createElement("path", {
+  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"
+})));
+WarningIcon24.displayName = 'WarningIcon24';
+const WarningIcon28 = /*#__PURE__*/React__default.forwardRef((props, ref) => /*#__PURE__*/React__default.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__default.createElement("path", {
+  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"
+})));
+WarningIcon28.displayName = 'WarningIcon28';
 const WarningIcon = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React__default.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React__default.createElement("path", {
-    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"
-  }));
+  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__default.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React__default.createElement(WarningIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React__default.createElement(WarningIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React__default.createElement(WarningIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React__default.createElement(WarningIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React__default.createElement(WarningIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React__default.createElement(WarningIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React__default.createElement(WarningIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React__default.createElement(WarningIcon28, mainProps);
 });
+WarningIcon.displayName = 'WarningIcon';
 WarningIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-WarningIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
-export { WarningIcon as default };
+export { Size, WarningIcon as default };