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

package/lib/subtitles-crossed.d.ts

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

package/lib/subtitles-crossed.js

@@ -16,69 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const SubtitlesCrossedIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M15.354 1.354a.5.5 0 0 0-.708-.708l-2.354 2.355L12.25 3h-8.5A1.75 1.75 0 0 0 2 4.75v6.5c0 .558.261 1.055.668 1.375L.646 14.646a.5.5 0 0 0 .708.708zM5.418 9.875h-.543a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625v.625h-.937v-.312h-1.25v1.875h1.167zm1.02-1.02.23-.23h-.23zM8.63 6.662l.53-.53a.63.63 0 0 0-.53.53m3.12.713h-.125l-1.562 1.563h.75v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a1 1 0 0 1-.114-.01L6 13h6.25A1.75 1.75 0 0 0 14 11.25V5l-2.25 2.25z"
+}));
+
+const SubtitlesCrossedIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.53 3.53H4.75a2 2 0 0 0-2 2v6a2 2 0 0 0 1.135 1.804L1.22 17.22a.75.75 0 1 0 1.06 1.06zM6.69 11.75h-.273a.67.67 0 0 1-.667-.667V8.417c0-.367.3-.667.667-.667h2c.366 0 .666.3.666.667v.666h-1V8.75H6.75v2h.94zm7.06-2.667h-.148l-1.667 1.667h.815v-.333h1v.666c0 .367-.3.667-.667.667h-2a1 1 0 0 1-.134-.014L7.935 14.75h6.815a2 2 0 0 0 2-2v-6a2 2 0 0 0-.123-.692L13.75 8.935z"
+}));
+
+const SubtitlesCrossedIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M21.707 3.707a1 1 0 0 0-1.414-1.414L17.586 5H5.5A2.5 2.5 0 0 0 3 7.5v9c0 .84.414 1.583 1.05 2.036l-1.757 1.757a1 1 0 1 0 1.414 1.414zM7.586 15H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1H9.5v-.5h-2v3h1.586zM9.5 13.086 9.586 13H9.5zM18 11h-1.03l-2.47 2.47v.03h2V13H18v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.722-.31L8.97 19h9.53a2.5 2.5 0 0 0 2.5-2.5v-9q0-.249-.047-.484L18 9.97z"
+}));
+
+const SubtitlesCrossedIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M25.207 4.207a1 1 0 0 0-1.414-1.414L20.586 6H7a3 3 0 0 0-3 3v10c0 .978.468 1.846 1.192 2.394l-2.4 2.399a1 1 0 1 0 1.415 1.414zM9.586 17H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1h-1.5v-.5h-2v3h1.586zm1.914-1.914.086-.086H11.5zM20 13h-.657l-2.5 2.5H18.5V15H20v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.514-.143L10.342 22H21a3 3 0 0 0 3-3V9q0-.308-.06-.598L20 12.342z"
+}));
+
 const SubtitlesCrossedIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     theme,
-    size,
+    size: sizeFromProps = "m",
     className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
     ...props
   } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
 
