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

package/src/generated/components/heart.tsx

@@ -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 Heart: 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
-                    ? "M400 275C400 333 353 380 295 380C274.6 380 256 373.8 240 363.6V364.4C238.2 363.2 236.6 362 234.8 360.6C234 360 233 359.4 232 358.6C218.4 348.4 207.2 335 200 319.4C192 336.6 179.2 350.8 164 361.4C163.2 361.8 162.6 362.4 162 363C158.2 365.4 154 367.6 150 369.6C147.4 370.4 145.4 371.6 143 372.6C142 373 141 373.6 140 374V373.6C129 377.4 117.4 380 105 380C47 380 0 333 0 275C0 273.2 0.2 271.6 0.2 270H0C0 268.8 0.2 267.6 0.4 266.4S0.6 264 0.8 262.8C2.6 242.2 8.8 220 21.4 196.6C44.6 153.4 82 117.8 140 69.4V69.1999999999999C158 54.1999999999999 177.8 38.1999999999999 200 19.9999999999999C214.2 31.5999999999999 227.6 42.4 240 52.5999999999999V52.5999999999999C309.6 109.7999999999999 352.8 148.1999999999999 378.6 196.1999999999999C391.2 219.5999999999999 397.4000000000001 241.5999999999999 399.2000000000001 262.2C399.4000000000001 263.5999999999999 399.4000000000001 264.9999999999999 399.6 266.3999999999999C399.6 267.5999999999999 399.8000000000001 268.5999999999999 400 269.7999999999999H399.8C399.8 271.6 400 273.2 400 275z"
-                    : "M320 218.1C320 263.202 282.392 299.766 236 299.766C202.352 299.766 173.41 280.486 160 252.712C146.59 280.488 117.648 299.766 84 299.766C37.608 299.766 0 263.204 0 218.1C0 216.786 0.14 215.508 0.202 214.21H0.072C0.102 213.284 0.294 212.3 0.35 211.364C0.43 210.41 0.514 209.46 0.628 208.514C2.02 192.524 7.048 175.256 17.104 157.07C41.464 112.908 84.65 79.64 159.996 20C235.34 79.64 278.526 112.932 302.886 157.07C312.904 175.186 317.926 192.392 319.344 208.328C319.478 209.414 319.574 210.506 319.664 211.604C319.712 212.46 319.892 213.364 319.918 214.212H319.8C319.86 215.51 320 216.788 320 218.1z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="heart"
-                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}-heart`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="heart" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Heart: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="heart" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M320 218.1C320 263.202 282.392 299.766 236 299.766C202.352 299.766 173.41 280.486 160 252.712C146.59 280.488 117.648 299.766 84 299.766C37.608 299.766 0 263.204 0 218.1C0 216.786 0.14 215.508 0.202 214.21H0.072C0.102 213.284 0.294 212.3 0.35 211.364C0.43 210.41 0.514 209.46 0.628 208.514C2.02 192.524 7.048 175.256 17.104 157.07C41.464 112.908 84.65 79.64 159.996 20C235.34 79.64 278.526 112.932 302.886 157.07C312.904 175.186 317.926 192.392 319.344 208.328C319.478 209.414 319.574 210.506 319.664 211.604C319.712 212.46 319.892 213.364 319.918 214.212H319.8C319.86 215.51 320 216.788 320 218.1z"
+                        : "M400 275C400 333 353 380 295 380C274.6 380 256 373.8 240 363.6V364.4C238.2 363.2 236.6 362 234.8 360.6C234 360 233 359.4 232 358.6C218.4 348.4 207.2 335 200 319.4C192 336.6 179.2 350.8 164 361.4C163.2 361.8 162.6 362.4 162 363C158.2 365.4 154 367.6 150 369.6C147.4 370.4 145.4 371.6 143 372.6C142 373 141 373.6 140 374V373.6C129 377.4 117.4 380 105 380C47 380 0 333 0 275C0 273.2 0.2 271.6 0.2 270H0C0 268.8 0.2 267.6 0.4 266.4S0.6 264 0.8 262.8C2.6 242.2 8.8 220 21.4 196.6C44.6 153.4 82 117.8 140 69.4V69.1999999999999C158 54.1999999999999 177.8 38.1999999999999 200 19.9999999999999C214.2 31.5999999999999 227.6 42.4 240 52.5999999999999V52.5999999999999C309.6 109.7999999999999 352.8 148.1999999999999 378.6 196.1999999999999C391.2 219.5999999999999 397.4000000000001 241.5999999999999 399.2000000000001 262.2C399.4000000000001 263.5999999999999 399.4000000000001 264.9999999999999 399.6 266.3999999999999C399.6 267.5999999999999 399.8000000000001 268.5999999999999 400 269.7999999999999H399.8C399.8 271.6 400 273.2 400 275z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Heart.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Heart.displayName = `Blueprint5.Icon.Heart`;
 export default Heart;

package/src/generated/components/heat-grid.tsx

@@ -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 HeatGrid: 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
-                    ? "M280 160H400V240H280V160zM0 160H120V240H0V160zM20 220H100V180H20V220zM0 80C0 69 9 60 20 60H120V140H0V80zM380 340H280V260H400V320C400 331 391 340 380 340zM380 280H300V320H380V280zM0 320V260H120V340H20C9 340 0 331 0 320zM140 260H260V340H140V260zM280 60H380C391 60 400 69 400 80V140H280V60zM140 60H260V140H140V60zM160 120H240V80H160V120zM140 160H260V240H140V160z"
-                    : "M0 120H100V180H0V120zM20 160H80V140H20V160zM300 260H220V200H320V240C320 251 311 260 300 260zM300 220H240V240H300V220zM0 240V200H100V260H20C9 260 0 251 0 240zM0 60C0 49 9 40 20 40H100V100H0V60zM120 200H200V260H120V200zM120 40H200V100H120V40zM140 80H180V60H140V80zM220 40H300C311 40 320 49 320 60V100H220V40zM220 120H320V180H220V120zM120 120H200V180H120V120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="heat-grid"
-                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}-heat-grid`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="heat-grid" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const HeatGrid: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="heat-grid" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M0 120H100V180H0V120zM20 160H80V140H20V160zM300 260H220V200H320V240C320 251 311 260 300 260zM300 220H240V240H300V220zM0 240V200H100V260H20C9 260 0 251 0 240zM0 60C0 49 9 40 20 40H100V100H0V60zM120 200H200V260H120V200zM120 40H200V100H120V40zM140 80H180V60H140V80zM220 40H300C311 40 320 49 320 60V100H220V40zM220 120H320V180H220V120zM120 120H200V180H120V120z"
+                        : "M280 160H400V240H280V160zM0 160H120V240H0V160zM20 220H100V180H20V220zM0 80C0 69 9 60 20 60H120V140H0V80zM380 340H280V260H400V320C400 331 391 340 380 340zM380 280H300V320H380V280zM0 320V260H120V340H20C9 340 0 331 0 320zM140 260H260V340H140V260zM280 60H380C391 60 400 69 400 80V140H280V60zM140 60H260V140H140V60zM160 120H240V80H160V120zM140 160H260V240H140V160z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+HeatGrid.defaultProps = {
+    size: IconSize.STANDARD,
+};
 HeatGrid.displayName = `Blueprint5.Icon.HeatGrid`;
 export default HeatGrid;

