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

package/lib/home-outline.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const HomeOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M12.664 7.15a1 1 0 0 1 .336.748V13h-3v-2a2 2 0 1 0-4 0v2H3V7.898a1 1 0 0 1 .336-.747l4-3.555a1 1 0 0 1 1.328 0zm.665-.747-4-3.554a2 2 0 0 0-2.658 0l-4 3.554A2 2 0 0 0 2 7.898V13a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7.898a2 2 0 0 0-.671-1.495"
+}));
+
+const HomeOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M3.671 8.292A2 2 0 0 0 3 9.787V16a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V9.787a2 2 0 0 0-.672-1.495l-5-4.443a2 2 0 0 0-2.657 0zm11.661 1.121a.5.5 0 0 1 .168.374V15.5h-3V13a2.5 2.5 0 0 0-5 0v2.5h-3V9.787a.5.5 0 0 1 .168-.374l5-4.443a.5.5 0 0 1 .664 0z"
+}));
+
+const HomeOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0m5.172 7.271-6.5-5.776a.5.5 0 0 0-.664 0l-6.5 5.776a.5.5 0 0 0-.168.374v7.377h3v-2a4 4 0 0 1 8 0v2h3v-7.377a.5.5 0 0 0-.168-.374"
+}));
+
+const HomeOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5.007 11.442A3 3 0 0 0 4 13.684v8.319a2 2 0 0 0 2 2L10 24a2 2 0 0 0 2-2v-3a2 2 0 1 1 4 0v3.004a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-8.32a3 3 0 0 0-1.007-2.242l-7-6.22a3 3 0 0 0-3.986 0zm16.657 1.495a1 1 0 0 1 .336.747v8.32h-4V19a4 4 0 0 0-8 0v3l-4 .003v-8.319a1 1 0 0 1 .336-.747l7-6.22a1 1 0 0 1 1.328 0z"
+}));
+
 const HomeOutlineIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M12.664 7.15a1 1 0 0 1 .336.748V13h-3v-2a2 2 0 1 0-4 0v2H3V7.898a1 1 0 0 1 .336-.747l4-3.555a1 1 0 0 1 1.328 0zm.665-.747-4-3.554a2 2 0 0 0-2.658 0l-4 3.554A2 2 0 0 0 2 7.898V13a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7.898a2 2 0 0 0-.671-1.495"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(HomeOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(HomeOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(HomeOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(HomeOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(HomeOutlineIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M3.671 8.292A2 2 0 0 0 3 9.787V16a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V9.787a2 2 0 0 0-.672-1.495l-5-4.443a2 2 0 0 0-2.657 0zm11.661 1.121a.5.5 0 0 1 .168.374V15.5h-3V13a2.5 2.5 0 0 0-5 0v2.5h-3V9.787a.5.5 0 0 1 .168-.374l5-4.443a.5.5 0 0 1 .664 0z"
-    }));
+    return /*#__PURE__*/React.createElement(HomeOutlineIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0m5.172 7.271-6.5-5.776a.5.5 0 0 0-.664 0l-6.5 5.776a.5.5 0 0 0-.168.374v7.377h3v-2a4 4 0 0 1 8 0v2h3v-7.377a.5.5 0 0 0-.168-.374"
-    }));
+    return /*#__PURE__*/React.createElement(HomeOutlineIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M5.007 11.442A3 3 0 0 0 4 13.684v8.319a2 2 0 0 0 2 2L10 24a2 2 0 0 0 2-2v-3a2 2 0 1 1 4 0v3.004a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-8.32a3 3 0 0 0-1.007-2.242l-7-6.22a3 3 0 0 0-3.986 0zm16.657 1.495a1 1 0 0 1 .336.747v8.32h-4V19a4 4 0 0 0-8 0v3l-4 .003v-8.319a1 1 0 0 1 .336-.747l7-6.22a1 1 0 0 1 1.328 0z"
-  }));
+  return /*#__PURE__*/React.createElement(HomeOutlineIcon28, mainProps);
 });
+HomeOutlineIcon.displayName = 'HomeOutlineIcon';
 HomeOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-HomeOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default HomeOutlineIcon;
 //# sourceMappingURL=home-outline.js.map