-  if (size === Size['xs']) {
+  if (renderAllSizes) {
     return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 16 16"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("g", {
-      clipPath: "url(#a)"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M15.354 1.354a.5.5 0 0 0-.708-.708l-2.354 2.355L12.25 3h-8.5A1.75 1.75 0 0 0 2 4.75v6.5c0 .558.261 1.055.668 1.375L.646 14.646a.5.5 0 0 0 .708.708zM5.418 9.875h-.543a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625v.625h-.937v-.312h-1.25v1.875h1.167zm1.02-1.02.23-.23h-.23zM8.63 6.662l.53-.53a.63.63 0 0 0-.53.53m3.12.713h-.125l-1.562 1.563h.75v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a1 1 0 0 1-.114-.01L6 13h6.25A1.75 1.75 0 0 0 14 11.25V5l-2.25 2.25z"
-    })), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
-      id: "a"
-    }, /*#__PURE__*/React.createElement("path", {
-      d: "M0 0h16v16H0z"
-    }))));
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(SubtitlesCrossedIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SubtitlesCrossedIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SubtitlesCrossedIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SubtitlesCrossedIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SubtitlesCrossedIcon16, mainProps);
   }
 
   if (size === Size['s']) {
-    return /*#__PURE__*/React.createElement("svg", _extends({
-      viewBox: "0 0 20 20"
-    }, props, {
-      className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-      ref: ref
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.53 3.53H4.75a2 2 0 0 0-2 2v6a2 2 0 0 0 1.135 1.804L1.22 17.22a.75.75 0 1 0 1.06 1.06zM6.69 11.75h-.273a.67.67 0 0 1-.667-.667V8.417c0-.367.3-.667.667-.667h2c.366 0 .666.3.666.667v.666h-1V8.75H6.75v2h.94zm7.06-2.667h-.148l-1.667 1.667h.815v-.333h1v.666c0 .367-.3.667-.667.667h-2a1 1 0 0 1-.134-.014L7.935 14.75h6.815a2 2 0 0 0 2-2v-6a2 2 0 0 0-.123-.692L13.75 8.935z"
-    }));
+    return /*#__PURE__*/React.createElement(SubtitlesCrossedIcon20, 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: "M21.707 3.707a1 1 0 0 0-1.414-1.414L17.586 5H5.5A2.5 2.5 0 0 0 3 7.5v9c0 .84.414 1.583 1.05 2.036l-1.757 1.757a1 1 0 1 0 1.414 1.414zM7.586 15H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1H9.5v-.5h-2v3h1.586zM9.5 13.086 9.586 13H9.5zM18 11h-1.03l-2.47 2.47v.03h2V13H18v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.722-.31L8.97 19h9.53a2.5 2.5 0 0 0 2.5-2.5v-9q0-.249-.047-.484L18 9.97z"
-    }));
+    return /*#__PURE__*/React.createElement(SubtitlesCrossedIcon24, mainProps);
   }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 28 28"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M25.207 4.207a1 1 0 0 0-1.414-1.414L20.586 6H7a3 3 0 0 0-3 3v10c0 .978.468 1.846 1.192 2.394l-2.4 2.399a1 1 0 1 0 1.415 1.414zM9.586 17H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1h-1.5v-.5h-2v3h1.586zm1.914-1.914.086-.086H11.5zM20 13h-.657l-2.5 2.5H18.5V15H20v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.514-.143L10.342 22H21a3 3 0 0 0 3-3V9q0-.308-.06-.598L20 12.342z"
-  }));
+  return /*#__PURE__*/React.createElement(SubtitlesCrossedIcon28, mainProps);
 });
+SubtitlesCrossedIcon.displayName = 'SubtitlesCrossedIcon';
 SubtitlesCrossedIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SubtitlesCrossedIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SubtitlesCrossedIcon;
 //# sourceMappingURL=subtitles-crossed.js.map

package/lib/subtitles-crossed.js.map

