npm - @blueprintjs/icons - Versions diffs - 5.0.0-alpha.4 → 5.0.0-beta.0 - Mend

@blueprintjs/icons 5.0.0-alpha.4 → 5.0.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4123) hide show

package/src/generated/components/eye-on.tsx CHANGED Viewed

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
-export const EyeOn: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M266 225.8C269.6 222.2 274.6 220 280.2 220S290.8 222.2 294.4 225.8L394.2000000000001 325.8C397.6 329.4 400 334.4 400 340C400 351 391 360 380 360C374.4 360 369.4 357.8 365.8 354.2L280 268.4L234.2 314.2C230.8 317.8 225.8 320 220.2 320C209.2 320 200.2 311 200.2 300C200.2 294.4 202.4 289.4 206 285.8L266 225.8zM400 200.8C400 201 400 201.2 400 201.4C400 201.4 400 201.6 400 201.6C400 201.8 400 201.8 400 202C400 202.2 400 202.2 400 202.4C400 202.4 400 202.4 400 202.4C399.6 205.6 398 208.8 395.8 211.1999999999999C387 222.2 377 232.2 366.6 241.6L322.6 197.5999999999999C311.6 186.8 296.6 180 280.2 180C279.2 180 278.4 180.2 277.4 180.2C268.6 145.4 237.6 119.8 200.2 119.8C156 119.8 120.2 155.8 120.2 200C120.2 232.4000000000001 139.4 260.2 167 272.8C162.8 281 160.4 290.2 160.4 300C160.4 305.6 161.4 310.8 162.8 316C141.8 311.6 121.4 303.2 102.4 293C71 276 42.4 252.6 17.6 226.4C13 221.4 8.4 216.4 4.2 211.2C-1.4 204.2 -1.4 195.8 4.2 188.8C17 172.8 32.2 158.4 47.6 145.4C80.8 117.2000000000001 118.8 93.8 160.8 84.2000000000001C185 78.8 209.4 78.4 233.8 83.2C256 87.4 277.4 96.2 297.4 107C328.8 124 357.4 147.4 382.2 173.6C386.8 178.4 391.4 183.4 395.6 188.8C397.8 191.2 399.2000000000001 194.2 399.8000000000001 197.6C399.8000000000001 197.6 399.8000000000001 197.6 399.8000000000001 197.6C399.8000000000001 197.8 399.8000000000001 197.8 399.8000000000001 198C399.8000000000001 198.2 399.8000000000001 198.2 399.8000000000001 198.4C399.8000000000001 198.4 399.8000000000001 198.6 399.8000000000001 198.6C399.8000000000001 198.8 399.8000000000001 199 399.8000000000001 199.1999999999999C399.8000000000001 199.4 399.8000000000001 199.7999999999999 399.8000000000001 200C400 200.2 400 200.6 400 200.8zM200.2 159.8C220.8 159.8 237.6 175.6 239.8 195.8C239.2 196.4 238.6 197 238 197.6L237.8 197.4L195.8 239.6C175.8 237.4000000000001 160.4 220.6 160.4 200C160.2 177.8 178.2 159.8 200.2 159.8z"
-                    : "M205.8 186C209.4 182.4 214.4 180.2 220 180.2S230.6 182.4 234.2 186L314.2000000000001 266C317.6 269.6 320 274.6 320 280C320 291 311 300 300 300C294.4000000000001 300 289.4000000000001 297.8 285.8 294.2L220 228.4L194.2 254.2C190.6 257.8 185.6 260 180 260C169 260 160 251.2 160 240C160 234.6 162.4 229.6 166 226L205.8 186zM320 160.8C320 161 320 161 320 161.2C320 161.2 320 161.4 320 161.4C320 161.6 320 161.6 320 161.8C320 162 320 162 320 162.2C320 162.2 320 162.2 320 162.2C319.6 165 318.4 167.6 316.6 169.4C310.6 177.4 303.6 184.6 296.6 191.8L262.6 157.8C251.6 146.8 236.6 140.2 220 140.2C218.8 140.2 217.8 140.4 216.6 140.6C208.4 117 186.4 100 160.2 100C127 100 100.2 127 100.2 160.2C100.2 181.6 111.4 200.2 128 210.8C123.2 219.4 120.2 229.4 120.2 240C120.2 245.2 121 250 122.2 254.8C108.2 250.8 94.8 244.8 82 237.6C56.8 223.6 34 204 14 182.2C10.4 178 6.8 174 3.4 169.6C-1 163.8 -1 156.8 3.4 151C13.6 137.6 25.8 125.6 38 114.8C64.6 91.4 95 71.8 128.6 63.8C148 59.2000000000001 167.6 59 187 62.8C204.8 66.4 221.8 73.6 237.8 82.6C262.8 96.8 285.8 116.4 305.6 138.2C309.2000000000001 142.2 313 146.4 316.4 150.8C318.2 152.8 319.4000000000001 155.4 319.8 158.2C319.8 158.2 319.8 158.2 319.8 158.2C319.8 158.4 319.8 158.4 319.8 158.6C319.8 158.8 319.8 158.8 319.8 159C319.8 159 319.8 159.2 319.8 159.2C319.8 159.4 319.8 159.4 319.8 159.6C319.8 159.8 319.8 160 319.8 160.2C320 160.4 320 160.6 320 160.8zM160.2 140C169.8 140 177.6 147 179.4 156.2C178.8 156.8 178.4 157.4 178 158L177.6 157.8L156 179.4C147 177.4 140.2 169.8 140.2 160.2C140.2 149 149.2 140 160.2 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="eye-on"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-eye-on`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="eye-on" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const EyeOn: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="eye-on" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M205.8 186C209.4 182.4 214.4 180.2 220 180.2S230.6 182.4 234.2 186L314.2000000000001 266C317.6 269.6 320 274.6 320 280C320 291 311 300 300 300C294.4000000000001 300 289.4000000000001 297.8 285.8 294.2L220 228.4L194.2 254.2C190.6 257.8 185.6 260 180 260C169 260 160 251.2 160 240C160 234.6 162.4 229.6 166 226L205.8 186zM320 160.8C320 161 320 161 320 161.2C320 161.2 320 161.4 320 161.4C320 161.6 320 161.6 320 161.8C320 162 320 162 320 162.2C320 162.2 320 162.2 320 162.2C319.6 165 318.4 167.6 316.6 169.4C310.6 177.4 303.6 184.6 296.6 191.8L262.6 157.8C251.6 146.8 236.6 140.2 220 140.2C218.8 140.2 217.8 140.4 216.6 140.6C208.4 117 186.4 100 160.2 100C127 100 100.2 127 100.2 160.2C100.2 181.6 111.4 200.2 128 210.8C123.2 219.4 120.2 229.4 120.2 240C120.2 245.2 121 250 122.2 254.8C108.2 250.8 94.8 244.8 82 237.6C56.8 223.6 34 204 14 182.2C10.4 178 6.8 174 3.4 169.6C-1 163.8 -1 156.8 3.4 151C13.6 137.6 25.8 125.6 38 114.8C64.6 91.4 95 71.8 128.6 63.8C148 59.2000000000001 167.6 59 187 62.8C204.8 66.4 221.8 73.6 237.8 82.6C262.8 96.8 285.8 116.4 305.6 138.2C309.2000000000001 142.2 313 146.4 316.4 150.8C318.2 152.8 319.4000000000001 155.4 319.8 158.2C319.8 158.2 319.8 158.2 319.8 158.2C319.8 158.4 319.8 158.4 319.8 158.6C319.8 158.8 319.8 158.8 319.8 159C319.8 159 319.8 159.2 319.8 159.2C319.8 159.4 319.8 159.4 319.8 159.6C319.8 159.8 319.8 160 319.8 160.2C320 160.4 320 160.6 320 160.8zM160.2 140C169.8 140 177.6 147 179.4 156.2C178.8 156.8 178.4 157.4 178 158L177.6 157.8L156 179.4C147 177.4 140.2 169.8 140.2 160.2C140.2 149 149.2 140 160.2 140z"
+                        : "M266 225.8C269.6 222.2 274.6 220 280.2 220S290.8 222.2 294.4 225.8L394.2000000000001 325.8C397.6 329.4 400 334.4 400 340C400 351 391 360 380 360C374.4 360 369.4 357.8 365.8 354.2L280 268.4L234.2 314.2C230.8 317.8 225.8 320 220.2 320C209.2 320 200.2 311 200.2 300C200.2 294.4 202.4 289.4 206 285.8L266 225.8zM400 200.8C400 201 400 201.2 400 201.4C400 201.4 400 201.6 400 201.6C400 201.8 400 201.8 400 202C400 202.2 400 202.2 400 202.4C400 202.4 400 202.4 400 202.4C399.6 205.6 398 208.8 395.8 211.1999999999999C387 222.2 377 232.2 366.6 241.6L322.6 197.5999999999999C311.6 186.8 296.6 180 280.2 180C279.2 180 278.4 180.2 277.4 180.2C268.6 145.4 237.6 119.8 200.2 119.8C156 119.8 120.2 155.8 120.2 200C120.2 232.4000000000001 139.4 260.2 167 272.8C162.8 281 160.4 290.2 160.4 300C160.4 305.6 161.4 310.8 162.8 316C141.8 311.6 121.4 303.2 102.4 293C71 276 42.4 252.6 17.6 226.4C13 221.4 8.4 216.4 4.2 211.2C-1.4 204.2 -1.4 195.8 4.2 188.8C17 172.8 32.2 158.4 47.6 145.4C80.8 117.2000000000001 118.8 93.8 160.8 84.2000000000001C185 78.8 209.4 78.4 233.8 83.2C256 87.4 277.4 96.2 297.4 107C328.8 124 357.4 147.4 382.2 173.6C386.8 178.4 391.4 183.4 395.6 188.8C397.8 191.2 399.2000000000001 194.2 399.8000000000001 197.6C399.8000000000001 197.6 399.8000000000001 197.6 399.8000000000001 197.6C399.8000000000001 197.8 399.8000000000001 197.8 399.8000000000001 198C399.8000000000001 198.2 399.8000000000001 198.2 399.8000000000001 198.4C399.8000000000001 198.4 399.8000000000001 198.6 399.8000000000001 198.6C399.8000000000001 198.8 399.8000000000001 199 399.8000000000001 199.1999999999999C399.8000000000001 199.4 399.8000000000001 199.7999999999999 399.8000000000001 200C400 200.2 400 200.6 400 200.8zM200.2 159.8C220.8 159.8 237.6 175.6 239.8 195.8C239.2 196.4 238.6 197 238 197.6L237.8 197.4L195.8 239.6C175.8 237.4000000000001 160.4 220.6 160.4 200C160.2 177.8 178.2 159.8 200.2 159.8z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+EyeOn.defaultProps = {
+    size: IconSize.STANDARD,
+};
 EyeOn.displayName = `Blueprint5.Icon.EyeOn`;
 export default EyeOn;