package/lib/home-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"home-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HomeOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["home-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst HomeOutlineIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M12.664 7.15a1 1 0 0 1 .336.748V13h-3v-2a2 2 0 1 0-4 0v2H3V7.898a1 1 0 0 1 .336-.747l4-3.555a1 1 0 0 1 1.328 0zm.665-.747-4-3.554a2 2 0 0 0-2.658 0l-4 3.554A2 2 0 0 0 2 7.898V13a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7.898a2 2 0 0 0-.671-1.495\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M3.671 8.292A2 2 0 0 0 3 9.787V16a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V9.787a2 2 0 0 0-.672-1.495l-5-4.443a2 2 0 0 0-2.657 0zm11.661 1.121a.5.5 0 0 1 .168.374V15.5h-3V13a2.5 2.5 0 0 0-5 0v2.5h-3V9.787a.5.5 0 0 1 .168-.374l5-4.443a.5.5 0 0 1 .664 0z\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0m5.172 7.271-6.5-5.776a.5.5 0 0 0-.664 0l-6.5 5.776a.5.5 0 0 0-.168.374v7.377h3v-2a4 4 0 0 1 8 0v2h3v-7.377a.5.5 0 0 0-.168-.374\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M5.007 11.442A3 3 0 0 0 4 13.684v8.319a2 2 0 0 0 2 2L10 24a2 2 0 0 0 2-2v-3a2 2 0 1 1 4 0v3.004a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-8.32a3 3 0 0 0-1.007-2.242l-7-6.22a3 3 0 0 0-3.986 0zm16.657 1.495a1 1 0 0 1 .336.747v8.32h-4V19a4 4 0 0 0-8 0v3l-4 .003v-8.319a1 1 0 0 1 .336-.747l7-6.22a1 1 0 0 1 1.328 0z\" /></svg>);}\n);\n\nHomeOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nHomeOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default HomeOutlineIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,eAAe,gBAAGV,KAAK,CAACW,UAAN,CACtB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAgb;;EAC7f,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAub;;EACjd,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA4f;;EACthB,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAAgc,CAJxa,CAAxB;AAOAF,eAAe,CAACQ,SAAhB,GAA4B;EAC1BH,SAAS,EAAEd,SAAS,CAACkB,MADK;EAE1BN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFmB;EAG1BN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHoB,CAA5B;AAMAV,eAAe,CAACW,YAAhB,GAA+B;EAC7BP,IAAI,EAAE;AADuB,CAA/B;AAIA,eAAeJ,eAAf"}
+{"version":3,"file":"home-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HomeOutlineIcon16","props","HomeOutlineIcon20","HomeOutlineIcon24","HomeOutlineIcon28","HomeOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["home-outline.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst HomeOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M12.664 7.15a1 1 0 0 1 .336.748V13h-3v-2a2 2 0 1 0-4 0v2H3V7.898a1 1 0 0 1 .336-.747l4-3.555a1 1 0 0 1 1.328 0zm.665-.747-4-3.554a2 2 0 0 0-2.658 0l-4 3.554A2 2 0 0 0 2 7.898V13a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1V7.898a2 2 0 0 0-.671-1.495\" /></svg>);\nconst HomeOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M3.671 8.292A2 2 0 0 0 3 9.787V16a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3a1 1 0 1 1 2 0v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V9.787a2 2 0 0 0-.672-1.495l-5-4.443a2 2 0 0 0-2.657 0zm11.661 1.121a.5.5 0 0 1 .168.374V15.5h-3V13a2.5 2.5 0 0 0-5 0v2.5h-3V9.787a.5.5 0 0 1 .168-.374l5-4.443a.5.5 0 0 1 .664 0z\" /></svg>);\nconst HomeOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0m5.172 7.271-6.5-5.776a.5.5 0 0 0-.664 0l-6.5 5.776a.5.5 0 0 0-.168.374v7.377h3v-2a4 4 0 0 1 8 0v2h3v-7.377a.5.5 0 0 0-.168-.374\" /></svg>);\nconst HomeOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M5.007 11.442A3 3 0 0 0 4 13.684v8.319a2 2 0 0 0 2 2L10 24a2 2 0 0 0 2-2v-3a2 2 0 1 1 4 0v3.004a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-8.32a3 3 0 0 0-1.007-2.242l-7-6.22a3 3 0 0 0-3.986 0zm16.657 1.495a1 1 0 0 1 .336.747v8.32h-4V19a4 4 0 0 0-8 0v3l-4 .003v-8.319a1 1 0 0 1 .336-.747l7-6.22a1 1 0 0 1 1.328 0z\" /></svg>);\n\nconst HomeOutlineIcon = 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}><HomeOutlineIcon16 className={styles.variant16} />\n<HomeOutlineIcon20 className={styles.variant20} />\n<HomeOutlineIcon24 className={styles.variant24} />\n<HomeOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<HomeOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<HomeOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<HomeOutlineIcon24 {...mainProps} />); }\nreturn (<HomeOutlineIcon28 {...mainProps} />);\n  }\n);\nHomeOutlineIcon.displayName = 'HomeOutlineIcon';\nHomeOutlineIcon.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 HomeOutlineIcon;"],"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,iBAAiB,GAAGC,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAApC;;AACA,MAAMC,iBAAiB,GAAGD,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAApC;;AACA,MAAME,iBAAiB,GAAGF,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAApC;;AACA,MAAMG,iBAAiB,GAAGH,KAAK,iBAAK;EAAK,OAAO,EAAC;AAAb,GAA6BA,KAA7B,gBAAoC;EAAM,CAAC,EAAC;AAAR,EAApC,CAApC;;AAEA,MAAMI,eAAe,gBAAGf,KAAK,CAACgB,UAAN,CACtB,OAOGC,GAPH,KAOW;EAAA,IAPV;IACCC,KADD;IAECC,IAAI,EAAEC,aAAa,GAAG,GAFvB;IAGCC,SAHD;IAICC,KAJD;IAKC,CAAC,uBAAD,GAA2BC,cAAc,GAAG,KAL7C;IAMC,GAAGZ;EANJ,CAOU;EACT,MAAMQ,IAAI,GAAGC,aAAa,IAAIX,IAAjB,GAAwBW,aAAxB,GAAwC,GAArD;EACA,MAAMI,SAAS,GAAG,EAChB,GAAGb,KADa;IAEhBU,SAAS,EAAEnB,EAAE,CAACC,MAAM,CAACsB,IAAR,EAActB,MAAM,CAACe,KAAD,CAApB,EAA6Bd,UAAU,CAACe,IAAD,CAAvC,EAA+CI,cAAc,IAAIpB,MAAM,CAACuB,WAAxE,EAAqFL,SAArF,CAFG;IAGhBC,KAAK,EAAEC,cAAc,GAAG;MAAE,sBAAsB,EAAxB;MAA4B,uBAAuB,EAAnD;MAAuD,GAAGD;IAA1D,CAAH,GAAuEA,KAH5E;IAIhBL;EAJgB,CAAlB;;EAOA,IAAIM,cAAJ,EAAoB;IACd,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BC,SAA7B,gBAAwC,oBAAC,iBAAD;MAAmB,SAAS,EAAErB,MAAM,CAACwB;IAArC,EAAxC,eAClB,oBAAC,iBAAD;MAAmB,SAAS,EAAExB,MAAM,CAACyB;IAArC,EADkB,eAElB,oBAAC,iBAAD;MAAmB,SAAS,EAAEzB,MAAM,CAAC0B;IAArC,EAFkB,eAGlB,oBAAC,iBAAD;MAAmB,SAAS,EAAE1B,MAAM,CAAC2B;IAArC,EAHkB,CAAR;EAIC;;EACD,IAAIX,IAAI,KAAKV,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ,oBAAC,iBAAD,EAAuBe,SAAvB,CAAR;EAAgD;;EACrF,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,iBAAD,EAAuBe,SAAvB,CAAR;EAAgD;;EAC1E,IAAIL,IAAI,KAAKV,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ,oBAAC,iBAAD,EAAuBe,SAAvB,CAAR;EAAgD;;EAC1E,oBAAQ,oBAAC,iBAAD,EAAuBA,SAAvB,CAAR;AACG,CA3BqB,CAAxB;AA6BAT,eAAe,CAACgB,WAAhB,GAA8B,iBAA9B;AACAhB,eAAe,CAACiB,SAAhB,GAA4B;EAC1BX,SAAS,EAAEpB,SAAS,CAACgC,MADK;EAE1Bf,KAAK,EAAEjB,SAAS,CAACiC,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFmB;EAG1Bf,IAAI,EAAElB,SAAS,CAACiC,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB,CAHoB;EAI1B,yBAAyBjC,SAAS,CAACkC,IAJT;EAK1Bb,KAAK,EAAErB,SAAS,CAACmC;AALS,CAA5B;AAQA,eAAerB,eAAf"}

