@rescui/icons 0.16.15-RUI-230-Update-icons-0bd4e5fc.9 → 0.16.15-RUI-230-Update-icons-6919f9e4.29

package/lib/attached.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const AttachedIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M10.975 3.05a1 1 0 0 0-1.414 0L4.788 7.823a2.75 2.75 0 0 0 3.889 3.89l4.242-4.243a.75.75 0 1 1 1.061 1.06l-4.243 4.243a4.25 4.25 0 0 1-6.01-6.01L8.5 1.99a2.5 2.5 0 1 1 3.536 3.535l-4.42 4.42a.75.75 0 0 1-1.06-1.061l4.419-4.42a1 1 0 0 0 0-1.414"
+}));
+
+const AttachedIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M13.536 3.636a1 1 0 0 0-1.415 0l-7.07 7.071a3 3 0 1 0 4.242 4.243l6.718-6.718a1 1 0 1 1 1.414 1.415l-6.718 6.717a5 5 0 0 1-7.07-7.071l7.07-7.071a3 3 0 0 1 4.243 4.243l-7.071 7.07a1 1 0 0 1-1.414-1.414l7.07-7.07a1 1 0 0 0 0-1.415"
+}));
+
+const AttachedIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M16.212 5.106a.75.75 0 0 0-1.06 0L7.197 13.06a3 3 0 0 0 4.242 4.242l7.778-7.778a1.5 1.5 0 0 1 2.122 2.121l-7.778 7.779a6 6 0 1 1-8.486-8.486l7.955-7.955a3.75 3.75 0 1 1 5.304 5.304l-7.602 7.601a1.5 1.5 0 1 1-2.121-2.121l7.601-7.602a.75.75 0 0 0 0-1.06"
+}));
+
+const AttachedIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M18.743 6.222a1 1 0 0 0-1.415 0L8.49 15.06a3.5 3.5 0 0 0 4.95 4.95l7.329-7.328a1.5 1.5 0 1 1 2.121 2.12l-7.328 7.33a6.5 6.5 0 0 1-9.193-9.193L15.207 4.1a4 4 0 1 1 5.657 5.657l-8.886 8.886a1.5 1.5 0 1 1-2.121-2.121l8.886-8.886a1 1 0 0 0 0-1.414"
+}));
+
 const AttachedIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    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 (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M10.975 3.05a1 1 0 0 0-1.414 0L4.788 7.823a2.75 2.75 0 0 0 3.889 3.89l4.242-4.243a.75.75 0 1 1 1.061 1.06l-4.243 4.243a4.25 4.25 0 0 1-6.01-6.01L8.5 1.99a2.5 2.5 0 1 1 3.536 3.535l-4.42 4.42a.75.75 0 0 1-1.06-1.061l4.419-4.42a1 1 0 0 0 0-1.414"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(AttachedIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AttachedIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AttachedIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AttachedIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AttachedIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M13.536 3.636a1 1 0 0 0-1.415 0l-7.07 7.071a3 3 0 1 0 4.242 4.243l6.718-6.718a1 1 0 1 1 1.414 1.415l-6.718 6.717a5 5 0 0 1-7.07-7.071l7.07-7.071a3 3 0 0 1 4.243 4.243l-7.071 7.07a1 1 0 0 1-1.414-1.414l7.07-7.07a1 1 0 0 0 0-1.415"
-    }));
+    return /*#__PURE__*/React.createElement(AttachedIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    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: "M16.212 5.106a.75.75 0 0 0-1.06 0L7.197 13.06a3 3 0 0 0 4.242 4.242l7.778-7.778a1.5 1.5 0 0 1 2.122 2.121l-7.778 7.779a6 6 0 1 1-8.486-8.486l7.955-7.955a3.75 3.75 0 1 1 5.304 5.304l-7.602 7.601a1.5 1.5 0 1 1-2.121-2.121l7.601-7.602a.75.75 0 0 0 0-1.06"
-    }));
+    return /*#__PURE__*/React.createElement(AttachedIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18.743 6.222a1 1 0 0 0-1.415 0L8.49 15.06a3.5 3.5 0 0 0 4.95 4.95l7.329-7.328a1.5 1.5 0 1 1 2.121 2.12l-7.328 7.33a6.5 6.5 0 0 1-9.193-9.193L15.207 4.1a4 4 0 1 1 5.657 5.657l-8.886 8.886a1.5 1.5 0 1 1-2.121-2.121l8.886-8.886a1 1 0 0 0 0-1.414"
-  }));
+  return /*#__PURE__*/React.createElement(AttachedIcon28, mainProps);
 });
