@rescui/icons 0.16.17 → 1.0.1-RUI-239-Allow-collapse-text-inside-button-0fe433a8.0

package/lib/date-outline.js

@@ -0,0 +1,108 @@
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
+import React from 'react';
+import PropTypes from 'prop-types';
+import cn from 'classnames';
+import "./index.css";
+import styles from "./index.css.js";
+const sizeStyles = {
+  "xs": styles.sizeXS,
+  "s": styles.sizeS,
+  "m": styles.sizeM,
+  "l": styles.sizeL
+};
+export const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const DateOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.7 8a.7.7 0 0 0-.7.7v.6a.7.7 0 0 0 .7.7h.6a.7.7 0 0 0 .7-.7v-.6a.7.7 0 0 0-.7-.7zM3.5 1a.5.5 0 0 0-.5.5V3h-.25A1.75 1.75 0 0 0 1 4.75v7.5c0 .966.784 1.75 1.75 1.75h10.5A1.75 1.75 0 0 0 15 12.25v-7.5A1.75 1.75 0 0 0 13.25 3H13V1.5a.5.5 0 0 0-1 0V3H4V1.5a.5.5 0 0 0-.5-.5m9.75 3a.75.75 0 0 1 .75.75V6H2V4.75A.75.75 0 0 1 2.75 4zm.75 8.25a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75V7h12z"
+})));
+DateOutlineIcon16.displayName = 'DateOutlineIcon16';
+const DateOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.8 10a.8.8 0 0 0-.8.8v1.4a.8.8 0 0 0 .8.8h1.4a.8.8 0 0 0 .8-.8v-1.4a.8.8 0 0 0-.8-.8zM5 2a1 1 0 0 0-1 1v1a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2V3a1 1 0 1 0-2 0v1H6V3a1 1 0 0 0-1-1m11 3.5a.5.5 0 0 1 .5.5v1h-13V6a.5.5 0 0 1 .5-.5zm.5 9.5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V8.5h13z"
+})));
+DateOutlineIcon20.displayName = 'DateOutlineIcon20';
+const DateOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17 12a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM6 2a1 1 0 0 0-1 1v1h-.5A2.5 2.5 0 0 0 2 6.5v11A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4H19V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1m13.5 4a.5.5 0 0 1 .5.5V8H4V6.5a.5.5 0 0 1 .5-.5zm.5 11.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5V10h16z"
+})));
+DateOutlineIcon24.displayName = 'DateOutlineIcon24';
+const DateOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19 14a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM8.5 3A1.5 1.5 0 0 0 7 4.5V6H6a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-1V4.5a1.5 1.5 0 0 0-3 0V6h-8V4.5A1.5 1.5 0 0 0 8.5 3M22 8a1 1 0 0 1 1 1v1H5V9a1 1 0 0 1 1-1zm0 13H6a1 1 0 0 1-1-1v-8h18v8a1 1 0 0 1-1 1"
+})));
+DateOutlineIcon28.displayName = 'DateOutlineIcon28';
+const DateOutlineIcon = /*#__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(DateOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(DateOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(DateOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(DateOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(DateOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(DateOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(DateOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(DateOutlineIcon28, mainProps);
+});
+DateOutlineIcon.displayName = 'DateOutlineIcon';
+DateOutlineIcon.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 default DateOutlineIcon;
+//# sourceMappingURL=date-outline.js.map

package/lib/date-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","DateOutlineIcon16","forwardRef","props","ref","displayName","DateOutlineIcon20","DateOutlineIcon24","DateOutlineIcon28","DateOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["date-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst DateOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M11.7 8a.7.7 0 0 0-.7.7v.6a.7.7 0 0 0 .7.7h.6a.7.7 0 0 0 .7-.7v-.6a.7.7 0 0 0-.7-.7zM3.5 1a.5.5 0 0 0-.5.5V3h-.25A1.75 1.75 0 0 0 1 4.75v7.5c0 .966.784 1.75 1.75 1.75h10.5A1.75 1.75 0 0 0 15 12.25v-7.5A1.75 1.75 0 0 0 13.25 3H13V1.5a.5.5 0 0 0-1 0V3H4V1.5a.5.5 0 0 0-.5-.5m9.75 3a.75.75 0 0 1 .75.75V6H2V4.75A.75.75 0 0 1 2.75 4zm.75 8.25a.75.75 0 0 1-.75.75H2.75a.75.75 0 0 1-.75-.75V7h12z\" /></svg>));\nDateOutlineIcon16.displayName = 'DateOutlineIcon16';\nconst DateOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M12.8 10a.8.8 0 0 0-.8.8v1.4a.8.8 0 0 0 .8.8h1.4a.8.8 0 0 0 .8-.8v-1.4a.8.8 0 0 0-.8-.8zM5 2a1 1 0 0 0-1 1v1a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2V3a1 1 0 1 0-2 0v1H6V3a1 1 0 0 0-1-1m11 3.5a.5.5 0 0 1 .5.5v1h-13V6a.5.5 0 0 1 .5-.5zm.5 9.5a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V8.5h13z\" /></svg>));\nDateOutlineIcon20.displayName = 'DateOutlineIcon20';\nconst DateOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M17 12a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM6 2a1 1 0 0 0-1 1v1h-.5A2.5 2.5 0 0 0 2 6.5v11A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5v-11A2.5 2.5 0 0 0 19.5 4H19V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1m13.5 4a.5.5 0 0 1 .5.5V8H4V6.5a.5.5 0 0 1 .5-.5zm.5 11.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5V10h16z\" /></svg>));\nDateOutlineIcon24.displayName = 'DateOutlineIcon24';\nconst DateOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19 14a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1v-1a1 1 0 0 0-1-1zM8.5 3A1.5 1.5 0 0 0 7 4.5V6H6a3 3 0 0 0-3 3v11a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-1V4.5a1.5 1.5 0 0 0-3 0V6h-8V4.5A1.5 1.5 0 0 0 8.5 3M22 8a1 1 0 0 1 1 1v1H5V9a1 1 0 0 1 1-1zm0 13H6a1 1 0 0 1-1-1v-8h18v8a1 1 0 0 1-1 1\" /></svg>));\nDateOutlineIcon28.displayName = 'DateOutlineIcon28';\n\nconst DateOutlineIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><DateOutlineIcon16 className={styles.variant16} />\n<DateOutlineIcon20 className={styles.variant20} />\n<DateOutlineIcon24 className={styles.variant24} />\n<DateOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<DateOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<DateOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<DateOutlineIcon24 {...mainProps} />); }\nreturn (<DateOutlineIcon28 {...mainProps} />);\n  }\n);\nDateOutlineIcon.displayName = 'DateOutlineIcon';\nDateOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default DateOutlineIcon;"],"mappings":"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"}

package/lib/date.d.ts

@@ -7,10 +7,10 @@ export type TDateIconTheme = "light" | "dark";
 export interface IDateIconProps extends React.SVGProps<any> {
   size?: TDateIconSize;
   theme?: TDateIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
 }
 
-declare class DateIcon extends React.Component<IDateIconProps, any> {
-  render(): JSX.Element;
-}
+declare const DateIcon: React.ForwardRefExoticComponent<IDateIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default DateIcon;

package/lib/date.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const DateIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M3.5 1a.5.5 0 0 0-.5.5V3h-.25A1.75 1.75 0 0 0 1 4.75V6h14V4.75A1.75 1.75 0 0 0 13.25 3H13V1.5a.5.5 0 0 0-1 0V3H4V1.5a.5.5 0 0 0-.5-.5M15 7H1v5.25c0 .966.784 1.75 1.75 1.75h10.5A1.75 1.75 0 0 0 15 12.25zm-4 1.7a.7.7 0 0 1 .7-.7h.6a.7.7 0 0 1 .7.7v.6a.7.7 0 0 1-.7.7h-.6a.7.7 0 0 1-.7-.7z"
+})));
+DateIcon16.displayName = 'DateIcon16';
+const DateIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 2a1 1 0 0 0-1 1v1a2 2 0 0 0-2 2v1h16V6a2 2 0 0 0-2-2V3a1 1 0 1 0-2 0v1H6V3a1 1 0 0 0-1-1m13 6.5H2V15a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zm-6 2.3a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v1.4a.8.8 0 0 1-.8.8h-1.4a.8.8 0 0 1-.8-.8z"
+})));
+DateIcon20.displayName = 'DateIcon20';
+const DateIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6 2a1 1 0 0 0-1 1v1h-.5A2.5 2.5 0 0 0 2 6.5V8h20V6.5A2.5 2.5 0 0 0 19.5 4H19V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1m16 8H2v7.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5zm-6 3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1z"
+})));
+DateIcon24.displayName = 'DateIcon24';
+const DateIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.5 3A1.5 1.5 0 0 0 7 4.5V6H6a3 3 0 0 0-3 3v1h22V9a3 3 0 0 0-3-3h-1V4.5a1.5 1.5 0 0 0-3 0V6h-8V4.5A1.5 1.5 0 0 0 8.5 3M25 12H3v8a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3zm-7 3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1z"
+})));
+DateIcon28.displayName = 'DateIcon28';
 const DateIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  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: "M6 4h2v2h8V4h2v2h2v2H4V6h2V4zM4.586 20.414A2 2 0 014 19v-9h16v9a2 2 0 01-2 2H6a2 2 0 01-1.414-.586zM17 13h-3v3h3v-3z"
-  }));
+  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(DateIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(DateIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(DateIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(DateIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(DateIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(DateIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(DateIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(DateIcon28, mainProps);
 });
+DateIcon.displayName = 'DateIcon';
 DateIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-DateIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default DateIcon;
 //# sourceMappingURL=date.js.map

package/lib/date.js.map

@@ -1 +1 @@
-{"version":3,"file":"date.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","DateIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["date.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst DateIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M6 4h2v2h8V4h2v2h2v2H4V6h2V4zM4.586 20.414A2 2 0 014 19v-9h16v9a2 2 0 01-2 2H6a2 2 0 01-1.414-.586zM17 13h-3v3h3v-3z\" /></svg>)}\n);\n\nDateIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nDateIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default DateIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,QAAQ,gBAAGV,KAAK,CAACW,UAAN,CACf,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAuQ,CADxS,CAAjB;AAIAF,QAAQ,CAACQ,SAAT,GAAqB;EACnBH,SAAS,EAAEd,SAAS,CAACkB,MADF;EAEnBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFY;EAGnBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHa,CAArB;AAMAV,QAAQ,CAACW,YAAT,GAAwB;EACtBP,IAAI,EAAE;AADgB,CAAxB;AAIA,eAAeJ,QAAf"}
+{"version":3,"file":"date.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","DateIcon16","forwardRef","props","ref","displayName","DateIcon20","DateIcon24","DateIcon28","DateIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["date.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst DateIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M3.5 1a.5.5 0 0 0-.5.5V3h-.25A1.75 1.75 0 0 0 1 4.75V6h14V4.75A1.75 1.75 0 0 0 13.25 3H13V1.5a.5.5 0 0 0-1 0V3H4V1.5a.5.5 0 0 0-.5-.5M15 7H1v5.25c0 .966.784 1.75 1.75 1.75h10.5A1.75 1.75 0 0 0 15 12.25zm-4 1.7a.7.7 0 0 1 .7-.7h.6a.7.7 0 0 1 .7.7v.6a.7.7 0 0 1-.7.7h-.6a.7.7 0 0 1-.7-.7z\" /></svg>));\nDateIcon16.displayName = 'DateIcon16';\nconst DateIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M5 2a1 1 0 0 0-1 1v1a2 2 0 0 0-2 2v1h16V6a2 2 0 0 0-2-2V3a1 1 0 1 0-2 0v1H6V3a1 1 0 0 0-1-1m13 6.5H2V15a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zm-6 2.3a.8.8 0 0 1 .8-.8h1.4a.8.8 0 0 1 .8.8v1.4a.8.8 0 0 1-.8.8h-1.4a.8.8 0 0 1-.8-.8z\" /></svg>));\nDateIcon20.displayName = 'DateIcon20';\nconst DateIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M6 2a1 1 0 0 0-1 1v1h-.5A2.5 2.5 0 0 0 2 6.5V8h20V6.5A2.5 2.5 0 0 0 19.5 4H19V3a1 1 0 1 0-2 0v1H7V3a1 1 0 0 0-1-1m16 8H2v7.5A2.5 2.5 0 0 0 4.5 20h15a2.5 2.5 0 0 0 2.5-2.5zm-6 3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1z\" /></svg>));\nDateIcon24.displayName = 'DateIcon24';\nconst DateIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M8.5 3A1.5 1.5 0 0 0 7 4.5V6H6a3 3 0 0 0-3 3v1h22V9a3 3 0 0 0-3-3h-1V4.5a1.5 1.5 0 0 0-3 0V6h-8V4.5A1.5 1.5 0 0 0 8.5 3M25 12H3v8a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3zm-7 3a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 1-1-1z\" /></svg>));\nDateIcon28.displayName = 'DateIcon28';\n\nconst DateIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><DateIcon16 className={styles.variant16} />\n<DateIcon20 className={styles.variant20} />\n<DateIcon24 className={styles.variant24} />\n<DateIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<DateIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<DateIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<DateIcon24 {...mainProps} />); }\nreturn (<DateIcon28 {...mainProps} />);\n  }\n);\nDateIcon.displayName = 'DateIcon';\nDateIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default DateIcon;"],"mappings":"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"}

package/lib/discord.d.ts

@@ -7,10 +7,10 @@ export type TDiscordIconTheme = "light" | "dark";
 export interface IDiscordIconProps extends React.SVGProps<any> {
   size?: TDiscordIconSize;
   theme?: TDiscordIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
 }
 
-declare class DiscordIcon extends React.Component<IDiscordIconProps, any> {
-  render(): JSX.Element;
-}
+declare const DiscordIcon: React.ForwardRefExoticComponent<IDiscordIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default DiscordIcon;

package/lib/discord.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const DiscordIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.86 3.337a11.2 11.2 0 0 0-2.889-.938q-.204.387-.37.794a10.2 10.2 0 0 0-3.205 0 9 9 0 0 0-.37-.794c-.998.18-1.97.496-2.89.94-1.83 2.856-2.325 5.64-2.076 8.384 1.07.835 2.268 1.47 3.542 1.877q.43-.612.759-1.291a7.4 7.4 0 0 1-1.195-.602q.15-.116.293-.233A7.96 7.96 0 0 0 8 12.308a7.96 7.96 0 0 0 3.541-.835q.144.126.293.233-.573.358-1.197.603.328.68.759 1.29a11.4 11.4 0 0 0 3.545-1.876c.29-3.182-.497-5.94-2.082-8.386m-7.186 6.698c-.69 0-1.26-.662-1.26-1.476 0-.813.55-1.48 1.258-1.48s1.274.667 1.262 1.48c-.012.814-.556 1.476-1.26 1.476m4.652 0c-.692 0-1.26-.662-1.26-1.476 0-.813.55-1.48 1.26-1.48.709 0 1.27.667 1.258 1.48-.012.814-.555 1.476-1.258 1.476"
+})));
+DiscordIcon16.displayName = 'DiscordIcon16';
+const DiscordIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.554 4.673A12.7 12.7 0 0 0 12.253 3.6a10 10 0 0 0-.423.907 11.7 11.7 0 0 0-3.664 0 10 10 0 0 0-.422-.907A12.8 12.8 0 0 0 4.44 4.674c-2.089 3.263-2.655 6.444-2.372 9.58A13 13 0 0 0 6.116 16.4q.492-.7.868-1.476a8.4 8.4 0 0 1-1.366-.688q.173-.133.335-.266a9.1 9.1 0 0 0 4.047.954c1.4 0 2.781-.326 4.047-.954q.165.143.335.266a8.5 8.5 0 0 1-1.368.689q.374.777.867 1.475a13 13 0 0 0 4.051-2.144c.332-3.637-.568-6.79-2.378-9.584m-8.212 7.653c-.789 0-1.44-.755-1.44-1.685S6.53 8.948 7.34 8.948s1.456.763 1.442 1.693-.636 1.685-1.44 1.685m5.316 0c-.79 0-1.44-.755-1.44-1.685s.63-1.693 1.44-1.693 1.452.763 1.438 1.693-.634 1.685-1.438 1.685"
+})));
+DiscordIcon20.displayName = 'DiscordIcon20';
+const DiscordIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.942 5.34A16 16 0 0 0 14.816 4q-.293.552-.529 1.134a14.6 14.6 0 0 0-4.579 0A12 12 0 0 0 9.179 4 16 16 0 0 0 5.05 5.343c-2.61 4.078-3.319 8.055-2.965 11.975 1.53 1.193 3.24 2.1 5.06 2.682q.616-.875 1.084-1.845a10.5 10.5 0 0 1-1.706-.86q.215-.166.418-.332A11.4 11.4 0 0 0 12 18.156c1.749 0 3.476-.407 5.059-1.193q.206.178.418.332-.819.51-1.71.862A13 13 0 0 0 16.852 20a16.2 16.2 0 0 0 5.064-2.68c.415-4.546-.71-8.486-2.973-11.98M8.678 14.907c-.987 0-1.802-.944-1.802-2.107 0-1.162.787-2.115 1.798-2.115s1.82.953 1.803 2.115-.794 2.107-1.8 2.107m6.644 0c-.988 0-1.8-.944-1.8-2.107 0-1.162.787-2.115 1.8-2.115s1.816.953 1.798 2.115c-.017 1.163-.793 2.107-1.798 2.107"
+})));
+DiscordIcon24.displayName = 'DiscordIcon24';
+const DiscordIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.636 6.673A17.5 17.5 0 0 0 17.097 5.2q-.321.607-.581 1.248a16 16 0 0 0-5.037 0 14 14 0 0 0-.582-1.248 17.6 17.6 0 0 0-4.542 1.478c-2.872 4.486-3.651 8.86-3.262 13.173A18 18 0 0 0 8.66 22.8c.45-.64.85-1.32 1.192-2.03a11.6 11.6 0 0 1-1.877-.946c.157-.12.311-.245.46-.365A12.5 12.5 0 0 0 14 20.77c1.924 0 3.824-.448 5.565-1.312q.225.196.46.365-.902.56-1.88.948.513 1.067 1.191 2.027a17.9 17.9 0 0 0 5.57-2.948c.457-5-.78-9.335-3.27-13.178m-11.29 10.524c-1.086 0-1.982-1.039-1.982-2.317s.865-2.327 1.978-2.327 2.002 1.048 1.983 2.327c-.02 1.278-.874 2.317-1.98 2.317m7.308 0c-1.086 0-1.98-1.039-1.98-2.317s.866-2.327 1.98-2.327c1.115 0 1.997 1.048 1.978 2.327s-.872 2.317-1.978 2.317"
+})));
+DiscordIcon28.displayName = 'DiscordIcon28';
 const DiscordIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  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: "M18.942 5.34A15.91 15.91 0 0014.816 4c-.195.368-.372.746-.529 1.134a14.567 14.567 0 00-4.579 0A12.307 12.307 0 009.179 4 16.022 16.022 0 005.05 5.343C2.44 9.421 1.731 13.398 2.085 17.318c1.53 1.193 3.24 2.1 5.06 2.682.41-.582.773-1.199 1.084-1.845a10.518 10.518 0 01-1.706-.86c.143-.11.283-.222.418-.332A11.368 11.368 0 0012 18.156c1.749 0 3.476-.407 5.059-1.193.137.118.277.23.418.332-.545.34-1.117.628-1.71.862A12.91 12.91 0 0016.852 20a16.233 16.233 0 005.064-2.68c.415-4.546-.71-8.486-2.973-11.98zM8.678 14.907c-.987 0-1.802-.944-1.802-2.107 0-1.162.787-2.115 1.798-2.115 1.012 0 1.82.953 1.803 2.115-.017 1.163-.794 2.107-1.8 2.107zm6.644 0c-.988 0-1.8-.944-1.8-2.107 0-1.162.787-2.115 1.8-2.115s1.816.953 1.798 2.115c-.017 1.163-.793 2.107-1.798 2.107z"
-  }));
+  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(DiscordIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(DiscordIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(DiscordIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(DiscordIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(DiscordIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(DiscordIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(DiscordIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(DiscordIcon28, mainProps);
 });
+DiscordIcon.displayName = 'DiscordIcon';
 DiscordIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-DiscordIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default DiscordIcon;
 //# sourceMappingURL=discord.js.map

package/lib/discord.js.map

@@ -1 +1 @@
-{"version":3,"file":"discord.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","DiscordIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["discord.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst DiscordIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M18.942 5.34A15.91 15.91 0 0014.816 4c-.195.368-.372.746-.529 1.134a14.567 14.567 0 00-4.579 0A12.307 12.307 0 009.179 4 16.022 16.022 0 005.05 5.343C2.44 9.421 1.731 13.398 2.085 17.318c1.53 1.193 3.24 2.1 5.06 2.682.41-.582.773-1.199 1.084-1.845a10.518 10.518 0 01-1.706-.86c.143-.11.283-.222.418-.332A11.368 11.368 0 0012 18.156c1.749 0 3.476-.407 5.059-1.193.137.118.277.23.418.332-.545.34-1.117.628-1.71.862A12.91 12.91 0 0016.852 20a16.233 16.233 0 005.064-2.68c.415-4.546-.71-8.486-2.973-11.98zM8.678 14.907c-.987 0-1.802-.944-1.802-2.107 0-1.162.787-2.115 1.798-2.115 1.012 0 1.82.953 1.803 2.115-.017 1.163-.794 2.107-1.8 2.107zm6.644 0c-.988 0-1.8-.944-1.8-2.107 0-1.162.787-2.115 1.8-2.115s1.816.953 1.798 2.115c-.017 1.163-.793 2.107-1.798 2.107z\" /></svg>)}\n);\n\nDiscordIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nDiscordIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default DiscordIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,WAAW,gBAAGV,KAAK,CAACW,UAAN,CAClB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAy4B,CADv6B,CAApB;AAIAF,WAAW,CAACQ,SAAZ,GAAwB;EACtBH,SAAS,EAAEd,SAAS,CAACkB,MADC;EAEtBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFe;EAGtBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHgB,CAAxB;AAMAV,WAAW,CAACW,YAAZ,GAA2B;EACzBP,IAAI,EAAE;AADmB,CAA3B;AAIA,eAAeJ,WAAf"}
+{"version":3,"file":"discord.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","DiscordIcon16","forwardRef","props","ref","displayName","DiscordIcon20","DiscordIcon24","DiscordIcon28","DiscordIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["discord.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst DiscordIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12.86 3.337a11.2 11.2 0 0 0-2.889-.938q-.204.387-.37.794a10.2 10.2 0 0 0-3.205 0 9 9 0 0 0-.37-.794c-.998.18-1.97.496-2.89.94-1.83 2.856-2.325 5.64-2.076 8.384 1.07.835 2.268 1.47 3.542 1.877q.43-.612.759-1.291a7.4 7.4 0 0 1-1.195-.602q.15-.116.293-.233A7.96 7.96 0 0 0 8 12.308a7.96 7.96 0 0 0 3.541-.835q.144.126.293.233-.573.358-1.197.603.328.68.759 1.29a11.4 11.4 0 0 0 3.545-1.876c.29-3.182-.497-5.94-2.082-8.386m-7.186 6.698c-.69 0-1.26-.662-1.26-1.476 0-.813.55-1.48 1.258-1.48s1.274.667 1.262 1.48c-.012.814-.556 1.476-1.26 1.476m4.652 0c-.692 0-1.26-.662-1.26-1.476 0-.813.55-1.48 1.26-1.48.709 0 1.27.667 1.258 1.48-.012.814-.555 1.476-1.258 1.476\" /></svg>));\nDiscordIcon16.displayName = 'DiscordIcon16';\nconst DiscordIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.554 4.673A12.7 12.7 0 0 0 12.253 3.6a10 10 0 0 0-.423.907 11.7 11.7 0 0 0-3.664 0 10 10 0 0 0-.422-.907A12.8 12.8 0 0 0 4.44 4.674c-2.089 3.263-2.655 6.444-2.372 9.58A13 13 0 0 0 6.116 16.4q.492-.7.868-1.476a8.4 8.4 0 0 1-1.366-.688q.173-.133.335-.266a9.1 9.1 0 0 0 4.047.954c1.4 0 2.781-.326 4.047-.954q.165.143.335.266a8.5 8.5 0 0 1-1.368.689q.374.777.867 1.475a13 13 0 0 0 4.051-2.144c.332-3.637-.568-6.79-2.378-9.584m-8.212 7.653c-.789 0-1.44-.755-1.44-1.685S6.53 8.948 7.34 8.948s1.456.763 1.442 1.693-.636 1.685-1.44 1.685m5.316 0c-.79 0-1.44-.755-1.44-1.685s.63-1.693 1.44-1.693 1.452.763 1.438 1.693-.634 1.685-1.438 1.685\" /></svg>));\nDiscordIcon20.displayName = 'DiscordIcon20';\nconst DiscordIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M18.942 5.34A16 16 0 0 0 14.816 4q-.293.552-.529 1.134a14.6 14.6 0 0 0-4.579 0A12 12 0 0 0 9.179 4 16 16 0 0 0 5.05 5.343c-2.61 4.078-3.319 8.055-2.965 11.975 1.53 1.193 3.24 2.1 5.06 2.682q.616-.875 1.084-1.845a10.5 10.5 0 0 1-1.706-.86q.215-.166.418-.332A11.4 11.4 0 0 0 12 18.156c1.749 0 3.476-.407 5.059-1.193q.206.178.418.332-.819.51-1.71.862A13 13 0 0 0 16.852 20a16.2 16.2 0 0 0 5.064-2.68c.415-4.546-.71-8.486-2.973-11.98M8.678 14.907c-.987 0-1.802-.944-1.802-2.107 0-1.162.787-2.115 1.798-2.115s1.82.953 1.803 2.115-.794 2.107-1.8 2.107m6.644 0c-.988 0-1.8-.944-1.8-2.107 0-1.162.787-2.115 1.8-2.115s1.816.953 1.798 2.115c-.017 1.163-.793 2.107-1.798 2.107\" /></svg>));\nDiscordIcon24.displayName = 'DiscordIcon24';\nconst DiscordIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M21.636 6.673A17.5 17.5 0 0 0 17.097 5.2q-.321.607-.581 1.248a16 16 0 0 0-5.037 0 14 14 0 0 0-.582-1.248 17.6 17.6 0 0 0-4.542 1.478c-2.872 4.486-3.651 8.86-3.262 13.173A18 18 0 0 0 8.66 22.8c.45-.64.85-1.32 1.192-2.03a11.6 11.6 0 0 1-1.877-.946c.157-.12.311-.245.46-.365A12.5 12.5 0 0 0 14 20.77c1.924 0 3.824-.448 5.565-1.312q.225.196.46.365-.902.56-1.88.948.513 1.067 1.191 2.027a17.9 17.9 0 0 0 5.57-2.948c.457-5-.78-9.335-3.27-13.178m-11.29 10.524c-1.086 0-1.982-1.039-1.982-2.317s.865-2.327 1.978-2.327 2.002 1.048 1.983 2.327c-.02 1.278-.874 2.317-1.98 2.317m7.308 0c-1.086 0-1.98-1.039-1.98-2.317s.866-2.327 1.98-2.327c1.115 0 1.997 1.048 1.978 2.327s-.872 2.317-1.978 2.317\" /></svg>));\nDiscordIcon28.displayName = 'DiscordIcon28';\n\nconst DiscordIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><DiscordIcon16 className={styles.variant16} />\n<DiscordIcon20 className={styles.variant20} />\n<DiscordIcon24 className={styles.variant24} />\n<DiscordIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<DiscordIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<DiscordIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<DiscordIcon24 {...mainProps} />); }\nreturn (<DiscordIcon28 {...mainProps} />);\n  }\n);\nDiscordIcon.displayName = 'DiscordIcon';\nDiscordIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default DiscordIcon;"],"mappings":"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"}

package/lib/discourse.d.ts

@@ -7,10 +7,10 @@ export type TDiscourseIconTheme = "light" | "dark";
 export interface IDiscourseIconProps extends React.SVGProps<any> {
   size?: TDiscourseIconSize;
   theme?: TDiscourseIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
 }
 
-declare class DiscourseIcon extends React.Component<IDiscourseIconProps, any> {
-  render(): JSX.Element;
-}
+declare const DiscourseIcon: React.ForwardRefExoticComponent<IDiscourseIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default DiscourseIcon;

package/lib/discourse.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const DiscourseIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.052 2C11.333 2 14 4.742 14 7.999c0 3.255-2.665 5.994-5.95 5.994L2 14V7.895C2 4.64 4.766 2 8.052 2m.058 2.282a3.7 3.7 0 0 0-3.17 1.784 3.62 3.62 0 0 0-.074 3.61l-.666 2.13 2.397-.537a3.71 3.71 0 0 0 4.068-.695 3.63 3.63 0 0 0 .869-3.999 3.69 3.69 0 0 0-3.42-2.292z"
+})));
+DiscourseIcon16.displayName = 'DiscourseIcon16';
+const DiscourseIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.06 3C13.89 3 17 6.2 17 9.998s-3.11 6.994-6.942 6.994L3 17V9.877C3 6.08 6.227 3 10.06 3m.068 2.662A4.31 4.31 0 0 0 6.43 7.744a4.23 4.23 0 0 0-.086 4.212l-.778 2.483 2.796-.626a4.33 4.33 0 0 0 4.746-.811 4.23 4.23 0 0 0 1.013-4.665 4.3 4.3 0 0 0-3.99-2.675z"
+})));
+DiscourseIcon20.displayName = 'DiscourseIcon20';
+const DiscourseIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.077 3C17 3 21 7.114 21 11.998c0 4.882-3.997 8.992-8.925 8.992L3 21v-9.157C3 6.96 7.149 3 12.077 3m.087 3.422A5.55 5.55 0 0 0 7.412 9.1a5.44 5.44 0 0 0-.111 5.415L6.3 17.707l3.596-.805a5.57 5.57 0 0 0 6.102-1.043A5.44 5.44 0 0 0 17.3 9.863a5.53 5.53 0 0 0-5.13-3.439z"
+})));
+DiscourseIcon24.displayName = 'DiscourseIcon24';
+const DiscourseIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.086 4C19.555 4 24 8.57 24 13.998c0 5.425-4.442 9.991-9.917 9.991L4 24V13.825C4 8.4 8.61 4 14.086 4m.096 3.803a6.16 6.16 0 0 0-5.28 2.975 6.04 6.04 0 0 0-.124 6.016l-1.111 3.548 3.995-.895a6.19 6.19 0 0 0 6.78-1.159 6.05 6.05 0 0 0 1.447-6.664 6.15 6.15 0 0 0-5.7-3.82z"
+})));
+DiscourseIcon28.displayName = 'DiscourseIcon28';
 const DiscourseIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  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: "M12.0772 3C16.9995 3 21 7.11375 21 11.9977C21 16.8802 17.0025 20.9902 12.075 20.9902L3 21V11.8425C3 6.96 7.149 3 12.0772 3ZM12.1642 6.42225C11.2085 6.42121 10.2687 6.66717 9.43594 7.13629C8.60322 7.60541 7.90586 8.28176 7.4115 9.09975C6.92121 9.91386 6.65295 10.8423 6.63347 11.7924C6.61399 12.7426 6.84398 13.6812 7.3005 14.5147L6.3 17.7075L9.8955 16.902C10.9016 17.3516 12.0185 17.4925 13.1047 17.3069C14.191 17.1213 15.1977 16.6176 15.9975 15.8595C16.7928 15.1069 17.3427 14.1318 17.5751 13.0618C17.8075 11.9918 17.7117 10.8765 17.3002 9.86175C16.8841 8.84339 16.1737 7.97227 15.2599 7.35973C14.3461 6.74718 13.2704 6.42105 12.1702 6.423L12.1642 6.42225Z"
-  }));
+  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(DiscourseIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(DiscourseIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(DiscourseIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(DiscourseIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(DiscourseIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(DiscourseIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(DiscourseIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(DiscourseIcon28, mainProps);
 });
+DiscourseIcon.displayName = 'DiscourseIcon';
 DiscourseIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-DiscourseIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default DiscourseIcon;
 //# sourceMappingURL=discourse.js.map

package/lib/discourse.js.map

@@ -1 +1 @@
-{"version":3,"file":"discourse.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","DiscourseIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["discourse.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst DiscourseIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12.0772 3C16.9995 3 21 7.11375 21 11.9977C21 16.8802 17.0025 20.9902 12.075 20.9902L3 21V11.8425C3 6.96 7.149 3 12.0772 3ZM12.1642 6.42225C11.2085 6.42121 10.2687 6.66717 9.43594 7.13629C8.60322 7.60541 7.90586 8.28176 7.4115 9.09975C6.92121 9.91386 6.65295 10.8423 6.63347 11.7924C6.61399 12.7426 6.84398 13.6812 7.3005 14.5147L6.3 17.7075L9.8955 16.902C10.9016 17.3516 12.0185 17.4925 13.1047 17.3069C14.191 17.1213 15.1977 16.6176 15.9975 15.8595C16.7928 15.1069 17.3427 14.1318 17.5751 13.0618C17.8075 11.9918 17.7117 10.8765 17.3002 9.86175C16.8841 8.84339 16.1737 7.97227 15.2599 7.35973C14.3461 6.74718 13.2704 6.42105 12.1702 6.423L12.1642 6.42225Z\" /></svg>)}\n);\n\nDiscourseIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nDiscourseIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default DiscourseIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,aAAa,gBAAGV,KAAK,CAACW,UAAN,CACpB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAoyB,CADh0B,CAAtB;AAIAF,aAAa,CAACQ,SAAd,GAA0B;EACxBH,SAAS,EAAEd,SAAS,CAACkB,MADG;EAExBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHkB,CAA1B;AAMAV,aAAa,CAACW,YAAd,GAA6B;EAC3BP,IAAI,EAAE;AADqB,CAA7B;AAIA,eAAeJ,aAAf"}
+{"version":3,"file":"discourse.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","DiscourseIcon16","forwardRef","props","ref","displayName","DiscourseIcon20","DiscourseIcon24","DiscourseIcon28","DiscourseIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["discourse.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst DiscourseIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8.052 2C11.333 2 14 4.742 14 7.999c0 3.255-2.665 5.994-5.95 5.994L2 14V7.895C2 4.64 4.766 2 8.052 2m.058 2.282a3.7 3.7 0 0 0-3.17 1.784 3.62 3.62 0 0 0-.074 3.61l-.666 2.13 2.397-.537a3.71 3.71 0 0 0 4.068-.695 3.63 3.63 0 0 0 .869-3.999 3.69 3.69 0 0 0-3.42-2.292z\" /></svg>));\nDiscourseIcon16.displayName = 'DiscourseIcon16';\nconst DiscourseIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10.06 3C13.89 3 17 6.2 17 9.998s-3.11 6.994-6.942 6.994L3 17V9.877C3 6.08 6.227 3 10.06 3m.068 2.662A4.31 4.31 0 0 0 6.43 7.744a4.23 4.23 0 0 0-.086 4.212l-.778 2.483 2.796-.626a4.33 4.33 0 0 0 4.746-.811 4.23 4.23 0 0 0 1.013-4.665 4.3 4.3 0 0 0-3.99-2.675z\" /></svg>));\nDiscourseIcon20.displayName = 'DiscourseIcon20';\nconst DiscourseIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12.077 3C17 3 21 7.114 21 11.998c0 4.882-3.997 8.992-8.925 8.992L3 21v-9.157C3 6.96 7.149 3 12.077 3m.087 3.422A5.55 5.55 0 0 0 7.412 9.1a5.44 5.44 0 0 0-.111 5.415L6.3 17.707l3.596-.805a5.57 5.57 0 0 0 6.102-1.043A5.44 5.44 0 0 0 17.3 9.863a5.53 5.53 0 0 0-5.13-3.439z\" /></svg>));\nDiscourseIcon24.displayName = 'DiscourseIcon24';\nconst DiscourseIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M14.086 4C19.555 4 24 8.57 24 13.998c0 5.425-4.442 9.991-9.917 9.991L4 24V13.825C4 8.4 8.61 4 14.086 4m.096 3.803a6.16 6.16 0 0 0-5.28 2.975 6.04 6.04 0 0 0-.124 6.016l-1.111 3.548 3.995-.895a6.19 6.19 0 0 0 6.78-1.159 6.05 6.05 0 0 0 1.447-6.664 6.15 6.15 0 0 0-5.7-3.82z\" /></svg>));\nDiscourseIcon28.displayName = 'DiscourseIcon28';\n\nconst DiscourseIcon = React.forwardRef(\n  ({\n    theme,\n    size: sizeFromProps = \"m\",\n    className,\n    style,\n    ['data-render-all-sizes']: renderAllSizes = false,\n    ...props\n  }, ref) => {\n    const size = sizeFromProps in Size ? sizeFromProps : \"m\";\n    const mainProps = {\n      ...props,\n      className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),\n      style: renderAllSizes ? { '--rs-icon-ar-width': 28, '--rs-icon-ar-height': 28, ...style } : style,\n      ref\n    };\n\n    if (renderAllSizes) {\n          return (<svg viewBox=\"0 0 28 28\" {...mainProps}><DiscourseIcon16 className={styles.variant16} />\n<DiscourseIcon20 className={styles.variant20} />\n<DiscourseIcon24 className={styles.variant24} />\n<DiscourseIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<DiscourseIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<DiscourseIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<DiscourseIcon24 {...mainProps} />); }\nreturn (<DiscourseIcon28 {...mainProps} />);\n  }\n);\nDiscourseIcon.displayName = 'DiscourseIcon';\nDiscourseIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"]),\n  'data-render-all-sizes': PropTypes.bool,\n  style: PropTypes.object\n};\n\nexport default DiscourseIcon;"],"mappings":"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"}

package/lib/down-outline.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type TDownOutlineIconSize = "xs" | "s" | "m" | "l";
+
+export type TDownOutlineIconTheme = "light" | "dark";
+
+export interface IDownOutlineIconProps extends React.SVGProps<any> {
+  size?: TDownOutlineIconSize;
+  theme?: TDownOutlineIconTheme;
+  'data-render-all-sizes'?: boolean;
+  style?: React.CSSProperties;
+}
+
+declare const DownOutlineIcon: React.ForwardRefExoticComponent<IDownOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default DownOutlineIcon;