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

package/src/generated/components/lock.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 Lock: 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
-                    ? "M318.6 220H280V300.2C280 344.4 244.2 380.2 200 380.2S120 344.4 120 300.2V220H78.6C67.6 220 60 211.2 60 200.2V40.1999999999999C60 29.2 67.6 20 78.6 20H318.6C329.6 20 340 29.2 340 40.2V200.2000000000001C340 211.2 329.6 220 318.6 220zM160 220V300.2C160 322.2 178 340.2 200 340.2S240 322.2 240 300.2V220H160z"
-                    : "M279.2000000000001 180H240V241C240 284.6 204.2 320 160 320S80 284.6 80 241V180H39.2C28.2 180 20 173 20 162V23.8C20 13 28.2 0 39.2 0H279.2000000000001C290.2000000000001 0 300 13 300 23.8V162C300 173 290.2 180 279.2000000000001 180zM120 180V241C120 262.8 138 280.4 160 280.4S200 262.8 200 241V180H120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="lock"
-                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}-lock`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="lock" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Lock: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="lock" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M279.2000000000001 180H240V241C240 284.6 204.2 320 160 320S80 284.6 80 241V180H39.2C28.2 180 20 173 20 162V23.8C20 13 28.2 0 39.2 0H279.2000000000001C290.2000000000001 0 300 13 300 23.8V162C300 173 290.2 180 279.2000000000001 180zM120 180V241C120 262.8 138 280.4 160 280.4S200 262.8 200 241V180H120z"
+                        : "M318.6 220H280V300.2C280 344.4 244.2 380.2 200 380.2S120 344.4 120 300.2V220H78.6C67.6 220 60 211.2 60 200.2V40.1999999999999C60 29.2 67.6 20 78.6 20H318.6C329.6 20 340 29.2 340 40.2V200.2000000000001C340 211.2 329.6 220 318.6 220zM160 220V300.2C160 322.2 178 340.2 200 340.2S240 322.2 240 300.2V220H160z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Lock.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Lock.displayName = `Blueprint5.Icon.Lock`;
 export default Lock;

package/src/generated/components/locomotive.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 Locomotive: 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
-                    ? "M199.7658 360H39.974C28.9426 360 20 351.0456 20 340V80H54.8084C58.0338 80 61.0772 81.62 63.0336 84.186C109.5386 145.222 155.508 112.944 176.7218 84.362C178.7136 81.678 181.7976 80 185.1366 80H194.8814C197.9632 80 200.9 81.488 202.856 83.872C254.372 146.724 298.11 113.702 316.592 85.034C318.558 81.984 321.86 80 325.486 80H375.394C384.2920000000001 80 388.748 90.772 382.456 97.072L359.5580000000001 120C429.466 180 399.5060000000001 233.3334 339.584 260V300L362.482 322.929C368.774 329.2286000000001 364.3180000000001 340 355.42 340H283.798C274.9020000000001 340 270.446 329.2286000000001 276.736 322.929L299.636 300V260H219.74V340C219.74 351.0456 210.798 360 199.7658 360zM59.948 320H119.8698V220H59.948V320zM179.7918 320H139.8438V220H179.7918V320zM119.8698 20C141.9324 20 159.8178 37.908 159.8178 60C159.8178 82.092 141.9324 100 119.8698 100C97.8072 100 79.9218 82.092 79.9218 60C79.9218 37.908 97.8072 20 119.8698 20zM119.8698 40C130.9012 40 139.8438 48.954 139.8438 60C139.8438 71.046 130.9012 80 119.8698 80C108.8386 80 99.8958 71.046 99.8958 60C99.8958 48.954 108.8386 40 119.8698 40zM259.688 20C281.75 20 299.636 37.908 299.636 60C299.636 82.092 281.75 100 259.688 100C237.626 100 219.74 82.092 219.74 60C219.74 37.908 237.626 20 259.688 20zM259.688 40C270.72 40 279.6620000000001 48.954 279.6620000000001 60C279.6620000000001 71.046 270.72 80 259.688 80C248.656 80 239.714 71.046 239.714 60C239.714 48.954 248.656 40 259.688 40z"
-                    : "M0 280V40H34.116C37.7476 40 41.0936 42.024 42.9716 45.132C79.9116 106.266 119.0458 73.522 137.0038 45.052C138.9414 41.98 142.2524 40 145.884 40H154.116C157.7476 40 161.0936 42.024 162.9716 45.132C199.9116 106.266 239.046 73.522 257.004 45.052C258.942 41.98 262.252 40 265.884 40H285.514C290.86 40 293.538 46.462 289.758 50.242L260 80C348 128 296.666 180 260 200V240L282.928 262.929C289.228 269.2286000000001 284.766 280 275.858 280H204.142C195.233 280 190.7714 269.2286000000001 197.071 262.929L220 240V200H160V280C160 291.0456 151.0456 300 140 300H20C8.9543 300 0 291.0456 0 280zM20 180H80V280H20V180zM140 180H100V280H140V180zM90 0C106.5686 0 120 13.432 120 30C120 46.568 106.5686 60 90 60C73.4314 60 60 46.568 60 30C60 13.432 73.4314 0 90 0zM90 20C95.5228 20 100 24.478 100 30C100 35.522 95.5228 40 90 40C84.4772 40 80 35.522 80 30C80 24.478 84.4772 20 90 20zM210 0C226.568 0 240 13.432 240 30C240 46.568 226.568 60 210 60C193.4314 60 180 46.568 180 30C180 13.432 193.4314 0 210 0zM210 20C215.522 20 220 24.478 220 30C220 35.522 215.522 40 210 40C204.478 40 200 35.522 200 30C200 24.478 204.478 20 210 20z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="locomotive"
-                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}-locomotive`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="locomotive" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Locomotive: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="locomotive" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M0 280V40H34.116C37.7476 40 41.0936 42.024 42.9716 45.132C79.9116 106.266 119.0458 73.522 137.0038 45.052C138.9414 41.98 142.2524 40 145.884 40H154.116C157.7476 40 161.0936 42.024 162.9716 45.132C199.9116 106.266 239.046 73.522 257.004 45.052C258.942 41.98 262.252 40 265.884 40H285.514C290.86 40 293.538 46.462 289.758 50.242L260 80C348 128 296.666 180 260 200V240L282.928 262.929C289.228 269.2286000000001 284.766 280 275.858 280H204.142C195.233 280 190.7714 269.2286000000001 197.071 262.929L220 240V200H160V280C160 291.0456 151.0456 300 140 300H20C8.9543 300 0 291.0456 0 280zM20 180H80V280H20V180zM140 180H100V280H140V180zM90 0C106.5686 0 120 13.432 120 30C120 46.568 106.5686 60 90 60C73.4314 60 60 46.568 60 30C60 13.432 73.4314 0 90 0zM90 20C95.5228 20 100 24.478 100 30C100 35.522 95.5228 40 90 40C84.4772 40 80 35.522 80 30C80 24.478 84.4772 20 90 20zM210 0C226.568 0 240 13.432 240 30C240 46.568 226.568 60 210 60C193.4314 60 180 46.568 180 30C180 13.432 193.4314 0 210 0zM210 20C215.522 20 220 24.478 220 30C220 35.522 215.522 40 210 40C204.478 40 200 35.522 200 30C200 24.478 204.478 20 210 20z"
+                        : "M199.7658 360H39.974C28.9426 360 20 351.0456 20 340V80H54.8084C58.0338 80 61.0772 81.62 63.0336 84.186C109.5386 145.222 155.508 112.944 176.7218 84.362C178.7136 81.678 181.7976 80 185.1366 80H194.8814C197.9632 80 200.9 81.488 202.856 83.872C254.372 146.724 298.11 113.702 316.592 85.034C318.558 81.984 321.86 80 325.486 80H375.394C384.2920000000001 80 388.748 90.772 382.456 97.072L359.5580000000001 120C429.466 180 399.5060000000001 233.3334 339.584 260V300L362.482 322.929C368.774 329.2286000000001 364.3180000000001 340 355.42 340H283.798C274.9020000000001 340 270.446 329.2286000000001 276.736 322.929L299.636 300V260H219.74V340C219.74 351.0456 210.798 360 199.7658 360zM59.948 320H119.8698V220H59.948V320zM179.7918 320H139.8438V220H179.7918V320zM119.8698 20C141.9324 20 159.8178 37.908 159.8178 60C159.8178 82.092 141.9324 100 119.8698 100C97.8072 100 79.9218 82.092 79.9218 60C79.9218 37.908 97.8072 20 119.8698 20zM119.8698 40C130.9012 40 139.8438 48.954 139.8438 60C139.8438 71.046 130.9012 80 119.8698 80C108.8386 80 99.8958 71.046 99.8958 60C99.8958 48.954 108.8386 40 119.8698 40zM259.688 20C281.75 20 299.636 37.908 299.636 60C299.636 82.092 281.75 100 259.688 100C237.626 100 219.74 82.092 219.74 60C219.74 37.908 237.626 20 259.688 20zM259.688 40C270.72 40 279.6620000000001 48.954 279.6620000000001 60C279.6620000000001 71.046 270.72 80 259.688 80C248.656 80 239.714 71.046 239.714 60C239.714 48.954 248.656 40 259.688 40z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Locomotive.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Locomotive.displayName = `Blueprint5.Icon.Locomotive`;
 export default Locomotive;