@@ -1 +1 @@
-{"version":3,"file":"subtitles-crossed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesCrossedIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["subtitles-crossed.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst SubtitlesCrossedIcon = React.forwardRef(\n  ({ theme, size, className, ...props }, ref) => {if (size === Size['xs']) { return (<svg viewBox=\"0 0 16 16\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><g clipPath=\"url(#a)\"><path d=\"M15.354 1.354a.5.5 0 0 0-.708-.708l-2.354 2.355L12.25 3h-8.5A1.75 1.75 0 0 0 2 4.75v6.5c0 .558.261 1.055.668 1.375L.646 14.646a.5.5 0 0 0 .708.708zM5.418 9.875h-.543a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625v.625h-.937v-.312h-1.25v1.875h1.167zm1.02-1.02.23-.23h-.23zM8.63 6.662l.53-.53a.63.63 0 0 0-.53.53m3.12.713h-.125l-1.562 1.563h.75v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a1 1 0 0 1-.114-.01L6 13h6.25A1.75 1.75 0 0 0 14 11.25V5l-2.25 2.25z\" /></g><defs><clipPath id=\"a\"><path d=\"M0 0h16v16H0z\" /></clipPath></defs></svg>); }\nif (size === Size['s']) { return (<svg viewBox=\"0 0 20 20\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.53 3.53H4.75a2 2 0 0 0-2 2v6a2 2 0 0 0 1.135 1.804L1.22 17.22a.75.75 0 1 0 1.06 1.06zM6.69 11.75h-.273a.67.67 0 0 1-.667-.667V8.417c0-.367.3-.667.667-.667h2c.366 0 .666.3.666.667v.666h-1V8.75H6.75v2h.94zm7.06-2.667h-.148l-1.667 1.667h.815v-.333h1v.666c0 .367-.3.667-.667.667h-2a1 1 0 0 1-.134-.014L7.935 14.75h6.815a2 2 0 0 0 2-2v-6a2 2 0 0 0-.123-.692L13.75 8.935z\" /></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=\"M21.707 3.707a1 1 0 0 0-1.414-1.414L17.586 5H5.5A2.5 2.5 0 0 0 3 7.5v9c0 .84.414 1.583 1.05 2.036l-1.757 1.757a1 1 0 1 0 1.414 1.414zM7.586 15H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1H9.5v-.5h-2v3h1.586zM9.5 13.086 9.586 13H9.5zM18 11h-1.03l-2.47 2.47v.03h2V13H18v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.722-.31L8.97 19h9.53a2.5 2.5 0 0 0 2.5-2.5v-9q0-.249-.047-.484L18 9.97z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M25.207 4.207a1 1 0 0 0-1.414-1.414L20.586 6H7a3 3 0 0 0-3 3v10c0 .978.468 1.846 1.192 2.394l-2.4 2.399a1 1 0 1 0 1.415 1.414zM9.586 17H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1h-1.5v-.5h-2v3h1.586zm1.914-1.914.086-.086H11.5zM20 13h-.657l-2.5 2.5H18.5V15H20v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.514-.143L10.342 22H21a3 3 0 0 0 3-3V9q0-.308-.06-.598L20 12.342z\" /></svg>);}\n);\n\nSubtitlesCrossedIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSubtitlesCrossedIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SubtitlesCrossedIcon;"],"mappings":"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"}
+{"version":3,"file":"subtitles-crossed.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesCrossedIcon16","props","SubtitlesCrossedIcon20","SubtitlesCrossedIcon24","SubtitlesCrossedIcon28","SubtitlesCrossedIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["subtitles-crossed.js"],"sourcesContent":["\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\n\nimport styles from './index.p.css';\n\nconst sizeStyles = {\n  \"xs\": styles.sizeXS,\"s\": styles.sizeS,\"m\": styles.sizeM,\"l\": styles.sizeL\n}\n\nexport const Size = {\n  \"xs\": \"xs\",\"s\": \"s\",\"m\": \"m\",\"l\": \"l\"\n};\n\nconst SubtitlesCrossedIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M15.354 1.354a.5.5 0 0 0-.708-.708l-2.354 2.355L12.25 3h-8.5A1.75 1.75 0 0 0 2 4.75v6.5c0 .558.261 1.055.668 1.375L.646 14.646a.5.5 0 0 0 .708.708zM5.418 9.875h-.543a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625v.625h-.937v-.312h-1.25v1.875h1.167zm1.02-1.02.23-.23h-.23zM8.63 6.662l.53-.53a.63.63 0 0 0-.53.53m3.12.713h-.125l-1.562 1.563h.75v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a1 1 0 0 1-.114-.01L6 13h6.25A1.75 1.75 0 0 0 14 11.25V5l-2.25 2.25z\" /></svg>);\nconst SubtitlesCrossedIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M18.28 2.28a.75.75 0 0 0-1.06-1.06l-3.53 3.53H4.75a2 2 0 0 0-2 2v6a2 2 0 0 0 1.135 1.804L1.22 17.22a.75.75 0 1 0 1.06 1.06zM6.69 11.75h-.273a.67.67 0 0 1-.667-.667V8.417c0-.367.3-.667.667-.667h2c.366 0 .666.3.666.667v.666h-1V8.75H6.75v2h.94zm7.06-2.667h-.148l-1.667 1.667h.815v-.333h1v.666c0 .367-.3.667-.667.667h-2a1 1 0 0 1-.134-.014L7.935 14.75h6.815a2 2 0 0 0 2-2v-6a2 2 0 0 0-.123-.692L13.75 8.935z\" /></svg>);\nconst SubtitlesCrossedIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M21.707 3.707a1 1 0 0 0-1.414-1.414L17.586 5H5.5A2.5 2.5 0 0 0 3 7.5v9c0 .84.414 1.583 1.05 2.036l-1.757 1.757a1 1 0 1 0 1.414 1.414zM7.586 15H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1H9.5v-.5h-2v3h1.586zM9.5 13.086 9.586 13H9.5zM18 11h-1.03l-2.47 2.47v.03h2V13H18v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.722-.31L8.97 19h9.53a2.5 2.5 0 0 0 2.5-2.5v-9q0-.249-.047-.484L18 9.97z\" /></svg>);\nconst SubtitlesCrossedIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M25.207 4.207a1 1 0 0 0-1.414-1.414L20.586 6H7a3 3 0 0 0-3 3v10c0 .978.468 1.846 1.192 2.394l-2.4 2.399a1 1 0 1 0 1.415 1.414zM9.586 17H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v1h-1.5v-.5h-2v3h1.586zm1.914-1.914.086-.086H11.5zM20 13h-.657l-2.5 2.5H18.5V15H20v1c0 .55-.45 1-1 1h-3a1 1 0 0 1-.514-.143L10.342 22H21a3 3 0 0 0 3-3V9q0-.308-.06-.598L20 12.342z\" /></svg>);\n\nconst SubtitlesCrossedIcon = 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}><SubtitlesCrossedIcon16 className={styles.variant16} />\n<SubtitlesCrossedIcon20 className={styles.variant20} />\n<SubtitlesCrossedIcon24 className={styles.variant24} />\n<SubtitlesCrossedIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SubtitlesCrossedIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SubtitlesCrossedIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SubtitlesCrossedIcon24 {...mainProps} />); }\nreturn (<SubtitlesCrossedIcon28 {...mainProps} />);\n  }\n);\nSubtitlesCrossedIcon.displayName = 'SubtitlesCrossedIcon';\nSubtitlesCrossedIcon.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 SubtitlesCrossedIcon;"],"mappings":"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"}

package/lib/subtitles-outline.d.ts

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

package/lib/subtitles-outline.js

@@ -16,71 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const SubtitlesOutlineIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M7.375 7.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625zM2 4.75C2 3.784 2.784 3 3.75 3h8.5c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 12.25 13h-8.5A1.75 1.75 0 0 1 2 11.25zM3.75 4a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-6.5a.75.75 0 0 0-.75-.75z"
+}));
+
+const SubtitlesOutlineIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M9.333 9.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667zM3 7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5z"
+}));
+
+const SubtitlesOutlineIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M11 11H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zM3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5zM5.5 7a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5z"
+}));
+
+const SubtitlesOutlineIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M13 13h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zM4 9a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"
+}));
+
 const SubtitlesOutlineIcon = /*#__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: "M7.375 7.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M2 4.75C2 3.784 2.784 3 3.75 3h8.5c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 12.25 13h-8.5A1.75 1.75 0 0 1 2 11.25zM3.75 4a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-6.5a.75.75 0 0 0-.75-.75z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(SubtitlesOutlineIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SubtitlesOutlineIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SubtitlesOutlineIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SubtitlesOutlineIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SubtitlesOutlineIcon16, 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: "M9.333 9.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M3 7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5z"
-    }));
+    return /*#__PURE__*/React.createElement(SubtitlesOutlineIcon20, 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: "M11 11H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
-    }), /*#__PURE__*/React.createElement("path", {
-      d: "M3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5zM5.5 7a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5z"
-    }));
+    return /*#__PURE__*/React.createElement(SubtitlesOutlineIcon24, 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: "M13 13h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M4 9a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"
-  }));
+  return /*#__PURE__*/React.createElement(SubtitlesOutlineIcon28, mainProps);
 });