package/src/generated/components/eye-open.tsx CHANGED Viewed

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
-export const EyeOpen: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M200.1998 240.3130406C178.2217782 240.3130406 160.2397602 222.2624252 160.2397602 200.200562C160.2397602 178.1386996 178.2217782 160.0880842 200.1998 160.0880842C222.177822 160.0880842 240.15984 178.1386996 240.15984 200.200562C240.15984 222.2624252 222.177822 240.3130406 200.1998 240.3130406zM400 200.8022492C400 201.0028116 400 201.203374 400 201.4039364C400 201.4039364 400 201.6044988 400 201.6044988C400 201.8050612 400 201.8050612 400 202.0056236C400 202.206186 400 202.206186 400 202.4067484C400 202.4067484 400 202.4067484 400 202.4067484C399.6004 205.6157466 398.001998 208.8247448 395.804196 211.2314936C383.016984 227.276485 367.832168 241.516415 352.447552 254.5529704C319.28072 282.6317054 281.118882 306.29806786 239.16084 315.72450034C214.985014 321.139684948 190.4095904 321.340247342 166.033966 316.7273123C143.8561438 312.71606444 122.4775224 303.89131916 102.4975024 293.06095C71.1288712 276.0131466000001 42.5574426 252.747909 17.58241758 226.4742354C12.98701298 221.4601756 8.3916084 216.6466782 4.1958042 211.2314936C-1.398601398 204.2118098 -1.398601398 195.7881902 4.1958042 188.7685064C16.98301698 172.723515 32.1678322 158.483585 47.5524476 145.4470296C80.7192808 117.368294 118.8811188 93.902494 160.8391608 84.2755C185.014985 78.860316 209.59041 78.659752 233.966034 83.272688C256.143856 87.484498 277.522478 96.309244 297.502498 107.139612C328.871128 124.1874158 357.442558 147.4526534 382.417582 173.726327C387.0129880000001 178.5398244 391.608392 183.5538842 395.804196 188.7685064C398.001998 191.1752552 399.4006000000001 194.183691 400 197.5932516C400 197.5932516 400 197.5932516 400 197.5932516C400 197.793814 400 197.793814 400 197.9943764C400 198.1949388 400 198.1949388 400 198.3955012C400 198.3955012 400 198.5960636 400 198.5960636C400 198.796626 400 198.9971884 400 199.1977508C400 199.3983132 400 199.7994372 400 199.9999996C400 200.4011244 400 200.6016868 400 200.8022492zM200.1998 119.975606C156.043956 119.975606 120.2797202 155.876274 120.2797202 200.200562C120.2797202 244.5248508 156.043956 280.4255192 200.1998 280.4255192C244.355644 280.4255192 280.11988 244.5248508 280.11988 200.200562C280.11988 155.876274 244.355644 119.975606 200.1998 119.975606z"
-                    : "M160.049922 179.9463792C149.0670826 179.9463792 140.0811232 170.9230228 140.0811232 159.894476C140.0811232 148.8659294 149.0670826 139.842573 160.049922 139.842573C171.0327614 139.842573 180.0187208 148.8659294 180.0187208 159.894476C180.0187208 170.9230228 171.0327614 179.9463792 160.049922 179.9463792zM319.800312 160.4960332C319.800312 160.6965522 319.800312 160.6965522 319.800312 160.8970712C319.800312 160.8970712 319.800312 161.0975902 319.800312 161.0975902C319.800312 161.2981092 319.800312 161.2981092 319.800312 161.4986284C319.800312 161.6991474 319.800312 161.6991474 319.800312 161.8996664C319.800312 161.8996664 319.800312 161.8996664 319.800312 161.8996664C319.400936 164.7069328 318.202808 167.1131612 316.405616 169.1183514C306.221528 182.5531266 294.040562 194.3837494 281.659906 205.2117772C255.101404 228.6725038 224.74883 248.32336886 191.201248 256.1436110800001C171.6318252 260.956067826 152.2620904 261.156586858 132.6926678 257.34672526C114.9204368 253.7373827 97.9469578 246.51869758 81.7722308 237.4953412C56.8112324 223.25849 33.8471138 203.808144 13.87831514 181.9515694C10.28393136 177.7406698 6.68954758 173.7302892 3.2948518 169.3188706C-1.098283932 163.5038186 -1.098283932 156.4856526 3.2948518 150.6706006C13.47893916 137.2358256 25.6599064 125.4052026 38.0405616 114.5771758C64.599064 91.1164492 94.951638 71.465584 128.49922 63.6453418C147.8689548 59.033404 167.4383776 58.832886 187.0078004 62.8432658C204.780032 66.4526082 221.75351 73.6712934 237.928238 82.6946498C262.889236 96.931501 285.853354 116.381847 305.822152 138.2384206C309.416536 142.2488012 313.2106080000001 146.459701 316.605304 150.8711196C318.402496 152.87631 319.6006240000001 155.4830574 320 158.0898048C320 158.0898048 320 158.0898048 320 158.0898048C320 158.2903238 320 158.2903238 320 158.4908428C320 158.6913618 320 158.6913618 320 158.8918808C320 158.8918808 320 159.0924 320 159.0924C320 159.2929190000001 320 159.2929190000001 320 159.493438C320 159.693957 320 159.894476 320 160.094995C320 160.2955142 319.800312 160.2955142 319.800312 160.4960332zM160.049922 99.7387674C126.901716 99.7387674 100.1435258 126.6083168 100.1435258 159.894476C100.1435258 193.1806352 126.901716 220.0501854 160.049922 220.0501854C193.198128 220.0501854 219.956318 193.1806352 219.956318 159.894476C219.956318 126.6083168 193.198128 99.7387674 160.049922 99.7387674z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="eye-open"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-eye-open`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="eye-open" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const EyeOpen: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="eye-open" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160.049922 179.9463792C149.0670826 179.9463792 140.0811232 170.9230228 140.0811232 159.894476C140.0811232 148.8659294 149.0670826 139.842573 160.049922 139.842573C171.0327614 139.842573 180.0187208 148.8659294 180.0187208 159.894476C180.0187208 170.9230228 171.0327614 179.9463792 160.049922 179.9463792zM319.800312 160.4960332C319.800312 160.6965522 319.800312 160.6965522 319.800312 160.8970712C319.800312 160.8970712 319.800312 161.0975902 319.800312 161.0975902C319.800312 161.2981092 319.800312 161.2981092 319.800312 161.4986284C319.800312 161.6991474 319.800312 161.6991474 319.800312 161.8996664C319.800312 161.8996664 319.800312 161.8996664 319.800312 161.8996664C319.400936 164.7069328 318.202808 167.1131612 316.405616 169.1183514C306.221528 182.5531266 294.040562 194.3837494 281.659906 205.2117772C255.101404 228.6725038 224.74883 248.32336886 191.201248 256.1436110800001C171.6318252 260.956067826 152.2620904 261.156586858 132.6926678 257.34672526C114.9204368 253.7373827 97.9469578 246.51869758 81.7722308 237.4953412C56.8112324 223.25849 33.8471138 203.808144 13.87831514 181.9515694C10.28393136 177.7406698 6.68954758 173.7302892 3.2948518 169.3188706C-1.098283932 163.5038186 -1.098283932 156.4856526 3.2948518 150.6706006C13.47893916 137.2358256 25.6599064 125.4052026 38.0405616 114.5771758C64.599064 91.1164492 94.951638 71.465584 128.49922 63.6453418C147.8689548 59.033404 167.4383776 58.832886 187.0078004 62.8432658C204.780032 66.4526082 221.75351 73.6712934 237.928238 82.6946498C262.889236 96.931501 285.853354 116.381847 305.822152 138.2384206C309.416536 142.2488012 313.2106080000001 146.459701 316.605304 150.8711196C318.402496 152.87631 319.6006240000001 155.4830574 320 158.0898048C320 158.0898048 320 158.0898048 320 158.0898048C320 158.2903238 320 158.2903238 320 158.4908428C320 158.6913618 320 158.6913618 320 158.8918808C320 158.8918808 320 159.0924 320 159.0924C320 159.2929190000001 320 159.2929190000001 320 159.493438C320 159.693957 320 159.894476 320 160.094995C320 160.2955142 319.800312 160.2955142 319.800312 160.4960332zM160.049922 99.7387674C126.901716 99.7387674 100.1435258 126.6083168 100.1435258 159.894476C100.1435258 193.1806352 126.901716 220.0501854 160.049922 220.0501854C193.198128 220.0501854 219.956318 193.1806352 219.956318 159.894476C219.956318 126.6083168 193.198128 99.7387674 160.049922 99.7387674z"
+                        : "M200.1998 240.3130406C178.2217782 240.3130406 160.2397602 222.2624252 160.2397602 200.200562C160.2397602 178.1386996 178.2217782 160.0880842 200.1998 160.0880842C222.177822 160.0880842 240.15984 178.1386996 240.15984 200.200562C240.15984 222.2624252 222.177822 240.3130406 200.1998 240.3130406zM400 200.8022492C400 201.0028116 400 201.203374 400 201.4039364C400 201.4039364 400 201.6044988 400 201.6044988C400 201.8050612 400 201.8050612 400 202.0056236C400 202.206186 400 202.206186 400 202.4067484C400 202.4067484 400 202.4067484 400 202.4067484C399.6004 205.6157466 398.001998 208.8247448 395.804196 211.2314936C383.016984 227.276485 367.832168 241.516415 352.447552 254.5529704C319.28072 282.6317054 281.118882 306.29806786 239.16084 315.72450034C214.985014 321.139684948 190.4095904 321.340247342 166.033966 316.7273123C143.8561438 312.71606444 122.4775224 303.89131916 102.4975024 293.06095C71.1288712 276.0131466000001 42.5574426 252.747909 17.58241758 226.4742354C12.98701298 221.4601756 8.3916084 216.6466782 4.1958042 211.2314936C-1.398601398 204.2118098 -1.398601398 195.7881902 4.1958042 188.7685064C16.98301698 172.723515 32.1678322 158.483585 47.5524476 145.4470296C80.7192808 117.368294 118.8811188 93.902494 160.8391608 84.2755C185.014985 78.860316 209.59041 78.659752 233.966034 83.272688C256.143856 87.484498 277.522478 96.309244 297.502498 107.139612C328.871128 124.1874158 357.442558 147.4526534 382.417582 173.726327C387.0129880000001 178.5398244 391.608392 183.5538842 395.804196 188.7685064C398.001998 191.1752552 399.4006000000001 194.183691 400 197.5932516C400 197.5932516 400 197.5932516 400 197.5932516C400 197.793814 400 197.793814 400 197.9943764C400 198.1949388 400 198.1949388 400 198.3955012C400 198.3955012 400 198.5960636 400 198.5960636C400 198.796626 400 198.9971884 400 199.1977508C400 199.3983132 400 199.7994372 400 199.9999996C400 200.4011244 400 200.6016868 400 200.8022492zM200.1998 119.975606C156.043956 119.975606 120.2797202 155.876274 120.2797202 200.200562C120.2797202 244.5248508 156.043956 280.4255192 200.1998 280.4255192C244.355644 280.4255192 280.11988 244.5248508 280.11988 200.200562C280.11988 155.876274 244.355644 119.975606 200.1998 119.975606z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+EyeOpen.defaultProps = {
+    size: IconSize.STANDARD,
+};
 EyeOpen.displayName = `Blueprint5.Icon.EyeOpen`;
 export default EyeOpen;