package/src/generated/components/heatmap.tsx

@@ -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 Heatmap: 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
-                    ? "M0 280A120 120 0 0 1 240 280A120 120 0 0 1 0 280M120 150A90 90 0 0 1 300 150A90 90 0 0 1 120 150M260 190A70 70 0 0 1 400 190A70 70 0 0 1 260 190M320 40A40 40 0 0 1 400 40A40 40 0 0 1 320 40M0 70A50 50 0 0 1 100 70A50 50 0 0 1 0 70M280 350A50 50 0 0 1 380 350A50 50 0 0 1 280 350"
-                    : "M40 100C18 100 0 82 0 60C0 38 18 20 40 20S80 38 80 60C80 82 62 100 40 100zM260 240C282 240 300 258 300 280S282 320 260 320S220 302 220 280S238 240 260 240zM320 150C320 177.6 297.6 200 270 200C250.4 200 233.6 188.6 225.4 172.2C213.4 187.8 195.2 198.2 174.2 199.4C177.8 209.2 180 219.2 180 230C180 279.8 139.8 320 90 320S0 279.8 0 230S40.2 140 90 140C93.8 140 97.4 140.6 101.2 141.2C100.6 137.4 100 133.8 100 130C100 91.4 131.4 60 170 60C202.6 60 229.6 82.2 237.4000000000001 112.4C246.2 104.8 257.4000000000001 100 270 100C297.6 100 320 122.4 320 150zM290 60C273.4 60 260 46.6 260 30S273.4 0 290 0S320 13.4 320 30S306.6 60 290 60z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="heatmap"
-                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}-heatmap`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="heatmap" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Heatmap: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="heatmap" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M40 100C18 100 0 82 0 60C0 38 18 20 40 20S80 38 80 60C80 82 62 100 40 100zM260 240C282 240 300 258 300 280S282 320 260 320S220 302 220 280S238 240 260 240zM320 150C320 177.6 297.6 200 270 200C250.4 200 233.6 188.6 225.4 172.2C213.4 187.8 195.2 198.2 174.2 199.4C177.8 209.2 180 219.2 180 230C180 279.8 139.8 320 90 320S0 279.8 0 230S40.2 140 90 140C93.8 140 97.4 140.6 101.2 141.2C100.6 137.4 100 133.8 100 130C100 91.4 131.4 60 170 60C202.6 60 229.6 82.2 237.4000000000001 112.4C246.2 104.8 257.4000000000001 100 270 100C297.6 100 320 122.4 320 150zM290 60C273.4 60 260 46.6 260 30S273.4 0 290 0S320 13.4 320 30S306.6 60 290 60z"
+                        : "M0 280A120 120 0 0 1 240 280A120 120 0 0 1 0 280M120 150A90 90 0 0 1 300 150A90 90 0 0 1 120 150M260 190A70 70 0 0 1 400 190A70 70 0 0 1 260 190M320 40A40 40 0 0 1 400 40A40 40 0 0 1 320 40M0 70A50 50 0 0 1 100 70A50 50 0 0 1 0 70M280 350A50 50 0 0 1 380 350A50 50 0 0 1 280 350"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Heatmap.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Heatmap.displayName = `Blueprint5.Icon.Heatmap`;
 export default Heatmap;

package/src/generated/components/helicopter.tsx

@@ -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 Helicopter: 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 340V300H140H120H20V330C20 335.5228 15.52284 340 10 340C4.47716 340 0 335.5228 0 330V230C0 224.4772 4.47716 220 10 220C15.52284 220 20 224.4772 20 230V260L120 220C120 189.194 136.4754 148.504 180 123.304V80H110C104.4772 80 100 75.524 100 70C100 64.478 104.4772 60 110 60H189.9288L190 60L190.0712 60H289.928L290 60L290.072 60H330C331.552 60 333.084 60.362 334.4720000000001 61.056L374.4720000000001 81.056C379.4120000000001 83.526 381.414 89.532 378.944 94.472C376.474 99.412 370.468 101.414 365.528 98.944L327.6400000000001 80H300V102C345.644 111.266 380 151.62 380 200C380 255.2284 335.228 300 280 300H260V340H390C395.522 340 400 344.4772 400 350C400 355.5228 395.522 360 390 360H260H200H70C64.4772 360 60 355.5228 60 350C60 344.4772 64.4772 340 70 340H200zM280 80V100C247.846 100 221.436 105.17 200 113.662V80H280zM280 200V220V280C324.182 280 360 244.1828 360 200H280z"
-                    : "M10 280C15.52284 280 20 275.5228 20 270V240H100H160V260H50C44.4772 260 40 264.4772 40 270C40 275.5228 44.4772 280 50 280H160H200H310C315.522 280 320 275.5228 320 270C320 264.4772 315.522 260 310 260H200V240H220C265.186 240 300 204.1828 300 160C300 122.604 275.06 91.2 240 82.436V60H247.64L285.528 78.944C290.468 81.414 296.474 79.412 298.944 74.472C301.414 69.532 299.412 63.526 294.472 61.056L252.36 40H230.072L230 40L229.928 40H150.0712L150 40L149.9288 40H90C84.4772 40 80 44.478 80 50C80 55.524 84.4772 60 90 60H140V106.112C114.9718 125.2792 100 152.6396 100 180L20 200L20 170C20 164.4772 15.52284 160 10 160C4.47714 160 0 164.4772 0 170V270C0 275.5228 4.47716 280 10 280zM160 93.686V60H220V80C197.6314 80 177.3052 85.106 160 93.686zM220 220V160H280C280 193.137 253.138 220 220 220z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="helicopter"
-                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}-helicopter`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="helicopter" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Helicopter: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="helicopter" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M10 280C15.52284 280 20 275.5228 20 270V240H100H160V260H50C44.4772 260 40 264.4772 40 270C40 275.5228 44.4772 280 50 280H160H200H310C315.522 280 320 275.5228 320 270C320 264.4772 315.522 260 310 260H200V240H220C265.186 240 300 204.1828 300 160C300 122.604 275.06 91.2 240 82.436V60H247.64L285.528 78.944C290.468 81.414 296.474 79.412 298.944 74.472C301.414 69.532 299.412 63.526 294.472 61.056L252.36 40H230.072L230 40L229.928 40H150.0712L150 40L149.9288 40H90C84.4772 40 80 44.478 80 50C80 55.524 84.4772 60 90 60H140V106.112C114.9718 125.2792 100 152.6396 100 180L20 200L20 170C20 164.4772 15.52284 160 10 160C4.47714 160 0 164.4772 0 170V270C0 275.5228 4.47716 280 10 280zM160 93.686V60H220V80C197.6314 80 177.3052 85.106 160 93.686zM220 220V160H280C280 193.137 253.138 220 220 220z"
+                        : "M200 340V300H140H120H20V330C20 335.5228 15.52284 340 10 340C4.47716 340 0 335.5228 0 330V230C0 224.4772 4.47716 220 10 220C15.52284 220 20 224.4772 20 230V260L120 220C120 189.194 136.4754 148.504 180 123.304V80H110C104.4772 80 100 75.524 100 70C100 64.478 104.4772 60 110 60H189.9288L190 60L190.0712 60H289.928L290 60L290.072 60H330C331.552 60 333.084 60.362 334.4720000000001 61.056L374.4720000000001 81.056C379.4120000000001 83.526 381.414 89.532 378.944 94.472C376.474 99.412 370.468 101.414 365.528 98.944L327.6400000000001 80H300V102C345.644 111.266 380 151.62 380 200C380 255.2284 335.228 300 280 300H260V340H390C395.522 340 400 344.4772 400 350C400 355.5228 395.522 360 390 360H260H200H70C64.4772 360 60 355.5228 60 350C60 344.4772 64.4772 340 70 340H200zM280 80V100C247.846 100 221.436 105.17 200 113.662V80H280zM280 200V220V280C324.182 280 360 244.1828 360 200H280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Helicopter.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Helicopter.displayName = `Blueprint5.Icon.Helicopter`;
 export default Helicopter;