+AttachedIcon.displayName = 'AttachedIcon';
 AttachedIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-AttachedIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default AttachedIcon;
 //# sourceMappingURL=attached.js.map

package/lib/attached.js.map

@@ -1 +1 @@
-{"version":3,"file":"attached.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AttachedIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["attached.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 AttachedIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M10.975 3.05a1 1 0 0 0-1.414 0L4.788 7.823a2.75 2.75 0 0 0 3.889 3.89l4.242-4.243a.75.75 0 1 1 1.061 1.06l-4.243 4.243a4.25 4.25 0 0 1-6.01-6.01L8.5 1.99a2.5 2.5 0 1 1 3.536 3.535l-4.42 4.42a.75.75 0 0 1-1.06-1.061l4.419-4.42a1 1 0 0 0 0-1.414\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M13.536 3.636a1 1 0 0 0-1.415 0l-7.07 7.071a3 3 0 1 0 4.242 4.243l6.718-6.718a1 1 0 1 1 1.414 1.415l-6.718 6.717a5 5 0 0 1-7.07-7.071l7.07-7.071a3 3 0 0 1 4.243 4.243l-7.071 7.07a1 1 0 0 1-1.414-1.414l7.07-7.07a1 1 0 0 0 0-1.415\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M16.212 5.106a.75.75 0 0 0-1.06 0L7.197 13.06a3 3 0 0 0 4.242 4.242l7.778-7.778a1.5 1.5 0 0 1 2.122 2.121l-7.778 7.779a6 6 0 1 1-8.486-8.486l7.955-7.955a3.75 3.75 0 1 1 5.304 5.304l-7.602 7.601a1.5 1.5 0 1 1-2.121-2.121l7.601-7.602a.75.75 0 0 0 0-1.06\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M18.743 6.222a1 1 0 0 0-1.415 0L8.49 15.06a3.5 3.5 0 0 0 4.95 4.95l7.329-7.328a1.5 1.5 0 1 1 2.121 2.12l-7.328 7.33a6.5 6.5 0 0 1-9.193-9.193L15.207 4.1a4 4 0 1 1 5.657 5.657l-8.886 8.886a1.5 1.5 0 1 1-2.121-2.121l8.886-8.886a1 1 0 0 0 0-1.414\" /></svg>);}\n);\n\nAttachedIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nAttachedIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default AttachedIcon;"],"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,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAwY;;EACrd,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAyX;;EACnZ,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAgZ;;EAC1a,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,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;AAAuY,CAJlX,CAArB;AAOAF,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":"attached.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AttachedIcon16","props","AttachedIcon20","AttachedIcon24","AttachedIcon28","AttachedIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["attached.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 AttachedIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M10.975 3.05a1 1 0 0 0-1.414 0L4.788 7.823a2.75 2.75 0 0 0 3.889 3.89l4.242-4.243a.75.75 0 1 1 1.061 1.06l-4.243 4.243a4.25 4.25 0 0 1-6.01-6.01L8.5 1.99a2.5 2.5 0 1 1 3.536 3.535l-4.42 4.42a.75.75 0 0 1-1.06-1.061l4.419-4.42a1 1 0 0 0 0-1.414\" /></svg>);\nconst AttachedIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M13.536 3.636a1 1 0 0 0-1.415 0l-7.07 7.071a3 3 0 1 0 4.242 4.243l6.718-6.718a1 1 0 1 1 1.414 1.415l-6.718 6.717a5 5 0 0 1-7.07-7.071l7.07-7.071a3 3 0 0 1 4.243 4.243l-7.071 7.07a1 1 0 0 1-1.414-1.414l7.07-7.07a1 1 0 0 0 0-1.415\" /></svg>);\nconst AttachedIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M16.212 5.106a.75.75 0 0 0-1.06 0L7.197 13.06a3 3 0 0 0 4.242 4.242l7.778-7.778a1.5 1.5 0 0 1 2.122 2.121l-7.778 7.779a6 6 0 1 1-8.486-8.486l7.955-7.955a3.75 3.75 0 1 1 5.304 5.304l-7.602 7.601a1.5 1.5 0 1 1-2.121-2.121l7.601-7.602a.75.75 0 0 0 0-1.06\" /></svg>);\nconst AttachedIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M18.743 6.222a1 1 0 0 0-1.415 0L8.49 15.06a3.5 3.5 0 0 0 4.95 4.95l7.329-7.328a1.5 1.5 0 1 1 2.121 2.12l-7.328 7.33a6.5 6.5 0 0 1-9.193-9.193L15.207 4.1a4 4 0 1 1 5.657 5.657l-8.886 8.886a1.5 1.5 0 1 1-2.121-2.121l8.886-8.886a1 1 0 0 0 0-1.414\" /></svg>);\n\nconst AttachedIcon = 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}><AttachedIcon16 className={styles.variant16} />\n<AttachedIcon20 className={styles.variant20} />\n<AttachedIcon24 className={styles.variant24} />\n<AttachedIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AttachedIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AttachedIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AttachedIcon24 {...mainProps} />); }\nreturn (<AttachedIcon28 {...mainProps} />);\n  }\n);\nAttachedIcon.displayName = 'AttachedIcon';\nAttachedIcon.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 AttachedIcon;"],"mappings":"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"}