package/src/generated/components/fast-backward.tsx CHANGED Viewed

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
-export const FastBackward: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M360 340C355.4 340 351.6 338.2 348.2 335.8L348 336L220 240V320C220 331 211 340 200 340C195.4 340 191.6 338.2 188.2 335.8L188 336L28 216L28.2 215.8C23.4 212 20 206.6 20 200S23.4 188 28.2 184.2L28 184L188 64L188.2 64.2000000000001C191.6 61.8 195.4 60 200 60C211 60 220 69 220 80V160L348 64L348.2 64.2000000000001C351.6 61.8 355.4 60 360 60C371 60 380 69 380 80V320C380 331 371 340 360 340z"
-                    : "M280 260C275.2 260 271.2 258.2 267.6 255.4L267.4000000000001 255.6L180 185.6V240C180 251 171 260 160 260C155.2 260 151.2 258.2 147.6 255.4L147.6 255.6L47.6 175.6C47.6 175.6 47.8 175.4 47.8 175.4C43.2 171.8 40 166.4 40 160S43.2 148.2 47.6 144.6L47.6 144.4L147.6 64.4L147.8 64.6C151.2 61.8 155.2 60 160 60C171 60 180 69 180 80V134.4L267.6 64.4L267.8 64.6C271.2 61.8 275.2 60 280 60C291 60 300 69 300 80V240C300 251 291 260 280 260z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="fast-backward"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-fast-backward`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="fast-backward" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FastBackward: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="fast-backward" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M280 260C275.2 260 271.2 258.2 267.6 255.4L267.4000000000001 255.6L180 185.6V240C180 251 171 260 160 260C155.2 260 151.2 258.2 147.6 255.4L147.6 255.6L47.6 175.6C47.6 175.6 47.8 175.4 47.8 175.4C43.2 171.8 40 166.4 40 160S43.2 148.2 47.6 144.6L47.6 144.4L147.6 64.4L147.8 64.6C151.2 61.8 155.2 60 160 60C171 60 180 69 180 80V134.4L267.6 64.4L267.8 64.6C271.2 61.8 275.2 60 280 60C291 60 300 69 300 80V240C300 251 291 260 280 260z"
+                        : "M360 340C355.4 340 351.6 338.2 348.2 335.8L348 336L220 240V320C220 331 211 340 200 340C195.4 340 191.6 338.2 188.2 335.8L188 336L28 216L28.2 215.8C23.4 212 20 206.6 20 200S23.4 188 28.2 184.2L28 184L188 64L188.2 64.2000000000001C191.6 61.8 195.4 60 200 60C211 60 220 69 220 80V160L348 64L348.2 64.2000000000001C351.6 61.8 355.4 60 360 60C371 60 380 69 380 80V320C380 331 371 340 360 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FastBackward.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FastBackward.displayName = `Blueprint5.Icon.FastBackward`;
 export default FastBackward;

