@rescui/icons 0.16.17 → 1.0.0

package/lib/instagram.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const InstagramIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5.515 2.042c-.638.03-1.074.132-1.455.282-.395.153-.729.36-1.062.694a2.9 2.9 0 0 0-.69 1.063c-.147.382-.248.818-.276 1.457s-.034.844-.031 2.473.01 1.834.041 2.474c.03.638.132 1.074.282 1.455.154.395.36.729.694 1.062.334.332.668.537 1.064.69.382.147.818.248 1.457.276s.844.034 2.473.031 1.834-.01 2.474-.04 1.073-.133 1.455-.282a2.9 2.9 0 0 0 1.061-.694 2.9 2.9 0 0 0 .69-1.064c.148-.382.248-.819.276-1.457.028-.64.034-.845.031-2.474s-.01-1.833-.04-2.473-.133-1.074-.282-1.456a2.95 2.95 0 0 0-.694-1.061 2.9 2.9 0 0 0-1.064-.69c-.382-.147-.818-.248-1.457-.276-.638-.027-.844-.034-2.473-.031s-1.834.01-2.474.041m.07 10.846c-.585-.025-.902-.122-1.114-.204a1.9 1.9 0 0 1-.69-.447 1.85 1.85 0 0 1-.45-.69c-.083-.21-.182-.528-.21-1.113-.03-.632-.035-.822-.039-2.424s.003-1.791.03-2.424c.025-.585.123-.903.204-1.114.108-.28.238-.48.448-.69.21-.212.41-.342.689-.451.211-.083.529-.18 1.114-.209.632-.03.822-.036 2.423-.04 1.602-.003 1.792.003 2.425.031.585.026.903.123 1.114.204.28.108.48.238.691.448s.34.409.45.69c.083.21.181.527.209 1.112.03.633.037.823.04 2.424.002 1.602-.003 1.792-.031 2.424-.025.585-.123.903-.204 1.115a1.9 1.9 0 0 1-.448.69c-.21.211-.409.341-.689.45-.211.083-.529.181-1.113.21-.633.029-.822.035-2.425.039s-1.79-.003-2.424-.03m4.892-8.095a.72.72 0 1 0 1.44-.002.72.72 0 0 0-1.44.002M4.919 8.006a3.08 3.08 0 1 0 6.162-.012 3.08 3.08 0 0 0-6.162.012M6 8.004a2 2 0 1 1 4-.008 2 2 0 0 1-4 .008"
+})));
+InstagramIcon16.displayName = 'InstagramIcon16';
+const InstagramIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7.1 3.049c-.744.035-1.252.154-1.697.329-.46.179-.85.42-1.238.81a3.4 3.4 0 0 0-.806 1.24c-.172.445-.289.955-.322 1.7s-.04.984-.036 2.885c.003 1.901.012 2.14.048 2.886.036.745.154 1.254.329 1.698.18.46.42.85.81 1.239a3.4 3.4 0 0 0 1.241.805c.445.172.954.289 1.7.322.745.032.984.04 2.885.036 1.9-.003 2.14-.012 2.886-.047.747-.036 1.252-.155 1.697-.329.46-.18.85-.42 1.239-.81.388-.39.626-.78.804-1.241.173-.445.29-.954.322-1.7s.04-.985.037-2.885c-.003-1.901-.012-2.14-.047-2.886s-.154-1.253-.329-1.698a3.4 3.4 0 0 0-.81-1.239 3.4 3.4 0 0 0-1.24-.804c-.446-.173-.955-.29-1.7-.322s-.985-.04-2.886-.037-2.14.012-2.886.048m.083 12.654c-.683-.03-1.053-.143-1.3-.238a2.2 2.2 0 0 1-.806-.522 2.16 2.16 0 0 1-.525-.804c-.096-.247-.212-.617-.244-1.3-.035-.737-.042-.958-.046-2.827-.004-1.87.003-2.09.036-2.828.029-.682.143-1.053.238-1.3.126-.327.277-.56.522-.806a2.16 2.16 0 0 1 .804-.525c.246-.096.616-.211 1.299-.243.738-.035.96-.042 2.828-.047s2.09.003 2.829.036c.682.03 1.053.143 1.3.238.326.126.56.277.805.522.246.245.398.477.525.804.097.246.211.616.244 1.299.035.738.043.96.046 2.828s-.003 2.09-.035 2.828c-.03.682-.143 1.053-.238 1.3a2.2 2.2 0 0 1-.523.806 2.2 2.2 0 0 1-.804.525c-.246.096-.617.211-1.298.244-.739.034-.96.042-2.83.046-1.868.004-2.09-.004-2.827-.036m5.706-9.444a.84.84 0 1 0 1.68-.003.84.84 0 0 0-1.68.003m-6.483 3.748a3.594 3.594 0 1 0 7.188-.014 3.594 3.594 0 0 0-7.188.014m1.26-.002a2.333 2.333 0 1 1 4.668-.01 2.333 2.333 0 0 1-4.667.01"
+})));
+InstagramIcon20.displayName = 'InstagramIcon20';
+const InstagramIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.273 3.063c-.958.045-1.612.198-2.184.423a4.4 4.4 0 0 0-1.592 1.04 4.4 4.4 0 0 0-1.035 1.596c-.222.572-.372 1.227-.414 2.185s-.052 1.266-.047 3.71.016 2.75.062 3.71c.046.958.198 1.612.423 2.184a4.4 4.4 0 0 0 1.04 1.592 4.4 4.4 0 0 0 1.597 1.035c.572.221 1.227.372 2.185.414s1.266.052 3.71.047 2.75-.016 3.71-.061c.96-.046 1.611-.199 2.183-.423a4.4 4.4 0 0 0 1.592-1.04 4.4 4.4 0 0 0 1.035-1.597c.221-.572.372-1.227.414-2.184.042-.96.052-1.268.047-3.711-.005-2.444-.016-2.75-.061-3.71-.046-.96-.198-1.612-.423-2.184a4.4 4.4 0 0 0-1.04-1.592 4.4 4.4 0 0 0-1.597-1.035c-.572-.221-1.227-.372-2.185-.414s-1.266-.052-3.71-.047-2.75.015-3.71.062m.105 16.27c-.878-.038-1.354-.184-1.672-.306a2.8 2.8 0 0 1-1.036-.671 2.8 2.8 0 0 1-.675-1.034c-.124-.317-.272-.793-.313-1.67-.045-.95-.054-1.234-.06-3.637-.004-2.403.005-2.687.046-3.636.038-.877.184-1.354.306-1.671.162-.421.357-.72.672-1.036a2.8 2.8 0 0 1 1.033-.675c.317-.124.793-.272 1.67-.313.95-.045 1.234-.054 3.637-.06s2.687.004 3.637.046c.876.038 1.354.183 1.67.306.421.162.72.357 1.037.671s.511.613.675 1.034c.124.317.271.792.313 1.67.045.95.055 1.234.06 3.636s-.005 2.688-.046 3.636c-.038.877-.184 1.354-.306 1.672a2.8 2.8 0 0 1-.672 1.036 2.8 2.8 0 0 1-1.033.675c-.317.124-.794.271-1.67.313-.95.045-1.234.054-3.637.06s-2.687-.005-3.636-.046M15.715 7.19a1.081 1.081 0 1 0 2.162-.004 1.081 1.081 0 0 0-2.162.004m-8.336 4.819a4.621 4.621 0 1 0 9.242-.018 4.621 4.621 0 0 0-9.242.018M9 12.006a3 3 0 1 1 6-.012 3 3 0 0 1-6 .012"
+})));
+InstagramIcon24.displayName = 'InstagramIcon24';
+const InstagramIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.858 4.07c-1.064.05-1.79.22-2.425.47-.658.256-1.215.6-1.77 1.156a4.9 4.9 0 0 0-1.15 1.772c-.246.637-.413 1.364-.46 2.429s-.057 1.407-.052 4.122c.005 2.716.017 3.056.069 4.123.05 1.064.22 1.79.47 2.426.256.657.6 1.214 1.156 1.769a4.9 4.9 0 0 0 1.774 1.15c.636.245 1.363.413 2.428.46 1.064.046 1.407.057 4.122.052s3.056-.017 4.123-.068c1.067-.05 1.79-.221 2.425-.47a4.9 4.9 0 0 0 1.769-1.156 4.9 4.9 0 0 0 1.15-1.774c.246-.636.413-1.363.46-2.427.046-1.067.057-1.408.052-4.123s-.018-3.056-.068-4.122c-.05-1.067-.22-1.79-.47-2.427a4.9 4.9 0 0 0-1.156-1.769 4.9 4.9 0 0 0-1.773-1.15c-.637-.245-1.364-.413-2.428-.46-1.065-.045-1.407-.057-4.123-.052s-3.056.017-4.123.069m.117 18.078c-.975-.043-1.504-.205-1.857-.34-.467-.18-.8-.398-1.152-.746a3.1 3.1 0 0 1-.75-1.149c-.137-.352-.302-.881-.347-1.856-.05-1.054-.06-1.37-.066-4.04s.004-2.986.05-4.04c.042-.974.205-1.504.34-1.857.18-.468.397-.8.746-1.151a3.1 3.1 0 0 1 1.15-.75c.351-.138.88-.302 1.855-.348 1.054-.05 1.37-.06 4.04-.066s2.986.004 4.041.05c.974.043 1.505.204 1.857.34.467.18.8.397 1.151.746.352.35.568.682.75 1.15.138.35.302.88.348 1.855.05 1.054.062 1.37.066 4.04s-.004 2.986-.05 4.04c-.043.975-.205 1.504-.34 1.857a3.1 3.1 0 0 1-.747 1.152c-.349.35-.681.567-1.148.75-.352.137-.882.301-1.855.347-1.055.05-1.371.06-4.041.066s-2.986-.005-4.04-.05m8.153-13.493a1.2 1.2 0 1 0 2.4-.003 1.2 1.2 0 0 0-2.4.003M8.865 14.01a5.134 5.134 0 1 0 10.27-.02 5.134 5.134 0 0 0-10.27.02m1.802-.004a3.334 3.334 0 1 1 6.667-.013 3.334 3.334 0 0 1-6.667.013"
+})));
+InstagramIcon28.displayName = 'InstagramIcon28';
 const InstagramIcon = /*#__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: "M7.857 4h8.257a4.355 4.355 0 014.371 4.373v8.254A4.355 4.355 0 0116.114 21H7.857a4.355 4.355 0 01-4.372-4.373V8.373A4.355 4.355 0 017.857 4zm8.257 15.177a2.561 2.561 0 002.55-2.55V8.373a2.566 2.566 0 00-2.55-2.55H7.857a2.561 2.561 0 00-2.55 2.55v8.254a2.566 2.566 0 002.55 2.55h8.257zm-4.129-9.472a3.036 3.036 0 103.036 3.04 3.011 3.011 0 00-3.036-3.04zm2.793-1.21a1.15 1.15 0 011.215-1.218 1.221 1.221 0 011.214 1.219 1.214 1.214 0 01-2.429 0z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(InstagramIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(InstagramIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(InstagramIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(InstagramIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(InstagramIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(InstagramIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(InstagramIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(InstagramIcon28, mainProps);
 });
+InstagramIcon.displayName = 'InstagramIcon';
 InstagramIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-InstagramIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default InstagramIcon;
 //# sourceMappingURL=instagram.js.map

package/lib/instagram.js.map

@@ -1 +1 @@
-{"version":3,"file":"instagram.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","InstagramIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["instagram.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 InstagramIcon = 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=\"M7.857 4h8.257a4.355 4.355 0 014.371 4.373v8.254A4.355 4.355 0 0116.114 21H7.857a4.355 4.355 0 01-4.372-4.373V8.373A4.355 4.355 0 017.857 4zm8.257 15.177a2.561 2.561 0 002.55-2.55V8.373a2.566 2.566 0 00-2.55-2.55H7.857a2.561 2.561 0 00-2.55 2.55v8.254a2.566 2.566 0 002.55 2.55h8.257zm-4.129-9.472a3.036 3.036 0 103.036 3.04 3.011 3.011 0 00-3.036-3.04zm2.793-1.21a1.15 1.15 0 011.215-1.218 1.221 1.221 0 011.214 1.219 1.214 1.214 0 01-2.429 0z\" /></svg>)}\n);\n\nInstagramIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nInstagramIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default InstagramIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,aAAa,gBAAGV,KAAK,CAACW,UAAN,CACpB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA+kB,CAD3mB,CAAtB;AAIAF,aAAa,CAACQ,SAAd,GAA0B;EACxBH,SAAS,EAAEd,SAAS,CAACkB,MADG;EAExBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHkB,CAA1B;AAMAV,aAAa,CAACW,YAAd,GAA6B;EAC3BP,IAAI,EAAE;AADqB,CAA7B;AAIA,eAAeJ,aAAf"}
+{"version":3,"file":"instagram.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","InstagramIcon16","forwardRef","props","ref","displayName","InstagramIcon20","InstagramIcon24","InstagramIcon28","InstagramIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["instagram.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 InstagramIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M5.515 2.042c-.638.03-1.074.132-1.455.282-.395.153-.729.36-1.062.694a2.9 2.9 0 0 0-.69 1.063c-.147.382-.248.818-.276 1.457s-.034.844-.031 2.473.01 1.834.041 2.474c.03.638.132 1.074.282 1.455.154.395.36.729.694 1.062.334.332.668.537 1.064.69.382.147.818.248 1.457.276s.844.034 2.473.031 1.834-.01 2.474-.04 1.073-.133 1.455-.282a2.9 2.9 0 0 0 1.061-.694 2.9 2.9 0 0 0 .69-1.064c.148-.382.248-.819.276-1.457.028-.64.034-.845.031-2.474s-.01-1.833-.04-2.473-.133-1.074-.282-1.456a2.95 2.95 0 0 0-.694-1.061 2.9 2.9 0 0 0-1.064-.69c-.382-.147-.818-.248-1.457-.276-.638-.027-.844-.034-2.473-.031s-1.834.01-2.474.041m.07 10.846c-.585-.025-.902-.122-1.114-.204a1.9 1.9 0 0 1-.69-.447 1.85 1.85 0 0 1-.45-.69c-.083-.21-.182-.528-.21-1.113-.03-.632-.035-.822-.039-2.424s.003-1.791.03-2.424c.025-.585.123-.903.204-1.114.108-.28.238-.48.448-.69.21-.212.41-.342.689-.451.211-.083.529-.18 1.114-.209.632-.03.822-.036 2.423-.04 1.602-.003 1.792.003 2.425.031.585.026.903.123 1.114.204.28.108.48.238.691.448s.34.409.45.69c.083.21.181.527.209 1.112.03.633.037.823.04 2.424.002 1.602-.003 1.792-.031 2.424-.025.585-.123.903-.204 1.115a1.9 1.9 0 0 1-.448.69c-.21.211-.409.341-.689.45-.211.083-.529.181-1.113.21-.633.029-.822.035-2.425.039s-1.79-.003-2.424-.03m4.892-8.095a.72.72 0 1 0 1.44-.002.72.72 0 0 0-1.44.002M4.919 8.006a3.08 3.08 0 1 0 6.162-.012 3.08 3.08 0 0 0-6.162.012M6 8.004a2 2 0 1 1 4-.008 2 2 0 0 1-4 .008\" /></svg>));\nInstagramIcon16.displayName = 'InstagramIcon16';\nconst InstagramIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M7.1 3.049c-.744.035-1.252.154-1.697.329-.46.179-.85.42-1.238.81a3.4 3.4 0 0 0-.806 1.24c-.172.445-.289.955-.322 1.7s-.04.984-.036 2.885c.003 1.901.012 2.14.048 2.886.036.745.154 1.254.329 1.698.18.46.42.85.81 1.239a3.4 3.4 0 0 0 1.241.805c.445.172.954.289 1.7.322.745.032.984.04 2.885.036 1.9-.003 2.14-.012 2.886-.047.747-.036 1.252-.155 1.697-.329.46-.18.85-.42 1.239-.81.388-.39.626-.78.804-1.241.173-.445.29-.954.322-1.7s.04-.985.037-2.885c-.003-1.901-.012-2.14-.047-2.886s-.154-1.253-.329-1.698a3.4 3.4 0 0 0-.81-1.239 3.4 3.4 0 0 0-1.24-.804c-.446-.173-.955-.29-1.7-.322s-.985-.04-2.886-.037-2.14.012-2.886.048m.083 12.654c-.683-.03-1.053-.143-1.3-.238a2.2 2.2 0 0 1-.806-.522 2.16 2.16 0 0 1-.525-.804c-.096-.247-.212-.617-.244-1.3-.035-.737-.042-.958-.046-2.827-.004-1.87.003-2.09.036-2.828.029-.682.143-1.053.238-1.3.126-.327.277-.56.522-.806a2.16 2.16 0 0 1 .804-.525c.246-.096.616-.211 1.299-.243.738-.035.96-.042 2.828-.047s2.09.003 2.829.036c.682.03 1.053.143 1.3.238.326.126.56.277.805.522.246.245.398.477.525.804.097.246.211.616.244 1.299.035.738.043.96.046 2.828s-.003 2.09-.035 2.828c-.03.682-.143 1.053-.238 1.3a2.2 2.2 0 0 1-.523.806 2.2 2.2 0 0 1-.804.525c-.246.096-.617.211-1.298.244-.739.034-.96.042-2.83.046-1.868.004-2.09-.004-2.827-.036m5.706-9.444a.84.84 0 1 0 1.68-.003.84.84 0 0 0-1.68.003m-6.483 3.748a3.594 3.594 0 1 0 7.188-.014 3.594 3.594 0 0 0-7.188.014m1.26-.002a2.333 2.333 0 1 1 4.668-.01 2.333 2.333 0 0 1-4.667.01\" /></svg>));\nInstagramIcon20.displayName = 'InstagramIcon20';\nconst InstagramIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M8.273 3.063c-.958.045-1.612.198-2.184.423a4.4 4.4 0 0 0-1.592 1.04 4.4 4.4 0 0 0-1.035 1.596c-.222.572-.372 1.227-.414 2.185s-.052 1.266-.047 3.71.016 2.75.062 3.71c.046.958.198 1.612.423 2.184a4.4 4.4 0 0 0 1.04 1.592 4.4 4.4 0 0 0 1.597 1.035c.572.221 1.227.372 2.185.414s1.266.052 3.71.047 2.75-.016 3.71-.061c.96-.046 1.611-.199 2.183-.423a4.4 4.4 0 0 0 1.592-1.04 4.4 4.4 0 0 0 1.035-1.597c.221-.572.372-1.227.414-2.184.042-.96.052-1.268.047-3.711-.005-2.444-.016-2.75-.061-3.71-.046-.96-.198-1.612-.423-2.184a4.4 4.4 0 0 0-1.04-1.592 4.4 4.4 0 0 0-1.597-1.035c-.572-.221-1.227-.372-2.185-.414s-1.266-.052-3.71-.047-2.75.015-3.71.062m.105 16.27c-.878-.038-1.354-.184-1.672-.306a2.8 2.8 0 0 1-1.036-.671 2.8 2.8 0 0 1-.675-1.034c-.124-.317-.272-.793-.313-1.67-.045-.95-.054-1.234-.06-3.637-.004-2.403.005-2.687.046-3.636.038-.877.184-1.354.306-1.671.162-.421.357-.72.672-1.036a2.8 2.8 0 0 1 1.033-.675c.317-.124.793-.272 1.67-.313.95-.045 1.234-.054 3.637-.06s2.687.004 3.637.046c.876.038 1.354.183 1.67.306.421.162.72.357 1.037.671s.511.613.675 1.034c.124.317.271.792.313 1.67.045.95.055 1.234.06 3.636s-.005 2.688-.046 3.636c-.038.877-.184 1.354-.306 1.672a2.8 2.8 0 0 1-.672 1.036 2.8 2.8 0 0 1-1.033.675c-.317.124-.794.271-1.67.313-.95.045-1.234.054-3.637.06s-2.687-.005-3.636-.046M15.715 7.19a1.081 1.081 0 1 0 2.162-.004 1.081 1.081 0 0 0-2.162.004m-8.336 4.819a4.621 4.621 0 1 0 9.242-.018 4.621 4.621 0 0 0-9.242.018M9 12.006a3 3 0 1 1 6-.012 3 3 0 0 1-6 .012\" /></svg>));\nInstagramIcon24.displayName = 'InstagramIcon24';\nconst InstagramIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M9.858 4.07c-1.064.05-1.79.22-2.425.47-.658.256-1.215.6-1.77 1.156a4.9 4.9 0 0 0-1.15 1.772c-.246.637-.413 1.364-.46 2.429s-.057 1.407-.052 4.122c.005 2.716.017 3.056.069 4.123.05 1.064.22 1.79.47 2.426.256.657.6 1.214 1.156 1.769a4.9 4.9 0 0 0 1.774 1.15c.636.245 1.363.413 2.428.46 1.064.046 1.407.057 4.122.052s3.056-.017 4.123-.068c1.067-.05 1.79-.221 2.425-.47a4.9 4.9 0 0 0 1.769-1.156 4.9 4.9 0 0 0 1.15-1.774c.246-.636.413-1.363.46-2.427.046-1.067.057-1.408.052-4.123s-.018-3.056-.068-4.122c-.05-1.067-.22-1.79-.47-2.427a4.9 4.9 0 0 0-1.156-1.769 4.9 4.9 0 0 0-1.773-1.15c-.637-.245-1.364-.413-2.428-.46-1.065-.045-1.407-.057-4.123-.052s-3.056.017-4.123.069m.117 18.078c-.975-.043-1.504-.205-1.857-.34-.467-.18-.8-.398-1.152-.746a3.1 3.1 0 0 1-.75-1.149c-.137-.352-.302-.881-.347-1.856-.05-1.054-.06-1.37-.066-4.04s.004-2.986.05-4.04c.042-.974.205-1.504.34-1.857.18-.468.397-.8.746-1.151a3.1 3.1 0 0 1 1.15-.75c.351-.138.88-.302 1.855-.348 1.054-.05 1.37-.06 4.04-.066s2.986.004 4.041.05c.974.043 1.505.204 1.857.34.467.18.8.397 1.151.746.352.35.568.682.75 1.15.138.35.302.88.348 1.855.05 1.054.062 1.37.066 4.04s-.004 2.986-.05 4.04c-.043.975-.205 1.504-.34 1.857a3.1 3.1 0 0 1-.747 1.152c-.349.35-.681.567-1.148.75-.352.137-.882.301-1.855.347-1.055.05-1.371.06-4.041.066s-2.986-.005-4.04-.05m8.153-13.493a1.2 1.2 0 1 0 2.4-.003 1.2 1.2 0 0 0-2.4.003M8.865 14.01a5.134 5.134 0 1 0 10.27-.02 5.134 5.134 0 0 0-10.27.02m1.802-.004a3.334 3.334 0 1 1 6.667-.013 3.334 3.334 0 0 1-6.667.013\" /></svg>));\nInstagramIcon28.displayName = 'InstagramIcon28';\n\nconst InstagramIcon = 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}><InstagramIcon16 className={styles.variant16} />\n<InstagramIcon20 className={styles.variant20} />\n<InstagramIcon24 className={styles.variant24} />\n<InstagramIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<InstagramIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<InstagramIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<InstagramIcon24 {...mainProps} />); }\nreturn (<InstagramIcon28 {...mainProps} />);\n  }\n);\nInstagramIcon.displayName = 'InstagramIcon';\nInstagramIcon.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 InstagramIcon;"],"mappings":"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"}

package/lib/jet-brains-outline.d.ts

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

package/lib/jet-brains-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 JetBrainsOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M5 11.5h4v-1H5zM2 2v12h12V2zm1 1h10v10H3z"
+})));
+JetBrainsOutlineIcon16.displayName = 'JetBrainsOutlineIcon16';
+const JetBrainsOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6 13.75h5v-1.5H6zM3 3v14h14V3zm1.5 1.5h11v11h-11z"
+})));
+JetBrainsOutlineIcon20.displayName = 'JetBrainsOutlineIcon20';
+const JetBrainsOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M7 17h6v-2H7zM3 3v18h18V3zm2 2h14v14H5z"
+})));
+JetBrainsOutlineIcon24.displayName = 'JetBrainsOutlineIcon24';
+const JetBrainsOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.5 19.5H16v-2H8.5zM4 4v20h20V4zm2 2h16v16H6z"
+})));
+JetBrainsOutlineIcon28.displayName = 'JetBrainsOutlineIcon28';
+const JetBrainsOutlineIcon = /*#__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(JetBrainsOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(JetBrainsOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(JetBrainsOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(JetBrainsOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(JetBrainsOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(JetBrainsOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(JetBrainsOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(JetBrainsOutlineIcon28, mainProps);
+});
+JetBrainsOutlineIcon.displayName = 'JetBrainsOutlineIcon';
+JetBrainsOutlineIcon.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 JetBrainsOutlineIcon;
+//# sourceMappingURL=jet-brains-outline.js.map

package/lib/jet-brains-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jet-brains-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","JetBrainsOutlineIcon16","forwardRef","props","ref","displayName","JetBrainsOutlineIcon20","JetBrainsOutlineIcon24","JetBrainsOutlineIcon28","JetBrainsOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["jet-brains-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 JetBrainsOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M5 11.5h4v-1H5zM2 2v12h12V2zm1 1h10v10H3z\" /></svg>));\nJetBrainsOutlineIcon16.displayName = 'JetBrainsOutlineIcon16';\nconst JetBrainsOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M6 13.75h5v-1.5H6zM3 3v14h14V3zm1.5 1.5h11v11h-11z\" /></svg>));\nJetBrainsOutlineIcon20.displayName = 'JetBrainsOutlineIcon20';\nconst JetBrainsOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M7 17h6v-2H7zM3 3v18h18V3zm2 2h14v14H5z\" /></svg>));\nJetBrainsOutlineIcon24.displayName = 'JetBrainsOutlineIcon24';\nconst JetBrainsOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M8.5 19.5H16v-2H8.5zM4 4v20h20V4zm2 2h16v16H6z\" /></svg>));\nJetBrainsOutlineIcon28.displayName = 'JetBrainsOutlineIcon28';\n\nconst JetBrainsOutlineIcon = 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}><JetBrainsOutlineIcon16 className={styles.variant16} />\n<JetBrainsOutlineIcon20 className={styles.variant20} />\n<JetBrainsOutlineIcon24 className={styles.variant24} />\n<JetBrainsOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<JetBrainsOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<JetBrainsOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<JetBrainsOutlineIcon24 {...mainProps} />); }\nreturn (<JetBrainsOutlineIcon28 {...mainProps} />);\n  }\n);\nJetBrainsOutlineIcon.displayName = 'JetBrainsOutlineIcon';\nJetBrainsOutlineIcon.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 JetBrainsOutlineIcon;"],"mappings":"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"}

package/lib/jet-brains.d.ts

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

package/lib/jet-brains.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const JetBrainsIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14 2H2v12h12zm-9 9.75v-1.5h4v1.5z"
+})));
+JetBrainsIcon16.displayName = 'JetBrainsIcon16';
+const JetBrainsIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17 3H3v14h14zM6 13.75v-1.5h5v1.5z"
+})));
+JetBrainsIcon20.displayName = 'JetBrainsIcon20';
+const JetBrainsIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M21 3H3v18h18zM7 17v-2h6v2z"
+})));
+JetBrainsIcon24.displayName = 'JetBrainsIcon24';
+const JetBrainsIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M24 4H4v20h20zM8.5 19.5v-2H16v2z"
+})));
+JetBrainsIcon28.displayName = 'JetBrainsIcon28';
 const JetBrainsIcon = /*#__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: "M3 3v18h18V3H3zm2 2h14v14H5V5zM14 15H7v2h7v-2Z"
-  }));
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(JetBrainsIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(JetBrainsIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(JetBrainsIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(JetBrainsIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(JetBrainsIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(JetBrainsIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(JetBrainsIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(JetBrainsIcon28, mainProps);
 });
+JetBrainsIcon.displayName = 'JetBrainsIcon';
 JetBrainsIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-JetBrainsIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default JetBrainsIcon;
 //# sourceMappingURL=jet-brains.js.map

package/lib/jet-brains.js.map

@@ -1 +1 @@
-{"version":3,"file":"jet-brains.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","JetBrainsIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["jet-brains.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 JetBrainsIcon = 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=\"M3 3v18h18V3H3zm2 2h14v14H5V5zM14 15H7v2h7v-2Z\" /></svg>)}\n);\n\nJetBrainsIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nJetBrainsIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default JetBrainsIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,aAAa,gBAAGV,KAAK,CAACW,UAAN,CACpB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;EAAC,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BA,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAiM,CAD7N,CAAtB;AAIAF,aAAa,CAACQ,SAAd,GAA0B;EACxBH,SAAS,EAAEd,SAAS,CAACkB,MADG;EAExBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHkB,CAA1B;AAMAV,aAAa,CAACW,YAAd,GAA6B;EAC3BP,IAAI,EAAE;AADqB,CAA7B;AAIA,eAAeJ,aAAf"}
+{"version":3,"file":"jet-brains.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","JetBrainsIcon16","forwardRef","props","ref","displayName","JetBrainsIcon20","JetBrainsIcon24","JetBrainsIcon28","JetBrainsIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["jet-brains.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 JetBrainsIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M14 2H2v12h12zm-9 9.75v-1.5h4v1.5z\" /></svg>));\nJetBrainsIcon16.displayName = 'JetBrainsIcon16';\nconst JetBrainsIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M17 3H3v14h14zM6 13.75v-1.5h5v1.5z\" /></svg>));\nJetBrainsIcon20.displayName = 'JetBrainsIcon20';\nconst JetBrainsIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M21 3H3v18h18zM7 17v-2h6v2z\" /></svg>));\nJetBrainsIcon24.displayName = 'JetBrainsIcon24';\nconst JetBrainsIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M24 4H4v20h20zM8.5 19.5v-2H16v2z\" /></svg>));\nJetBrainsIcon28.displayName = 'JetBrainsIcon28';\n\nconst JetBrainsIcon = 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}><JetBrainsIcon16 className={styles.variant16} />\n<JetBrainsIcon20 className={styles.variant20} />\n<JetBrainsIcon24 className={styles.variant24} />\n<JetBrainsIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<JetBrainsIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<JetBrainsIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<JetBrainsIcon24 {...mainProps} />); }\nreturn (<JetBrainsIcon28 {...mainProps} />);\n  }\n);\nJetBrainsIcon.displayName = 'JetBrainsIcon';\nJetBrainsIcon.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 JetBrainsIcon;"],"mappings":"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"}

package/lib/juejin.d.ts

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

package/lib/juejin.js

@@ -16,33 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const JuejinIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m7.999 5.124 1.686-1.34L7.999 2.43l-.002-.003L6.315 3.78l1.682 1.342zm-.001 4.228H8l4.348-3.431-1.18-.947L8 7.476h-.002l-.001.001-3.17-2.5-1.177.947 4.347 3.43zm0 2.345.001-.002 5.822-4.592L15 8.05l-7 5.522-6.887-5.43L1 8.052l1.178-.946z"
+})));
+JuejinIcon16.displayName = 'JuejinIcon16';
+const JuejinIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m9.999 6.466 2.167-1.724L10 3.004 9.997 3 7.833 4.739l2.164 1.725zm-.001 5.436H10l5.59-4.412-1.516-1.217L10 9.489h-.002l-.002.002-4.075-3.214-1.514 1.217 5.589 4.41zm-.001 3.015.002-.002 7.485-5.905L19 10.228l-9.001 7.1-8.853-6.981L1 10.23l1.515-1.216z"
+})));
+JuejinIcon20.displayName = 'JuejinIcon20';
+const JuejinIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m11.998 7.48 2.65-2.106-2.65-2.125-.002-.005L9.352 5.37l2.644 2.109zm-.001 6.644H12l6.833-5.392-1.853-1.488L12 11.176h-.003l-.002.002-4.98-3.93-1.85 1.49 6.83 5.389zm0 3.686.002-.003 9.148-7.217L23 12.078l-11.001 8.678-10.821-8.533L1 12.08l1.851-1.485z"
+})));
+JuejinIcon24.displayName = 'JuejinIcon24';
+const JuejinIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m13.998 9.069 2.89-2.298-2.89-2.318-.002-.005-2.885 2.318 2.885 2.3zm-.001 7.248H14l7.454-5.882-2.022-1.623L14 13.1h-.003l-.002.002-5.433-4.286-2.02 1.624 7.453 5.879zm-.001 4.021.003-.003 9.98-7.873L26 14.085l-12.001 9.467-11.805-9.308L2 14.088l2.02-1.621z"
+})));
+JuejinIcon28.displayName = 'JuejinIcon28';
 const JuejinIcon = /*#__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: "m11.9983 7.47986 2.6491-2.10616-2.6491-2.12488-.0023-.00468-2.64444 2.12488 2.64444 2.1085.0023.00234Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.9974 14.1243h.0023l6.8333-5.39181-1.8534-1.48835-4.9799 3.93156h-.0023l-.0023.0023-4.97995-3.92918-1.85109 1.48835 6.83104 5.38943.0023-.0023Z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m11.9965 17.8093.0023-.0023 9.1478-7.2172L23 12.0782l-11.0012 8.6773-10.82095-8.5322L1 12.0805l1.85108-1.486 9.14542 7.2148Z"
-  }));
+  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(JuejinIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(JuejinIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(JuejinIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(JuejinIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(JuejinIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(JuejinIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(JuejinIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(JuejinIcon28, mainProps);
 });
+JuejinIcon.displayName = 'JuejinIcon';
 JuejinIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-JuejinIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default JuejinIcon;
 //# sourceMappingURL=juejin.js.map

package/lib/juejin.js.map

@@ -1 +1 @@
-{"version":3,"file":"juejin.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","JuejinIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["juejin.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 JuejinIcon = 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=\"m11.9983 7.47986 2.6491-2.10616-2.6491-2.12488-.0023-.00468-2.64444 2.12488 2.64444 2.1085.0023.00234Z\" /><path d=\"M11.9974 14.1243h.0023l6.8333-5.39181-1.8534-1.48835-4.9799 3.93156h-.0023l-.0023.0023-4.97995-3.92918-1.85109 1.48835 6.83104 5.38943.0023-.0023Z\" /><path d=\"m11.9965 17.8093.0023-.0023 9.1478-7.2172L23 12.0782l-11.0012 8.6773-10.82095-8.5322L1 12.0805l1.85108-1.486 9.14542 7.2148Z\" /></svg>)}\n);\n\nJuejinIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nJuejinIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default JuejinIcon;"],"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,UAAU,gBAAGV,KAAK,CAACW,UAAN,CACjB,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,eAAyO;IAAM,CAAC,EAAC;EAAR,EAAzO,eAAwY;IAAM,CAAC,EAAC;EAAR,EAAxY,CAAR;AAAiiB,CADhkB,CAAnB;AAIAF,UAAU,CAACQ,SAAX,GAAuB;EACrBH,SAAS,EAAEd,SAAS,CAACkB,MADA;EAErBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFc;EAGrBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHe,CAAvB;AAMAV,UAAU,CAACW,YAAX,GAA0B;EACxBP,IAAI,EAAE;AADkB,CAA1B;AAIA,eAAeJ,UAAf"}
+{"version":3,"file":"juejin.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","JuejinIcon16","forwardRef","props","ref","displayName","JuejinIcon20","JuejinIcon24","JuejinIcon28","JuejinIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["juejin.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 JuejinIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m7.999 5.124 1.686-1.34L7.999 2.43l-.002-.003L6.315 3.78l1.682 1.342zm-.001 4.228H8l4.348-3.431-1.18-.947L8 7.476h-.002l-.001.001-3.17-2.5-1.177.947 4.347 3.43zm0 2.345.001-.002 5.822-4.592L15 8.05l-7 5.522-6.887-5.43L1 8.052l1.178-.946z\" /></svg>));\nJuejinIcon16.displayName = 'JuejinIcon16';\nconst JuejinIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"m9.999 6.466 2.167-1.724L10 3.004 9.997 3 7.833 4.739l2.164 1.725zm-.001 5.436H10l5.59-4.412-1.516-1.217L10 9.489h-.002l-.002.002-4.075-3.214-1.514 1.217 5.589 4.41zm-.001 3.015.002-.002 7.485-5.905L19 10.228l-9.001 7.1-8.853-6.981L1 10.23l1.515-1.216z\" /></svg>));\nJuejinIcon20.displayName = 'JuejinIcon20';\nconst JuejinIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"m11.998 7.48 2.65-2.106-2.65-2.125-.002-.005L9.352 5.37l2.644 2.109zm-.001 6.644H12l6.833-5.392-1.853-1.488L12 11.176h-.003l-.002.002-4.98-3.93-1.85 1.49 6.83 5.389zm0 3.686.002-.003 9.148-7.217L23 12.078l-11.001 8.678-10.821-8.533L1 12.08l1.851-1.485z\" /></svg>));\nJuejinIcon24.displayName = 'JuejinIcon24';\nconst JuejinIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"m13.998 9.069 2.89-2.298-2.89-2.318-.002-.005-2.885 2.318 2.885 2.3zm-.001 7.248H14l7.454-5.882-2.022-1.623L14 13.1h-.003l-.002.002-5.433-4.286-2.02 1.624 7.453 5.879zm-.001 4.021.003-.003 9.98-7.873L26 14.085l-12.001 9.467-11.805-9.308L2 14.088l2.02-1.621z\" /></svg>));\nJuejinIcon28.displayName = 'JuejinIcon28';\n\nconst JuejinIcon = 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}><JuejinIcon16 className={styles.variant16} />\n<JuejinIcon20 className={styles.variant20} />\n<JuejinIcon24 className={styles.variant24} />\n<JuejinIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<JuejinIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<JuejinIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<JuejinIcon24 {...mainProps} />); }\nreturn (<JuejinIcon28 {...mainProps} />);\n  }\n);\nJuejinIcon.displayName = 'JuejinIcon';\nJuejinIcon.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 JuejinIcon;"],"mappings":"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"}

package/lib/key-hole-outline.d.ts

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