+SubtitlesOutlineIcon.displayName = 'SubtitlesOutlineIcon';
 SubtitlesOutlineIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SubtitlesOutlineIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SubtitlesOutlineIcon;
 //# sourceMappingURL=subtitles-outline.js.map

package/lib/subtitles-outline.js.map

@@ -1 +1 @@
-{"version":3,"file":"subtitles-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesOutlineIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["subtitles-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 SubtitlesOutlineIcon = 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=\"M7.375 7.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z\" /><path d=\"M2 4.75C2 3.784 2.784 3 3.75 3h8.5c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 12.25 13h-8.5A1.75 1.75 0 0 1 2 11.25zM3.75 4a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-6.5a.75.75 0 0 0-.75-.75z\" /></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=\"M9.333 9.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z\" /><path d=\"M3 7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5z\" /></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=\"M11 11H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /><path d=\"M3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5zM5.5 7a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M13 13h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /><path d=\"M4 9a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z\" /></svg>);}\n);\n\nSubtitlesOutlineIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSubtitlesOutlineIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SubtitlesOutlineIcon;"],"mappings":"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"}
+{"version":3,"file":"subtitles-outline.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesOutlineIcon16","props","SubtitlesOutlineIcon20","SubtitlesOutlineIcon24","SubtitlesOutlineIcon28","SubtitlesOutlineIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["subtitles-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 SubtitlesOutlineIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M7.375 7.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625zM2 4.75C2 3.784 2.784 3 3.75 3h8.5c.966 0 1.75.784 1.75 1.75v6.5A1.75 1.75 0 0 1 12.25 13h-8.5A1.75 1.75 0 0 1 2 11.25zM3.75 4a.75.75 0 0 0-.75.75v6.5c0 .414.336.75.75.75h8.5a.75.75 0 0 0 .75-.75v-6.5a.75.75 0 0 0-.75-.75z\" /></svg>);\nconst SubtitlesOutlineIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M9.333 9.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667zM3 7a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm2-.5a.5.5 0 0 0-.5.5v6a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5V7a.5.5 0 0 0-.5-.5z\" /></svg>);\nconst SubtitlesOutlineIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M11 11H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zM3 7.5A2.5 2.5 0 0 1 5.5 5h13A2.5 2.5 0 0 1 21 7.5v9a2.5 2.5 0 0 1-2.5 2.5h-13A2.5 2.5 0 0 1 3 16.5zM5.5 7a.5.5 0 0 0-.5.5v9a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5z\" /></svg>);\nconst SubtitlesOutlineIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M13 13h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zM4 9a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3zm3-1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z\" /></svg>);\n\nconst SubtitlesOutlineIcon = 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}><SubtitlesOutlineIcon16 className={styles.variant16} />\n<SubtitlesOutlineIcon20 className={styles.variant20} />\n<SubtitlesOutlineIcon24 className={styles.variant24} />\n<SubtitlesOutlineIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SubtitlesOutlineIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SubtitlesOutlineIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SubtitlesOutlineIcon24 {...mainProps} />); }\nreturn (<SubtitlesOutlineIcon28 {...mainProps} />);\n  }\n);\nSubtitlesOutlineIcon.displayName = 'SubtitlesOutlineIcon';\nSubtitlesOutlineIcon.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 SubtitlesOutlineIcon;"],"mappings":"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"}