package/lib/bell-crossed-outline.d.ts

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

package/lib/bell-crossed-outline.js

@@ -16,69 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const BellCrossedOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__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.708zM3.307 11.986a.5.5 0 0 1-.327-.71L4.698 7.84C4.897 7.442 5 7.005 5 6.562V5a3 3 0 0 1 5.932-.639zm9.266.014H7l-1 1h6.573a1.5 1.5 0 0 0 1.341-2.17l-1.719-3.44a2 2 0 0 1-.153-.433l-.786.786.045.095 1.719 3.437a.5.5 0 0 1-.447.724m-5.701 3.132A1.6 1.6 0 0 0 9.603 14h-3.2a1.6 1.6 0 0 0 .469 1.131"
+}));
+
+const BellCrossedOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M18.53 2.53a.75.75 0 0 0-1.06-1.06l-3.1 3.1A5 5 0 0 0 5 7v1.49c0 .335-.078.666-.229.967l-1.505 3.01a1.75 1.75 0 0 0 .832 2.374L1.47 17.47a.75.75 0 1 0 1.06 1.06zM5.44 13.5h-.61a.25.25 0 0 1-.223-.362l1.505-3.01c.254-.51.387-1.07.387-1.639V7a3.5 3.5 0 0 1 6.747-1.308zm8.212-3.967L15 8.185v.304c0 .336.078.667.228.968l1.505 3.01A1.75 1.75 0 0 1 15.168 15H8.185l1.5-1.5h5.483a.25.25 0 0 0 .224-.362l-1.505-3.01a3.7 3.7 0 0 1-.235-.595M8.677 17.5A2 2 0 0 0 12 16H8a2 2 0 0 0 .677 1.5"
+}));
+
+const BellCrossedOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__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.414M7.586 15h-.849l1.52-2.28c.485-.727.743-1.58.743-2.453V8a3 3 0 0 1 5.975-.39zm9.677 0h-4.294l-2 2h6.294c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28a2.4 2.4 0 0 1-.326-.722l-1.525 1.525q.087.157.187.307zM9.97 18l-.846.845q.023.078.05.155c.132.373.335.712.594 1a3 3 0 0 0 2.236 1 3 3 0 0 0 3-3z"
+}));
+
+const BellCrossedOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__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.414zM8.586 18H8l1.5-2a5 5 0 0 0 1-3V9.75a3.75 3.75 0 0 1 7.359-1.023zm11.677 0h-5.92l-2 2h7.92c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092v-.75l-1.872 1.873c.135.585.375 1.145.712 1.65zm-8.92 3-.326.325A3 3 0 0 0 11.764 23c.55.614 1.348 1 2.236 1s1.687-.386 2.236-1A3 3 0 0 0 17 21z"
+}));
+
 const BellCrossedOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    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 (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("g", {
-      clipPath: "url(#a)"
-    }, /*#__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.708zM3.307 11.986a.5.5 0 0 1-.327-.71L4.698 7.84C4.897 7.442 5 7.005 5 6.562V5a3 3 0 0 1 5.932-.639zm9.266.014H7l-1 1h6.573a1.5 1.5 0 0 0 1.341-2.17l-1.719-3.44a2 2 0 0 1-.153-.433l-.786.786.045.095 1.719 3.437a.5.5 0 0 1-.447.724m-5.701 3.132A1.6 1.6 0 0 0 9.603 14h-3.2a1.6 1.6 0 0 0 .469 1.131"
-    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-      id: "a"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M0 0h16v16H0z"
-    }))));
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(BellCrossedOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(BellCrossedOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(BellCrossedOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(BellCrossedOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(BellCrossedOutlineIcon16, mainProps);
   }
 
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M18.53 2.53a.75.75 0 0 0-1.06-1.06l-3.1 3.1A5 5 0 0 0 5 7v1.49c0 .335-.078.666-.229.967l-1.505 3.01a1.75 1.75 0 0 0 .832 2.374L1.47 17.47a.75.75 0 1 0 1.06 1.06zM5.44 13.5h-.61a.25.25 0 0 1-.223-.362l1.505-3.01c.254-.51.387-1.07.387-1.639V7a3.5 3.5 0 0 1 6.747-1.308zm8.212-3.967L15 8.185v.304c0 .336.078.667.228.968l1.505 3.01A1.75 1.75 0 0 1 15.168 15H8.185l1.5-1.5h5.483a.25.25 0 0 0 .224-.362l-1.505-3.01a3.7 3.7 0 0 1-.235-.595M8.677 17.5A2 2 0 0 0 12 16H8a2 2 0 0 0 .677 1.5"
-    }));
+    return /*#__PURE__*/React.createElement(BellCrossedOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    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: "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.414M7.586 15h-.849l1.52-2.28c.485-.727.743-1.58.743-2.453V8a3 3 0 0 1 5.975-.39zm9.677 0h-4.294l-2 2h6.294c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28a2.4 2.4 0 0 1-.326-.722l-1.525 1.525q.087.157.187.307zM9.97 18l-.846.845q.023.078.05.155c.132.373.335.712.594 1a3 3 0 0 0 2.236 1 3 3 0 0 0 3-3z"
-    }));
+    return /*#__PURE__*/React.createElement(BellCrossedOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    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.414zM8.586 18H8l1.5-2a5 5 0 0 0 1-3V9.75a3.75 3.75 0 0 1 7.359-1.023zm11.677 0h-5.92l-2 2h7.92c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092v-.75l-1.872 1.873c.135.585.375 1.145.712 1.65zm-8.92 3-.326.325A3 3 0 0 0 11.764 23c.55.614 1.348 1 2.236 1s1.687-.386 2.236-1A3 3 0 0 0 17 21z"
-  }));
+  return /*#__PURE__*/React.createElement(BellCrossedOutlineIcon28, mainProps);
 });