package/src/generated/components/fast-forward.tsx CHANGED Viewed

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
-export const FastForward: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M380 200C380 206.6 376.6 212 371.8 215.8L372 216L212 336L211.8000000000001 335.8C208.4 338.2 204.6 340 200 340C189 340 180 331 180 320V240L52 336L51.8 335.8C48.4 338.2 44.6 340 40 340C29 340 20 331 20 320V80C20 69 29 60 40 60C44.6 60 48.4 61.8 51.8 64.2000000000001L52 64L180 160V80C180 69 189 60 200 60C204.6 60 208.4 61.8 211.8 64.2000000000001L212 64L372 184L371.8 184.2C376.6 188 380 193.4 380 200z"
-                    : "M300 160C300 166.4 296.8 171.8 292.4 175.4L292.6 175.6L192.6 255.6L192.4 255.4C188.8 258.2 184.8 260 180 260C169 260 160 251 160 240V185.6L72.4 255.6L72.4 255.4C68.8 258.2 64.8 260 60 260C49 260 40 251 40 240V80C40 69 49 60 60 60C64.8 60 68.8 61.8 72.4 64.6L72.6 64.4L160 134.4V80C160 69 169 60 180 60C184.8 60 188.8 61.8 192.4 64.6L192.6 64.4L292.6 144.4C292.6 144.4 292.4 144.6 292.4 144.6C296.8 148.2 300 153.6 300 160z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="fast-forward"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-fast-forward`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="fast-forward" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FastForward: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="fast-forward" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 160C300 166.4 296.8 171.8 292.4 175.4L292.6 175.6L192.6 255.6L192.4 255.4C188.8 258.2 184.8 260 180 260C169 260 160 251 160 240V185.6L72.4 255.6L72.4 255.4C68.8 258.2 64.8 260 60 260C49 260 40 251 40 240V80C40 69 49 60 60 60C64.8 60 68.8 61.8 72.4 64.6L72.6 64.4L160 134.4V80C160 69 169 60 180 60C184.8 60 188.8 61.8 192.4 64.6L192.6 64.4L292.6 144.4C292.6 144.4 292.4 144.6 292.4 144.6C296.8 148.2 300 153.6 300 160z"
+                        : "M380 200C380 206.6 376.6 212 371.8 215.8L372 216L212 336L211.8000000000001 335.8C208.4 338.2 204.6 340 200 340C189 340 180 331 180 320V240L52 336L51.8 335.8C48.4 338.2 44.6 340 40 340C29 340 20 331 20 320V80C20 69 29 60 40 60C44.6 60 48.4 61.8 51.8 64.2000000000001L52 64L180 160V80C180 69 189 60 200 60C204.6 60 208.4 61.8 211.8 64.2000000000001L212 64L372 184L371.8 184.2C376.6 188 380 193.4 380 200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FastForward.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FastForward.displayName = `Blueprint5.Icon.FastForward`;
 export default FastForward;