package/lib/subtitles.d.ts

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

package/lib/subtitles.js

@@ -16,63 +16,86 @@ export const Size = {
   "m": "m",
   "l": "l"
 };
+
+const SubtitlesIcon16 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M3.75 3A1.75 1.75 0 0 0 2 4.75v6.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 11.25v-6.5A1.75 1.75 0 0 0 12.25 3zm3.625 4.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z"
+}));
+
+const SubtitlesIcon20 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5 5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm4.333 4.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z"
+}));
+
+const SubtitlesIcon24 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M5.5 5A2.5 2.5 0 0 0 3 7.5v9A2.5 2.5 0 0 0 5.5 19h13a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 18.5 5zm5.5 6H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
+}));
+
+const SubtitlesIcon28 = props => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M7 6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm6 7h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
+}));
+
 const SubtitlesIcon = /*#__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: "M3.75 3A1.75 1.75 0 0 0 2 4.75v6.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 11.25v-6.5A1.75 1.75 0 0 0 12.25 3zm3.625 4.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z"
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(SubtitlesIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(SubtitlesIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(SubtitlesIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(SubtitlesIcon28, {
+      className: styles.variant28
     }));
   }
 
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(SubtitlesIcon16, 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: "M5 5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm4.333 4.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z"
-    }));
+    return /*#__PURE__*/React.createElement(SubtitlesIcon20, 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: "M5.5 5A2.5 2.5 0 0 0 3 7.5v9A2.5 2.5 0 0 0 5.5 19h13a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 18.5 5zm5.5 6H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
-    }));
+    return /*#__PURE__*/React.createElement(SubtitlesIcon24, 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: "M7 6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm6 7h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z"
-  }));
+  return /*#__PURE__*/React.createElement(SubtitlesIcon28, mainProps);
 });