+BellCrossedOutlineIcon.displayName = 'BellCrossedOutlineIcon';
 BellCrossedOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-BellCrossedOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default BellCrossedOutlineIcon;
 //# sourceMappingURL=bell-crossed-outline.js.map

package/lib/bell-crossed-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"bell-crossed-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellCrossedOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["bell-crossed-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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst BellCrossedOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><g clipPath=\"url(#a)\"><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.708zM3.307 11.986a.5.5 0 0 1-.327-.71L4.698 7.84C4.897 7.442 5 7.005 5 6.562V5a3 3 0 0 1 5.932-.639zm9.266.014H7l-1 1h6.573a1.5 1.5 0 0 0 1.341-2.17l-1.719-3.44a2 2 0 0 1-.153-.433l-.786.786.045.095 1.719 3.437a.5.5 0 0 1-.447.724m-5.701 3.132A1.6 1.6 0 0 0 9.603 14h-3.2a1.6 1.6 0 0 0 .469 1.131\" /></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M18.53 2.53a.75.75 0 0 0-1.06-1.06l-3.1 3.1A5 5 0 0 0 5 7v1.49c0 .335-.078.666-.229.967l-1.505 3.01a1.75 1.75 0 0 0 .832 2.374L1.47 17.47a.75.75 0 1 0 1.06 1.06zM5.44 13.5h-.61a.25.25 0 0 1-.223-.362l1.505-3.01c.254-.51.387-1.07.387-1.639V7a3.5 3.5 0 0 1 6.747-1.308zm8.212-3.967L15 8.185v.304c0 .336.078.667.228.968l1.505 3.01A1.75 1.75 0 0 1 15.168 15H8.185l1.5-1.5h5.483a.25.25 0 0 0 .224-.362l-1.505-3.01a3.7 3.7 0 0 1-.235-.595M8.677 17.5A2 2 0 0 0 12 16H8a2 2 0 0 0 .677 1.5\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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.414M7.586 15h-.849l1.52-2.28c.485-.727.743-1.58.743-2.453V8a3 3 0 0 1 5.975-.39zm9.677 0h-4.294l-2 2h6.294c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28a2.4 2.4 0 0 1-.326-.722l-1.525 1.525q.087.157.187.307zM9.97 18l-.846.845q.023.078.05.155c.132.373.335.712.594 1a3 3 0 0 0 2.236 1 3 3 0 0 0 3-3z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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.414zM8.586 18H8l1.5-2a5 5 0 0 0 1-3V9.75a3.75 3.75 0 0 1 7.359-1.023zm11.677 0h-5.92l-2 2h7.92c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092v-.75l-1.872 1.873c.135.585.375 1.145.712 1.65zm-8.92 3-.326.325A3 3 0 0 0 11.764 23c.55.614 1.348 1 2.236 1s1.687-.386 2.236-1A3 3 0 0 0 17 21z\" /></svg>);}\n);\n\nBellCrossedOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nBellCrossedOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default BellCrossedOutlineIcon;"],"mappings":"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"}
+{"version":3,"file":"bell-crossed-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellCrossedOutlineIcon16","props","BellCrossedOutlineIcon20","BellCrossedOutlineIcon24","BellCrossedOutlineIcon28","BellCrossedOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["bell-crossed-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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst BellCrossedOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><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.708zM3.307 11.986a.5.5 0 0 1-.327-.71L4.698 7.84C4.897 7.442 5 7.005 5 6.562V5a3 3 0 0 1 5.932-.639zm9.266.014H7l-1 1h6.573a1.5 1.5 0 0 0 1.341-2.17l-1.719-3.44a2 2 0 0 1-.153-.433l-.786.786.045.095 1.719 3.437a.5.5 0 0 1-.447.724m-5.701 3.132A1.6 1.6 0 0 0 9.603 14h-3.2a1.6 1.6 0 0 0 .469 1.131\" /></svg>);\nconst BellCrossedOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M18.53 2.53a.75.75 0 0 0-1.06-1.06l-3.1 3.1A5 5 0 0 0 5 7v1.49c0 .335-.078.666-.229.967l-1.505 3.01a1.75 1.75 0 0 0 .832 2.374L1.47 17.47a.75.75 0 1 0 1.06 1.06zM5.44 13.5h-.61a.25.25 0 0 1-.223-.362l1.505-3.01c.254-.51.387-1.07.387-1.639V7a3.5 3.5 0 0 1 6.747-1.308zm8.212-3.967L15 8.185v.304c0 .336.078.667.228.968l1.505 3.01A1.75 1.75 0 0 1 15.168 15H8.185l1.5-1.5h5.483a.25.25 0 0 0 .224-.362l-1.505-3.01a3.7 3.7 0 0 1-.235-.595M8.677 17.5A2 2 0 0 0 12 16H8a2 2 0 0 0 .677 1.5\" /></svg>);\nconst BellCrossedOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><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.414M7.586 15h-.849l1.52-2.28c.485-.727.743-1.58.743-2.453V8a3 3 0 0 1 5.975-.39zm9.677 0h-4.294l-2 2h6.294c1.597 0 2.55-1.78 1.664-3.11l-1.52-2.28a2.4 2.4 0 0 1-.326-.722l-1.525 1.525q.087.157.187.307zM9.97 18l-.846.845q.023.078.05.155c.132.373.335.712.594 1a3 3 0 0 0 2.236 1 3 3 0 0 0 3-3z\" /></svg>);\nconst BellCrossedOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><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.414zM8.586 18H8l1.5-2a5 5 0 0 0 1-3V9.75a3.75 3.75 0 0 1 7.359-1.023zm11.677 0h-5.92l-2 2h7.92c1.597 0 2.55-1.78 1.664-3.11l-1.423-2.134A3 3 0 0 1 20 13.092v-.75l-1.872 1.873c.135.585.375 1.145.712 1.65zm-8.92 3-.326.325A3 3 0 0 0 11.764 23c.55.614 1.348 1 2.236 1s1.687-.386 2.236-1A3 3 0 0 0 17 21z\" /></svg>);\n\nconst BellCrossedOutlineIcon = 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}><BellCrossedOutlineIcon16 className={styles.variant16} />\n<BellCrossedOutlineIcon20 className={styles.variant20} />\n<BellCrossedOutlineIcon24 className={styles.variant24} />\n<BellCrossedOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<BellCrossedOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<BellCrossedOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<BellCrossedOutlineIcon24 {...mainProps} />); }\nreturn (<BellCrossedOutlineIcon28 {...mainProps} />);\n  }\n);\nBellCrossedOutlineIcon.displayName = 'BellCrossedOutlineIcon';\nBellCrossedOutlineIcon.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 BellCrossedOutlineIcon;"],"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,wBAAwB,GAAGC,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA3C;;AACA,MAAMC,wBAAwB,GAAGD,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA3C;;AACA,MAAME,wBAAwB,GAAGF,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA3C;;AACA,MAAMG,wBAAwB,GAAGH,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAA3C;;AAEA,MAAMI,sBAAsB,gBAAGf,KAAK,CAACgB,UAAN,CAC7B,OAOGC,GAPH,KAOW;EAAA,IAPV;IACCC,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,IAAIX,IAAjB,GAAwBW,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEnB,EAAE,CAACC,MAAM,CAACsB,IAAR,EAActB,MAAM,CAACe,KAAD,CAApB,EAA6Bd,UAAU,CAACe,IAAD,CAAvC,EAA+CI,cAAc,IAAIpB,MAAM,CAACuB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBL;EAJgB,CAAlB;;EAOA,IAAIM,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,wBAAD;MAA0B,SAAS,EAAErB,MAAM,CAACwB;IAA5C,EAAxC,eAClB,oBAAC,wBAAD;MAA0B,SAAS,EAAExB,MAAM,CAACyB;IAA5C,EADkB,eAElB,oBAAC,wBAAD;MAA0B,SAAS,EAAEzB,MAAM,CAAC0B;IAA5C,EAFkB,eAGlB,oBAAC,wBAAD;MAA0B,SAAS,EAAE1B,MAAM,CAAC2B;IAA5C,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKV,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,wBAAD,EAA8Be,SAA9B,CAAR;EAAuD;;EAC5F,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,wBAAD,EAA8Be,SAA9B,CAAR;EAAuD;;EACjF,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,wBAAD,EAA8Be,SAA9B,CAAR;EAAuD;;EACjF,oBAAQ,oBAAC,wBAAD,EAA8BA,SAA9B,CAAR;AACG,CA3B4B,CAA/B;AA6BAT,sBAAsB,CAACgB,WAAvB,GAAqC,wBAArC;AACAhB,sBAAsB,CAACiB,SAAvB,GAAmC;EACjCX,SAAS,EAAEpB,SAAS,CAACgC,MADY;EAEjCf,KAAK,EAAEjB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAF0B;EAGjCf,IAAI,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAH2B;EAIjC,yBAAyBjC,SAAS,CAACkC,IAJF;EAKjCb,KAAK,EAAErB,SAAS,CAACmC;AALgB,CAAnC;AAQA,eAAerB,sBAAf"}