package/src/generated/components/log-in.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 LogIn: 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 400H220C209 400 200 391 200 380C200 369 209 360 220 360H360V40H220C209 40 200 31 200 20C200 9 209 0 220 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400zM300 200C300 205.6 297.8 210.6 294.2000000000001 214.2L194.2 314.2000000000001C190.6 317.8 185.6 320 180 320C169 320 160 311 160 300C160 294.4 162.2 289.4 165.8 285.8L231.8 220H20C9 220 0 211 0 200C0 189 9 180 20 180H231.8L166 114.2000000000001C162.2 110.6 160 105.6 160 100C160 89 169 80 180 80C185.6 80 190.6 82.2 194.2 85.8L294.2000000000001 185.8C297.8 189.4 300 194.4 300 200z"
-                    : "M220 160C220 165.6 217.8 170.6 214.2 174.2L154.2 234.2C150.6 237.8 145.6 240 140 240C129 240 120 231 120 220C120 214.4 122.2 209.4 125.8 205.8L151.8 180H20C9 180 0 171 0 160C0 149 9 140 20 140H151.8L126 114.2C122.2 110.6 120 105.6 120 100C120 89 129 80 140 80C145.6 80 150.6 82.2 154.2 85.8L214.2 145.8C217.8 149.4 220 154.4 220 160zM300 320H180C169 320 160 311 160 300C160 289 169 280 180 280H280V40H180C169 40 160 31 160 20C160 9 169 0 180 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="log-in"
-                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}-log-in`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="log-in" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const LogIn: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="log-in" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M220 160C220 165.6 217.8 170.6 214.2 174.2L154.2 234.2C150.6 237.8 145.6 240 140 240C129 240 120 231 120 220C120 214.4 122.2 209.4 125.8 205.8L151.8 180H20C9 180 0 171 0 160C0 149 9 140 20 140H151.8L126 114.2C122.2 110.6 120 105.6 120 100C120 89 129 80 140 80C145.6 80 150.6 82.2 154.2 85.8L214.2 145.8C217.8 149.4 220 154.4 220 160zM300 320H180C169 320 160 311 160 300C160 289 169 280 180 280H280V40H180C169 40 160 31 160 20C160 9 169 0 180 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320z"
+                        : "M380 400H220C209 400 200 391 200 380C200 369 209 360 220 360H360V40H220C209 40 200 31 200 20C200 9 209 0 220 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400zM300 200C300 205.6 297.8 210.6 294.2000000000001 214.2L194.2 314.2000000000001C190.6 317.8 185.6 320 180 320C169 320 160 311 160 300C160 294.4 162.2 289.4 165.8 285.8L231.8 220H20C9 220 0 211 0 200C0 189 9 180 20 180H231.8L166 114.2000000000001C162.2 110.6 160 105.6 160 100C160 89 169 80 180 80C185.6 80 190.6 82.2 194.2 85.8L294.2000000000001 185.8C297.8 189.4 300 194.4 300 200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+LogIn.defaultProps = {
+    size: IconSize.STANDARD,
+};
 LogIn.displayName = `Blueprint5.Icon.LogIn`;
 export default LogIn;

package/src/generated/components/log-out.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 LogOut: 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
-                    ? "M394.2000000000001 214.2L294.2000000000001 314.2000000000001C290.6 317.8 285.6 320 280 320C269 320 260 311 260 300C260 294.4 262.2 289.4 265.8 285.8L331.8 220H120C109 220 100 211 100 200S109 180 120 180H331.8L266 114.2000000000001C262.2 110.6 260 105.6 260 100C260 89 269 80 280 80C285.6 80 290.6 82.2 294.2000000000001 85.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200C400 205.6 397.8 210.6 394.2000000000001 214.2zM180 40H40V360H180C191 360 200 369 200 380S191 400 180 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H180C191 0 200 9 200 20S191 40 180 40z"
-                    : "M140 40H40V280H140C151 280 160 289 160 300S151 320 140 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H140C151 0 160 9 160 20S151 40 140 40zM314.2000000000001 174.2L254.2 234.2C250.6 237.8 245.6 240 240 240C229 240 220 231 220 220C220 214.4 222.2 209.4 225.8 205.8L251.8 180H120C109 180 100 171 100 160S109 140 120 140H251.8L226 114.2C222.2 110.6 220 105.6 220 100C220 89 229 80 240 80C245.6 80 250.6 82.2 254.2 85.8L314.2000000000001 145.8C317.8 149.4 320 154.4 320 160C320 165.6 317.8 170.6 314.2000000000001 174.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="log-out"
-                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}-log-out`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="log-out" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const LogOut: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="log-out" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M140 40H40V280H140C151 280 160 289 160 300S151 320 140 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H140C151 0 160 9 160 20S151 40 140 40zM314.2000000000001 174.2L254.2 234.2C250.6 237.8 245.6 240 240 240C229 240 220 231 220 220C220 214.4 222.2 209.4 225.8 205.8L251.8 180H120C109 180 100 171 100 160S109 140 120 140H251.8L226 114.2C222.2 110.6 220 105.6 220 100C220 89 229 80 240 80C245.6 80 250.6 82.2 254.2 85.8L314.2000000000001 145.8C317.8 149.4 320 154.4 320 160C320 165.6 317.8 170.6 314.2000000000001 174.2z"
+                        : "M394.2000000000001 214.2L294.2000000000001 314.2000000000001C290.6 317.8 285.6 320 280 320C269 320 260 311 260 300C260 294.4 262.2 289.4 265.8 285.8L331.8 220H120C109 220 100 211 100 200S109 180 120 180H331.8L266 114.2000000000001C262.2 110.6 260 105.6 260 100C260 89 269 80 280 80C285.6 80 290.6 82.2 294.2000000000001 85.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200C400 205.6 397.8 210.6 394.2000000000001 214.2zM180 40H40V360H180C191 360 200 369 200 380S191 400 180 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H180C191 0 200 9 200 20S191 40 180 40z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+LogOut.defaultProps = {
+    size: IconSize.STANDARD,
+};
 LogOut.displayName = `Blueprint5.Icon.LogOut`;
 export default LogOut;