package/lib/home.d.ts

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

package/lib/home.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const HomeIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "m9.329 2.849 4 3.554A2 2 0 0 1 14 7.898V13a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.898a2 2 0 0 1 .671-1.495l4-3.554a2 2 0 0 1 2.658 0"
+}));
+
+const HomeIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "m11.329 3.849 5 4.443A2 2 0 0 1 17 9.787V16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.787a2 2 0 0 1 .671-1.495l5-4.443a2 2 0 0 1 2.658 0"
+}));
+
+const HomeIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0"
+}));
+
+const HomeIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "m15.993 5.221 7 6.22A3 3 0 0 1 24 13.685v8.32a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V19a2 2 0 1 0-4 0v3a2 2 0 0 1-2 2l-4 .003a2 2 0 0 1-2-2v-8.319a3 3 0 0 1 1.007-2.242l7-6.22a3 3 0 0 1 3.986 0"
+}));
+
 const HomeIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "m9.329 2.849 4 3.554A2 2 0 0 1 14 7.898V13a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.898a2 2 0 0 1 .671-1.495l4-3.554a2 2 0 0 1 2.658 0"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(HomeIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(HomeIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(HomeIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(HomeIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(HomeIcon16, mainProps);
+  }
+
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "m11.329 3.849 5 4.443A2 2 0 0 1 17 9.787V16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.787a2 2 0 0 1 .671-1.495l5-4.443a2 2 0 0 1 2.658 0"
-    }));
+    return /*#__PURE__*/React.createElement(HomeIcon20, mainProps);
   }
 
   if (size === Size['m']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 24 24"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0"
-    }));
+    return /*#__PURE__*/React.createElement(HomeIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "m15.993 5.221 7 6.22A3 3 0 0 1 24 13.685v8.32a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V19a2 2 0 1 0-4 0v3a2 2 0 0 1-2 2l-4 .003a2 2 0 0 1-2-2v-8.319a3 3 0 0 1 1.007-2.242l7-6.22a3 3 0 0 1 3.986 0"
-  }));
+  return /*#__PURE__*/React.createElement(HomeIcon28, mainProps);
 });
+HomeIcon.displayName = 'HomeIcon';
 HomeIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-HomeIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default HomeIcon;
 //# sourceMappingURL=home.js.map

package/lib/home.js.map

