@rescui/icons 0.16.16 → 1.0.0

package/lib/bell-crossed.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const BellCrossedIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.354 1.354a.5.5 0 0 0-.708-.708L11.733 3.56A4.002 4.002 0 0 0 4 5v1.562c0 .288-.067.572-.196.83l-1.719 3.437a1.5 1.5 0 0 0 .48 1.9l-1.92 1.917a.5.5 0 0 0 .708.708zM12.573 13H6l6.042-6.042q.05.226.153.433l1.72 3.438A1.5 1.5 0 0 1 12.572 13m-6.169 1a1.6 1.6 0 0 0 3.2 0z"
+})));
+BellCrossedIcon16.displayName = 'BellCrossedIcon16';
+const BellCrossedIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.1 3.1a5 5 0 0 0-9.37 2.43v1.49c0 .335-.078.666-.229.967l-1.505 3.01a1.75 1.75 0 0 0 .832 2.374L1.22 17.22a.75.75 0 1 0 1.06 1.06zM7.935 14.75l6.815-6.815v.304c0 .336.078.667.228.968l1.505 3.01a1.75 1.75 0 0 1-1.565 2.533zm-.185 1a2 2 0 1 0 4 0z"
+})));
+BellCrossedIcon20.displayName = 'BellCrossedIcon20';
+const BellCrossedIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m3.707 21.707 18-18a1 1 0 0 0-1.414-1.414L16.584 6A5.001 5.001 0 0 0 7 8v2.267c0 .478-.142.945-.407 1.343l-1.52 2.28c-.696 1.045-.257 2.367.737 2.886l-3.517 3.517a1 1 0 1 0 1.414 1.414M9.97 18l-.846.845a3.001 3.001 0 0 0 5.88-.845zm7.111-7.112L10.969 17h6.294c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28a2.4 2.4 0 0 1-.326-.722"
+})));
+BellCrossedIcon24.displayName = 'BellCrossedIcon24';
+const BellCrossedIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M25.207 4.207a1 1 0 0 0-1.414-1.414l-4.394 4.394A5.75 5.75 0 0 0 8.5 9.75V13a3 3 0 0 1-.6 1.8l-1.5 2c-.74.985-.4 2.286.506 2.88l-4.113 4.113a1 1 0 1 0 1.414 1.414zM11.343 21l-.326.325A3 3 0 0 0 17 21zM20 12.343 12.342 20h7.921c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092z"
+})));
+BellCrossedIcon28.displayName = 'BellCrossedIcon28';
 const BellCrossedIcon = /*#__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.004 15.5v-4.25a7.328 7.328 0 01.673-3.157l-3.81-3.815L4.28 2.866 4.42 3l3.434 3.44 12.041 12.045 1.107 1.11.113.114-1.414 1.414-2.615-2.623H4.004v-2l2-1zm4.5-12.5v2a5.978 5.978 0 00-.95.316l8.45 8.45v-2.515c0-3.07-1.63-5.57-4.5-6.25V3h-3zm1.5 19a2.006 2.006 0 002-2h-4a2.006 2.006 0 002 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.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(BellCrossedIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(BellCrossedIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(BellCrossedIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(BellCrossedIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(BellCrossedIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(BellCrossedIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(BellCrossedIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(BellCrossedIcon28, mainProps);
 });
+BellCrossedIcon.displayName = 'BellCrossedIcon';
 BellCrossedIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-BellCrossedIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default BellCrossedIcon;
 //# sourceMappingURL=bell-crossed.js.map

package/lib/bell-crossed.js.map

@@ -1 +1 @@
-{"version":3,"file":"bell-crossed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellCrossedIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["bell-crossed.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 BellCrossedIcon = 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.004 15.5v-4.25a7.328 7.328 0 01.673-3.157l-3.81-3.815L4.28 2.866 4.42 3l3.434 3.44 12.041 12.045 1.107 1.11.113.114-1.414 1.414-2.615-2.623H4.004v-2l2-1zm4.5-12.5v2a5.978 5.978 0 00-.95.316l8.45 8.45v-2.515c0-3.07-1.63-5.57-4.5-6.25V3h-3zm1.5 19a2.006 2.006 0 002-2h-4a2.006 2.006 0 002 2z\" /></svg>)}\n);\n\nBellCrossedIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nBellCrossedIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default BellCrossedIcon;"],"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,eAAe,gBAAGV,KAAK,CAACW,UAAN,CACtB,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;AAAub,CADjd,CAAxB;AAIAF,eAAe,CAACQ,SAAhB,GAA4B;EAC1BH,SAAS,EAAEd,SAAS,CAACkB,MADK;EAE1BN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFmB;EAG1BN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHoB,CAA5B;AAMAV,eAAe,CAACW,YAAhB,GAA+B;EAC7BP,IAAI,EAAE;AADuB,CAA/B;AAIA,eAAeJ,eAAf"}
+{"version":3,"file":"bell-crossed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellCrossedIcon16","forwardRef","props","ref","displayName","BellCrossedIcon20","BellCrossedIcon24","BellCrossedIcon28","BellCrossedIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["bell-crossed.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 BellCrossedIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M15.354 1.354a.5.5 0 0 0-.708-.708L11.733 3.56A4.002 4.002 0 0 0 4 5v1.562c0 .288-.067.572-.196.83l-1.719 3.437a1.5 1.5 0 0 0 .48 1.9l-1.92 1.917a.5.5 0 0 0 .708.708zM12.573 13H6l6.042-6.042q.05.226.153.433l1.72 3.438A1.5 1.5 0 0 1 12.572 13m-6.169 1a1.6 1.6 0 0 0 3.2 0z\" /></svg>));\nBellCrossedIcon16.displayName = 'BellCrossedIcon16';\nconst BellCrossedIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.1 3.1a5 5 0 0 0-9.37 2.43v1.49c0 .335-.078.666-.229.967l-1.505 3.01a1.75 1.75 0 0 0 .832 2.374L1.22 17.22a.75.75 0 1 0 1.06 1.06zM7.935 14.75l6.815-6.815v.304c0 .336.078.667.228.968l1.505 3.01a1.75 1.75 0 0 1-1.565 2.533zm-.185 1a2 2 0 1 0 4 0z\" /></svg>));\nBellCrossedIcon20.displayName = 'BellCrossedIcon20';\nconst BellCrossedIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"m3.707 21.707 18-18a1 1 0 0 0-1.414-1.414L16.584 6A5.001 5.001 0 0 0 7 8v2.267c0 .478-.142.945-.407 1.343l-1.52 2.28c-.696 1.045-.257 2.367.737 2.886l-3.517 3.517a1 1 0 1 0 1.414 1.414M9.97 18l-.846.845a3.001 3.001 0 0 0 5.88-.845zm7.111-7.112L10.969 17h6.294c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28a2.4 2.4 0 0 1-.326-.722\" /></svg>));\nBellCrossedIcon24.displayName = 'BellCrossedIcon24';\nconst BellCrossedIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M25.207 4.207a1 1 0 0 0-1.414-1.414l-4.394 4.394A5.75 5.75 0 0 0 8.5 9.75V13a3 3 0 0 1-.6 1.8l-1.5 2c-.74.985-.4 2.286.506 2.88l-4.113 4.113a1 1 0 1 0 1.414 1.414zM11.343 21l-.326.325A3 3 0 0 0 17 21zM20 12.343 12.342 20h7.921c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092z\" /></svg>));\nBellCrossedIcon28.displayName = 'BellCrossedIcon28';\n\nconst BellCrossedIcon = 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}><BellCrossedIcon16 className={styles.variant16} />\n<BellCrossedIcon20 className={styles.variant20} />\n<BellCrossedIcon24 className={styles.variant24} />\n<BellCrossedIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<BellCrossedIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<BellCrossedIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<BellCrossedIcon24 {...mainProps} />); }\nreturn (<BellCrossedIcon28 {...mainProps} />);\n  }\n);\nBellCrossedIcon.displayName = 'BellCrossedIcon';\nBellCrossedIcon.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 BellCrossedIcon;"],"mappings":"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"}

package/lib/bell-outline.d.ts

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

package/lib/bell-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 BellOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.872 15.131A1.6 1.6 0 0 0 9.603 14h-3.2a1.6 1.6 0 0 0 .469 1.131M11 6.562c0 .443.103.88.301 1.277l1.719 3.437a.5.5 0 0 1-.447.724H3.427a.5.5 0 0 1-.447-.724L4.699 7.84c.198-.397.3-.834.3-1.277V5a3 3 0 1 1 6 0zm1 0V5a4 4 0 0 0-8 0v1.562c0 .288-.067.572-.196.83l-1.719 3.437A1.5 1.5 0 0 0 3.427 13h9.146a1.5 1.5 0 0 0 1.341-2.17l-1.719-3.44A1.85 1.85 0 0 1 12 6.562"
+})));
+BellOutlineIcon16.displayName = 'BellOutlineIcon16';
+const BellOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.831 15a1.75 1.75 0 0 1-1.565-2.533l1.505-3.01c.15-.3.229-.632.229-.968V7a5 5 0 1 1 10 0v1.49c0 .335.078.666.228.967l1.505 3.01A1.75 1.75 0 0 1 15.168 15zm3.846 2.5a2 2 0 0 1-.317-.355A2 2 0 0 1 8 16h4a2 2 0 0 1-3.323 1.5M13.5 8.49V7a3.5 3.5 0 0 0-7 0v1.49c0 .568-.133 1.129-.387 1.637l-1.505 3.011a.25.25 0 0 0 .223.362h10.337a.25.25 0 0 0 .224-.362l-1.506-3.01a3.7 3.7 0 0 1-.386-1.639"
+})));
+BellOutlineIcon20.displayName = 'BellOutlineIcon20';
+const BellOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.263 17c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28A2.4 2.4 0 0 1 17 10.267V8A5 5 0 0 0 7 8v2.267c0 .478-.142.945-.407 1.343l-1.52 2.28C4.187 15.22 5.14 17 6.737 17zm-3.023 3a3 3 0 0 0 .764-2h-6a2.995 2.995 0 0 0 3 3c.888 0 1.686-.386 2.236-1m.76-9.733c0 .873.258 1.726.743 2.453l1.52 2.28H6.737l1.52-2.28c.484-.727.743-1.58.743-2.453V8a3 3 0 0 1 6 0z"
+})));
+BellOutlineIcon24.displayName = 'BellOutlineIcon24';
+const BellOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M20.263 20c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092V9.75a5.75 5.75 0 0 0-11.5 0V13a3 3 0 0 1-.6 1.8l-1.5 2C5.411 18.119 6.352 20 8 20zm-8.5 3c.55.614 1.348 1 2.237 1s1.687-.386 2.236-1A3 3 0 0 0 17 21h-6a3 3 0 0 0 .764 2M18 13.092a5 5 0 0 0 .84 2.773L20.263 18H8l1.5-2a5 5 0 0 0 1-3V9.75a3.75 3.75 0 1 1 7.5 0z"
+})));
+BellOutlineIcon28.displayName = 'BellOutlineIcon28';
+const BellOutlineIcon = /*#__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(BellOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(BellOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(BellOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(BellOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(BellOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(BellOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(BellOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(BellOutlineIcon28, mainProps);
+});
+BellOutlineIcon.displayName = 'BellOutlineIcon';
+BellOutlineIcon.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 BellOutlineIcon;
+//# sourceMappingURL=bell-outline.js.map

package/lib/bell-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bell-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellOutlineIcon16","forwardRef","props","ref","displayName","BellOutlineIcon20","BellOutlineIcon24","BellOutlineIcon28","BellOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["bell-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 BellOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M6.872 15.131A1.6 1.6 0 0 0 9.603 14h-3.2a1.6 1.6 0 0 0 .469 1.131M11 6.562c0 .443.103.88.301 1.277l1.719 3.437a.5.5 0 0 1-.447.724H3.427a.5.5 0 0 1-.447-.724L4.699 7.84c.198-.397.3-.834.3-1.277V5a3 3 0 1 1 6 0zm1 0V5a4 4 0 0 0-8 0v1.562c0 .288-.067.572-.196.83l-1.719 3.437A1.5 1.5 0 0 0 3.427 13h9.146a1.5 1.5 0 0 0 1.341-2.17l-1.719-3.44A1.85 1.85 0 0 1 12 6.562\" /></svg>));\nBellOutlineIcon16.displayName = 'BellOutlineIcon16';\nconst BellOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M4.831 15a1.75 1.75 0 0 1-1.565-2.533l1.505-3.01c.15-.3.229-.632.229-.968V7a5 5 0 1 1 10 0v1.49c0 .335.078.666.228.967l1.505 3.01A1.75 1.75 0 0 1 15.168 15zm3.846 2.5a2 2 0 0 1-.317-.355A2 2 0 0 1 8 16h4a2 2 0 0 1-3.323 1.5M13.5 8.49V7a3.5 3.5 0 0 0-7 0v1.49c0 .568-.133 1.129-.387 1.637l-1.505 3.011a.25.25 0 0 0 .223.362h10.337a.25.25 0 0 0 .224-.362l-1.506-3.01a3.7 3.7 0 0 1-.386-1.639\" /></svg>));\nBellOutlineIcon20.displayName = 'BellOutlineIcon20';\nconst BellOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M17.263 17c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28A2.4 2.4 0 0 1 17 10.267V8A5 5 0 0 0 7 8v2.267c0 .478-.142.945-.407 1.343l-1.52 2.28C4.187 15.22 5.14 17 6.737 17zm-3.023 3a3 3 0 0 0 .764-2h-6a2.995 2.995 0 0 0 3 3c.888 0 1.686-.386 2.236-1m.76-9.733c0 .873.258 1.726.743 2.453l1.52 2.28H6.737l1.52-2.28c.484-.727.743-1.58.743-2.453V8a3 3 0 0 1 6 0z\" /></svg>));\nBellOutlineIcon24.displayName = 'BellOutlineIcon24';\nconst BellOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M20.263 20c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092V9.75a5.75 5.75 0 0 0-11.5 0V13a3 3 0 0 1-.6 1.8l-1.5 2C5.411 18.119 6.352 20 8 20zm-8.5 3c.55.614 1.348 1 2.237 1s1.687-.386 2.236-1A3 3 0 0 0 17 21h-6a3 3 0 0 0 .764 2M18 13.092a5 5 0 0 0 .84 2.773L20.263 18H8l1.5-2a5 5 0 0 0 1-3V9.75a3.75 3.75 0 1 1 7.5 0z\" /></svg>));\nBellOutlineIcon28.displayName = 'BellOutlineIcon28';\n\nconst BellOutlineIcon = 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}><BellOutlineIcon16 className={styles.variant16} />\n<BellOutlineIcon20 className={styles.variant20} />\n<BellOutlineIcon24 className={styles.variant24} />\n<BellOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<BellOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<BellOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<BellOutlineIcon24 {...mainProps} />); }\nreturn (<BellOutlineIcon28 {...mainProps} />);\n  }\n);\nBellOutlineIcon.displayName = 'BellOutlineIcon';\nBellOutlineIcon.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 BellOutlineIcon;"],"mappings":"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"}

package/lib/bell.d.ts

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

package/lib/bell.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const BellIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12 5v1.562c0 .288.067.572.195.83l1.72 3.437A1.5 1.5 0 0 1 12.572 13H3.427a1.5 1.5 0 0 1-1.342-2.17l1.72-3.439c.128-.257.195-.54.195-.829V5a4 4 0 1 1 8 0m-5.597 9a1.6 1.6 0 1 0 3.2 0z"
+})));
+BellIcon16.displayName = 'BellIcon16';
+const BellIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15 7v1.49c0 .335.078.666.228.967l1.505 3.01A1.75 1.75 0 0 1 15.168 15H4.831a1.75 1.75 0 0 1-1.565-2.533l1.505-3.01c.15-.3.229-.632.229-.968V7a5 5 0 1 1 10 0m-7 9a2 2 0 0 0 4 0z"
+})));
+BellIcon20.displayName = 'BellIcon20';
+const BellIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17 8v2.267c0 .478.141.945.407 1.343l1.52 2.28c.886 1.33-.067 3.11-1.664 3.11H6.737c-1.597 0-2.55-1.78-1.664-3.11l1.52-2.28c.265-.398.407-.865.407-1.343V8a5 5 0 0 1 10 0m-1.996 10h-6a3 3 0 1 0 6 0"
+})));
+BellIcon24.displayName = 'BellIcon24';
+const BellIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M20 9.75v3.342a3 3 0 0 0 .504 1.664l1.423 2.135C22.813 18.22 21.86 20 20.263 20H8c-1.648 0-2.589-1.881-1.6-3.2l1.5-2a3 3 0 0 0 .6-1.8V9.75a5.75 5.75 0 1 1 11.5 0M14 24a3 3 0 0 0 3-3h-6a3 3 0 0 0 3 3"
+})));
+BellIcon28.displayName = 'BellIcon28';
 const BellIcon = /*#__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: "M20 18.5H4v-2l2-1v-4.25C6 8.17 7.64 5.68 10.5 5V3h3v2c2.87.68 4.5 3.18 4.5 6.25v4.25l2 1.006V18.5zM10 20h4a2 2 0 01-4 0z"
-  }));
+  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(BellIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(BellIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(BellIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(BellIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(BellIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(BellIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(BellIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(BellIcon28, mainProps);
 });
+BellIcon.displayName = 'BellIcon';
 BellIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-BellIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default BellIcon;
 //# sourceMappingURL=bell.js.map

package/lib/bell.js.map

@@ -1 +1 @@
-{"version":3,"file":"bell.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["bell.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 BellIcon = 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=\"M20 18.5H4v-2l2-1v-4.25C6 8.17 7.64 5.68 10.5 5V3h3v2c2.87.68 4.5 3.18 4.5 6.25v4.25l2 1.006V18.5zM10 20h4a2 2 0 01-4 0z\" /></svg>)}\n);\n\nBellIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nBellIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default BellIcon;"],"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;AAA2Q,CAD5S,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":"bell.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellIcon16","forwardRef","props","ref","displayName","BellIcon20","BellIcon24","BellIcon28","BellIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["bell.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 BellIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12 5v1.562c0 .288.067.572.195.83l1.72 3.437A1.5 1.5 0 0 1 12.572 13H3.427a1.5 1.5 0 0 1-1.342-2.17l1.72-3.439c.128-.257.195-.54.195-.829V5a4 4 0 1 1 8 0m-5.597 9a1.6 1.6 0 1 0 3.2 0z\" /></svg>));\nBellIcon16.displayName = 'BellIcon16';\nconst BellIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15 7v1.49c0 .335.078.666.228.967l1.505 3.01A1.75 1.75 0 0 1 15.168 15H4.831a1.75 1.75 0 0 1-1.565-2.533l1.505-3.01c.15-.3.229-.632.229-.968V7a5 5 0 1 1 10 0m-7 9a2 2 0 0 0 4 0z\" /></svg>));\nBellIcon20.displayName = 'BellIcon20';\nconst BellIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M17 8v2.267c0 .478.141.945.407 1.343l1.52 2.28c.886 1.33-.067 3.11-1.664 3.11H6.737c-1.597 0-2.55-1.78-1.664-3.11l1.52-2.28c.265-.398.407-.865.407-1.343V8a5 5 0 0 1 10 0m-1.996 10h-6a3 3 0 1 0 6 0\" /></svg>));\nBellIcon24.displayName = 'BellIcon24';\nconst BellIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M20 9.75v3.342a3 3 0 0 0 .504 1.664l1.423 2.135C22.813 18.22 21.86 20 20.263 20H8c-1.648 0-2.589-1.881-1.6-3.2l1.5-2a3 3 0 0 0 .6-1.8V9.75a5.75 5.75 0 1 1 11.5 0M14 24a3 3 0 0 0 3-3h-6a3 3 0 0 0 3 3\" /></svg>));\nBellIcon28.displayName = 'BellIcon28';\n\nconst BellIcon = 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}><BellIcon16 className={styles.variant16} />\n<BellIcon20 className={styles.variant20} />\n<BellIcon24 className={styles.variant24} />\n<BellIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<BellIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<BellIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<BellIcon24 {...mainProps} />); }\nreturn (<BellIcon28 {...mainProps} />);\n  }\n);\nBellIcon.displayName = 'BellIcon';\nBellIcon.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 BellIcon;"],"mappings":"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"}

package/lib/bilibili.d.ts

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

package/lib/bilibili.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const BilibiliIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M4.79 8.214a.848.848 0 0 1 1.696 0v1.172a.848.848 0 0 1-1.695 0zm5.572-.848c.468 0 .847.38.847.848v1.172a.848.848 0 1 1-1.695 0V8.214c0-.468.38-.848.848-.848M3.91 3.554l.723.624H3.578c-1.222 0-2.212.99-2.212 2.212v5.399c0 1.221.99 2.211 2.212 2.211h8.845c1.222 0 2.212-.99 2.212-2.211v-5.4c0-1.22-.99-2.21-2.212-2.21h-1.097l.723-.625a.885.885 0 0 0-1.158-1.338L8.756 4.062a1 1 0 0 0-.112.116H7.315a1 1 0 0 0-.113-.117L5.068 2.216A.885.885 0 0 0 3.91 3.554m8.513 2.099c.407 0 .737.33.737.737v5.399c0 .407-.33.737-.737.737H3.578a.737.737 0 0 1-.738-.737v-5.4c0-.406.33-.736.738-.736z"
+})));
+BilibiliIcon16.displayName = 'BilibiliIcon16';
+const BilibiliIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.256 10.25v1.367a.989.989 0 0 0 1.978 0V10.25a.989.989 0 0 0-1.978 0m6.499-.99a.99.99 0 0 0-.99.99v1.367a.989.989 0 0 0 1.979 0V10.25a.99.99 0 0 0-.99-.99M5.229 4.813l.843.728H4.84a2.58 2.58 0 0 0-2.58 2.58v6.3A2.58 2.58 0 0 0 4.84 17h10.32a2.58 2.58 0 0 0 2.58-2.58v-6.3a2.58 2.58 0 0 0-2.58-2.58h-1.28l.843-.728a1.032 1.032 0 1 0-1.35-1.562l-2.491 2.155a1 1 0 0 0-.131.135H9.2a1 1 0 0 0-.132-.136L6.579 3.25a1.032 1.032 0 0 0-1.35 1.562M15.16 7.26a.86.86 0 0 1 .86.86v6.3a.86.86 0 0 1-.86.86H4.84a.86.86 0 0 1-.86-.86v-6.3a.86.86 0 0 1 .86-.86z"
+})));
+BilibiliIcon20.displayName = 'BilibiliIcon20';
+const BilibiliIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.186 12.321a1.272 1.272 0 1 1 2.543 0v1.757a1.272 1.272 0 0 1-2.543 0zm8.356-1.271c.702 0 1.272.569 1.272 1.271v1.757a1.272 1.272 0 0 1-2.543 0v-1.757a1.27 1.27 0 0 1 1.271-1.271M5.866 5.33l1.083.937H5.366A3.317 3.317 0 0 0 2.05 9.585v8.098A3.317 3.317 0 0 0 5.366 21h13.269a3.317 3.317 0 0 0 3.317-3.317V9.585a3.317 3.317 0 0 0-3.317-3.318h-1.646l1.084-.936a1.327 1.327 0 0 0-1.736-2.008l-3.203 2.77a1.3 1.3 0 0 0-.168.174h-1.994a1.3 1.3 0 0 0-.169-.175L7.602 3.323a1.327 1.327 0 1 0-1.736 2.008M18.635 8.48c.61 0 1.105.495 1.105 1.106v8.098c0 .61-.494 1.106-1.105 1.106H5.366c-.61 0-1.105-.495-1.105-1.106V9.585c0-.611.495-1.106 1.105-1.106z"
+})));
+BilibiliIcon24.displayName = 'BilibiliIcon24';
+const BilibiliIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.678 14.255v1.942a1.406 1.406 0 1 0 2.811 0v-1.942a1.405 1.405 0 1 0-2.81 0m9.235-1.405c-.776 0-1.405.629-1.405 1.405v1.942a1.406 1.406 0 1 0 2.811 0v-1.942c0-.776-.63-1.405-1.406-1.405M7.219 6.576l1.197 1.036h-1.75A3.667 3.667 0 0 0 3 11.278v8.952a3.667 3.667 0 0 0 3.667 3.667h14.666A3.667 3.667 0 0 0 25 20.23v-8.952a3.667 3.667 0 0 0-3.667-3.666h-1.819l1.198-1.036a1.467 1.467 0 0 0-1.919-2.219l-3.54 3.062q-.104.09-.186.193h-2.203a1.5 1.5 0 0 0-.187-.194l-3.54-3.06A1.467 1.467 0 1 0 7.22 6.575m14.114 3.48c.675 0 1.223.547 1.223 1.222v8.952c0 .675-.548 1.222-1.223 1.222H6.667a1.22 1.22 0 0 1-1.222-1.222v-8.952c0-.675.547-1.222 1.222-1.222z"
+})));
+BilibiliIcon28.displayName = 'BilibiliIcon28';
 const BilibiliIcon = /*#__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: "M5.909 5.378a1.318 1.318 0 111.724-1.994l3.179 2.75c.062.053.118.112.168.174h1.979c.05-.062.105-.12.167-.173l3.18-2.75a1.317 1.317 0 111.724 1.993l-1.076.93h1.634a3.294 3.294 0 013.294 3.294v8.041a3.294 3.294 0 01-3.294 3.294H5.413a3.294 3.294 0 01-3.294-3.294V9.602a3.294 3.294 0 013.294-3.294h1.572l-1.076-.93zm12.68 3.126H5.412c-.606 0-1.098.491-1.098 1.098v8.041c0 .606.492 1.098 1.098 1.098h13.175c.606 0 1.098-.492 1.098-1.098V9.602c0-.607-.492-1.098-1.098-1.098zm-11.37 3.772a1.263 1.263 0 012.526 0v1.745a1.263 1.263 0 01-2.525 0v-1.745zm8.298-1.263c-.698 0-1.263.565-1.263 1.263v1.745a1.263 1.263 0 002.525 0v-1.745c0-.698-.565-1.263-1.262-1.263z"
-  }));
+  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(BilibiliIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(BilibiliIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(BilibiliIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(BilibiliIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(BilibiliIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(BilibiliIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(BilibiliIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(BilibiliIcon28, mainProps);
 });
+BilibiliIcon.displayName = 'BilibiliIcon';
 BilibiliIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-BilibiliIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default BilibiliIcon;
 //# sourceMappingURL=bilibili.js.map

package/lib/bilibili.js.map

@@ -1 +1 @@
-{"version":3,"file":"bilibili.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BilibiliIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["bilibili.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 BilibiliIcon = 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=\"M5.909 5.378a1.318 1.318 0 111.724-1.994l3.179 2.75c.062.053.118.112.168.174h1.979c.05-.062.105-.12.167-.173l3.18-2.75a1.317 1.317 0 111.724 1.993l-1.076.93h1.634a3.294 3.294 0 013.294 3.294v8.041a3.294 3.294 0 01-3.294 3.294H5.413a3.294 3.294 0 01-3.294-3.294V9.602a3.294 3.294 0 013.294-3.294h1.572l-1.076-.93zm12.68 3.126H5.412c-.606 0-1.098.491-1.098 1.098v8.041c0 .606.492 1.098 1.098 1.098h13.175c.606 0 1.098-.492 1.098-1.098V9.602c0-.607-.492-1.098-1.098-1.098zm-11.37 3.772a1.263 1.263 0 012.526 0v1.745a1.263 1.263 0 01-2.525 0v-1.745zm8.298-1.263c-.698 0-1.263.565-1.263 1.263v1.745a1.263 1.263 0 002.525 0v-1.745c0-.698-.565-1.263-1.262-1.263z\" /></svg>)}\n);\n\nBilibiliIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nBilibiliIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default BilibiliIcon;"],"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,YAAY,gBAAGV,KAAK,CAACW,UAAN,CACnB,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;AAAkyB,CAD/zB,CAArB;AAIAF,YAAY,CAACQ,SAAb,GAAyB;EACvBH,SAAS,EAAEd,SAAS,CAACkB,MADE;EAEvBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFgB;EAGvBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHiB,CAAzB;AAMAV,YAAY,CAACW,YAAb,GAA4B;EAC1BP,IAAI,EAAE;AADoB,CAA5B;AAIA,eAAeJ,YAAf"}
+{"version":3,"file":"bilibili.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BilibiliIcon16","forwardRef","props","ref","displayName","BilibiliIcon20","BilibiliIcon24","BilibiliIcon28","BilibiliIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["bilibili.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 BilibiliIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M4.79 8.214a.848.848 0 0 1 1.696 0v1.172a.848.848 0 0 1-1.695 0zm5.572-.848c.468 0 .847.38.847.848v1.172a.848.848 0 1 1-1.695 0V8.214c0-.468.38-.848.848-.848M3.91 3.554l.723.624H3.578c-1.222 0-2.212.99-2.212 2.212v5.399c0 1.221.99 2.211 2.212 2.211h8.845c1.222 0 2.212-.99 2.212-2.211v-5.4c0-1.22-.99-2.21-2.212-2.21h-1.097l.723-.625a.885.885 0 0 0-1.158-1.338L8.756 4.062a1 1 0 0 0-.112.116H7.315a1 1 0 0 0-.113-.117L5.068 2.216A.885.885 0 0 0 3.91 3.554m8.513 2.099c.407 0 .737.33.737.737v5.399c0 .407-.33.737-.737.737H3.578a.737.737 0 0 1-.738-.737v-5.4c0-.406.33-.736.738-.736z\" /></svg>));\nBilibiliIcon16.displayName = 'BilibiliIcon16';\nconst BilibiliIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M6.256 10.25v1.367a.989.989 0 0 0 1.978 0V10.25a.989.989 0 0 0-1.978 0m6.499-.99a.99.99 0 0 0-.99.99v1.367a.989.989 0 0 0 1.979 0V10.25a.99.99 0 0 0-.99-.99M5.229 4.813l.843.728H4.84a2.58 2.58 0 0 0-2.58 2.58v6.3A2.58 2.58 0 0 0 4.84 17h10.32a2.58 2.58 0 0 0 2.58-2.58v-6.3a2.58 2.58 0 0 0-2.58-2.58h-1.28l.843-.728a1.032 1.032 0 1 0-1.35-1.562l-2.491 2.155a1 1 0 0 0-.131.135H9.2a1 1 0 0 0-.132-.136L6.579 3.25a1.032 1.032 0 0 0-1.35 1.562M15.16 7.26a.86.86 0 0 1 .86.86v6.3a.86.86 0 0 1-.86.86H4.84a.86.86 0 0 1-.86-.86v-6.3a.86.86 0 0 1 .86-.86z\" /></svg>));\nBilibiliIcon20.displayName = 'BilibiliIcon20';\nconst BilibiliIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M7.186 12.321a1.272 1.272 0 1 1 2.543 0v1.757a1.272 1.272 0 0 1-2.543 0zm8.356-1.271c.702 0 1.272.569 1.272 1.271v1.757a1.272 1.272 0 0 1-2.543 0v-1.757a1.27 1.27 0 0 1 1.271-1.271M5.866 5.33l1.083.937H5.366A3.317 3.317 0 0 0 2.05 9.585v8.098A3.317 3.317 0 0 0 5.366 21h13.269a3.317 3.317 0 0 0 3.317-3.317V9.585a3.317 3.317 0 0 0-3.317-3.318h-1.646l1.084-.936a1.327 1.327 0 0 0-1.736-2.008l-3.203 2.77a1.3 1.3 0 0 0-.168.174h-1.994a1.3 1.3 0 0 0-.169-.175L7.602 3.323a1.327 1.327 0 1 0-1.736 2.008M18.635 8.48c.61 0 1.105.495 1.105 1.106v8.098c0 .61-.494 1.106-1.105 1.106H5.366c-.61 0-1.105-.495-1.105-1.106V9.585c0-.611.495-1.106 1.105-1.106z\" /></svg>));\nBilibiliIcon24.displayName = 'BilibiliIcon24';\nconst BilibiliIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M8.678 14.255v1.942a1.406 1.406 0 1 0 2.811 0v-1.942a1.405 1.405 0 1 0-2.81 0m9.235-1.405c-.776 0-1.405.629-1.405 1.405v1.942a1.406 1.406 0 1 0 2.811 0v-1.942c0-.776-.63-1.405-1.406-1.405M7.219 6.576l1.197 1.036h-1.75A3.667 3.667 0 0 0 3 11.278v8.952a3.667 3.667 0 0 0 3.667 3.667h14.666A3.667 3.667 0 0 0 25 20.23v-8.952a3.667 3.667 0 0 0-3.667-3.666h-1.819l1.198-1.036a1.467 1.467 0 0 0-1.919-2.219l-3.54 3.062q-.104.09-.186.193h-2.203a1.5 1.5 0 0 0-.187-.194l-3.54-3.06A1.467 1.467 0 1 0 7.22 6.575m14.114 3.48c.675 0 1.223.547 1.223 1.222v8.952c0 .675-.548 1.222-1.223 1.222H6.667a1.22 1.22 0 0 1-1.222-1.222v-8.952c0-.675.547-1.222 1.222-1.222z\" /></svg>));\nBilibiliIcon28.displayName = 'BilibiliIcon28';\n\nconst BilibiliIcon = 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}><BilibiliIcon16 className={styles.variant16} />\n<BilibiliIcon20 className={styles.variant20} />\n<BilibiliIcon24 className={styles.variant24} />\n<BilibiliIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<BilibiliIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<BilibiliIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<BilibiliIcon24 {...mainProps} />); }\nreturn (<BilibiliIcon28 {...mainProps} />);\n  }\n);\nBilibiliIcon.displayName = 'BilibiliIcon';\nBilibiliIcon.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 BilibiliIcon;"],"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;AAGA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,cAAc,gBAAGV,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAH,cAAc,CAACI,WAAf,GAA6B,gBAA7B;AACA,MAAMC,cAAc,gBAAGf,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAE,cAAc,CAACD,WAAf,GAA6B,gBAA7B;AACA,MAAME,cAAc,gBAAGhB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAG,cAAc,CAACF,WAAf,GAA6B,gBAA7B;AACA,MAAMG,cAAc,gBAAGjB,KAAK,CAACW,UAAN,CAAiB,CAACC,KAAD,EAAQC,GAAR,kBAAiB;EAAK,OAAO,EAAC;AAAb,GAA6BD,KAA7B;EAAoC,GAAG,EAAEC;AAAzC,iBAA8C;EAAM,CAAC,EAAC;AAAR,EAA9C,CAAlC,CAAvB;AACAI,cAAc,CAACH,WAAf,GAA6B,gBAA7B;AAEA,MAAMI,YAAY,gBAAGlB,KAAK,CAACW,UAAN,CACnB,OAOGE,GAPH,KAOW;EAAA,IAPV;IACCM,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIZ,IAAjB,GAAwBY,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEpB,EAAE,CAACC,MAAM,CAACuB,IAAR,EAAcvB,MAAM,CAACgB,KAAD,CAApB,EAA6Bf,UAAU,CAACgB,IAAD,CAAvC,EAA+CI,cAAc,IAAIrB,MAAM,CAACwB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBV;EAJgB,CAAlB;;EAOA,IAAIW,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,cAAD;MAAgB,SAAS,EAAEtB,MAAM,CAACyB;IAAlC,EAAxC,eAClB,oBAAC,cAAD;MAAgB,SAAS,EAAEzB,MAAM,CAAC0B;IAAlC,EADkB,eAElB,oBAAC,cAAD;MAAgB,SAAS,EAAE1B,MAAM,CAAC2B;IAAlC,EAFkB,eAGlB,oBAAC,cAAD;MAAgB,SAAS,EAAE3B,MAAM,CAAC4B;IAAlC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKX,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EAClF,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EACvE,IAAIL,IAAI,KAAKX,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,cAAD,EAAoBgB,SAApB,CAAR;EAA6C;;EACvE,oBAAQ,oBAAC,cAAD,EAAoBA,SAApB,CAAR;AACG,CA3BkB,CAArB;AA6BAP,YAAY,CAACJ,WAAb,GAA2B,cAA3B;AACAI,YAAY,CAACc,SAAb,GAAyB;EACvBV,SAAS,EAAErB,SAAS,CAACgC,MADE;EAEvBd,KAAK,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFgB;EAGvBd,IAAI,EAAEnB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHiB;EAIvB,yBAAyBjC,SAAS,CAACkC,IAJZ;EAKvBZ,KAAK,EAAEtB,SAAS,CAACmC;AALM,CAAzB;AAQA,eAAelB,YAAf"}

package/lib/bitbucket.d.ts

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