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

package/lib/git-hub.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const GitHubIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.006 1C4.132 1 1 4.208 1 8.177c0 3.173 2.007 5.859 4.79 6.81.349.07.476-.155.476-.345 0-.167-.011-.737-.011-1.331-1.95.428-2.355-.856-2.355-.856-.313-.832-.777-1.046-.777-1.046-.638-.44.046-.44.046-.44.708.048 1.079.738 1.079.738.626 1.093 1.635.784 2.041.594.058-.464.244-.785.441-.963-1.554-.166-3.19-.784-3.19-3.541 0-.784.279-1.426.72-1.925-.07-.178-.314-.915.07-1.901 0 0 .59-.19 1.924.736a6.6 6.6 0 0 1 1.752-.237c.591 0 1.194.083 1.751.237 1.334-.926 1.926-.736 1.926-.736.383.986.139 1.723.07 1.901.452.5.718 1.14.718 1.925 0 2.757-1.635 3.363-3.2 3.541.254.226.475.654.475 1.331 0 .963-.012 1.735-.012 1.973 0 .19.128.416.476.344 2.783-.95 4.79-3.636 4.79-6.809C15.011 4.208 11.868 1 8.006 1"
+})));
+GitHubIcon16.displayName = 'GitHubIcon16';
+const GitHubIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M10.007 2C5.58 2 2 5.667 2 10.203c0 3.625 2.294 6.695 5.475 7.781.398.082.543-.177.543-.394 0-.19-.013-.842-.013-1.52-2.227.488-2.69-.979-2.69-.979-.359-.95-.889-1.195-.889-1.195-.729-.502.053-.502.053-.502.809.054 1.233.842 1.233.842.716 1.25 1.87.896 2.333.679.066-.53.278-.896.504-1.1-1.777-.19-3.645-.896-3.645-4.047 0-.896.317-1.63.821-2.2-.08-.204-.358-1.046.08-2.173 0 0 .676-.217 2.2.842a7.6 7.6 0 0 1 2.002-.272 7.6 7.6 0 0 1 2.001.272c1.525-1.06 2.2-.842 2.2-.842.438 1.127.16 1.97.08 2.173.517.57.822 1.304.822 2.2 0 3.15-1.869 3.843-3.658 4.047.291.258.543.747.543 1.52 0 1.1-.013 1.984-.013 2.255 0 .218.146.476.543.394C15.707 16.897 18 13.828 18 10.203 18.013 5.667 14.42 2 10.007 2"
+})));
+GitHubIcon20.displayName = 'GitHubIcon20';
+const GitHubIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.008 2C6.474 2 2 6.583 2 12.254c0 4.532 2.867 8.369 6.843 9.727.498.102.68-.221.68-.493 0-.237-.017-1.052-.017-1.901-2.784.611-3.364-1.222-3.364-1.222-.447-1.189-1.11-1.494-1.11-1.494-.911-.628.067-.628.067-.628 1.01.068 1.54 1.052 1.54 1.052.895 1.562 2.337 1.12 2.917.85.083-.663.348-1.121.63-1.376-2.22-.238-4.557-1.12-4.557-5.059 0-1.12.397-2.037 1.027-2.75-.1-.254-.447-1.307.1-2.716 0 0 .845-.272 2.75 1.052a9.5 9.5 0 0 1 2.502-.34c.845 0 1.707.12 2.502.34 1.906-1.324 2.75-1.052 2.75-1.052.548 1.409.2 2.462.1 2.716.647.713 1.028 1.63 1.028 2.75 0 3.939-2.337 4.804-4.574 5.06.365.322.68.933.68 1.9 0 1.375-.017 2.479-.017 2.818 0 .272.183.595.68.493C19.133 20.622 22 16.786 22 12.253 22.016 6.584 17.526 2 12.008 2"
+})));
+GitHubIcon24.displayName = 'GitHubIcon24';
+const GitHubIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.01 3C7.92 3 3 8.042 3 14.279c0 4.986 3.153 9.206 7.528 10.7.547.112.747-.243.747-.542 0-.261-.018-1.157-.018-2.091-3.063.672-3.7-1.345-3.7-1.345-.492-1.307-1.222-1.643-1.222-1.643-1.002-.69.073-.69.073-.69 1.112.074 1.696 1.157 1.696 1.157.984 1.718 2.57 1.232 3.208.934.09-.729.382-1.233.692-1.513-2.442-.261-5.012-1.232-5.012-5.565 0-1.232.437-2.24 1.13-3.025-.11-.28-.492-1.438.11-2.988 0 0 .929-.298 3.025 1.158a10.4 10.4 0 0 1 2.752-.373c.93 0 1.877.13 2.752.373 2.096-1.457 3.026-1.158 3.026-1.158.602 1.55.219 2.708.11 2.988.71.784 1.13 1.793 1.13 3.025 0 4.333-2.57 5.285-5.031 5.565.4.355.747 1.027.747 2.091 0 1.513-.018 2.727-.018 3.1 0 .299.2.654.747.542C21.847 23.485 25 19.265 25 14.279 25.018 8.042 20.079 3 14.01 3"
+})));
+GitHubIcon28.displayName = 'GitHubIcon28';
 const GitHubIcon = /*#__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: "M9.32 20.698a.293.293 0 00.284-.042.31.31 0 00.119-.266v-1.75a3.86 3.86 0 01-1.91 0 1.858 1.858 0 01-1.207-1.234 1.74 1.74 0 00-.805-1.029 1.026 1.026 0 01-.503-.617s.1-.308.604-.206c.502.103.905.515 1.407 1.338a1.924 1.924 0 002.213.514c.002-.244.036-.485.1-.72.06-.245.202-.463.402-.617a3.863 3.863 0 01-3.921-3.497 4.262 4.262 0 01.905-3.6 2.885 2.885 0 01.2-2.469h.101c.842.09 1.642.41 2.313.926a8.086 8.086 0 014.425 0 7.19 7.19 0 012.413-.926 2.996 2.996 0 01.201 2.469 4.434 4.434 0 01.905 3.6 3.784 3.784 0 01-3.921 3.497 1.648 1.648 0 01.502 1.234v3.086a.404.404 0 00.247.382c.05.02.102.03.156.03a9.17 9.17 0 006.435-8.846 9.102 9.102 0 00-9-9.155 9.103 9.103 0 00-9 9.155 9.05 9.05 0 006.336 8.742z"
-  }));
+  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(GitHubIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GitHubIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GitHubIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GitHubIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GitHubIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(GitHubIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GitHubIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(GitHubIcon28, mainProps);
 });
+GitHubIcon.displayName = 'GitHubIcon';
 GitHubIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-GitHubIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default GitHubIcon;
 //# sourceMappingURL=git-hub.js.map

package/lib/git-hub.js.map

@@ -1 +1 @@
-{"version":3,"file":"git-hub.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GitHubIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["git-hub.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 GitHubIcon = 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=\"M9.32 20.698a.293.293 0 00.284-.042.31.31 0 00.119-.266v-1.75a3.86 3.86 0 01-1.91 0 1.858 1.858 0 01-1.207-1.234 1.74 1.74 0 00-.805-1.029 1.026 1.026 0 01-.503-.617s.1-.308.604-.206c.502.103.905.515 1.407 1.338a1.924 1.924 0 002.213.514c.002-.244.036-.485.1-.72.06-.245.202-.463.402-.617a3.863 3.863 0 01-3.921-3.497 4.262 4.262 0 01.905-3.6 2.885 2.885 0 01.2-2.469h.101c.842.09 1.642.41 2.313.926a8.086 8.086 0 014.425 0 7.19 7.19 0 012.413-.926 2.996 2.996 0 01.201 2.469 4.434 4.434 0 01.905 3.6 3.784 3.784 0 01-3.921 3.497 1.648 1.648 0 01.502 1.234v3.086a.404.404 0 00.247.382c.05.02.102.03.156.03a9.17 9.17 0 006.435-8.846 9.102 9.102 0 00-9-9.155 9.103 9.103 0 00-9 9.155 9.05 9.05 0 006.336 8.742z\" /></svg>)}\n);\n\nGitHubIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nGitHubIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default GitHubIcon;"],"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,CAAR;AAAu1B,CADt3B,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":"git-hub.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GitHubIcon16","forwardRef","props","ref","displayName","GitHubIcon20","GitHubIcon24","GitHubIcon28","GitHubIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["git-hub.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 GitHubIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8.006 1C4.132 1 1 4.208 1 8.177c0 3.173 2.007 5.859 4.79 6.81.349.07.476-.155.476-.345 0-.167-.011-.737-.011-1.331-1.95.428-2.355-.856-2.355-.856-.313-.832-.777-1.046-.777-1.046-.638-.44.046-.44.046-.44.708.048 1.079.738 1.079.738.626 1.093 1.635.784 2.041.594.058-.464.244-.785.441-.963-1.554-.166-3.19-.784-3.19-3.541 0-.784.279-1.426.72-1.925-.07-.178-.314-.915.07-1.901 0 0 .59-.19 1.924.736a6.6 6.6 0 0 1 1.752-.237c.591 0 1.194.083 1.751.237 1.334-.926 1.926-.736 1.926-.736.383.986.139 1.723.07 1.901.452.5.718 1.14.718 1.925 0 2.757-1.635 3.363-3.2 3.541.254.226.475.654.475 1.331 0 .963-.012 1.735-.012 1.973 0 .19.128.416.476.344 2.783-.95 4.79-3.636 4.79-6.809C15.011 4.208 11.868 1 8.006 1\" /></svg>));\nGitHubIcon16.displayName = 'GitHubIcon16';\nconst GitHubIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M10.007 2C5.58 2 2 5.667 2 10.203c0 3.625 2.294 6.695 5.475 7.781.398.082.543-.177.543-.394 0-.19-.013-.842-.013-1.52-2.227.488-2.69-.979-2.69-.979-.359-.95-.889-1.195-.889-1.195-.729-.502.053-.502.053-.502.809.054 1.233.842 1.233.842.716 1.25 1.87.896 2.333.679.066-.53.278-.896.504-1.1-1.777-.19-3.645-.896-3.645-4.047 0-.896.317-1.63.821-2.2-.08-.204-.358-1.046.08-2.173 0 0 .676-.217 2.2.842a7.6 7.6 0 0 1 2.002-.272 7.6 7.6 0 0 1 2.001.272c1.525-1.06 2.2-.842 2.2-.842.438 1.127.16 1.97.08 2.173.517.57.822 1.304.822 2.2 0 3.15-1.869 3.843-3.658 4.047.291.258.543.747.543 1.52 0 1.1-.013 1.984-.013 2.255 0 .218.146.476.543.394C15.707 16.897 18 13.828 18 10.203 18.013 5.667 14.42 2 10.007 2\" /></svg>));\nGitHubIcon20.displayName = 'GitHubIcon20';\nconst GitHubIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12.008 2C6.474 2 2 6.583 2 12.254c0 4.532 2.867 8.369 6.843 9.727.498.102.68-.221.68-.493 0-.237-.017-1.052-.017-1.901-2.784.611-3.364-1.222-3.364-1.222-.447-1.189-1.11-1.494-1.11-1.494-.911-.628.067-.628.067-.628 1.01.068 1.54 1.052 1.54 1.052.895 1.562 2.337 1.12 2.917.85.083-.663.348-1.121.63-1.376-2.22-.238-4.557-1.12-4.557-5.059 0-1.12.397-2.037 1.027-2.75-.1-.254-.447-1.307.1-2.716 0 0 .845-.272 2.75 1.052a9.5 9.5 0 0 1 2.502-.34c.845 0 1.707.12 2.502.34 1.906-1.324 2.75-1.052 2.75-1.052.548 1.409.2 2.462.1 2.716.647.713 1.028 1.63 1.028 2.75 0 3.939-2.337 4.804-4.574 5.06.365.322.68.933.68 1.9 0 1.375-.017 2.479-.017 2.818 0 .272.183.595.68.493C19.133 20.622 22 16.786 22 12.253 22.016 6.584 17.526 2 12.008 2\" /></svg>));\nGitHubIcon24.displayName = 'GitHubIcon24';\nconst GitHubIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M14.01 3C7.92 3 3 8.042 3 14.279c0 4.986 3.153 9.206 7.528 10.7.547.112.747-.243.747-.542 0-.261-.018-1.157-.018-2.091-3.063.672-3.7-1.345-3.7-1.345-.492-1.307-1.222-1.643-1.222-1.643-1.002-.69.073-.69.073-.69 1.112.074 1.696 1.157 1.696 1.157.984 1.718 2.57 1.232 3.208.934.09-.729.382-1.233.692-1.513-2.442-.261-5.012-1.232-5.012-5.565 0-1.232.437-2.24 1.13-3.025-.11-.28-.492-1.438.11-2.988 0 0 .929-.298 3.025 1.158a10.4 10.4 0 0 1 2.752-.373c.93 0 1.877.13 2.752.373 2.096-1.457 3.026-1.158 3.026-1.158.602 1.55.219 2.708.11 2.988.71.784 1.13 1.793 1.13 3.025 0 4.333-2.57 5.285-5.031 5.565.4.355.747 1.027.747 2.091 0 1.513-.018 2.727-.018 3.1 0 .299.2.654.747.542C21.847 23.485 25 19.265 25 14.279 25.018 8.042 20.079 3 14.01 3\" /></svg>));\nGitHubIcon28.displayName = 'GitHubIcon28';\n\nconst GitHubIcon = 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}><GitHubIcon16 className={styles.variant16} />\n<GitHubIcon20 className={styles.variant20} />\n<GitHubIcon24 className={styles.variant24} />\n<GitHubIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GitHubIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GitHubIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GitHubIcon24 {...mainProps} />); }\nreturn (<GitHubIcon28 {...mainProps} />);\n  }\n);\nGitHubIcon.displayName = 'GitHubIcon';\nGitHubIcon.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 GitHubIcon;"],"mappings":"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"}

package/lib/gitlab.d.ts

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

package/lib/gitlab.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const GitlabIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m14.768 6.596-.02-.05-1.906-4.974a.5.5 0 0 0-.492-.312.5.5 0 0 0-.287.107.5.5 0 0 0-.17.257l-1.286 3.937h-5.21L4.11 1.624a.5.5 0 0 0-.948-.052l-1.91 4.97-.018.051a3.54 3.54 0 0 0 1.173 4.09l.007.005.017.012 2.903 2.174 1.436 1.087.875.66a.59.59 0 0 0 .712 0l.875-.66 1.436-1.087 2.92-2.187.007-.006a3.54 3.54 0 0 0 1.173-4.085"
+})));
+GitlabIcon16.displayName = 'GitlabIcon16';
+const GitlabIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m17.734 8.395-.022-.058-2.178-5.684a.57.57 0 0 0-.563-.357.6.6 0 0 0-.328.123.6.6 0 0 0-.193.293l-1.47 4.5H7.024l-1.471-4.5a.571.571 0 0 0-1.084-.06L2.288 8.334l-.022.057a4.044 4.044 0 0 0 1.342 4.675l.007.005.02.014 3.318 2.485 1.641 1.242 1 .755a.67.67 0 0 0 .813 0l1-.755 1.642-1.242 3.337-2.5.009-.006a4.045 4.045 0 0 0 1.34-4.67"
+})));
+GitlabIcon20.displayName = 'GitlabIcon20';
+const GitlabIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m21.668 9.993-.028-.071-2.723-7.105a.71.71 0 0 0-.704-.446.73.73 0 0 0-.409.153.73.73 0 0 0-.242.367l-1.838 5.624H8.281L6.443 2.89a.7.7 0 0 0-.242-.368.73.73 0 0 0-.833-.045.7.7 0 0 0-.28.338L2.36 9.917l-.027.072a5.055 5.055 0 0 0 1.677 5.843l.01.007.024.018 4.147 3.105 2.052 1.553 1.25.944a.84.84 0 0 0 1.016 0l1.25-.944 2.052-1.553 4.172-3.124.01-.008a5.06 5.06 0 0 0 1.675-5.837"
+})));
+GitlabIcon24.displayName = 'GitlabIcon24';
+const GitlabIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m24.635 11.792-.031-.079-2.995-7.815a.78.78 0 0 0-.774-.49.8.8 0 0 0-.45.168.8.8 0 0 0-.266.403l-2.022 6.187H9.909L7.887 3.979a.8.8 0 0 0-.266-.404.8.8 0 0 0-.916-.05.8.8 0 0 0-.308.372l-3 7.812-.03.079a5.56 5.56 0 0 0 1.844 6.427l.01.008.028.019 4.562 3.416 2.256 1.708 1.375 1.038a.924.924 0 0 0 1.118 0l1.375-1.038 2.257-1.708 4.59-3.437.01-.009a5.56 5.56 0 0 0 1.843-6.42"
+})));
+GitlabIcon28.displayName = 'GitlabIcon28';
 const GitlabIcon = /*#__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: "M21.037 10.126l-.026-.068-2.544-6.64a.663.663 0 00-.658-.416.681.681 0 00-.383.143.681.681 0 00-.225.343l-1.718 5.255H8.527L6.809 3.488a.668.668 0 00-.226-.344.681.681 0 00-.778-.042.669.669 0 00-.262.316l-2.55 6.637-.025.067a4.724 4.724 0 001.567 5.46l.01.006.022.017 3.876 2.902 1.918 1.451 1.167.882a.786.786 0 00.95 0l1.168-.882 1.918-1.45 3.899-2.92.01-.008a4.726 4.726 0 001.564-5.454z"
-  }));
+  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(GitlabIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GitlabIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GitlabIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GitlabIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GitlabIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(GitlabIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GitlabIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(GitlabIcon28, mainProps);
 });
+GitlabIcon.displayName = 'GitlabIcon';
 GitlabIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-GitlabIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default GitlabIcon;
 //# sourceMappingURL=gitlab.js.map

package/lib/gitlab.js.map

@@ -1 +1 @@
-{"version":3,"file":"gitlab.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GitlabIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["gitlab.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 GitlabIcon = 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=\"M21.037 10.126l-.026-.068-2.544-6.64a.663.663 0 00-.658-.416.681.681 0 00-.383.143.681.681 0 00-.225.343l-1.718 5.255H8.527L6.809 3.488a.668.668 0 00-.226-.344.681.681 0 00-.778-.042.669.669 0 00-.262.316l-2.55 6.637-.025.067a4.724 4.724 0 001.567 5.46l.01.006.022.017 3.876 2.902 1.918 1.451 1.167.882a.786.786 0 00.95 0l1.168-.882 1.918-1.45 3.899-2.92.01-.008a4.726 4.726 0 001.564-5.454z\" /></svg>)}\n);\n\nGitlabIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nGitlabIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default GitlabIcon;"],"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,CAAR;AAA0hB,CADzjB,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":"gitlab.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GitlabIcon16","forwardRef","props","ref","displayName","GitlabIcon20","GitlabIcon24","GitlabIcon28","GitlabIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["gitlab.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 GitlabIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"m14.768 6.596-.02-.05-1.906-4.974a.5.5 0 0 0-.492-.312.5.5 0 0 0-.287.107.5.5 0 0 0-.17.257l-1.286 3.937h-5.21L4.11 1.624a.5.5 0 0 0-.948-.052l-1.91 4.97-.018.051a3.54 3.54 0 0 0 1.173 4.09l.007.005.017.012 2.903 2.174 1.436 1.087.875.66a.59.59 0 0 0 .712 0l.875-.66 1.436-1.087 2.92-2.187.007-.006a3.54 3.54 0 0 0 1.173-4.085\" /></svg>));\nGitlabIcon16.displayName = 'GitlabIcon16';\nconst GitlabIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"m17.734 8.395-.022-.058-2.178-5.684a.57.57 0 0 0-.563-.357.6.6 0 0 0-.328.123.6.6 0 0 0-.193.293l-1.47 4.5H7.024l-1.471-4.5a.571.571 0 0 0-1.084-.06L2.288 8.334l-.022.057a4.044 4.044 0 0 0 1.342 4.675l.007.005.02.014 3.318 2.485 1.641 1.242 1 .755a.67.67 0 0 0 .813 0l1-.755 1.642-1.242 3.337-2.5.009-.006a4.045 4.045 0 0 0 1.34-4.67\" /></svg>));\nGitlabIcon20.displayName = 'GitlabIcon20';\nconst GitlabIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"m21.668 9.993-.028-.071-2.723-7.105a.71.71 0 0 0-.704-.446.73.73 0 0 0-.409.153.73.73 0 0 0-.242.367l-1.838 5.624H8.281L6.443 2.89a.7.7 0 0 0-.242-.368.73.73 0 0 0-.833-.045.7.7 0 0 0-.28.338L2.36 9.917l-.027.072a5.055 5.055 0 0 0 1.677 5.843l.01.007.024.018 4.147 3.105 2.052 1.553 1.25.944a.84.84 0 0 0 1.016 0l1.25-.944 2.052-1.553 4.172-3.124.01-.008a5.06 5.06 0 0 0 1.675-5.837\" /></svg>));\nGitlabIcon24.displayName = 'GitlabIcon24';\nconst GitlabIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"m24.635 11.792-.031-.079-2.995-7.815a.78.78 0 0 0-.774-.49.8.8 0 0 0-.45.168.8.8 0 0 0-.266.403l-2.022 6.187H9.909L7.887 3.979a.8.8 0 0 0-.266-.404.8.8 0 0 0-.916-.05.8.8 0 0 0-.308.372l-3 7.812-.03.079a5.56 5.56 0 0 0 1.844 6.427l.01.008.028.019 4.562 3.416 2.256 1.708 1.375 1.038a.924.924 0 0 0 1.118 0l1.375-1.038 2.257-1.708 4.59-3.437.01-.009a5.56 5.56 0 0 0 1.843-6.42\" /></svg>));\nGitlabIcon28.displayName = 'GitlabIcon28';\n\nconst GitlabIcon = 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}><GitlabIcon16 className={styles.variant16} />\n<GitlabIcon20 className={styles.variant20} />\n<GitlabIcon24 className={styles.variant24} />\n<GitlabIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GitlabIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GitlabIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GitlabIcon24 {...mainProps} />); }\nreturn (<GitlabIcon28 {...mainProps} />);\n  }\n);\nGitlabIcon.displayName = 'GitlabIcon';\nGitlabIcon.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 GitlabIcon;"],"mappings":"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"}

package/lib/globus-outline.d.ts

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

package/lib/globus-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 GlobusOutlineIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m0 13c.076 0 .232-.032.465-.262.238-.234.497-.623.737-1.182.191-.446.357-.97.487-1.556H6.311c.13.586.296 1.11.487 1.556.24.56.5.948.737 1.182.233.23.389.262.465.262m-1.867-4h3.734c.086-.624.133-1.295.133-2s-.047-1.376-.133-2H6.133A15 15 0 0 0 6 8c0 .705.047 1.376.133 2m.178-5H9.69a9 9 0 0 0-.487-1.556c-.24-.56-.5-.948-.737-1.182C8.232 2.032 8.076 2 8 2s-.232.032-.465.262c-.238.234-.497.623-.737 1.182A9 9 0 0 0 6.31 5m4.565 1c.08.634.124 1.305.124 2s-.043 1.366-.124 2h2.783A6 6 0 0 0 14 8a6 6 0 0 0-.341-2zm2.321-1A6.02 6.02 0 0 0 9.71 2.247c.428.695.775 1.644 1.001 2.753zM5.29 5c.226-1.11.573-2.058 1.001-2.753A6.02 6.02 0 0 0 2.803 5zM2.34 6A6 6 0 0 0 2 8c0 .701.12 1.374.341 2h2.783A16 16 0 0 1 5 8c0-.695.043-1.366.124-2zm7.369 7.753A6.02 6.02 0 0 0 13.197 11h-2.486c-.226 1.11-.573 2.058-1.001 2.753m-3.42 0c-.428-.695-.775-1.644-1.001-2.753H2.803a6.02 6.02 0 0 0 3.487 2.753"
+})));
+GlobusOutlineIcon16.displayName = 'GlobusOutlineIcon16';
+const GlobusOutlineIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M9.996 2a8.005 8.005 0 1 0 .009 0zM7.794 16.125a6.53 6.53 0 0 1-3.428-2.875h2.5c.213 1.116.532 2.098.928 2.875m1.16-1.059a10 10 0 0 1-.558-1.816h3.208a10 10 0 0 1-.558 1.816c-.263.613-.537 1.013-.765 1.238a1 1 0 0 1-.236.18.2.2 0 0 1-.04.015h-.003L10 16.5h-.005a.2.2 0 0 1-.04-.016 1 1 0 0 1-.236-.18c-.228-.225-.502-.625-.765-1.238m-.793-3.316q-.088-.834-.09-1.75.002-.916.09-1.75h3.678q.088.834.09 1.75-.002.916-.09 1.75zm.235-5a10 10 0 0 1 .558-1.816c.263-.613.537-1.013.765-1.238a1 1 0 0 1 .236-.18.2.2 0 0 1 .04-.015L10 3.5h.005a.2.2 0 0 1 .04.016 1 1 0 0 1 .236.18c.228.225.502.625.765 1.238.22.512.41 1.125.558 1.816zm4.95 1.5h2.925a6.5 6.5 0 0 1 .239 1.755c0 .604-.082 1.19-.237 1.745h-2.927a18.4 18.4 0 0 0 0-3.5m2.293-1.5h-2.505c-.212-1.112-.53-2.091-.924-2.867a6.53 6.53 0 0 1 3.428 2.867m-8.773 0H4.372a6.53 6.53 0 0 1 3.416-2.862c-.393.774-.71 1.752-.922 2.862M3.74 8.25h2.915a18.4 18.4 0 0 0 0 3.5H3.737a6.5 6.5 0 0 1-.237-1.745c0-.608.083-1.196.24-1.755m8.465 7.88c.396-.778.716-1.762.93-2.88h2.51a6.53 6.53 0 0 1-3.44 2.88"
+})));
+GlobusOutlineIcon20.displayName = 'GlobusOutlineIcon20';
+const GlobusOutlineIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M12.004 22C17.524 21.998 22 17.522 22 12S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 20.25a.25.25 0 0 1-.11-.032 1.3 1.3 0 0 1-.329-.25c-.3-.296-.65-.811-.983-1.586-.3-.701-.557-1.549-.749-2.507h4.342c-.191.958-.448 1.806-.749 2.507-.332.775-.683 1.29-.983 1.587a1.3 1.3 0 0 1-.33.249.25.25 0 0 1-.109.032m-2.43-6.125A21 21 0 0 1 9.464 12c0-.738.037-1.45.106-2.125h4.86a21 21 0 0 1 0 4.25zm.26-6c.19-.958.448-1.806.748-2.507.332-.775.683-1.29.983-1.587.146-.143.258-.215.33-.249A.25.25 0 0 1 12 3.75a.3.3 0 0 1 .109.032c.071.034.184.106.33.25.3.296.65.811.982 1.586.3.701.558 1.549.75 2.507zm6.359 1.75h3.785c.18.678.276 1.39.276 2.125s-.096 1.447-.276 2.125h-3.785c.064-.685.097-1.396.097-2.125q-.001-1.096-.097-2.125m3.096-1.75h-3.333c-.279-1.546-.72-2.895-1.272-3.93a8.28 8.28 0 0 1 4.605 3.93m-11.237 0H4.715a8.28 8.28 0 0 1 4.606-3.93c-.553 1.035-.994 2.383-1.273 3.93m-4.022 1.75h3.785a23 23 0 0 0 0 4.25H4.026A8.3 8.3 0 0 1 3.75 12c0-.735.096-1.447.276-2.125m10.654 9.93c.553-1.035.993-2.383 1.272-3.93h3.333a8.28 8.28 0 0 1-4.605 3.93m-5.36 0a8.28 8.28 0 0 1-4.605-3.93h3.333c.279 1.547.72 2.895 1.273 3.93"
+})));
+GlobusOutlineIcon24.displayName = 'GlobusOutlineIcon24';
+const GlobusOutlineIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14 3c6.075 0 11 4.925 11 11s-4.925 11-11 11S3 20.075 3 14 7.925 3 14 3m0 20.25c.273 0 1.091-.323 1.942-2.196a13 13 0 0 0 .743-2.179h-5.37c.205.817.457 1.55.743 2.179.851 1.873 1.67 2.196 1.942 2.196m-3.028-6.125h6.056A22 22 0 0 0 17.25 14c0-1.103-.08-2.153-.222-3.125h-6.056A22 22 0 0 0 10.75 14c0 1.103.08 2.153.222 3.125m.343-8h5.37a13 13 0 0 0-.743-2.179C15.091 5.073 14.272 4.75 14 4.75c-.273 0-1.091.323-1.942 2.196a13 13 0 0 0-.743 2.179m7.48 1.75c.133.99.205 2.04.205 3.125 0 1.086-.072 2.134-.205 3.125h3.914c.35-.976.541-2.028.541-3.125s-.19-2.149-.541-3.125zm3.068-1.75a9.28 9.28 0 0 0-4.827-3.865c.607 1.022 1.105 2.344 1.447 3.865zm-12.346 0c.342-1.52.84-2.843 1.447-3.865a9.28 9.28 0 0 0-4.826 3.865zm-4.226 1.75A9.2 9.2 0 0 0 4.75 14c0 1.097.19 2.149.541 3.125h3.914C9.07 16.135 9 15.085 9 14c0-1.086.071-2.134.205-3.125zM17.036 22.74a9.28 9.28 0 0 0 4.826-3.865h-3.379c-.342 1.521-.84 2.843-1.447 3.865m-6.072 0c-.607-1.022-1.105-2.344-1.447-3.865h-3.38a9.28 9.28 0 0 0 4.827 3.865"
+})));
+GlobusOutlineIcon28.displayName = 'GlobusOutlineIcon28';
+const GlobusOutlineIcon = /*#__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(GlobusOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GlobusOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GlobusOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GlobusOutlineIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GlobusOutlineIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(GlobusOutlineIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GlobusOutlineIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(GlobusOutlineIcon28, mainProps);
+});
+GlobusOutlineIcon.displayName = 'GlobusOutlineIcon';
+GlobusOutlineIcon.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 GlobusOutlineIcon;
+//# sourceMappingURL=globus-outline.js.map

package/lib/globus-outline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globus-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","GlobusOutlineIcon16","forwardRef","props","ref","displayName","GlobusOutlineIcon20","GlobusOutlineIcon24","GlobusOutlineIcon28","GlobusOutlineIcon","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","propTypes","string","oneOf","bool","object"],"sources":["globus-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 GlobusOutlineIcon16 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 16 16\" {...props} ref={ref}><path d=\"M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1m0 13c.076 0 .232-.032.465-.262.238-.234.497-.623.737-1.182.191-.446.357-.97.487-1.556H6.311c.13.586.296 1.11.487 1.556.24.56.5.948.737 1.182.233.23.389.262.465.262m-1.867-4h3.734c.086-.624.133-1.295.133-2s-.047-1.376-.133-2H6.133A15 15 0 0 0 6 8c0 .705.047 1.376.133 2m.178-5H9.69a9 9 0 0 0-.487-1.556c-.24-.56-.5-.948-.737-1.182C8.232 2.032 8.076 2 8 2s-.232.032-.465.262c-.238.234-.497.623-.737 1.182A9 9 0 0 0 6.31 5m4.565 1c.08.634.124 1.305.124 2s-.043 1.366-.124 2h2.783A6 6 0 0 0 14 8a6 6 0 0 0-.341-2zm2.321-1A6.02 6.02 0 0 0 9.71 2.247c.428.695.775 1.644 1.001 2.753zM5.29 5c.226-1.11.573-2.058 1.001-2.753A6.02 6.02 0 0 0 2.803 5zM2.34 6A6 6 0 0 0 2 8c0 .701.12 1.374.341 2h2.783A16 16 0 0 1 5 8c0-.695.043-1.366.124-2zm7.369 7.753A6.02 6.02 0 0 0 13.197 11h-2.486c-.226 1.11-.573 2.058-1.001 2.753m-3.42 0c-.428-.695-.775-1.644-1.001-2.753H2.803a6.02 6.02 0 0 0 3.487 2.753\" /></svg>));\nGlobusOutlineIcon16.displayName = 'GlobusOutlineIcon16';\nconst GlobusOutlineIcon20 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 20 20\" {...props} ref={ref}><path d=\"M9.996 2a8.005 8.005 0 1 0 .009 0zM7.794 16.125a6.53 6.53 0 0 1-3.428-2.875h2.5c.213 1.116.532 2.098.928 2.875m1.16-1.059a10 10 0 0 1-.558-1.816h3.208a10 10 0 0 1-.558 1.816c-.263.613-.537 1.013-.765 1.238a1 1 0 0 1-.236.18.2.2 0 0 1-.04.015h-.003L10 16.5h-.005a.2.2 0 0 1-.04-.016 1 1 0 0 1-.236-.18c-.228-.225-.502-.625-.765-1.238m-.793-3.316q-.088-.834-.09-1.75.002-.916.09-1.75h3.678q.088.834.09 1.75-.002.916-.09 1.75zm.235-5a10 10 0 0 1 .558-1.816c.263-.613.537-1.013.765-1.238a1 1 0 0 1 .236-.18.2.2 0 0 1 .04-.015L10 3.5h.005a.2.2 0 0 1 .04.016 1 1 0 0 1 .236.18c.228.225.502.625.765 1.238.22.512.41 1.125.558 1.816zm4.95 1.5h2.925a6.5 6.5 0 0 1 .239 1.755c0 .604-.082 1.19-.237 1.745h-2.927a18.4 18.4 0 0 0 0-3.5m2.293-1.5h-2.505c-.212-1.112-.53-2.091-.924-2.867a6.53 6.53 0 0 1 3.428 2.867m-8.773 0H4.372a6.53 6.53 0 0 1 3.416-2.862c-.393.774-.71 1.752-.922 2.862M3.74 8.25h2.915a18.4 18.4 0 0 0 0 3.5H3.737a6.5 6.5 0 0 1-.237-1.745c0-.608.083-1.196.24-1.755m8.465 7.88c.396-.778.716-1.762.93-2.88h2.51a6.53 6.53 0 0 1-3.44 2.88\" /></svg>));\nGlobusOutlineIcon20.displayName = 'GlobusOutlineIcon20';\nconst GlobusOutlineIcon24 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 24 24\" {...props} ref={ref}><path d=\"M12.004 22C17.524 21.998 22 17.522 22 12S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 20.25a.25.25 0 0 1-.11-.032 1.3 1.3 0 0 1-.329-.25c-.3-.296-.65-.811-.983-1.586-.3-.701-.557-1.549-.749-2.507h4.342c-.191.958-.448 1.806-.749 2.507-.332.775-.683 1.29-.983 1.587a1.3 1.3 0 0 1-.33.249.25.25 0 0 1-.109.032m-2.43-6.125A21 21 0 0 1 9.464 12c0-.738.037-1.45.106-2.125h4.86a21 21 0 0 1 0 4.25zm.26-6c.19-.958.448-1.806.748-2.507.332-.775.683-1.29.983-1.587.146-.143.258-.215.33-.249A.25.25 0 0 1 12 3.75a.3.3 0 0 1 .109.032c.071.034.184.106.33.25.3.296.65.811.982 1.586.3.701.558 1.549.75 2.507zm6.359 1.75h3.785c.18.678.276 1.39.276 2.125s-.096 1.447-.276 2.125h-3.785c.064-.685.097-1.396.097-2.125q-.001-1.096-.097-2.125m3.096-1.75h-3.333c-.279-1.546-.72-2.895-1.272-3.93a8.28 8.28 0 0 1 4.605 3.93m-11.237 0H4.715a8.28 8.28 0 0 1 4.606-3.93c-.553 1.035-.994 2.383-1.273 3.93m-4.022 1.75h3.785a23 23 0 0 0 0 4.25H4.026A8.3 8.3 0 0 1 3.75 12c0-.735.096-1.447.276-2.125m10.654 9.93c.553-1.035.993-2.383 1.272-3.93h3.333a8.28 8.28 0 0 1-4.605 3.93m-5.36 0a8.28 8.28 0 0 1-4.605-3.93h3.333c.279 1.547.72 2.895 1.273 3.93\" /></svg>));\nGlobusOutlineIcon24.displayName = 'GlobusOutlineIcon24';\nconst GlobusOutlineIcon28 = React.forwardRef((props, ref) => (<svg viewBox=\"0 0 28 28\" {...props} ref={ref}><path d=\"M14 3c6.075 0 11 4.925 11 11s-4.925 11-11 11S3 20.075 3 14 7.925 3 14 3m0 20.25c.273 0 1.091-.323 1.942-2.196a13 13 0 0 0 .743-2.179h-5.37c.205.817.457 1.55.743 2.179.851 1.873 1.67 2.196 1.942 2.196m-3.028-6.125h6.056A22 22 0 0 0 17.25 14c0-1.103-.08-2.153-.222-3.125h-6.056A22 22 0 0 0 10.75 14c0 1.103.08 2.153.222 3.125m.343-8h5.37a13 13 0 0 0-.743-2.179C15.091 5.073 14.272 4.75 14 4.75c-.273 0-1.091.323-1.942 2.196a13 13 0 0 0-.743 2.179m7.48 1.75c.133.99.205 2.04.205 3.125 0 1.086-.072 2.134-.205 3.125h3.914c.35-.976.541-2.028.541-3.125s-.19-2.149-.541-3.125zm3.068-1.75a9.28 9.28 0 0 0-4.827-3.865c.607 1.022 1.105 2.344 1.447 3.865zm-12.346 0c.342-1.52.84-2.843 1.447-3.865a9.28 9.28 0 0 0-4.826 3.865zm-4.226 1.75A9.2 9.2 0 0 0 4.75 14c0 1.097.19 2.149.541 3.125h3.914C9.07 16.135 9 15.085 9 14c0-1.086.071-2.134.205-3.125zM17.036 22.74a9.28 9.28 0 0 0 4.826-3.865h-3.379c-.342 1.521-.84 2.843-1.447 3.865m-6.072 0c-.607-1.022-1.105-2.344-1.447-3.865h-3.38a9.28 9.28 0 0 0 4.827 3.865\" /></svg>));\nGlobusOutlineIcon28.displayName = 'GlobusOutlineIcon28';\n\nconst GlobusOutlineIcon = 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}><GlobusOutlineIcon16 className={styles.variant16} />\n<GlobusOutlineIcon20 className={styles.variant20} />\n<GlobusOutlineIcon24 className={styles.variant24} />\n<GlobusOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<GlobusOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<GlobusOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<GlobusOutlineIcon24 {...mainProps} />); }\nreturn (<GlobusOutlineIcon28 {...mainProps} />);\n  }\n);\nGlobusOutlineIcon.displayName = 'GlobusOutlineIcon';\nGlobusOutlineIcon.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 GlobusOutlineIcon;"],"mappings":"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"}

package/lib/globus.d.ts

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

package/lib/globus.js

@@ -16,29 +16,93 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+const GlobusIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M8.42 14.708C8.17 14.99 8.025 15 8 15s-.17-.01-.42-.292c-.248-.28-.518-.744-.765-1.402A12 12 0 0 1 6.23 11h3.54c-.142.88-.343 1.662-.585 2.306-.247.658-.517 1.121-.766 1.402m1.148.116A7.01 7.01 0 0 0 14.327 11h-3.545c-.242 1.595-.671 2.934-1.215 3.824M14.71 10A7 7 0 0 0 15 8a7 7 0 0 0-.29-2h-3.805c.062.64.095 1.31.095 2s-.033 1.36-.095 2zm-.383-5a7.01 7.01 0 0 0-4.76-3.824c.543.89.973 2.23 1.215 3.824zm-7.894 9.824c-.543-.89-.973-2.23-1.215-3.824H1.674a7.01 7.01 0 0 0 4.76 3.824M1.29 10h3.804a21 21 0 0 1 0-4H1.29A7 7 0 0 0 1 8c0 .695.101 1.366.29 2m.384-5h3.544c.242-1.595.672-2.934 1.215-3.824A7.01 7.01 0 0 0 1.673 5M9.9 10H6.1C6.034 9.367 6 8.697 6 8s.035-1.367.1-2h3.8c.065.633.1 1.303.1 2s-.035 1.367-.1 2M6.815 2.694A12 12 0 0 0 6.23 5h3.54a12 12 0 0 0-.585-2.306c-.247-.658-.517-1.121-.766-1.402C8.17 1.01 8.026 1 8 1s-.17.01-.42.292c-.248.28-.518.744-.765 1.402"
+})));
+GlobusIcon16.displayName = 'GlobusIcon16';
+const GlobusIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M6.473 14.25c.285 1.195.686 2.227 1.17 3.022a7.66 7.66 0 0 1-3.996-3.021zm1.547 0c.15.559.326 1.064.522 1.505.311.7.643 1.173.935 1.452.285.27.459.293.523.293s.238-.023.523-.293c.292-.279.624-.752.935-1.452.196-.441.372-.946.521-1.504zm-.313-1.5A18 18 0 0 1 7.5 10c0-.976.074-1.901.207-2.75h4.586c.133.849.207 1.774.207 2.75 0 .977-.075 1.903-.207 2.75zM6 10c0-.959.067-1.883.19-2.75H2.866A7.6 7.6 0 0 0 2.357 10c0 .97.18 1.897.51 2.75H6.19A20 20 0 0 1 6 10m5.458-5.754c.196.441.372.947.522 1.505H8.02c.15-.558.326-1.064.522-1.505.311-.7.643-1.174.935-1.452.285-.27.459-.294.523-.294s.238.023.523.294c.292.278.624.752.935 1.452M14 10c0-.959-.067-1.883-.19-2.75h3.324c.328.854.509 1.78.509 2.75s-.18 1.897-.51 2.75H13.81c.123-.866.19-1.79.19-2.75m-.473-4.25h2.827a7.66 7.66 0 0 0-3.998-3.023c.484.795.886 1.829 1.17 3.024m-9.88-.001h2.827c.285-1.194.687-2.228 1.17-3.023a7.66 7.66 0 0 0-3.997 3.024m9.881 8.499c-.285 1.195-.686 2.227-1.17 3.022a7.66 7.66 0 0 0 3.995-3.021z"
+})));
+GlobusIcon20.displayName = 'GlobusIcon20';
+const GlobusIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M14.83 15c.11-.944.17-1.95.17-3 0-1.43-.112-2.778-.308-4H9.308A25 25 0 0 0 9 12c0 1.05.06 2.056.17 3zM17 12c0-1.402-.1-2.749-.285-4h3.826c.57 1.214.888 2.57.888 4a9.4 9.4 0 0 1-.488 3h-4.099A28 28 0 0 0 17 12m-.669-6h2.943A9.45 9.45 0 0 0 15.4 3.202c.365.814.68 1.756.931 2.798m-13.76 6c0-1.43.319-2.786.888-4h3.825A27.6 27.6 0 0 0 7 12c0 1.036.055 2.041.157 3H3.06a9.4 9.4 0 0 1-.488-3m5.097-6H4.726A9.45 9.45 0 0 1 8.6 3.202 16 16 0 0 0 7.669 6m2.641-1.716A14 14 0 0 0 9.734 6h4.534q-.257-.947-.578-1.716c-.313-.752-.642-1.306-.945-1.684a9.6 9.6 0 0 0-1.489 0c-.303.378-.631.932-.945 1.684M9.493 17a15.4 15.4 0 0 0 .817 2.716c.313.75.641 1.304.944 1.683a9.6 9.6 0 0 0 1.492 0c.303-.379.63-.932.943-1.683.322-.771.6-1.687.818-2.716zm-5.487 0h3.447c.276 1.442.667 2.73 1.145 3.796A9.46 9.46 0 0 1 4.006 17m12.541 0h3.447a9.46 9.46 0 0 1-4.593 3.796c.479-1.066.87-2.354 1.146-3.796"
+})));
+GlobusIcon24.displayName = 'GlobusIcon24';
+const GlobusIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M17.687 18c.2-1.234.313-2.58.313-4 0-1.813-.184-3.506-.5-5h-7a24.3 24.3 0 0 0-.5 5c0 1.42.113 2.766.313 4zM20 14c0-1.772-.164-3.46-.46-5h3.777c.8 1.489 1.254 3.19 1.254 4.999a10.5 10.5 0 0 1-.783 4H19.71A27 27 0 0 0 20 14m-.943-7h2.866a10.6 10.6 0 0 0-3.99-2.817A15.2 15.2 0 0 1 19.057 7M3.428 13.999c0-1.808.454-3.51 1.255-4.999H8.46A26.6 26.6 0 0 0 8 14c0 1.396.101 2.74.29 4H4.211a10.5 10.5 0 0 1-.784-4.001M8.943 7H6.077a10.6 10.6 0 0 1 3.99-2.817A15.2 15.2 0 0 0 8.942 7m2.631-1.354Q11.285 6.27 11.04 7h5.92a14 14 0 0 0-.533-1.354c-.52-1.128-1.038-1.794-1.473-2.176a10.7 10.7 0 0 0-1.908 0c-.435.382-.952 1.048-1.473 2.176M10.74 20c.234.876.516 1.668.833 2.355.52 1.124 1.035 1.79 1.469 2.172a10.7 10.7 0 0 0 1.916 0c.434-.382.95-1.048 1.469-2.172.317-.687.599-1.479.834-2.355zm-5.444 0h3.38c.35 1.454.822 2.747 1.389 3.813A10.6 10.6 0 0 1 5.295 20m14.029 0h3.38a10.6 10.6 0 0 1-4.768 3.813c.566-1.066 1.038-2.36 1.388-3.813"
+})));
+GlobusIcon28.displayName = 'GlobusIcon28';
 const GlobusIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 21a9 9 0 10-9-9 9.01 9.01 0 009 9zm-7-9a7.008 7.008 0 017-7 6.9 6.9 0 011 .082v1.991L11 9h-1v3h4l3.81 3.9a7.033 7.033 0 01-3.3 2.627L10.5 14.6H5.507A6.95 6.95 0 015 12z"
-  }));
+  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(GlobusIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(GlobusIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(GlobusIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(GlobusIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(GlobusIcon16, mainProps);
+  }
+
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(GlobusIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(GlobusIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(GlobusIcon28, mainProps);
 });
+GlobusIcon.displayName = 'GlobusIcon';
 GlobusIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-GlobusIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default GlobusIcon;
 //# sourceMappingURL=globus.js.map