package/src/generated/components/feed-subscribed.tsx CHANGED Viewed

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
-export const FeedSubscribed: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M50 100C22.4 100 0 77.6 0 50C0 22.4 22.4 0 50 0S100 22.4 100 50C100 77.6 77.6 100 50 100zM60 360C95.2 360 128.8 353.8 160.2 342.6C160.8 356.8 166.4 369.6 175.2 379.6C139.2 392.6 100.6 400 60 400C49 400 40 391 40 380S49 360 60 360zM266.4 266.6C270 263 275 260.8 280.4 260.8C285.8 260.8 290.8 263 294.4 266.6L394 366.2C397.8 369.6 400 374.6 400 380.2C400 391.2 391 400.2 380 400.2C374.6 400.2 369.6 398 366 394.4L280.6 309L235.0000000000001 354.6C231.4000000000001 358.2 226.4000000000001 360.4 221.0000000000001 360.4C210 360.4 201.2000000000001 351.4 201.2000000000001 340.4C201.2000000000001 334.8 203.4 330 207 326.4L266.4 266.6zM60 200C49 200 40 191 40 180S49 160 60 160C115.2 160 160 115.2 160 60C160 49 169 40 180 40S200 49 200 60C200 137.4 137.4 200 60 200zM338.8 253.8L322.4000000000001 237.4000000000001L322 237.8C318.0000000000001 233.8 313.6 230.4000000000001 308.6 227.6C341.2 179.8 360 122.2 360 60C360 49 369 40 380 40S400 49 400 60C400 132.2 377.2 198.8 338.8 253.8zM60 300C49 300 40 291 40 280S49 260 60 260C170.4 260 260 170.4 260 60C260 49 269 40 280 40S300 49 300 60C300 192.6 192.6 300 60 300z"
-                    : "M60 280C81.2 280 101.6 276.8 121.2 271C123.8 285.2 131.6 297.4 142.2 306.2C116.4 315 88.8 320 60 320C49 320 40 311 40 300S49 280 60 280zM40 80C18 80 0 62 0 40C0 18 18 0 40 0S80 18 80 40C80 62 62 80 40 80zM206.4 206.6C210 203 215 200.8 220.4 200.8C225.8 200.8 230.8 203 234.4 206.6L314 286.2C317.8 289.8 320 294.6 320 300.2C320 311.2 311 320 300 320C294.4000000000001 320 289.6 317.8 286 314.2L220.4 248.6L194.6 274.4C191 278 186 280.2 180.6 280.2C169.6 280.2 160.6 271.2 160.6 260.4C160.6 255 162.8 250 166.4 246.4L206.4 206.6zM281 196L262.4000000000001 177.4L262 177.8C258.6 174.4 255.0000000000001 171.2 250.8 168.8C269.4000000000001 136.8 280 99.6 280 60C280 49 289 40 300 40S320 49 320 60C320 110 305.4 156.4 281 196zM60 160C49 160 40 151 40 140S49 120 60 120C93.2 120 120 93.2 120 60C120 49 129 40 140 40S160 49 160 60C160 115.2 115.2 160 60 160zM178.2 178.2L177.6 177.6L137.6 217.6L138.2 218.2C136 220.4 133.6 222.2 131.6 224.8C109.6 234.4 85.6 240 60 240C49 240 40 231 40 220S49 200 60 200C137.4 200 200 137.4 200 60C200 49 209 40 220 40S240 49 240 60C240 97.4 228.6 132.2 209 161.2C196.8 163.4 186.4 169.6 178.2 178.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="feed-subscribed"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-feed-subscribed`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="feed-subscribed" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FeedSubscribed: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="feed-subscribed" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M60 280C81.2 280 101.6 276.8 121.2 271C123.8 285.2 131.6 297.4 142.2 306.2C116.4 315 88.8 320 60 320C49 320 40 311 40 300S49 280 60 280zM40 80C18 80 0 62 0 40C0 18 18 0 40 0S80 18 80 40C80 62 62 80 40 80zM206.4 206.6C210 203 215 200.8 220.4 200.8C225.8 200.8 230.8 203 234.4 206.6L314 286.2C317.8 289.8 320 294.6 320 300.2C320 311.2 311 320 300 320C294.4000000000001 320 289.6 317.8 286 314.2L220.4 248.6L194.6 274.4C191 278 186 280.2 180.6 280.2C169.6 280.2 160.6 271.2 160.6 260.4C160.6 255 162.8 250 166.4 246.4L206.4 206.6zM281 196L262.4000000000001 177.4L262 177.8C258.6 174.4 255.0000000000001 171.2 250.8 168.8C269.4000000000001 136.8 280 99.6 280 60C280 49 289 40 300 40S320 49 320 60C320 110 305.4 156.4 281 196zM60 160C49 160 40 151 40 140S49 120 60 120C93.2 120 120 93.2 120 60C120 49 129 40 140 40S160 49 160 60C160 115.2 115.2 160 60 160zM178.2 178.2L177.6 177.6L137.6 217.6L138.2 218.2C136 220.4 133.6 222.2 131.6 224.8C109.6 234.4 85.6 240 60 240C49 240 40 231 40 220S49 200 60 200C137.4 200 200 137.4 200 60C200 49 209 40 220 40S240 49 240 60C240 97.4 228.6 132.2 209 161.2C196.8 163.4 186.4 169.6 178.2 178.2z"
+                        : "M50 100C22.4 100 0 77.6 0 50C0 22.4 22.4 0 50 0S100 22.4 100 50C100 77.6 77.6 100 50 100zM60 360C95.2 360 128.8 353.8 160.2 342.6C160.8 356.8 166.4 369.6 175.2 379.6C139.2 392.6 100.6 400 60 400C49 400 40 391 40 380S49 360 60 360zM266.4 266.6C270 263 275 260.8 280.4 260.8C285.8 260.8 290.8 263 294.4 266.6L394 366.2C397.8 369.6 400 374.6 400 380.2C400 391.2 391 400.2 380 400.2C374.6 400.2 369.6 398 366 394.4L280.6 309L235.0000000000001 354.6C231.4000000000001 358.2 226.4000000000001 360.4 221.0000000000001 360.4C210 360.4 201.2000000000001 351.4 201.2000000000001 340.4C201.2000000000001 334.8 203.4 330 207 326.4L266.4 266.6zM60 200C49 200 40 191 40 180S49 160 60 160C115.2 160 160 115.2 160 60C160 49 169 40 180 40S200 49 200 60C200 137.4 137.4 200 60 200zM338.8 253.8L322.4000000000001 237.4000000000001L322 237.8C318.0000000000001 233.8 313.6 230.4000000000001 308.6 227.6C341.2 179.8 360 122.2 360 60C360 49 369 40 380 40S400 49 400 60C400 132.2 377.2 198.8 338.8 253.8zM60 300C49 300 40 291 40 280S49 260 60 260C170.4 260 260 170.4 260 60C260 49 269 40 280 40S300 49 300 60C300 192.6 192.6 300 60 300z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FeedSubscribed.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FeedSubscribed.displayName = `Blueprint5.Icon.FeedSubscribed`;
 export default FeedSubscribed;

