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

package/src/generated/components/insert.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 Insert: 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 400H20C8 400 0 392 0 380V20C0 10 8 0 20 0H380C390 0 400 10 400 20V380C400 392 390 400 380 400L380 400zM360 40H40V360H360V40L360 40zM100 180H180V100C180 88 188 80 200 80S220 88 220 100V180H300C312 180 320 188 320 200S312 220 300 220H220V300C220 312 212 320 200 320S180 312 180 300V220H100C88 220 80 212 80 200S88 180 100 180L100 180z"
-                    : "M100 140H140V100C140 88 148 80 160 80S180 88 180 100V140H220C232 140 240 148 240 160S232 180 220 180H180V220C180 232 172 240 160 240S140 232 140 220V180H100C88 180 80 172 80 160S88 140 100 140L100 140zM300 320H20C8 320 0 312 0 300V20C0 8 8 0 20 0H300C312 0 320 8 320 20V300C320 312 312 320 300 320L300 320zM280 40H40V280H280V40L280 40z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="insert"
-                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}-insert`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="insert" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Insert: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="insert" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M100 140H140V100C140 88 148 80 160 80S180 88 180 100V140H220C232 140 240 148 240 160S232 180 220 180H180V220C180 232 172 240 160 240S140 232 140 220V180H100C88 180 80 172 80 160S88 140 100 140L100 140zM300 320H20C8 320 0 312 0 300V20C0 8 8 0 20 0H300C312 0 320 8 320 20V300C320 312 312 320 300 320L300 320zM280 40H40V280H280V40L280 40z"
+                        : "M380 400H20C8 400 0 392 0 380V20C0 10 8 0 20 0H380C390 0 400 10 400 20V380C400 392 390 400 380 400L380 400zM360 40H40V360H360V40L360 40zM100 180H180V100C180 88 188 80 200 80S220 88 220 100V180H300C312 180 320 188 320 200S312 220 300 220H220V300C220 312 212 320 200 320S180 312 180 300V220H100C88 220 80 212 80 200S88 180 100 180L100 180z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Insert.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Insert.displayName = `Blueprint5.Icon.Insert`;
 export default Insert;

package/src/generated/components/intelligence.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 Intelligence: 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 220C189 220 180 211 180 200C180 189 189 180 200 180C211 180 220 189 220 200C220 211 210.8 220 200 220zM299.842 200.5V201.375C299.592 203.125 298.844 204.625 297.718 205.875C291.346 214.25 283.722 221.625 275.976 228.375C259.356 243 240.362 255.25 219.492 260.125C207.372 263 195.1256 263.125 183.1294 260.625C171.8828 258.375 161.2612 253.875 151.2642 248.25C135.6442 239.375 121.2736 227.25 108.7776 213.625C106.5282 211.125 104.279 208.5 102.1546 205.75C99.4054 202.125 99.4054 197.75 102.1546 194.126C108.5276 185.75 116.1502 178.376 123.8978 171.626C140.5176 157 159.5116 144.75 180.3802 139.876C192.5014 137 204.748 136.876 216.994 139.376C228.116 141.626 238.736 146.126 248.858 151.75C264.478 160.626 278.85 172.75 291.2200000000001 186.376C293.4700000000001 188.876 295.844 191.5 297.968 194.25C299.094 195.5 299.842 197.126 300.092 198.75V200C299.842 200.25 299.842 200.375 299.842 200.5zM200 160C177.8666 160 160 177.866 160 200C160 222.1334 177.8666 240 200 240C222.134 240 240 222.1334 240 200C240 177.866 222.134 160 200 160zM140 380C140 391.0457 131.0456 400 120 400H20C8.9543 400 0 391.0457 0 380V280C0 268.9544 8.9543 260 20 260C31.0456 260 40 268.9544 40 280V360H120C131.0456 360 140 368.9544 140 380zM260 380C260 391.0457 268.954 400 280 400H380C391.046 400 400 391.0457 400 380V280C400 268.9544 391.046 260 380 260C368.954 260 360 268.9544 360 280V360H280C268.954 360 260 368.9544 260 380zM260 20C260 8.954 268.954 0 280 0H380C391.046 0 400 8.954 400 20V120C400 131.046 391.046 140 380 140C368.954 140 360 131.046 360 120V40H280C268.954 40 260 31.046 260 20zM140 20C140 8.954 131.0456 0 120 0H20C8.9543 0 0 8.954 0 20V120C0 131.046 8.9543 140 20 140C31.0456 140 40 131.046 40 120V40H120C131.0456 40 140 31.046 140 20z"
-                    : "M160 180C149 180 140 171 140 160C140 149 149 140 160 140C171 140 180 149 180 160C180 171 170.8 180 160 180zM259.75 160.4808V161.3222C259.5 163.005 258.75 164.4472 257.626 165.6492C251.252 173.7024 243.63 180.7942 235.882 187.2848C219.262 201.3478 200.268 213.1272 179.4002 217.8148C167.279 220.5794 155.0328 220.6996 143.0366 218.2956C131.79 216.1322 121.1684 211.805 111.1716 206.3962C95.5514 197.8622 81.1808 186.203 68.6848 173.1016C66.4354 170.6976 64.1862 168.1734 62.0618 165.529C59.3128 162.0434 59.3128 157.8364 62.0618 154.3508C68.4348 146.2976 76.0574 139.2058 83.805 132.7152C100.4248 118.652 119.419 106.872 140.2874 102.186C152.4086 99.42 164.6548 99.3 176.901 101.704C188.0224 103.868 198.6442 108.194 208.766 113.604C224.386 122.1378 238.756 133.797 251.128 146.8984C253.378 149.3024 255.752 151.8266 257.8760000000001 154.471C259 155.6728 259.75 157.2354 260 158.798V160C259.75 160.2404 259.75 160.3606 259.75 160.4808zM160 120C137.8666 120 120 137.8666 120 160C120 182.1334 137.8666 200 160 200C182.1334 200 200 182.1334 200 160C200 137.8666 182.1334 120 160 120zM140 300C140 311.0457 131.0456 320 120 320H20C8.9543 320 0 311.0457 0 300V200C0 188.9544 8.9543 180 20 180C31.0456 180 40 188.9544 40 200V280H120C131.0456 280 140 288.9544 140 300zM180 300C180 311.0457 188.9542 320 200 320H300C311.046 320 320 311.0457 320 300V200C320 188.9544 311.046 180 300 180C288.954 180 280 188.9544 280 200V280H200C188.9542 280 180 288.9544 180 300zM180 20C180 8.954 188.9542 0 200 0H300C311.046 0 320 8.954 320 20V120C320 131.0456 311.046 140 300 140C288.954 140 280 131.0456 280 120V40H200C188.9542 40 180 31.046 180 20zM140 20C140 8.954 131.0456 0 120 0H20C8.9543 0 0 8.954 0 20V120C0 131.0456 8.9543 140 20 140C31.0456 140 40 131.0456 40 120V40H120C131.0456 40 140 31.046 140 20z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="intelligence"
-                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}-intelligence`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="intelligence" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Intelligence: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="intelligence" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 180C149 180 140 171 140 160C140 149 149 140 160 140C171 140 180 149 180 160C180 171 170.8 180 160 180zM259.75 160.4808V161.3222C259.5 163.005 258.75 164.4472 257.626 165.6492C251.252 173.7024 243.63 180.7942 235.882 187.2848C219.262 201.3478 200.268 213.1272 179.4002 217.8148C167.279 220.5794 155.0328 220.6996 143.0366 218.2956C131.79 216.1322 121.1684 211.805 111.1716 206.3962C95.5514 197.8622 81.1808 186.203 68.6848 173.1016C66.4354 170.6976 64.1862 168.1734 62.0618 165.529C59.3128 162.0434 59.3128 157.8364 62.0618 154.3508C68.4348 146.2976 76.0574 139.2058 83.805 132.7152C100.4248 118.652 119.419 106.872 140.2874 102.186C152.4086 99.42 164.6548 99.3 176.901 101.704C188.0224 103.868 198.6442 108.194 208.766 113.604C224.386 122.1378 238.756 133.797 251.128 146.8984C253.378 149.3024 255.752 151.8266 257.8760000000001 154.471C259 155.6728 259.75 157.2354 260 158.798V160C259.75 160.2404 259.75 160.3606 259.75 160.4808zM160 120C137.8666 120 120 137.8666 120 160C120 182.1334 137.8666 200 160 200C182.1334 200 200 182.1334 200 160C200 137.8666 182.1334 120 160 120zM140 300C140 311.0457 131.0456 320 120 320H20C8.9543 320 0 311.0457 0 300V200C0 188.9544 8.9543 180 20 180C31.0456 180 40 188.9544 40 200V280H120C131.0456 280 140 288.9544 140 300zM180 300C180 311.0457 188.9542 320 200 320H300C311.046 320 320 311.0457 320 300V200C320 188.9544 311.046 180 300 180C288.954 180 280 188.9544 280 200V280H200C188.9542 280 180 288.9544 180 300zM180 20C180 8.954 188.9542 0 200 0H300C311.046 0 320 8.954 320 20V120C320 131.0456 311.046 140 300 140C288.954 140 280 131.0456 280 120V40H200C188.9542 40 180 31.046 180 20zM140 20C140 8.954 131.0456 0 120 0H20C8.9543 0 0 8.954 0 20V120C0 131.0456 8.9543 140 20 140C31.0456 140 40 131.0456 40 120V40H120C131.0456 40 140 31.046 140 20z"
+                        : "M200 220C189 220 180 211 180 200C180 189 189 180 200 180C211 180 220 189 220 200C220 211 210.8 220 200 220zM299.842 200.5V201.375C299.592 203.125 298.844 204.625 297.718 205.875C291.346 214.25 283.722 221.625 275.976 228.375C259.356 243 240.362 255.25 219.492 260.125C207.372 263 195.1256 263.125 183.1294 260.625C171.8828 258.375 161.2612 253.875 151.2642 248.25C135.6442 239.375 121.2736 227.25 108.7776 213.625C106.5282 211.125 104.279 208.5 102.1546 205.75C99.4054 202.125 99.4054 197.75 102.1546 194.126C108.5276 185.75 116.1502 178.376 123.8978 171.626C140.5176 157 159.5116 144.75 180.3802 139.876C192.5014 137 204.748 136.876 216.994 139.376C228.116 141.626 238.736 146.126 248.858 151.75C264.478 160.626 278.85 172.75 291.2200000000001 186.376C293.4700000000001 188.876 295.844 191.5 297.968 194.25C299.094 195.5 299.842 197.126 300.092 198.75V200C299.842 200.25 299.842 200.375 299.842 200.5zM200 160C177.8666 160 160 177.866 160 200C160 222.1334 177.8666 240 200 240C222.134 240 240 222.1334 240 200C240 177.866 222.134 160 200 160zM140 380C140 391.0457 131.0456 400 120 400H20C8.9543 400 0 391.0457 0 380V280C0 268.9544 8.9543 260 20 260C31.0456 260 40 268.9544 40 280V360H120C131.0456 360 140 368.9544 140 380zM260 380C260 391.0457 268.954 400 280 400H380C391.046 400 400 391.0457 400 380V280C400 268.9544 391.046 260 380 260C368.954 260 360 268.9544 360 280V360H280C268.954 360 260 368.9544 260 380zM260 20C260 8.954 268.954 0 280 0H380C391.046 0 400 8.954 400 20V120C400 131.046 391.046 140 380 140C368.954 140 360 131.046 360 120V40H280C268.954 40 260 31.046 260 20zM140 20C140 8.954 131.0456 0 120 0H20C8.9543 0 0 8.954 0 20V120C0 131.046 8.9543 140 20 140C31.0456 140 40 131.046 40 120V40H120C131.0456 40 140 31.046 140 20z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Intelligence.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Intelligence.displayName = `Blueprint5.Icon.Intelligence`;
 export default Intelligence;

