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

package/lib/arrow-top.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const ArrowTopIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.532 5.967a.75.75 0 1 1-1.06 1.061L8.748 4.305v9.197a.75.75 0 0 1-1.5 0v-9.19L4.532 7.028a.75.75 0 1 1-1.06-1.06l3.955-3.956a.75.75 0 0 1 .575-.264.75.75 0 0 1 .53.22z"
+})));
+ArrowTopIcon16.displayName = 'ArrowTopIcon16';
+const ArrowTopIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M15.384 7.465a1 1 0 0 1-1.415 1.414L11.001 5.91v10.585a1 1 0 0 1-2 0V5.91l-2.97 2.97a1 1 0 1 1-1.414-1.414l4.676-4.677a1 1 0 0 1 1.437.023z"
+})));
+ArrowTopIcon20.displayName = 'ArrowTopIcon20';
+const ArrowTopIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M18.866 8.744a1.5 1.5 0 1 1-2.121 2.121L13.499 7.62V20a1.5 1.5 0 1 1-3 0V7.62l-3.244 3.244a1.5 1.5 0 1 1-2.12-2.12l5.78-5.781a1.5 1.5 0 0 1 1.755-.307 1.5 1.5 0 0 1 .39.282z"
+})));
+ArrowTopIcon24.displayName = 'ArrowTopIcon24';
+const ArrowTopIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21.51 10.39a1.5 1.5 0 1 1-2.12 2.12L15.5 8.623V23a1.5 1.5 0 1 1-3 0V8.621l-3.89 3.89a1.5 1.5 0 1 1-2.12-2.121l6.45-6.45a1.5 1.5 0 0 1 2.137.015z"
+})));
+ArrowTopIcon28.displayName = 'ArrowTopIcon28';
 const ArrowTopIcon = /*#__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: "M13.008 22.007V9.556h5.034L12.004 3.01 5.86 9.556h5.149v12.45h2z"
-  }));
+  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(ArrowTopIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(ArrowTopIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(ArrowTopIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(ArrowTopIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(ArrowTopIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(ArrowTopIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(ArrowTopIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(ArrowTopIcon28, mainProps);
 });
+ArrowTopIcon.displayName = 'ArrowTopIcon';
 ArrowTopIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-ArrowTopIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default ArrowTopIcon;
 //# sourceMappingURL=arrow-top.js.map

package/lib/arrow-top.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow-top.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["arrow-top.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 ArrowTopIcon = 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=\"M13.008 22.007V9.556h5.034L12.004 3.01 5.86 9.556h5.149v12.45h2z\" /></svg>)}\n);\n\nArrowTopIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nArrowTopIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default ArrowTopIcon;"],"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;AAAmN,CADhP,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":"arrow-top.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","ArrowTopIcon16","forwardRef","props","ref","displayName","ArrowTopIcon20","ArrowTopIcon24","ArrowTopIcon28","ArrowTopIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["arrow-top.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 ArrowTopIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M12.532 5.967a.75.75 0 1 1-1.06 1.061L8.748 4.305v9.197a.75.75 0 0 1-1.5 0v-9.19L4.532 7.028a.75.75 0 1 1-1.06-1.06l3.955-3.956a.75.75 0 0 1 .575-.264.75.75 0 0 1 .53.22z\" /></svg>));\nArrowTopIcon16.displayName = 'ArrowTopIcon16';\nconst ArrowTopIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M15.384 7.465a1 1 0 0 1-1.415 1.414L11.001 5.91v10.585a1 1 0 0 1-2 0V5.91l-2.97 2.97a1 1 0 1 1-1.414-1.414l4.676-4.677a1 1 0 0 1 1.437.023z\" /></svg>));\nArrowTopIcon20.displayName = 'ArrowTopIcon20';\nconst ArrowTopIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M18.866 8.744a1.5 1.5 0 1 1-2.121 2.121L13.499 7.62V20a1.5 1.5 0 1 1-3 0V7.62l-3.244 3.244a1.5 1.5 0 1 1-2.12-2.12l5.78-5.781a1.5 1.5 0 0 1 1.755-.307 1.5 1.5 0 0 1 .39.282z\" /></svg>));\nArrowTopIcon24.displayName = 'ArrowTopIcon24';\nconst ArrowTopIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M21.51 10.39a1.5 1.5 0 1 1-2.12 2.12L15.5 8.623V23a1.5 1.5 0 1 1-3 0V8.621l-3.89 3.89a1.5 1.5 0 1 1-2.12-2.121l6.45-6.45a1.5 1.5 0 0 1 2.137.015z\" /></svg>));\nArrowTopIcon28.displayName = 'ArrowTopIcon28';\n\nconst ArrowTopIcon = 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}><ArrowTopIcon16 className={styles.variant16} />\n<ArrowTopIcon20 className={styles.variant20} />\n<ArrowTopIcon24 className={styles.variant24} />\n<ArrowTopIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<ArrowTopIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<ArrowTopIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<ArrowTopIcon24 {...mainProps} />); }\nreturn (<ArrowTopIcon28 {...mainProps} />);\n  }\n);\nArrowTopIcon.displayName = 'ArrowTopIcon';\nArrowTopIcon.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 ArrowTopIcon;"],"mappings":"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"}

package/lib/attached-outline.d.ts

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

package/lib/attached-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 AttachedOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.152 2.873a1.25 1.25 0 0 0-1.768 0L4.61 7.646a3 3 0 0 0 4.243 4.243l4.242-4.243a.5.5 0 0 1 .707.708L9.56 12.596A4 4 0 1 1 3.904 6.94l4.773-4.773a2.25 2.25 0 0 1 3.182 3.182l-4.42 4.42a.5.5 0 1 1-.707-.707l4.42-4.42a1.25 1.25 0 0 0 0-1.768"
+})));
+AttachedOutlineIcon16.displayName = 'AttachedOutlineIcon16';
+const AttachedOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M13.712 3.46a1.25 1.25 0 0 0-1.767 0l-7.071 7.07a3.25 3.25 0 1 0 4.596 4.597l6.717-6.718a.75.75 0 1 1 1.06 1.06l-6.717 6.718A4.75 4.75 0 1 1 3.813 9.47l7.071-7.071a2.75 2.75 0 1 1 3.89 3.889l-7.072 7.07a.75.75 0 0 1-1.06-1.06l7.07-7.07a1.25 1.25 0 0 0 0-1.769"
+})));
+AttachedOutlineIcon20.displayName = 'AttachedOutlineIcon20';
+const AttachedOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.566 4.752a1.25 1.25 0 0 0-1.768 0l-7.955 7.955a3.5 3.5 0 1 0 4.95 4.95l7.778-7.778a1 1 0 1 1 1.414 1.414l-7.778 7.778a5.5 5.5 0 0 1-7.778-7.778l7.955-7.955a3.25 3.25 0 1 1 4.596 4.596l-7.601 7.602a1 1 0 0 1-1.415-1.415l7.602-7.601a1.25 1.25 0 0 0 0-1.768"
+})));
+AttachedOutlineIcon24.displayName = 'AttachedOutlineIcon24';
+const AttachedOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.096 5.868a1.5 1.5 0 0 0-2.121 0l-8.84 8.839a4 4 0 1 0 5.658 5.657l7.328-7.329a1 1 0 0 1 1.415 1.414l-7.329 7.329a6 6 0 1 1-8.485-8.485l8.839-8.84a3.5 3.5 0 1 1 4.95 4.95l-8.886 8.886a1 1 0 0 1-1.415-1.414l8.886-8.886a1.5 1.5 0 0 0 0-2.12"
+})));
+AttachedOutlineIcon28.displayName = 'AttachedOutlineIcon28';
+const AttachedOutlineIcon = /*#__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(AttachedOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(AttachedOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(AttachedOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(AttachedOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(AttachedOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(AttachedOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(AttachedOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(AttachedOutlineIcon28, mainProps);
+});
+AttachedOutlineIcon.displayName = 'AttachedOutlineIcon';
+AttachedOutlineIcon.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 AttachedOutlineIcon;
+//# sourceMappingURL=attached-outline.js.map

package/lib/attached-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attached-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AttachedOutlineIcon16","forwardRef","props","ref","displayName","AttachedOutlineIcon20","AttachedOutlineIcon24","AttachedOutlineIcon28","AttachedOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["attached-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 AttachedOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M11.152 2.873a1.25 1.25 0 0 0-1.768 0L4.61 7.646a3 3 0 0 0 4.243 4.243l4.242-4.243a.5.5 0 0 1 .707.708L9.56 12.596A4 4 0 1 1 3.904 6.94l4.773-4.773a2.25 2.25 0 0 1 3.182 3.182l-4.42 4.42a.5.5 0 1 1-.707-.707l4.42-4.42a1.25 1.25 0 0 0 0-1.768\" /></svg>));\nAttachedOutlineIcon16.displayName = 'AttachedOutlineIcon16';\nconst AttachedOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M13.712 3.46a1.25 1.25 0 0 0-1.767 0l-7.071 7.07a3.25 3.25 0 1 0 4.596 4.597l6.717-6.718a.75.75 0 1 1 1.06 1.06l-6.717 6.718A4.75 4.75 0 1 1 3.813 9.47l7.071-7.071a2.75 2.75 0 1 1 3.89 3.889l-7.072 7.07a.75.75 0 0 1-1.06-1.06l7.07-7.07a1.25 1.25 0 0 0 0-1.769\" /></svg>));\nAttachedOutlineIcon20.displayName = 'AttachedOutlineIcon20';\nconst AttachedOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M16.566 4.752a1.25 1.25 0 0 0-1.768 0l-7.955 7.955a3.5 3.5 0 1 0 4.95 4.95l7.778-7.778a1 1 0 1 1 1.414 1.414l-7.778 7.778a5.5 5.5 0 0 1-7.778-7.778l7.955-7.955a3.25 3.25 0 1 1 4.596 4.596l-7.601 7.602a1 1 0 0 1-1.415-1.415l7.602-7.601a1.25 1.25 0 0 0 0-1.768\" /></svg>));\nAttachedOutlineIcon24.displayName = 'AttachedOutlineIcon24';\nconst AttachedOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M19.096 5.868a1.5 1.5 0 0 0-2.121 0l-8.84 8.839a4 4 0 1 0 5.658 5.657l7.328-7.329a1 1 0 0 1 1.415 1.414l-7.329 7.329a6 6 0 1 1-8.485-8.485l8.839-8.84a3.5 3.5 0 1 1 4.95 4.95l-8.886 8.886a1 1 0 0 1-1.415-1.414l8.886-8.886a1.5 1.5 0 0 0 0-2.12\" /></svg>));\nAttachedOutlineIcon28.displayName = 'AttachedOutlineIcon28';\n\nconst AttachedOutlineIcon = 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}><AttachedOutlineIcon16 className={styles.variant16} />\n<AttachedOutlineIcon20 className={styles.variant20} />\n<AttachedOutlineIcon24 className={styles.variant24} />\n<AttachedOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<AttachedOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<AttachedOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<AttachedOutlineIcon24 {...mainProps} />); }\nreturn (<AttachedOutlineIcon28 {...mainProps} />);\n  }\n);\nAttachedOutlineIcon.displayName = 'AttachedOutlineIcon';\nAttachedOutlineIcon.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 AttachedOutlineIcon;"],"mappings":"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"}

package/lib/attached.d.ts

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

package/lib/attached.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const AttachedIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  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"
+})));
+AttachedIcon16.displayName = 'AttachedIcon16';
+const AttachedIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  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"
+})));
+AttachedIcon20.displayName = 'AttachedIcon20';
+const AttachedIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  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"
+})));
+AttachedIcon24.displayName = 'AttachedIcon24';
+const AttachedIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  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"
+})));
+AttachedIcon28.displayName = 'AttachedIcon28';
 const AttachedIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M18.113 11.386l-6.724 6.725a3.18 3.18 0 01-4.496-4.496l8.333-8.333a1.1 1.1 0 011.555 1.555L8.447 15.17l1.387 1.386 8.333-8.333a3.06 3.06 0 10-4.328-4.327L5.506 12.23a5.14 5.14 0 007.269 7.268l6.725-6.724-1.387-1.386z"
-  }));
+  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(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(AttachedIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(AttachedIcon24, mainProps);
+  }
+
+  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) => {return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M18.113 11.386l-6.724 6.725a3.18 3.18 0 01-4.496-4.496l8.333-8.333a1.1 1.1 0 011.555 1.555L8.447 15.17l1.387 1.386 8.333-8.333a3.06 3.06 0 10-4.328-4.327L5.506 12.23a5.14 5.14 0 007.269 7.268l6.725-6.724-1.387-1.386z\" /></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,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;AAA2W,CADxY,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":"attached.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","AttachedIcon16","forwardRef","props","ref","displayName","AttachedIcon20","AttachedIcon24","AttachedIcon28","AttachedIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst AttachedIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} 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>));\nAttachedIcon16.displayName = 'AttachedIcon16';\nconst AttachedIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} 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>));\nAttachedIcon20.displayName = 'AttachedIcon20';\nconst AttachedIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} 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>));\nAttachedIcon24.displayName = 'AttachedIcon24';\nconst AttachedIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} 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>));\nAttachedIcon28.displayName = 'AttachedIcon28';\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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+
+export type TBellCrossedOutlineIconSize = "xs" | "s" | "m" | "l";
+
+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 const BellCrossedOutlineIcon: React.ForwardRefExoticComponent<IBellCrossedOutlineIconProps & React.RefAttributes<SVGSVGElement>>;
+
+export default BellCrossedOutlineIcon;

package/lib/bell-crossed-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 BellCrossedOutlineIcon16 = /*#__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.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"
+})));
+BellCrossedOutlineIcon16.displayName = 'BellCrossedOutlineIcon16';
+const BellCrossedOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  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"
+})));
+BellCrossedOutlineIcon20.displayName = 'BellCrossedOutlineIcon20';
+const BellCrossedOutlineIcon24 = /*#__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.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"
+})));
+BellCrossedOutlineIcon24.displayName = 'BellCrossedOutlineIcon24';
+const BellCrossedOutlineIcon28 = /*#__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.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"
+})));
+BellCrossedOutlineIcon28.displayName = 'BellCrossedOutlineIcon28';
+const BellCrossedOutlineIcon = /*#__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(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(BellCrossedOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(BellCrossedOutlineIcon24, mainProps);
+  }
+
+  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"]),
+  '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

@@ -0,0 +1 @@
+{"version":3,"file":"bell-crossed-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","BellCrossedOutlineIcon16","forwardRef","props","ref","displayName","BellCrossedOutlineIcon20","BellCrossedOutlineIcon24","BellCrossedOutlineIcon28","BellCrossedOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","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}\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst BellCrossedOutlineIcon16 = 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.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>));\nBellCrossedOutlineIcon16.displayName = 'BellCrossedOutlineIcon16';\nconst BellCrossedOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} 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>));\nBellCrossedOutlineIcon20.displayName = 'BellCrossedOutlineIcon20';\nconst BellCrossedOutlineIcon24 = 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.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>));\nBellCrossedOutlineIcon24.displayName = 'BellCrossedOutlineIcon24';\nconst BellCrossedOutlineIcon28 = 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.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>));\nBellCrossedOutlineIcon28.displayName = 'BellCrossedOutlineIcon28';\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":"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"}

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;