+SubtitlesIcon.displayName = 'SubtitlesIcon';
 SubtitlesIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-SubtitlesIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
 export default SubtitlesIcon;
 //# sourceMappingURL=subtitles.js.map

package/lib/subtitles.js.map

@@ -1 +1 @@
-{"version":3,"file":"subtitles.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesIcon","forwardRef","ref","theme","size","className","props","icon","propTypes","string","oneOf","defaultProps"],"sources":["subtitles.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 SubtitlesIcon = 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=\"M3.75 3A1.75 1.75 0 0 0 2 4.75v6.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 11.25v-6.5A1.75 1.75 0 0 0 12.25 3zm3.625 4.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z\" /></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=\"M5 5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm4.333 4.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z\" /></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=\"M5.5 5A2.5 2.5 0 0 0 3 7.5v9A2.5 2.5 0 0 0 5.5 19h13a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 18.5 5zm5.5 6H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /></svg>); }\nreturn (<svg viewBox=\"0 0 28 28\" {...props} className={cn(styles.icon, styles[theme], sizeStyles[size], className)} ref={ref}><path d=\"M7 6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm6 7h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /></svg>);}\n);\n\nSubtitlesIcon.propTypes = {\n  className: PropTypes.string,\n  theme: PropTypes.oneOf([\"light\", \"dark\"]),\n  size: PropTypes.oneOf([\"xs\", \"s\", \"m\", \"l\"])\n};\n\nSubtitlesIcon.defaultProps = {\n  size: \"m\"\n};\n\nexport default SubtitlesIcon;"],"mappings":";AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,EAAP,MAAe,YAAf;;AAEA,OAAOC,MAAP,MAAmB,gBAAnB;AAEA,MAAMC,UAAU,GAAG;EACjB,MAAMD,MAAM,CAACE,MADI;EACG,KAAKF,MAAM,CAACG,KADf;EACqB,KAAKH,MAAM,CAACI,KADjC;EACuC,KAAKJ,MAAM,CAACK;AADnD,CAAnB;AAIA,OAAO,MAAMC,IAAI,GAAG;EAClB,MAAM,IADY;EACP,KAAK,GADE;EACE,KAAK,GADP;EACW,KAAK;AADhB,CAAb;AAIP,MAAMC,aAAa,gBAAGV,KAAK,CAACW,UAAN,CACpB,OAAuCC,GAAvC,KAA+C;EAAA,IAA9C;IAAEC,KAAF;IAASC,IAAT;IAAeC,SAAf;IAA0B,GAAGC;EAA7B,CAA8C;;EAAC,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;EAAgmB;;EAC7qB,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;EAAif;;EAC3gB,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;EAAkc;;EAC5d,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;AAAka,CAJ5Y,CAAtB;AAOAF,aAAa,CAACQ,SAAd,GAA0B;EACxBH,SAAS,EAAEd,SAAS,CAACkB,MADG;EAExBN,KAAK,EAAEZ,SAAS,CAACmB,KAAV,CAAgB,CAAC,OAAD,EAAU,MAAV,CAAhB,CAFiB;EAGxBN,IAAI,EAAEb,SAAS,CAACmB,KAAV,CAAgB,CAAC,IAAD,EAAO,GAAP,EAAY,GAAZ,EAAiB,GAAjB,CAAhB;AAHkB,CAA1B;AAMAV,aAAa,CAACW,YAAd,GAA6B;EAC3BP,IAAI,EAAE;AADqB,CAA7B;AAIA,eAAeJ,aAAf"}
+{"version":3,"file":"subtitles.js","names":["React","PropTypes","cn","styles","sizeStyles","sizeXS","sizeS","sizeM","sizeL","Size","SubtitlesIcon16","props","SubtitlesIcon20","SubtitlesIcon24","SubtitlesIcon28","SubtitlesIcon","forwardRef","ref","theme","size","sizeFromProps","className","style","renderAllSizes","mainProps","icon","allVariants","variant16","variant20","variant24","variant28","displayName","propTypes","string","oneOf","bool","object"],"sources":["subtitles.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 SubtitlesIcon16 = props => (<svg viewBox=\"0 0 16 16\" {...props}><path d=\"M3.75 3A1.75 1.75 0 0 0 2 4.75v6.5c0 .966.784 1.75 1.75 1.75h8.5A1.75 1.75 0 0 0 14 11.25v-6.5A1.75 1.75 0 0 0 12.25 3zm3.625 4.375h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H4.875a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625H6.75c.344 0 .625.281.625.625zm4.375 0h-.937v-.312h-1.25v1.875h1.25v-.313h.937v.625a.627.627 0 0 1-.625.625H9.25a.627.627 0 0 1-.625-.625v-2.5c0-.344.281-.625.625-.625h1.875c.344 0 .625.281.625.625z\" /></svg>);\nconst SubtitlesIcon20 = props => (<svg viewBox=\"0 0 20 20\" {...props}><path d=\"M5 5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2zm4.333 4.333h-1V9H7v2h1.333v-.333h1v.666c0 .367-.3.667-.666.667h-2A.67.67 0 0 1 6 11.333V8.667C6 8.3 6.3 8 6.667 8h2c.366 0 .666.3.666.667zm4.667 0h-1V9h-1.333v2H13v-.333h1v.666c0 .367-.3.667-.667.667h-2a.67.67 0 0 1-.666-.667V8.667c0-.367.3-.667.666-.667h2c.367 0 .667.3.667.667z\" /></svg>);\nconst SubtitlesIcon24 = props => (<svg viewBox=\"0 0 24 24\" {...props}><path d=\"M5.5 5A2.5 2.5 0 0 0 3 7.5v9A2.5 2.5 0 0 0 5.5 19h13a2.5 2.5 0 0 0 2.5-2.5v-9A2.5 2.5 0 0 0 18.5 5zm5.5 6H9.5v-.5h-2v3h2V13H11v1c0 .55-.45 1-1 1H7c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V13H18v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /></svg>);\nconst SubtitlesIcon28 = props => (<svg viewBox=\"0 0 28 28\" {...props}><path d=\"M7 6a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm6 7h-1.5v-.5h-2v3h2V15H13v1c0 .55-.45 1-1 1H9c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1zm7 0h-1.5v-.5h-2v3h2V15H20v1c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1z\" /></svg>);\n\nconst SubtitlesIcon = 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}><SubtitlesIcon16 className={styles.variant16} />\n<SubtitlesIcon20 className={styles.variant20} />\n<SubtitlesIcon24 className={styles.variant24} />\n<SubtitlesIcon28 className={styles.variant28} /></svg>);\n          }\n          if (size === Size['xs']) { return (<SubtitlesIcon16 {...mainProps} />); }\nif (size === Size['s']) { return (<SubtitlesIcon20 {...mainProps} />); }\nif (size === Size['m']) { return (<SubtitlesIcon24 {...mainProps} />); }\nreturn (<SubtitlesIcon28 {...mainProps} />);\n  }\n);\nSubtitlesIcon.displayName = 'SubtitlesIcon';\nSubtitlesIcon.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 SubtitlesIcon;"],"mappings":"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"}

package/lib/success-outline.d.ts

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