package/src/generated/components/intersection.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 Intersection: 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
-                    ? "M260 320C233.8 320 209.8 311.4 190 297.2C170.2 311.4 146.2 320 120 320C53.8 320 0 266.2000000000001 0 200S53.8 80 120 80C146.2 80 170.2 88.6 190 102.8C209.8 88.6 233.8 80 260 80C326.2 80 380 133.8 380 200S326.2 320 260 320zM161.4 131.8C149.2 124.4 135.2 120 120 120C75.8 120 40 155.8 40 200C40 244.2 75.8 280 120 280C135.2 280 149.2 275.6 161.4 268.2C148 248.8 140 225.4 140 200C140 174.6 148 151.2 161.4 131.8zM260 120C244.8 120 230.8 124.4 218.6 131.8C232 151.2 240 174.6 240 200C240 225.4 232 248.8 218.6 268.2C230.8 275.6 244.8 280 260 280C304.2000000000001 280 340 244.2 340 200C340 155.8 304.2000000000001 120 260 120z"
-                    : "M200 260C181.6 260 164.8 254.8 150 246.2C135.2 254.8 118.4 260 100 260C44.8 260 0 215.2 0 160S44.8 60 100 60C118.4 60 135.2 65.2 150 73.8C164.8 65.2 181.6 60 200 60C255.2 60 300 104.8 300 160S255.2 260 200 260zM118 103C112.2 101.2 106.2 100 100 100C66.8 100 40 126.8 40 160S66.8 220 100 220C106.2 220 112.2 218.8 118 217C106.6 200.8 100 181.2 100 160C100 138.8 106.6 119.2 118 103zM200 100C193.8 100 187.8 101.2 182 103C193.4 119.2 200 138.8 200 160C200 181.2 193.4 200.8 182 217C187.8 218.8 193.8 220 200 220C233.2 220 260 193.2 260 160S233.2 100 200 100z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="intersection"
-                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}-intersection`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="intersection" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Intersection: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="intersection" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M200 260C181.6 260 164.8 254.8 150 246.2C135.2 254.8 118.4 260 100 260C44.8 260 0 215.2 0 160S44.8 60 100 60C118.4 60 135.2 65.2 150 73.8C164.8 65.2 181.6 60 200 60C255.2 60 300 104.8 300 160S255.2 260 200 260zM118 103C112.2 101.2 106.2 100 100 100C66.8 100 40 126.8 40 160S66.8 220 100 220C106.2 220 112.2 218.8 118 217C106.6 200.8 100 181.2 100 160C100 138.8 106.6 119.2 118 103zM200 100C193.8 100 187.8 101.2 182 103C193.4 119.2 200 138.8 200 160C200 181.2 193.4 200.8 182 217C187.8 218.8 193.8 220 200 220C233.2 220 260 193.2 260 160S233.2 100 200 100z"
+                        : "M260 320C233.8 320 209.8 311.4 190 297.2C170.2 311.4 146.2 320 120 320C53.8 320 0 266.2000000000001 0 200S53.8 80 120 80C146.2 80 170.2 88.6 190 102.8C209.8 88.6 233.8 80 260 80C326.2 80 380 133.8 380 200S326.2 320 260 320zM161.4 131.8C149.2 124.4 135.2 120 120 120C75.8 120 40 155.8 40 200C40 244.2 75.8 280 120 280C135.2 280 149.2 275.6 161.4 268.2C148 248.8 140 225.4 140 200C140 174.6 148 151.2 161.4 131.8zM260 120C244.8 120 230.8 124.4 218.6 131.8C232 151.2 240 174.6 240 200C240 225.4 232 248.8 218.6 268.2C230.8 275.6 244.8 280 260 280C304.2000000000001 280 340 244.2 340 200C340 155.8 304.2000000000001 120 260 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Intersection.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Intersection.displayName = `Blueprint5.Icon.Intersection`;
 export default Intersection;

package/src/generated/components/ip-address.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 IpAddress: 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
-                    ? "M120 326.8C120 286.2 200 180 200 180S280 286.2 280 326.8C279.8 367.2 244.2 400 200 400S120 367.2 120 326.8zM160 320C160 342 178 360 200 360S240 342 240 320S222 280 200 280S160 298 160 320zM280 130V140H200V120H260V80H220V60H270H280V130zM60 160H340C351 160 360 151 360 140V20C360 9 351 0 340 0H60C49 0 40 9 40 20V140L40 140C40 151 49 160 60 160L60 160zM140 140V20H160V140H140zM200 120V20H220V120H200z"
-                    : "M100 266.8C100 237.2 160 160 160 160S220 237.2 220 266.8C219.8 296 193.2 320 160 320S100 296 100 266.8zM140 260C140 271 149 280 160 280S180 271 180 260S171 240 160 240S140 249 140 260zM210 120H170H160V20H180V100H200V80H180V60H210H220V120H210zM40 140H280L280 140C291 140 300 131 300 120V20L300 20C300 9 291 0 280 0H40L40 0C29 0 20 9 20 20V120L20 120C20 131 29 140 40 140L40 140zM120 120V20H140V120H120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="ip-address"
-                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}-ip-address`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="ip-address" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const IpAddress: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="ip-address" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M100 266.8C100 237.2 160 160 160 160S220 237.2 220 266.8C219.8 296 193.2 320 160 320S100 296 100 266.8zM140 260C140 271 149 280 160 280S180 271 180 260S171 240 160 240S140 249 140 260zM210 120H170H160V20H180V100H200V80H180V60H210H220V120H210zM40 140H280L280 140C291 140 300 131 300 120V20L300 20C300 9 291 0 280 0H40L40 0C29 0 20 9 20 20V120L20 120C20 131 29 140 40 140L40 140zM120 120V20H140V120H120z"
+                        : "M120 326.8C120 286.2 200 180 200 180S280 286.2 280 326.8C279.8 367.2 244.2 400 200 400S120 367.2 120 326.8zM160 320C160 342 178 360 200 360S240 342 240 320S222 280 200 280S160 298 160 320zM280 130V140H200V120H260V80H220V60H270H280V130zM60 160H340C351 160 360 151 360 140V20C360 9 351 0 340 0H60C49 0 40 9 40 20V140L40 140C40 151 49 160 60 160L60 160zM140 140V20H160V140H140zM200 120V20H220V120H200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+IpAddress.defaultProps = {
+    size: IconSize.STANDARD,
+};
 IpAddress.displayName = `Blueprint5.Icon.IpAddress`;
 export default IpAddress;