package/lib/bell-crossed.d.ts

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

package/lib/bell-crossed.js

@@ -16,69 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const BellCrossedIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__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"
+}));
+
+const BellCrossedIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__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"
+}));
+
+const BellCrossedIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__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"
+}));
+
+const BellCrossedIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__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"
+}));
+
 const BellCrossedIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    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 (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("g", {
-      clipPath: "url(#a)"
-    }, /*#__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"
-    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-      id: "a"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M0 0h16v16H0z"
-    }))));
+      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("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      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"
-    }));
+    return /*#__PURE__*/React.createElement(BellCrossedIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    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: "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"
-    }));
+    return /*#__PURE__*/React.createElement(BellCrossedIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    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"
-  }));
+  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) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><g clipPath=\"url(#a)\"><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\" /></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} 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>);}\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,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAG,QAAQ,EAAC;IAAZ,gBAAsB;MAAM,CAAC,EAAC;IAAR,EAAtB,CAAtH,eAA4a,+CAAM;MAAU,EAAE,EAAC;IAAb,gBAAiB;MAAM,CAAC,EAAC;IAAR,EAAjB,CAAN,CAA5a,CAAR;EAAigB;;EAC9kB,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA+a;;EACzc,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAwd;;EAClf,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,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;AAAqb,CAJ7Z,CAAxB;AAOAF,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","props","BellCrossedIcon20","BellCrossedIcon24","BellCrossedIcon28","BellCrossedIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","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}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst BellCrossedIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><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>);\nconst BellCrossedIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><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>);\nconst BellCrossedIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><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>);\nconst BellCrossedIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><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>);\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

@@ -7,10 +7,10 @@ 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 class BellOutlineIcon extends React.Component<IBellOutlineIconProps, any> {
-  render(): JSX.Element;
-}
+declare const BellOutlineIcon: React.ForwardRefExoticComponent<IBellOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
 
 export default BellOutlineIcon;