package/src/generated/components/low-voltage-pole.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 LowVoltagePole: 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 400C188.9542 400 180 391.04568 180 380V340H100V360C100 371.0456 91.0456 380 80 380C68.9544 380 60 371.0456 60 360V340H40C28.9544 340 20 331.0456000000001 20 320C20 308.9544 28.9544 300 40 300H60V260H40C28.9544 260 20 251.0456 20 240C20 228.9544 28.9544 220 40 220H120C131.0456 220 140 228.9544 140 240C140 251.0456 131.0456 260 120 260H100V300H180V20C180 8.954 188.9542 0 200 0C211.046 0 220 8.954 220 20V300H300V260H280C268.954 260 260 251.0456 260 240C260 228.9544 268.954 220 280 220H360C371.046 220 380 228.9544 380 240C380 251.0456 371.046 260 360 260H340V300H360C371.046 300 380 308.9544 380 320C380 331.0456000000001 371.046 340 360 340H340V360C340 371.0456 331.046 380 320 380C308.954 380 300 371.0456 300 360V340H220V380C220 391.0457 211.046 400 200 400z"
-                    : "M160 320C148.9544 320 140 311.0457 140 300V280H60V290C60 295.5228 55.5228 300 50 300C44.4772 300 40 295.5228 40 290V280C28.9544 280 20 271.0456 20 260C20 248.9544 28.9544 240 40 240L40 220H30C24.4772 220 20 215.5228 20 210C20 204.4772 24.4772 200 30 200H70C75.5228 200 80 204.4772 80 210C80 215.5228 75.5228 220 70 220H60V240H140V20C140 8.954 148.9544 0 160 0C171.0456 0 180 8.954 180 20V240H260V220H250C244.478 220 240 215.5228 240 210C240 204.4772 244.478 200 250 200H290C295.522 200 300 204.4772 300 210C300 215.5228 295.522 220 290 220H280L280 240C291.046 240 300 248.9544 300 260C300 271.0456 291.046 280 280 280L280 290C280 295.5228 275.522 300 270 300C264.478 300 260 295.5228 260 290V280H180V300C180 311.0457 171.0456 320 160 320z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="low-voltage-pole"
-                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}-low-voltage-pole`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="low-voltage-pole" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const LowVoltagePole: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="low-voltage-pole" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 320C148.9544 320 140 311.0457 140 300V280H60V290C60 295.5228 55.5228 300 50 300C44.4772 300 40 295.5228 40 290V280C28.9544 280 20 271.0456 20 260C20 248.9544 28.9544 240 40 240L40 220H30C24.4772 220 20 215.5228 20 210C20 204.4772 24.4772 200 30 200H70C75.5228 200 80 204.4772 80 210C80 215.5228 75.5228 220 70 220H60V240H140V20C140 8.954 148.9544 0 160 0C171.0456 0 180 8.954 180 20V240H260V220H250C244.478 220 240 215.5228 240 210C240 204.4772 244.478 200 250 200H290C295.522 200 300 204.4772 300 210C300 215.5228 295.522 220 290 220H280L280 240C291.046 240 300 248.9544 300 260C300 271.0456 291.046 280 280 280L280 290C280 295.5228 275.522 300 270 300C264.478 300 260 295.5228 260 290V280H180V300C180 311.0457 171.0456 320 160 320z"
+                        : "M200 400C188.9542 400 180 391.04568 180 380V340H100V360C100 371.0456 91.0456 380 80 380C68.9544 380 60 371.0456 60 360V340H40C28.9544 340 20 331.0456000000001 20 320C20 308.9544 28.9544 300 40 300H60V260H40C28.9544 260 20 251.0456 20 240C20 228.9544 28.9544 220 40 220H120C131.0456 220 140 228.9544 140 240C140 251.0456 131.0456 260 120 260H100V300H180V20C180 8.954 188.9542 0 200 0C211.046 0 220 8.954 220 20V300H300V260H280C268.954 260 260 251.0456 260 240C260 228.9544 268.954 220 280 220H360C371.046 220 380 228.9544 380 240C380 251.0456 371.046 260 360 260H340V300H360C371.046 300 380 308.9544 380 320C380 331.0456000000001 371.046 340 360 340H340V360C340 371.0456 331.046 380 320 380C308.954 380 300 371.0456 300 360V340H220V380C220 391.0457 211.046 400 200 400z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+LowVoltagePole.defaultProps = {
+    size: IconSize.STANDARD,
+};
 LowVoltagePole.displayName = `Blueprint5.Icon.LowVoltagePole`;
 export default LowVoltagePole;

package/src/generated/components/manual.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 Manual: 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 378C399.4 386.6 392.6 394.2 383.4000000000001 395.6C303 408.6 241.4 393.2 200 350C158.6 393.2 97 408.6 16.8 395.6C7.4 394 0.6 386.6 0 378H0V77.8C0 76.4 0 75 0.2 73.6C2 63.2 12.4 56 23.2 57.8C100.2 70.2000000000001 151.2 54.6 183.2 8.6C183.6 8.2 183.8 7.8 184.2 7.2C184.2 7.2 184.2 7.2 184.2 7.2C184.6 6.8 185 6.4 185.4 5.8C185.4 5.8 185.6 5.6 185.6 5.6C186 5.1999999999999 186.4 4.8 187 4.4C187 4.4 187 4.4 187 4.4C188.2000000000001 3.4 189.6000000000001 2.6 191.2000000000001 1.8C191.4 1.8 191.4 1.6 191.6 1.6C192.2 1.3999999999999 193.0000000000001 0.9999999999999 193.6 0.8C193.8 0.8 194 0.6 194.4 0.6C195 0.3999999999999 195.8 0.1999999999999 196.4 0.1999999999999C196.6 0.1999999999999 196.8 0.1999999999999 197.2 -1e-13C198.2 0 199 0 200 0H200C200 0 200 0 200 0C200.8 0 201.8 0 202.6 0.2C202.8 0.2 203.2 0.2 203.4 0.4000000000001C204 0.6000000000001 204.6 0.6000000000001 205.4 0.8000000000001C205.6 0.8000000000001 206 1.0000000000001 206.2 1.0000000000001C206.8 1.2000000000001 207.6 1.4000000000001 208.2 1.8000000000001C208.4 1.8000000000001 208.6 2.0000000000001 208.8 2.0000000000001C210.2 2.6000000000001 211.4 3.4000000000001 212.5999999999999 4.2000000000001C212.8 4.2000000000001 212.8 4.4000000000001 213 4.4000000000001C213.3999999999999 4.8000000000001 213.7999999999999 5.0000000000001 214.1999999999999 5.4000000000001C214.4 5.6000000000001 214.5999999999999 5.8000000000001 214.7999999999999 5.8000000000001C215.1999999999999 6.2000000000001 215.3999999999999 6.4000000000001 215.8 6.8000000000001C216 7.0000000000002 216.1999999999999 7.2000000000002 216.1999999999999 7.4000000000001C216.3999999999999 7.8000000000002 216.5999999999999 8.0000000000002 216.9999999999999 8.4000000000002C249.1999999999999 54.4000000000002 300 70.2000000000002 376.9999999999999 57.6000000000002C387.7999999999999 55.8000000000002 398.1999999999999 62.8000000000002 399.9999999999999 73.4000000000002C399.8 74.4 400 75.2000000000001 400 76H400L400 378L400 378zM180 67.4C144.4 93.6 97.6 104 40 98.4V360C105.2 367.4 150.2 352.2 180 313V67.4zM360 98.6C302.4000000000001 104.2 255.6 93.8 220 67.6V313.2C249.8 352.4 294.8 367.4 360 360.2V98.6z"
-                    : "M319.8 297.4C319.4000000000001 305.6 313.2 312.8 304.2000000000001 314.8C245.2 327.2 196.8 317.4 160 286C123.2 317.4 74.8 327.2 15.6 314.8C6.6 313 0.6 305.6 0.2 297.4H0V57.4H0C0 55.8 0 54 0.4 52.2C2.8 42 13.4 35.8 24.2 38.0000000000001C76.8 49.0000000000001 116 38.8 144.4 6.6C144.8 6.0000000000001 145.6 5.8000000000001 146 5.4C146.4 5.0000000000001 146.6 4.6 147 4.2C147.8 3.6 148.8 3.4 149.6 2.8C150.6 2.2 151.4 1.8 152.4 1.4C154.6 0.6 157 0 159.4 0C159.6 0 159.6 0 159.8 0C159.8 0 159.8 0 159.8 0S159.8 0 159.8 0C160 0 160 0 160.2 0C162.5999999999999 0 165 0.6 167.2 1.4C168.2 1.8 169 2.4 170 2.8C170.8 3.2 171.8 3.6 172.6 4.2C173 4.6 173.2 5 173.6 5.4C174.2 5.8 174.8 6 175.2 6.6C203.6 38.6 243 49.0000000000001 295.4 38.0000000000001C306.2 35.8000000000001 316.8 42.2 319.2 52.2C320 54 320 55.8 320 57.4H320L319.8 297.4L319.8 297.4zM140 60.2C112 76.8 78.6 83 40 78.8V280.8C82.2 286.4 115 276.8 140 251.6V60.2zM280 78.6C241.4 82.8 208 76.6 180 60V251.6C205 276.8 237.8 286.4 280 280.8V78.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="manual"
-                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}-manual`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="manual" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Manual: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="manual" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M319.8 297.4C319.4000000000001 305.6 313.2 312.8 304.2000000000001 314.8C245.2 327.2 196.8 317.4 160 286C123.2 317.4 74.8 327.2 15.6 314.8C6.6 313 0.6 305.6 0.2 297.4H0V57.4H0C0 55.8 0 54 0.4 52.2C2.8 42 13.4 35.8 24.2 38.0000000000001C76.8 49.0000000000001 116 38.8 144.4 6.6C144.8 6.0000000000001 145.6 5.8000000000001 146 5.4C146.4 5.0000000000001 146.6 4.6 147 4.2C147.8 3.6 148.8 3.4 149.6 2.8C150.6 2.2 151.4 1.8 152.4 1.4C154.6 0.6 157 0 159.4 0C159.6 0 159.6 0 159.8 0C159.8 0 159.8 0 159.8 0S159.8 0 159.8 0C160 0 160 0 160.2 0C162.5999999999999 0 165 0.6 167.2 1.4C168.2 1.8 169 2.4 170 2.8C170.8 3.2 171.8 3.6 172.6 4.2C173 4.6 173.2 5 173.6 5.4C174.2 5.8 174.8 6 175.2 6.6C203.6 38.6 243 49.0000000000001 295.4 38.0000000000001C306.2 35.8000000000001 316.8 42.2 319.2 52.2C320 54 320 55.8 320 57.4H320L319.8 297.4L319.8 297.4zM140 60.2C112 76.8 78.6 83 40 78.8V280.8C82.2 286.4 115 276.8 140 251.6V60.2zM280 78.6C241.4 82.8 208 76.6 180 60V251.6C205 276.8 237.8 286.4 280 280.8V78.6z"
+                        : "M400 378C399.4 386.6 392.6 394.2 383.4000000000001 395.6C303 408.6 241.4 393.2 200 350C158.6 393.2 97 408.6 16.8 395.6C7.4 394 0.6 386.6 0 378H0V77.8C0 76.4 0 75 0.2 73.6C2 63.2 12.4 56 23.2 57.8C100.2 70.2000000000001 151.2 54.6 183.2 8.6C183.6 8.2 183.8 7.8 184.2 7.2C184.2 7.2 184.2 7.2 184.2 7.2C184.6 6.8 185 6.4 185.4 5.8C185.4 5.8 185.6 5.6 185.6 5.6C186 5.1999999999999 186.4 4.8 187 4.4C187 4.4 187 4.4 187 4.4C188.2000000000001 3.4 189.6000000000001 2.6 191.2000000000001 1.8C191.4 1.8 191.4 1.6 191.6 1.6C192.2 1.3999999999999 193.0000000000001 0.9999999999999 193.6 0.8C193.8 0.8 194 0.6 194.4 0.6C195 0.3999999999999 195.8 0.1999999999999 196.4 0.1999999999999C196.6 0.1999999999999 196.8 0.1999999999999 197.2 -1e-13C198.2 0 199 0 200 0H200C200 0 200 0 200 0C200.8 0 201.8 0 202.6 0.2C202.8 0.2 203.2 0.2 203.4 0.4000000000001C204 0.6000000000001 204.6 0.6000000000001 205.4 0.8000000000001C205.6 0.8000000000001 206 1.0000000000001 206.2 1.0000000000001C206.8 1.2000000000001 207.6 1.4000000000001 208.2 1.8000000000001C208.4 1.8000000000001 208.6 2.0000000000001 208.8 2.0000000000001C210.2 2.6000000000001 211.4 3.4000000000001 212.5999999999999 4.2000000000001C212.8 4.2000000000001 212.8 4.4000000000001 213 4.4000000000001C213.3999999999999 4.8000000000001 213.7999999999999 5.0000000000001 214.1999999999999 5.4000000000001C214.4 5.6000000000001 214.5999999999999 5.8000000000001 214.7999999999999 5.8000000000001C215.1999999999999 6.2000000000001 215.3999999999999 6.4000000000001 215.8 6.8000000000001C216 7.0000000000002 216.1999999999999 7.2000000000002 216.1999999999999 7.4000000000001C216.3999999999999 7.8000000000002 216.5999999999999 8.0000000000002 216.9999999999999 8.4000000000002C249.1999999999999 54.4000000000002 300 70.2000000000002 376.9999999999999 57.6000000000002C387.7999999999999 55.8000000000002 398.1999999999999 62.8000000000002 399.9999999999999 73.4000000000002C399.8 74.4 400 75.2000000000001 400 76H400L400 378L400 378zM180 67.4C144.4 93.6 97.6 104 40 98.4V360C105.2 367.4 150.2 352.2 180 313V67.4zM360 98.6C302.4000000000001 104.2 255.6 93.8 220 67.6V313.2C249.8 352.4 294.8 367.4 360 360.2V98.6z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Manual.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Manual.displayName = `Blueprint5.Icon.Manual`;
 export default Manual;