package/src/generated/components/feed.tsx CHANGED Viewed

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
 import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { SVGIconContainer } from "../../svgIconContainer";
-export const Feed: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M50 100C22.4 100 0 77.6 0 50C0 22.4 22.4 0 50 0S100 22.4 100 50C100 77.6 77.6 100 50 100zM60 200C49 200 40 191 40 180C40 169 49 160 60 160C115.2 160 160 115.2 160 60C160 49 169 40 180 40S200 49 200 60C200 137.4 137.4 200 60 200zM60 400C49 400 40 391 40 380C40 369 49 360 60 360C225.6 360 360 225.6 360 60C360 49 369 40 380 40S400 49 400 60C400 247.8 247.8 400 60 400zM60 300C49 300 40 291 40 280C40 269 49 260 60 260C170.4 260 260 170.4 260 60C260 49 269 40 280 40S300 49 300 60C300 192.6 192.6 300 60 300z"
-                    : "M39.8 80.2C17.8 80.2 -0.2 62.2 -0.2 40.2S17.8 0.2 39.8 0.2S79.8 18.2 79.8 40.2S62 80.2 39.8 80.2zM59.8 160.2C48.8 160.2 39.8 151.2 39.8 140.2S48.8 120.2 59.8 120.2C93 120.2 119.8 93.4 119.8 60.2C119.8 49.2 128.8 40.2 139.8 40.2S159.8 49.2 159.8 60.2C159.8 115.4 115 160.2 59.8 160.2zM59.8 240.2C48.8 240.2 39.8 231.2 39.8 220.2S48.8 200.2 59.8 200.2C137.2 200.2 199.8 137.6 199.8 60.2C199.8 49.2 208.8 40.2 219.8 40.2S239.8 49.2 239.8 60.2C239.8 159.6 159.2 240.2 59.8 240.2zM59.8 320.2C48.8 320.2 39.8 311.2 39.8 300.2S48.8 280.2 59.8 280.2C181.4 280.2 279.8 181.8 279.8 60.2C279.8 49.2 288.8 40.2 299.8 40.2S319.8 49.2 319.8 60.2C319.8 203.8 203.4 320.2 59.8 320.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="feed"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-feed`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="feed" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Feed: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="feed" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M39.8 80.2C17.8 80.2 -0.2 62.2 -0.2 40.2S17.8 0.2 39.8 0.2S79.8 18.2 79.8 40.2S62 80.2 39.8 80.2zM59.8 160.2C48.8 160.2 39.8 151.2 39.8 140.2S48.8 120.2 59.8 120.2C93 120.2 119.8 93.4 119.8 60.2C119.8 49.2 128.8 40.2 139.8 40.2S159.8 49.2 159.8 60.2C159.8 115.4 115 160.2 59.8 160.2zM59.8 240.2C48.8 240.2 39.8 231.2 39.8 220.2S48.8 200.2 59.8 200.2C137.2 200.2 199.8 137.6 199.8 60.2C199.8 49.2 208.8 40.2 219.8 40.2S239.8 49.2 239.8 60.2C239.8 159.6 159.2 240.2 59.8 240.2zM59.8 320.2C48.8 320.2 39.8 311.2 39.8 300.2S48.8 280.2 59.8 280.2C181.4 280.2 279.8 181.8 279.8 60.2C279.8 49.2 288.8 40.2 299.8 40.2S319.8 49.2 319.8 60.2C319.8 203.8 203.4 320.2 59.8 320.2z"
+                        : "M50 100C22.4 100 0 77.6 0 50C0 22.4 22.4 0 50 0S100 22.4 100 50C100 77.6 77.6 100 50 100zM60 200C49 200 40 191 40 180C40 169 49 160 60 160C115.2 160 160 115.2 160 60C160 49 169 40 180 40S200 49 200 60C200 137.4 137.4 200 60 200zM60 400C49 400 40 391 40 380C40 369 49 360 60 360C225.6 360 360 225.6 360 60C360 49 369 40 380 40S400 49 400 60C400 247.8 247.8 400 60 400zM60 300C49 300 40 291 40 280C40 269 49 260 60 260C170.4 260 260 170.4 260 60C260 49 269 40 280 40S300 49 300 60C300 192.6 192.6 300 60 300z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Feed.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Feed.displayName = `Blueprint5.Icon.Feed`;
 export default Feed;