@@ -1 +1 @@
-{"version":3,"file":"home.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HomeIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["home.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 HomeIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"m9.329 2.849 4 3.554A2 2 0 0 1 14 7.898V13a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.898a2 2 0 0 1 .671-1.495l4-3.554a2 2 0 0 1 2.658 0\" /></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"m11.329 3.849 5 4.443A2 2 0 0 1 17 9.787V16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.787a2 2 0 0 1 .671-1.495l5-4.443a2 2 0 0 1 2.658 0\" /></svg>); }\nif (size === Size['m']) { return (<svg viewBox=\"0 0 24 24\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"m15.993 5.221 7 6.22A3 3 0 0 1 24 13.685v8.32a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V19a2 2 0 1 0-4 0v3a2 2 0 0 1-2 2l-4 .003a2 2 0 0 1-2-2v-8.319a3 3 0 0 1 1.007-2.242l7-6.22a3 3 0 0 1 3.986 0\" /></svg>);}\n);\n\nHomeIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nHomeIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default HomeIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,QAAQ,gBAAGV,KAAK,CAACW,UAAN,CACf,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,IAAIF,IAAI,KAAKL,IAAI,CAAC,IAAD,CAAjB,EAAyB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAoU;;EACjZ,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAAqU;;EAC/V,IAAIE,IAAI,KAAKL,IAAI,CAAC,GAAD,CAAjB,EAAwB;IAAE,oBAAQ;MAAK,OAAO,EAAC;IAAb,GAA6BO,KAA7B;MAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;MAA4G,GAAG,EAAEH;IAAjH,iBAAsH;MAAM,CAAC,EAAC;IAAR,EAAtH,CAAR;EAA4X;;EACtZ,oBAAQ;IAAK,OAAO,EAAC;EAAb,GAA6BI,KAA7B;IAAoC,SAAS,EAAEd,EAAE,CAACC,MAAM,CAACc,IAAR,EAAcd,MAAM,CAACU,KAAD,CAApB,EAA6BT,UAAU,CAACU,IAAD,CAAvC,EAA+CC,SAA/C,CAAjD;IAA4G,GAAG,EAAEH;EAAjH,iBAAsH;IAAM,CAAC,EAAC;EAAR,EAAtH,CAAR;AAA6U,CAJ5T,CAAjB;AAOAF,QAAQ,CAACQ,SAAT,GAAqB;EACnBH,SAAS,EAAEd,SAAS,CAACkB,MADF;EAEnBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFY;EAGnBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHa,CAArB;AAMAV,QAAQ,CAACW,YAAT,GAAwB;EACtBP,IAAI,EAAE;AADgB,CAAxB;AAIA,eAAeJ,QAAf"}
+{"version":3,"file":"home.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","HomeIcon16","props","HomeIcon20","HomeIcon24","HomeIcon28","HomeIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["home.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 HomeIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"m9.329 2.849 4 3.554A2 2 0 0 1 14 7.898V13a1 1 0 0 1-1 1h-3a1 1 0 0 1-1-1v-2a1 1 0 1 0-2 0v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7.898a2 2 0 0 1 .671-1.495l4-3.554a2 2 0 0 1 2.658 0\" /></svg>);\nconst HomeIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"m11.329 3.849 5 4.443A2 2 0 0 1 17 9.787V16a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1v-3a1 1 0 1 0-2 0v3a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.787a2 2 0 0 1 .671-1.495l5-4.443a2 2 0 0 1 2.658 0\" /></svg>);\nconst HomeIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"m13.66 3.976 6.5 5.776a2.5 2.5 0 0 1 .84 1.869v7.877a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-2.5a2 2 0 0 0-4 0v2.5a1.5 1.5 0 0 1-1.5 1.5h-4a1.5 1.5 0 0 1-1.5-1.5v-7.877a2.5 2.5 0 0 1 .84-1.869l6.5-5.776a2.5 2.5 0 0 1 3.32 0\" /></svg>);\nconst HomeIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"m15.993 5.221 7 6.22A3 3 0 0 1 24 13.685v8.32a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V19a2 2 0 1 0-4 0v3a2 2 0 0 1-2 2l-4 .003a2 2 0 0 1-2-2v-8.319a3 3 0 0 1 1.007-2.242l7-6.22a3 3 0 0 1 3.986 0\" /></svg>);\n\nconst HomeIcon = 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}><HomeIcon16 className={styles.variant16} />\n<HomeIcon20 className={styles.variant20} />\n<HomeIcon24 className={styles.variant24} />\n<HomeIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<HomeIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<HomeIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<HomeIcon24 {...mainProps} />); }\nreturn (<HomeIcon28 {...mainProps} />);\n  }\n);\nHomeIcon.displayName = 'HomeIcon';\nHomeIcon.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 HomeIcon;"],"mappings":"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"}

package/lib/index.css