package/src/generated/components/issue-closed.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 IssueClosed: 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
-                    ? "M307.27922 282.0101012C302.160774 282.0101012 297.042328 283.9627228 293.137084 287.8679656L250.7106780000001 330.2943726C242.900192 338.1048584 242.900192 350.768158 250.7106780000001 358.5786438C258.521164 366.3891296 271.184464 366.3891296 278.99495 358.5786438L278.99495 358.5786438L307.27922 330.2943726L363.847764 386.86291502L363.847764 386.86291502C371.658248 394.67340084 384.321548 394.67340084 392.132034 386.86291502L392.132034 386.86291502L392.132034 386.86291502C399.9425200000001 379.0524292 399.9425200000001 366.3891296 392.132034 358.5786438L321.4213560000001 287.8679656C317.516114 283.9627228 312.397666 282.0101012 307.27922 282.0101012zM235.601426 396.84072574C230.880192 394.20219462 226.43975 390.87625772 222.426406 386.86291502C214.667826 379.1043336 209.478252 369.7495758 206.857684 359.8556876C204.583744 359.9515742 202.297526 360 200 360C111.63444 360 40 288.36556 40 200C40 111.63444 111.63444 40 200 40C288.36556 40 360 111.63444 360 200C360 220.7456014 356.0517200000001 240.569033 348.865602 258.759854C349.147896 259.031369 349.42792 259.3059872 349.7056280000001 259.5836944L379.144286 289.022353C392.492754 262.212331 400 231.9828712 400 200C400 89.54305 310.45695 0 200 0C89.54305 0 0 89.54305 0 200C0 310.45695 89.54305 400 200 400C212.150668 400 224.048262 398.916457076 235.601426 396.84072574zM220 80L180 80L180 120L220 120L220 80zM220 140L180 140L180 320L220 320L220 140z"
-                    : "M185.920271 317.9111775C178.6172174 314.9825308 171.773562 310.5603586 165.8578644 304.64466094C158.6293194 297.416116 153.6307622 288.8020344000001 150.8621926 279.6572852C88.8570008 274.9885608 40 223.1998624 40 160C40 93.72583 93.72583 40 160 40C226.2741700000001 40 280 93.72583 280 160C280 170.0364326 278.76788 179.7850882 276.446648 189.1029568C277.31587 189.8766984 278.165742 190.678368 278.99495 191.507576L308.114322 220.6269482C315.776066 201.9286014 320 181.4575772 320 160C320 71.63444 248.36556 0 160 0C71.63444 0 0 71.63444 0 160C0 248.36556 71.63444 320 160 320C168.8252026 320 177.4835236 319.285495176 185.920271 317.9111775zM236.568542 213.9339828C231.4500960000001 213.9339828 226.33165 215.8866042 222.426406 219.7918472L194.1421356 248.0761184C186.3316498 255.8866042 186.3316498 268.5499038 194.1421356 276.3603896C201.952622 284.1708756 214.615922 284.1708756 222.426406 276.3603896L236.568542 262.218254L271.923882 297.5735932C279.734368 305.38407896 292.397666 305.38407896 300.2081520000001 297.5735932C308.018638 289.7631072 308.018638 277.0998078 300.2081520000001 269.2893218L250.7106780000001 219.7918472C246.805436 215.8866042 241.686988 213.9339828 236.568542 213.9339828zM180 80L140 80L140 120L180 120L180 80zM180 140L140 140L140 240L180 240L180 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="issue-closed"
-                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}-issue-closed`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="issue-closed" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const IssueClosed: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="issue-closed" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M185.920271 317.9111775C178.6172174 314.9825308 171.773562 310.5603586 165.8578644 304.64466094C158.6293194 297.416116 153.6307622 288.8020344000001 150.8621926 279.6572852C88.8570008 274.9885608 40 223.1998624 40 160C40 93.72583 93.72583 40 160 40C226.2741700000001 40 280 93.72583 280 160C280 170.0364326 278.76788 179.7850882 276.446648 189.1029568C277.31587 189.8766984 278.165742 190.678368 278.99495 191.507576L308.114322 220.6269482C315.776066 201.9286014 320 181.4575772 320 160C320 71.63444 248.36556 0 160 0C71.63444 0 0 71.63444 0 160C0 248.36556 71.63444 320 160 320C168.8252026 320 177.4835236 319.285495176 185.920271 317.9111775zM236.568542 213.9339828C231.4500960000001 213.9339828 226.33165 215.8866042 222.426406 219.7918472L194.1421356 248.0761184C186.3316498 255.8866042 186.3316498 268.5499038 194.1421356 276.3603896C201.952622 284.1708756 214.615922 284.1708756 222.426406 276.3603896L236.568542 262.218254L271.923882 297.5735932C279.734368 305.38407896 292.397666 305.38407896 300.2081520000001 297.5735932C308.018638 289.7631072 308.018638 277.0998078 300.2081520000001 269.2893218L250.7106780000001 219.7918472C246.805436 215.8866042 241.686988 213.9339828 236.568542 213.9339828zM180 80L140 80L140 120L180 120L180 80zM180 140L140 140L140 240L180 240L180 140z"
+                        : "M307.27922 282.0101012C302.160774 282.0101012 297.042328 283.9627228 293.137084 287.8679656L250.7106780000001 330.2943726C242.900192 338.1048584 242.900192 350.768158 250.7106780000001 358.5786438C258.521164 366.3891296 271.184464 366.3891296 278.99495 358.5786438L278.99495 358.5786438L307.27922 330.2943726L363.847764 386.86291502L363.847764 386.86291502C371.658248 394.67340084 384.321548 394.67340084 392.132034 386.86291502L392.132034 386.86291502L392.132034 386.86291502C399.9425200000001 379.0524292 399.9425200000001 366.3891296 392.132034 358.5786438L321.4213560000001 287.8679656C317.516114 283.9627228 312.397666 282.0101012 307.27922 282.0101012zM235.601426 396.84072574C230.880192 394.20219462 226.43975 390.87625772 222.426406 386.86291502C214.667826 379.1043336 209.478252 369.7495758 206.857684 359.8556876C204.583744 359.9515742 202.297526 360 200 360C111.63444 360 40 288.36556 40 200C40 111.63444 111.63444 40 200 40C288.36556 40 360 111.63444 360 200C360 220.7456014 356.0517200000001 240.569033 348.865602 258.759854C349.147896 259.031369 349.42792 259.3059872 349.7056280000001 259.5836944L379.144286 289.022353C392.492754 262.212331 400 231.9828712 400 200C400 89.54305 310.45695 0 200 0C89.54305 0 0 89.54305 0 200C0 310.45695 89.54305 400 200 400C212.150668 400 224.048262 398.916457076 235.601426 396.84072574zM220 80L180 80L180 120L220 120L220 80zM220 140L180 140L180 320L220 320L220 140z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+IssueClosed.defaultProps = {
+    size: IconSize.STANDARD,
+};
 IssueClosed.displayName = `Blueprint5.Icon.IssueClosed`;
 export default IssueClosed;

package/src/generated/components/issue-new.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 IssueNew: 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
-                    ? "M263.331658 389.7651483800001C262.15757 386.3986238400001 261.275004 382.89542718 260.7142 379.2858008C245.915146 376.986566 232.905076 369.2788102 223.768152 358.246695C216.013146 359.401592 208.076456 360 200 360C111.63444 360 40 288.36556 40 200C40 111.63444 111.63444 40 200 40C288.36556 40 360 111.63444 360 200C360 208.0764558 359.401592 216.0131458 358.246694 223.768151C369.27881 232.9050762 376.986566 245.915146 379.2858 260.7141992C382.895428 261.275004 386.398624 262.157571 389.765148 263.3316578C396.4043000000001 243.4290932 400 222.134457 400 200C400 89.54305 310.45695 0 200 0C89.54305 0 0 89.54305 0 200C0 310.45695 89.54305 400 200 400C222.134456 400 243.429094 396.4042993 263.331658 389.7651483800001zM220 80L180 80L180 120L220 120L220 80zM220 140L180 140L180 320L220 320L220 140zM340 340L370 340C381.0456940000001 340 390 331.045695 390 320C390 308.954305 381.0456940000001 300 370 300L340 300L340 270C340 258.954305 331.0456940000001 250 320 250C308.9543060000001 250 300 258.954305 300 270L300 300L270 300C258.9543060000001 300 250 308.954305 250 320C250 331.045695 258.9543060000001 340 270 340L300 340L300 370C300 381.045695 308.9543060000001 390 320 390C331.0456940000001 390 340 381.045695 340 370L340 340z"
-                    : "M211.353824 311.58069588C211.16338 310.78072724 210.992216 309.97337186 210.84085 309.15914996C194.0910468 306.04531654 180.2470734 294.5528376 173.8379702 279.210753C169.2975554 279.7320842 164.6800652 280 160 280C93.72583 280 40 226.27417 40 160C40 93.72583 93.72583 40 160 40C226.2741700000001 40 280 93.72583 280 160C280 164.6485708 279.735678 169.2354058 279.221244 173.7462954C294.572066 180.1666064 306.059938 194.0399368 309.1644780000001 210.8418408C309.976894 210.9929628 310.782472 211.1637964 311.580696 211.3538244C317.039832 195.2347348 320 177.9630596 320 160C320 71.63444 248.36556 0 160 0C71.63444 0 0 71.63444 0 160C0 248.36556 71.63444 320 160 320C177.9630596 320 195.2347348 317.03983156 211.353824 311.58069588zM180 80L140 80L140 120L180 120L180 80zM180 140L140 140L140 240L180 240L180 140zM200 260C200 271 209 280 220 280L240 280L240 300C240 311 249 320 260 320C271 320 280 311 280 300L280 280L300 280C311 280 320 271 320 260C320 249 311 240 300 240L280 240L280 219.903193C280 208.903193 271 199.903193 260 199.903193C249 199.903193 240 208.903193 240 219.903193L240 240L220 240C209 240 200 249 200 260z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="issue-new"
-                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}-issue-new`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="issue-new" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const IssueNew: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="issue-new" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M211.353824 311.58069588C211.16338 310.78072724 210.992216 309.97337186 210.84085 309.15914996C194.0910468 306.04531654 180.2470734 294.5528376 173.8379702 279.210753C169.2975554 279.7320842 164.6800652 280 160 280C93.72583 280 40 226.27417 40 160C40 93.72583 93.72583 40 160 40C226.2741700000001 40 280 93.72583 280 160C280 164.6485708 279.735678 169.2354058 279.221244 173.7462954C294.572066 180.1666064 306.059938 194.0399368 309.1644780000001 210.8418408C309.976894 210.9929628 310.782472 211.1637964 311.580696 211.3538244C317.039832 195.2347348 320 177.9630596 320 160C320 71.63444 248.36556 0 160 0C71.63444 0 0 71.63444 0 160C0 248.36556 71.63444 320 160 320C177.9630596 320 195.2347348 317.03983156 211.353824 311.58069588zM180 80L140 80L140 120L180 120L180 80zM180 140L140 140L140 240L180 240L180 140zM200 260C200 271 209 280 220 280L240 280L240 300C240 311 249 320 260 320C271 320 280 311 280 300L280 280L300 280C311 280 320 271 320 260C320 249 311 240 300 240L280 240L280 219.903193C280 208.903193 271 199.903193 260 199.903193C249 199.903193 240 208.903193 240 219.903193L240 240L220 240C209 240 200 249 200 260z"
+                        : "M263.331658 389.7651483800001C262.15757 386.3986238400001 261.275004 382.89542718 260.7142 379.2858008C245.915146 376.986566 232.905076 369.2788102 223.768152 358.246695C216.013146 359.401592 208.076456 360 200 360C111.63444 360 40 288.36556 40 200C40 111.63444 111.63444 40 200 40C288.36556 40 360 111.63444 360 200C360 208.0764558 359.401592 216.0131458 358.246694 223.768151C369.27881 232.9050762 376.986566 245.915146 379.2858 260.7141992C382.895428 261.275004 386.398624 262.157571 389.765148 263.3316578C396.4043000000001 243.4290932 400 222.134457 400 200C400 89.54305 310.45695 0 200 0C89.54305 0 0 89.54305 0 200C0 310.45695 89.54305 400 200 400C222.134456 400 243.429094 396.4042993 263.331658 389.7651483800001zM220 80L180 80L180 120L220 120L220 80zM220 140L180 140L180 320L220 320L220 140zM340 340L370 340C381.0456940000001 340 390 331.045695 390 320C390 308.954305 381.0456940000001 300 370 300L340 300L340 270C340 258.954305 331.0456940000001 250 320 250C308.9543060000001 250 300 258.954305 300 270L300 300L270 300C258.9543060000001 300 250 308.954305 250 320C250 331.045695 258.9543060000001 340 270 340L300 340L300 370C300 381.045695 308.9543060000001 390 320 390C331.0456940000001 390 340 381.045695 340 370L340 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+IssueNew.defaultProps = {
+    size: IconSize.STANDARD,
+};
 IssueNew.displayName = `Blueprint5.Icon.IssueNew`;
 export default IssueNew;