package/src/generated/components/help.tsx

@@ -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 Help: 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 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM148.2 307.6C161.2 318.4 178.4 324 199.4 324C210.2000000000001 324 220 322.4 229.0000000000001 319C237.8 315.6 245.6 311.2000000000001 251.8000000000001 305.4C258.2000000000001 299.6 263.0000000000001 292.8 266.6 285C270.0000000000001 277.2 271.8 268.6 271.8 259.6S270.2000000000001 242.2 267 235C263.8 227.6 259 220.4 252.8 212.8L228.6 181.2C225.8 177.8 223 174.6 222.2 171.6C221.2 168.6 220 164.6 220 159.6V151C220 148.6 220 140.2000000000001 220 140.2000000000001H180V180.2000000000001C180 180.2000000000001 181.2 191.8000000000001 184.8 196.4L209 229.2000000000001C214 235.2000000000001 217.2 240.4000000000001 219.2 244.6000000000001S222 253.4000000000001 222 258.0000000000001C222 265 219.8 270.6 215.6 275S205.6 281.6 198 281.6C190.6 281.6 184.6 279.4000000000001 180.2 275C175.8 270.4 172.8 264.2 171 256.2C170.4 253.8 168.8 252.8 166.4 253L127.4 258.8C125 259 124.2 260.4 124.6 263.2C127.2 281.8 135 296.6 148.2 307.6zM180 120H220.4L220 80H180V120z"
-                    : "M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM180 60H140V100H180V60zM218.6 190.4C215.8 184 211.6 177.6 206.2 171L185 143.4C182.6 140.4 180.2 137.6 179.4 135C178.6 132.4 177.6 129 177.6 124.6V120H142.4V142.4C142.4 142.4 143.4 152.6 146.6 156.6L168 185.4C172.4 190.6 175 195.2 176.8 199C178.6 202.8 179.2 206.6 179.2 210.6C179.2 216.6 177.2 221.6 173.6 225.6C170 229.4 164.8 231.2 158.4 231.2C151.8 231.2 146.6 229.2 142.8 225.4C139 221.6 136.2 216.2 134.8 209.2C134.2 207 132.8 206.2 130.8 206.4L96.8 211.4C94.4 211.6 93.6 213 94 215.2C96.4 231.6 103.2 244.6 114.6 254C126 263.6 141 268.4 159.6 268.4C169 268.4 177.6 267 185.4 264C193.2 261 199.8 257.2 205.4 252.2C211 247.2 215.2 241.2 218.4 234.4C221.4 227.4 222.8 220 222.8 212S221.4 197 218.6 190.4z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="help"
-                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}-help`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="help" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Help: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="help" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM180 60H140V100H180V60zM218.6 190.4C215.8 184 211.6 177.6 206.2 171L185 143.4C182.6 140.4 180.2 137.6 179.4 135C178.6 132.4 177.6 129 177.6 124.6V120H142.4V142.4C142.4 142.4 143.4 152.6 146.6 156.6L168 185.4C172.4 190.6 175 195.2 176.8 199C178.6 202.8 179.2 206.6 179.2 210.6C179.2 216.6 177.2 221.6 173.6 225.6C170 229.4 164.8 231.2 158.4 231.2C151.8 231.2 146.6 229.2 142.8 225.4C139 221.6 136.2 216.2 134.8 209.2C134.2 207 132.8 206.2 130.8 206.4L96.8 211.4C94.4 211.6 93.6 213 94 215.2C96.4 231.6 103.2 244.6 114.6 254C126 263.6 141 268.4 159.6 268.4C169 268.4 177.6 267 185.4 264C193.2 261 199.8 257.2 205.4 252.2C211 247.2 215.2 241.2 218.4 234.4C221.4 227.4 222.8 220 222.8 212S221.4 197 218.6 190.4z"
+                        : "M200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM148.2 307.6C161.2 318.4 178.4 324 199.4 324C210.2000000000001 324 220 322.4 229.0000000000001 319C237.8 315.6 245.6 311.2000000000001 251.8000000000001 305.4C258.2000000000001 299.6 263.0000000000001 292.8 266.6 285C270.0000000000001 277.2 271.8 268.6 271.8 259.6S270.2000000000001 242.2 267 235C263.8 227.6 259 220.4 252.8 212.8L228.6 181.2C225.8 177.8 223 174.6 222.2 171.6C221.2 168.6 220 164.6 220 159.6V151C220 148.6 220 140.2000000000001 220 140.2000000000001H180V180.2000000000001C180 180.2000000000001 181.2 191.8000000000001 184.8 196.4L209 229.2000000000001C214 235.2000000000001 217.2 240.4000000000001 219.2 244.6000000000001S222 253.4000000000001 222 258.0000000000001C222 265 219.8 270.6 215.6 275S205.6 281.6 198 281.6C190.6 281.6 184.6 279.4000000000001 180.2 275C175.8 270.4 172.8 264.2 171 256.2C170.4 253.8 168.8 252.8 166.4 253L127.4 258.8C125 259 124.2 260.4 124.6 263.2C127.2 281.8 135 296.6 148.2 307.6zM180 120H220.4L220 80H180V120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Help.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Help.displayName = `Blueprint5.Icon.Help`;
 export default Help;

package/src/generated/components/helper-management.tsx

@@ -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 HelperManagement: 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
-                    ? "M340 200H280V140H340V200L340 200zM340 120H280V60H340V120L340 120zM340 280H280V220H340V280L340 280zM380 400H20C8 400 0 392 0 380V20C0 10 8 0 20 0H380C390 0 400 10 400 20V380C400 392 390 400 380 400L380 400zM360 40H40V360H360V40L360 40zM180 120H120V60H180V120L180 120zM260 120H200V60H260V120L260 120z"
-                    : "M260 220H220V180H260V220L260 220zM260 100H220V60H260V100L260 100zM260 160H220V120H260V160L260 160zM300 320H20C8 320 0 312 0 300V20C0 8 8 0 20 0H300C312 0 320 8 320 20V300C320 312 312 320 300 320L300 320zM280 40H40V280H280V40L280 40zM140 100H100V60H140V100L140 100zM200 100H160V60H200V100L200 100z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="helper-management"
-                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}-helper-management`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="helper-management" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const HelperManagement: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="helper-management" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M260 220H220V180H260V220L260 220zM260 100H220V60H260V100L260 100zM260 160H220V120H260V160L260 160zM300 320H20C8 320 0 312 0 300V20C0 8 8 0 20 0H300C312 0 320 8 320 20V300C320 312 312 320 300 320L300 320zM280 40H40V280H280V40L280 40zM140 100H100V60H140V100L140 100zM200 100H160V60H200V100L200 100z"
+                        : "M340 200H280V140H340V200L340 200zM340 120H280V60H340V120L340 120zM340 280H280V220H340V280L340 280zM380 400H20C8 400 0 392 0 380V20C0 10 8 0 20 0H380C390 0 400 10 400 20V380C400 392 390 400 380 400L380 400zM360 40H40V360H360V40L360 40zM180 120H120V60H180V120L180 120zM260 120H200V60H260V120L260 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+HelperManagement.defaultProps = {
+    size: IconSize.STANDARD,
+};
 HelperManagement.displayName = `Blueprint5.Icon.HelperManagement`;
 export default HelperManagement;