@@ -1,4 +1,4 @@
-._icon_7axx9h_4{
+._icon_1ymr40l_4{
   --_rs-theme-dark:var(
     --_rs-internal-force-theme-dark-consult-rescui-before-using,
     var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
   --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
 }
 @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._icon_7axx9h_4{
+._icon_1ymr40l_4{
       --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
       --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
 }
   }
 @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
-._icon_7axx9h_4{
+._icon_1ymr40l_4{
     --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
     --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
     --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,30 +25,30 @@
     --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
 }
   }
-._icon_7axx9h_4{
+._icon_1ymr40l_4{
 
   fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
 
   width:auto;
   height:var(--_rs-icons-height);
 }
-._sizeXS_7axx9h_14{
+._sizeXS_1ymr40l_14{
   --_rs-icons-height:16px;
 }
-._sizeS_7axx9h_18{
+._sizeS_1ymr40l_18{
   --_rs-icons-height:20px;
 }
-._sizeM_7axx9h_22{
+._sizeM_1ymr40l_22{
   --_rs-icons-height:24px;
 }
-._sizeL_7axx9h_26{
+._sizeL_1ymr40l_26{
   --_rs-icons-height:28px;
 }
-._light_7axx9h_30{
+._light_1ymr40l_30{
   --rs-theme-dark:0;
   --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
 }
-._dark_7axx9h_34{
+._dark_1ymr40l_34{
   --rs-theme-dark:1;
   --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
 }
@@ -60,5 +60,41 @@
     transform:rotate(360deg);
   }
 }
+._allVariants_1ymr40l_48{
+  aspect-ratio:var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);
+  container:rs-icon / size;
+}
+._variant16_1ymr40l_53,
+._variant20_1ymr40l_54,
+._variant24_1ymr40l_55{
+  display:none;
+}
+._variant28_1ymr40l_58{
+  display:block;
+}
+@container rs-icon (max-height: 24px){
+  ._variant24_1ymr40l_55{
+    display:block;
+  }
+  ._variant28_1ymr40l_58{
+    display:none;
+  }
+}
+@container rs-icon (max-height: 20px){
+  ._variant20_1ymr40l_54{
+    display:block;
+  }
+  ._variant24_1ymr40l_55{
+    display:none;
+  }
+}
+@container rs-icon (max-height: 16px){
+  ._variant16_1ymr40l_53{
+    display:block;
+  }
+  ._variant20_1ymr40l_54{
+    display:none;
+  }
+}
 
 /*# sourceMappingURL=index.css.map */

package/lib/index.css.js

@@ -1,10 +1,15 @@
 export default {
-  "icon": "_icon_7axx9h_4",
-  "sizeXS": "_sizeXS_7axx9h_14",
-  "sizeS": "_sizeS_7axx9h_18",
-  "sizeM": "_sizeM_7axx9h_22",
-  "sizeL": "_sizeL_7axx9h_26",
-  "light": "_light_7axx9h_30",
-  "dark": "_dark_7axx9h_34"
+  "icon": "_icon_1ymr40l_4",
+  "sizeXS": "_sizeXS_1ymr40l_14",
+  "sizeS": "_sizeS_1ymr40l_18",
+  "sizeM": "_sizeM_1ymr40l_22",
+  "sizeL": "_sizeL_1ymr40l_26",
+  "light": "_light_1ymr40l_30",
+  "dark": "_dark_1ymr40l_34",
+  "allVariants": "_allVariants_1ymr40l_48",
+  "variant16": "_variant16_1ymr40l_53",
+  "variant20": "_variant20_1ymr40l_54",
+  "variant24": "_variant24_1ymr40l_55",
+  "variant28": "_variant28_1ymr40l_58"
 };
 //# sourceMappingURL=index.css.js.map

package/lib/index.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"_icon_7axx9h_4\",\"sizeXS\":\"_sizeXS_7axx9h_14\",\"sizeS\":\"_sizeS_7axx9h_18\",\"sizeM\":\"_sizeM_7axx9h_22\",\"sizeL\":\"_sizeL_7axx9h_26\",\"light\":\"_light_7axx9h_30\",\"dark\":\"_dark_7axx9h_34\"}"],"mappings":"AAAA,eAAe;EAAC,QAAO,gBAAR;EAAyB,UAAS,mBAAlC;EAAsD,SAAQ,kBAA9D;EAAiF,SAAQ,kBAAzF;EAA4G,SAAQ,kBAApH;EAAuI,SAAQ,kBAA/I;EAAkK,QAAO;AAAzK,CAAf"}
+{"version":3,"file":"index.css.js","names":[],"sources":["index.css.js"],"sourcesContent":["export default {\"icon\":\"_icon_1ymr40l_4\",\"sizeXS\":\"_sizeXS_1ymr40l_14\",\"sizeS\":\"_sizeS_1ymr40l_18\",\"sizeM\":\"_sizeM_1ymr40l_22\",\"sizeL\":\"_sizeL_1ymr40l_26\",\"light\":\"_light_1ymr40l_30\",\"dark\":\"_dark_1ymr40l_34\",\"allVariants\":\"_allVariants_1ymr40l_48\",\"variant16\":\"_variant16_1ymr40l_53\",\"variant20\":\"_variant20_1ymr40l_54\",\"variant24\":\"_variant24_1ymr40l_55\",\"variant28\":\"_variant28_1ymr40l_58\"}"],"mappings":"AAAA,eAAe;EAAC,QAAO,iBAAR;EAA0B,UAAS,oBAAnC;EAAwD,SAAQ,mBAAhE;EAAoF,SAAQ,mBAA5F;EAAgH,SAAQ,mBAAxH;EAA4I,SAAQ,mBAApJ;EAAwK,QAAO,kBAA/K;EAAkM,eAAc,yBAAhN;EAA0O,aAAY,uBAAtP;EAA8Q,aAAY,uBAA1R;EAAkT,aAAY,uBAA9T;EAAsV,aAAY;AAAlW,CAAf"}

package/lib/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.p.css","../../colors/src/public-api.p.css","<no source>","../src/api.p.css"],"names":[],"mappings":"AAGA;ECKE;;;GAGC;EACD,wCAAyC;EAgBzC,wIAA6I;EAC7I,yEAA0E;ADlB5E;ACgFE;ADxFF;MCyFM,kOAAkR;MAClR,8OAAsS;MACtS,8OAAsS;MACtS,oRAAgT;MAChT,mRAAgT;ADrFtT;ECsFE;AAEA;ADhGF;ICiGI,mNAAgD;IAChD,8SAAwD;IACxD,4SAAwD;IACxD,+NAA4D;IAC5D,sTAA4D;AD7FhE;EC8FE;ACzGF;;EFOE,0DAA2D;;EAE3D,UAAW;EACX;CEVF;AFaA;EGVE,uBAAwB;AHY1B;AAEA;EGXE,uBAAwB;AHa1B;AAEA;EGZE,uBAAwB;AHc1B;AAEA;EGbE,uBAAwB;AHe1B;AAEA;EACE,iBAAkB;EGdlB,qMAAwE;AHgB1E;AACA;EACE,iBAAkB;EGlBlB,qMAAwE;AHoB1E;AAEA;EACE;IACE,sBAAuB;EACzB;EACA;IACE,wBAAyB;EAC3B;AACF","file":"index.css","sourcesContent":["@import '@rescui/colors/src/public-api.p.css';\n@import \"./api.p.css\";\n\n.icon {\n  @mixin rs-theme-env;\n  @mixin rs-primary-colors-env;\n\n  fill: var(--_rs-icons-themed-fill-or-initial, currentcolor);\n\n  width: auto;\n  height: var(--_rs-icons-height);\n}\n\n.sizeXS {\n  @mixin icon-size-xs;\n}\n\n.sizeS {\n  @mixin icon-size-s;\n}\n\n.sizeM {\n  @mixin icon-size-m;\n}\n\n.sizeL {\n  @mixin icon-size-l;\n}\n\n.light {\n  --rs-theme-dark: 0;\n  @mixin icon-themed-fill-true;\n}\n.dark {\n  --rs-theme-dark: 1;\n  @mixin icon-themed-fill-true;\n}\n\n@keyframes :global(rs-icon-rotate) {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n","@import './simple-vars.p.css';\n\n/**\nSet \"protected\" theme variables. The most important variables are `--_rs-theme-dark-coefficient` and\n`--_rs-theme-light-coefficient`. They are used to calculate themed colors.\n@mixin\n */\n@define-mixin rs-theme-env {\n  --_rs-theme-dark: var(\n    --_rs-internal-force-theme-dark-consult-rescui-before-using,\n    var(--rs-theme-dark, 0)\n  );\n  --_rs-theme-flip: var(--rs-theme-flip, 0);\n  /*\n  We want to achieve following:\n  1. If --rs-theme-flip is 0 and --rs-theme-dark is 0, then --_rs-theme-dark-coefficient should be 0\n  2. If --rs-theme-flip is 1 and --rs-theme-dark is 0, then --_rs-theme-dark-coefficient should be 1\n  3. If --rs-theme-flip is 0 and --rs-theme-dark is 1, then --_rs-theme-dark-coefficient should be 1\n  4. If --rs-theme-flip is 1 and --rs-theme-dark is 1, then --_rs-theme-dark-coefficient should be 0\n\n  Basically, we want to flip --rs-theme-dark value if --rs-theme-flip is 1.\n  Logical XOR operation is exactly what we need here:\n   --_rs-theme-dark-coefficient = --rs-theme-dark XOR --rs-theme-flip\n\n   Mathematically, XOR operation can be expressed as:\n    A XOR B = A * (1 - B) + B * (1 - A)\n\n   */\n  --_rs-theme-dark-coefficient: calc(var(--_rs-theme-dark) * (1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip) * (1 - var(--_rs-theme-dark)));\n  --_rs-theme-light-coefficient: calc(1 - var(--_rs-theme-dark-coefficient));\n}\n\n\n\n$_rs-color-primary-light-theme-r: 107;\n$_rs-color-primary-light-theme-g: 87;\n/*$_rs-color-primary-light-theme-b: 255;*/\n\n$_rs-color-primary-dark-theme-r: 132;\n$_rs-color-primary-dark-theme-g: 115;\n/* $_rs-color-primary-dark-theme-b: 255; */\n\n$_rs-color-primary-r: calc($_rs-color-primary-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-g: calc($_rs-color-primary-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-b: 255; /* calc($_rs-color-primary-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-b * var(--_rs-theme-dark-coefficient, 0)); */\n\n$_rs-color-primary-dim-light-theme-r: 137;\n$_rs-color-primary-dim-light-theme-g: 121;\n$_rs-color-primary-dim-light-theme-b: 255;\n\n$_rs-color-primary-dim-dark-theme-r: 111;\n$_rs-color-primary-dim-dark-theme-g: 97;\n$_rs-color-primary-dim-dark-theme-b: 210;\n\n$_rs-color-primary-dim-r: calc($_rs-color-primary-dim-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-dim-g: calc($_rs-color-primary-dim-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-dim-b: calc($_rs-color-primary-dim-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-b * var(--_rs-theme-dark-coefficient, 0));\n\n\n$_rs-color-primary-fog-light-theme-r: 225;\n$_rs-color-primary-fog-light-theme-g: 221;\n$_rs-color-primary-fog-light-theme-b: 255;\n\n$_rs-color-primary-fog-dark-theme-r: 46;\n$_rs-color-primary-fog-dark-theme-g: 43;\n$_rs-color-primary-fog-dark-theme-b: 73;\n\n$_rs-color-primary-fog-r: calc($_rs-color-primary-fog-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-fog-g: calc($_rs-color-primary-fog-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-fog-b: calc($_rs-color-primary-fog-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-b * var(--_rs-theme-dark-coefficient, 0));\n\n\n$_rs-fog-coefficient-light-theme: 0.2;\n$_rs-fog-coefficient-dark-theme: 0.3;\n\n$_rs-fog-coefficient: calc($_rs-fog-coefficient-light-theme * var(--_rs-theme-light-coefficient, 1) + $_rs-fog-coefficient-dark-theme * var(--_rs-theme-dark-coefficient, 0));\n\n$_rs-color-primary-fallback: rgb($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b);\n$_rs-color-primary-dim-fallback: rgb($_rs-color-primary-dim-r, $_rs-color-primary-dim-g, $_rs-color-primary-dim-b);\n$_rs-color-primary-fog-fallback: rgb($_rs-color-primary-fog-r, $_rs-color-primary-fog-g, $_rs-color-primary-fog-b);\n\n$_rs-color-primary-t-dim-fallback: rgba($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b, 0.8);\n$_rs-color-primary-t-fog-fallback: rgba($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b, $_rs-fog-coefficient);\n\n/**\nSet \"protected\" primary colors variables.\nIt uses `color-mix` function if the browser supports it. Otherwise, it uses manual calculations for the r-g-b parts of the primary colors.\nRequires `rs-theme-env` mixin.\n@mixin\n */\n@define-mixin rs-primary-colors-env {\n  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)) {\n      --_rs-color-primary: color-mix(in srgb, var(--rs-color-primary-light-theme, $rs-color-primary-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, $rs-color-primary-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-dim: color-mix(in srgb, var(--rs-color-primary-dim-light-theme, $rs-color-primary-dim-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, $rs-color-primary-dim-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-fog: color-mix(in srgb, var(--rs-color-primary-fog-light-theme, $rs-color-primary-fog-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, $rs-color-primary-fog-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-t-dim: color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, $rs-color-primary-t-dim-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, $rs-color-primary-t-dim-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-t-fog: color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, $rs-color-primary-t-fog-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, $rs-color-primary-t-fog-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n  }\n\n  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)) {\n    --_rs-color-primary: $_rs-color-primary-fallback;\n    --_rs-color-primary-dim: $_rs-color-primary-dim-fallback;\n    --_rs-color-primary-fog: $_rs-color-primary-fog-fallback;\n    --_rs-color-primary-t-dim: $_rs-color-primary-t-dim-fallback;\n    --_rs-color-primary-t-fog: $_rs-color-primary-t-fog-fallback;\n  }\n}\n",null,"@import '@rescui/colors/src/auto-vars.p.css';\n\n@define-mixin icon-size-xs {\n  --_rs-icons-height: 16px;\n}\n@define-mixin icon-size-s {\n  --_rs-icons-height: 20px;\n}\n@define-mixin icon-size-m {\n  --_rs-icons-height: 24px;\n}\n@define-mixin icon-size-l {\n  --_rs-icons-height: 28px;\n}\n\n@define-mixin icon-themed-fill-true {\n  --_rs-icons-themed-fill-or-initial: rgb($rs-color-light_black-dark_white)\n}\n@define-mixin icon-themed-fill-false {\n  --_rs-icons-themed-fill-or-initial: initial;\n}\n"]}
+{"version":3,"sources":["../src/index.p.css","../../colors/src/public-api.p.css","<no source>","../src/api.p.css"],"names":[],"mappings":"AAGA;ECKE;;;GAGC;EACD,wCAAyC;EAgBzC,wIAA6I;EAC7I,yEAA0E;ADlB5E;ACgFE;ADxFF;MCyFM,kOAAkR;MAClR,8OAAsS;MACtS,8OAAsS;MACtS,oRAAgT;MAChT,mRAAgT;ADrFtT;ECsFE;AAEA;ADhGF;ICiGI,mNAAgD;IAChD,8SAAwD;IACxD,4SAAwD;IACxD,+NAA4D;IAC5D,sTAA4D;AD7FhE;EC8FE;ACzGF;;EFOE,0DAA2D;;EAE3D,UAAW;EACX;CEVF;AFaA;EGVE,uBAAwB;AHY1B;AAEA;EGXE,uBAAwB;AHa1B;AAEA;EGZE,uBAAwB;AHc1B;AAEA;EGbE,uBAAwB;AHe1B;AAEA;EACE,iBAAkB;EGdlB,qMAAwE;AHgB1E;AACA;EACE,iBAAkB;EGlBlB,qMAAwE;AHoB1E;AAEA;EACE;IACE,sBAAuB;EACzB;EACA;IACE,wBAAyB;EAC3B;AACF;AAEA;EACE,qEAAsE;EACtE,wBAAyB;AAC3B;AAEA;;;EAGE,YAAa;AACf;AACA;EACE,aAAc;AAChB;AACA;EACE;IACE,aAAc;EAChB;EACA;IACE,YAAa;EACf;AACF;AACA;EACE;IACE,aAAc;EAChB;EACA;IACE,YAAa;EACf;AACF;AACA;EACE;IACE,aAAc;EAChB;EACA;IACE,YAAa;EACf;AACF","file":"index.css","sourcesContent":["@import '@rescui/colors/src/public-api.p.css';\n@import './api.p.css';\n\n.icon {\n  @mixin rs-theme-env;\n  @mixin rs-primary-colors-env;\n\n  fill: var(--_rs-icons-themed-fill-or-initial, currentcolor);\n\n  width: auto;\n  height: var(--_rs-icons-height);\n}\n\n.sizeXS {\n  @mixin icon-size-xs;\n}\n\n.sizeS {\n  @mixin icon-size-s;\n}\n\n.sizeM {\n  @mixin icon-size-m;\n}\n\n.sizeL {\n  @mixin icon-size-l;\n}\n\n.light {\n  --rs-theme-dark: 0;\n  @mixin icon-themed-fill-true;\n}\n.dark {\n  --rs-theme-dark: 1;\n  @mixin icon-themed-fill-true;\n}\n\n@keyframes :global(rs-icon-rotate) {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.allVariants {\n  aspect-ratio: var(--rs-icon-ar-width, 1) / var(--rs-icon-ar-height, 1);\n  container: rs-icon / size;\n}\n\n.variant16,\n.variant20,\n.variant24 {\n  display: none;\n}\n.variant28 {\n  display: block;\n}\n@container rs-icon (max-height: 24px) {\n  .variant24 {\n    display: block;\n  }\n  .variant28 {\n    display: none;\n  }\n}\n@container rs-icon (max-height: 20px) {\n  .variant20 {\n    display: block;\n  }\n  .variant24 {\n    display: none;\n  }\n}\n@container rs-icon (max-height: 16px) {\n  .variant16 {\n    display: block;\n  }\n  .variant20 {\n    display: none;\n  }\n}\n","@import './simple-vars.p.css';\n\n/**\nSet \"protected\" theme variables. The most important variables are `--_rs-theme-dark-coefficient` and\n`--_rs-theme-light-coefficient`. They are used to calculate themed colors.\n@mixin\n */\n@define-mixin rs-theme-env {\n  --_rs-theme-dark: var(\n    --_rs-internal-force-theme-dark-consult-rescui-before-using,\n    var(--rs-theme-dark, 0)\n  );\n  --_rs-theme-flip: var(--rs-theme-flip, 0);\n  /*\n  We want to achieve following:\n  1. If --rs-theme-flip is 0 and --rs-theme-dark is 0, then --_rs-theme-dark-coefficient should be 0\n  2. If --rs-theme-flip is 1 and --rs-theme-dark is 0, then --_rs-theme-dark-coefficient should be 1\n  3. If --rs-theme-flip is 0 and --rs-theme-dark is 1, then --_rs-theme-dark-coefficient should be 1\n  4. If --rs-theme-flip is 1 and --rs-theme-dark is 1, then --_rs-theme-dark-coefficient should be 0\n\n  Basically, we want to flip --rs-theme-dark value if --rs-theme-flip is 1.\n  Logical XOR operation is exactly what we need here:\n   --_rs-theme-dark-coefficient = --rs-theme-dark XOR --rs-theme-flip\n\n   Mathematically, XOR operation can be expressed as:\n    A XOR B = A * (1 - B) + B * (1 - A)\n\n   */\n  --_rs-theme-dark-coefficient: calc(var(--_rs-theme-dark) * (1 - var(--_rs-theme-flip)) + var(--_rs-theme-flip) * (1 - var(--_rs-theme-dark)));\n  --_rs-theme-light-coefficient: calc(1 - var(--_rs-theme-dark-coefficient));\n}\n\n\n\n$_rs-color-primary-light-theme-r: 107;\n$_rs-color-primary-light-theme-g: 87;\n/*$_rs-color-primary-light-theme-b: 255;*/\n\n$_rs-color-primary-dark-theme-r: 132;\n$_rs-color-primary-dark-theme-g: 115;\n/* $_rs-color-primary-dark-theme-b: 255; */\n\n$_rs-color-primary-r: calc($_rs-color-primary-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-g: calc($_rs-color-primary-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-b: 255; /* calc($_rs-color-primary-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dark-theme-b * var(--_rs-theme-dark-coefficient, 0)); */\n\n$_rs-color-primary-dim-light-theme-r: 137;\n$_rs-color-primary-dim-light-theme-g: 121;\n$_rs-color-primary-dim-light-theme-b: 255;\n\n$_rs-color-primary-dim-dark-theme-r: 111;\n$_rs-color-primary-dim-dark-theme-g: 97;\n$_rs-color-primary-dim-dark-theme-b: 210;\n\n$_rs-color-primary-dim-r: calc($_rs-color-primary-dim-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-dim-g: calc($_rs-color-primary-dim-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-dim-b: calc($_rs-color-primary-dim-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-dim-dark-theme-b * var(--_rs-theme-dark-coefficient, 0));\n\n\n$_rs-color-primary-fog-light-theme-r: 225;\n$_rs-color-primary-fog-light-theme-g: 221;\n$_rs-color-primary-fog-light-theme-b: 255;\n\n$_rs-color-primary-fog-dark-theme-r: 46;\n$_rs-color-primary-fog-dark-theme-g: 43;\n$_rs-color-primary-fog-dark-theme-b: 73;\n\n$_rs-color-primary-fog-r: calc($_rs-color-primary-fog-light-theme-r * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-r * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-fog-g: calc($_rs-color-primary-fog-light-theme-g * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-g * var(--_rs-theme-dark-coefficient, 0));\n$_rs-color-primary-fog-b: calc($_rs-color-primary-fog-light-theme-b * var(--_rs-theme-light-coefficient, 1) + $_rs-color-primary-fog-dark-theme-b * var(--_rs-theme-dark-coefficient, 0));\n\n\n$_rs-fog-coefficient-light-theme: 0.2;\n$_rs-fog-coefficient-dark-theme: 0.3;\n\n$_rs-fog-coefficient: calc($_rs-fog-coefficient-light-theme * var(--_rs-theme-light-coefficient, 1) + $_rs-fog-coefficient-dark-theme * var(--_rs-theme-dark-coefficient, 0));\n\n$_rs-color-primary-fallback: rgb($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b);\n$_rs-color-primary-dim-fallback: rgb($_rs-color-primary-dim-r, $_rs-color-primary-dim-g, $_rs-color-primary-dim-b);\n$_rs-color-primary-fog-fallback: rgb($_rs-color-primary-fog-r, $_rs-color-primary-fog-g, $_rs-color-primary-fog-b);\n\n$_rs-color-primary-t-dim-fallback: rgba($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b, 0.8);\n$_rs-color-primary-t-fog-fallback: rgba($_rs-color-primary-r, $_rs-color-primary-g, $_rs-color-primary-b, $_rs-fog-coefficient);\n\n/**\nSet \"protected\" primary colors variables.\nIt uses `color-mix` function if the browser supports it. Otherwise, it uses manual calculations for the r-g-b parts of the primary colors.\nRequires `rs-theme-env` mixin.\n@mixin\n */\n@define-mixin rs-primary-colors-env {\n  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)) {\n      --_rs-color-primary: color-mix(in srgb, var(--rs-color-primary-light-theme, $rs-color-primary-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, $rs-color-primary-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-dim: color-mix(in srgb, var(--rs-color-primary-dim-light-theme, $rs-color-primary-dim-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, $rs-color-primary-dim-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-fog: color-mix(in srgb, var(--rs-color-primary-fog-light-theme, $rs-color-primary-fog-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, $rs-color-primary-fog-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-t-dim: color-mix(in srgb, var(--rs-color-primary-t-dim-light-theme, $rs-color-primary-t-dim-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-dim-dark-theme, $rs-color-primary-t-dim-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n      --_rs-color-primary-t-fog: color-mix(in srgb, var(--rs-color-primary-t-fog-light-theme, $rs-color-primary-t-fog-light-theme) calc(100% * var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-t-fog-dark-theme, $rs-color-primary-t-fog-dark-theme) calc(100% * var(--_rs-theme-dark-coefficient, 0)));\n  }\n\n  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)) {\n    --_rs-color-primary: $_rs-color-primary-fallback;\n    --_rs-color-primary-dim: $_rs-color-primary-dim-fallback;\n    --_rs-color-primary-fog: $_rs-color-primary-fog-fallback;\n    --_rs-color-primary-t-dim: $_rs-color-primary-t-dim-fallback;\n    --_rs-color-primary-t-fog: $_rs-color-primary-t-fog-fallback;\n  }\n}\n",null,"@import '@rescui/colors/src/auto-vars.p.css';\n\n@define-mixin icon-size-xs {\n  --_rs-icons-height: 16px;\n}\n@define-mixin icon-size-s {\n  --_rs-icons-height: 20px;\n}\n@define-mixin icon-size-m {\n  --_rs-icons-height: 24px;\n}\n@define-mixin icon-size-l {\n  --_rs-icons-height: 28px;\n}\n\n@define-mixin icon-themed-fill-true {\n  --_rs-icons-themed-fill-or-initial: rgb($rs-color-light_black-dark_white)\n}\n@define-mixin icon-themed-fill-false {\n  --_rs-icons-themed-fill-or-initial: initial;\n}\n"]}