@blueprintjs/icons 5.0.0-alpha.5 → 5.0.0-beta.1

package/src/generated/components/list.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 { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const List: 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
-                    ? "M20.6 380C9.2 380 0 370.8 0 359.4V340.4C0 329.2 9.2 320 20.6 320H379.6C390.8 320 400 329.2 400 340.6V359.4C400 370.8 390.8 380 379.4 380H20.6zM0 40.6C0 29.2 9.2 20 20.6 20H379.6C390.8 20 400.2000000000001 29.2 400.2000000000001 40.6V59.6C400.2000000000001 70.8 391 80.2 379.6 80.2H20.6C9.2 80 0 70.8 0 59.4V40.6zM0 140.6C0 129.2000000000001 9.2 120 20.6 120H379.6C390.8 120 400.2000000000001 129.2000000000001 400.2000000000001 140.6V159.6C400.2000000000001 170.8 391 180.2 379.6 180.2H20.6C9.2 180 0 170.8 0 159.4V140.6zM0 240.6C0 229.2 9.2 220 20.6 220H379.6C390.8 220 400 229.2 400 240.6V259.4C400 270.8 390.8 280 379.4 280H20.6C9.2 280 0 270.8 0 259.4V240.6z"
-                    : "M20 260H300C311 260 320 269 320 280S311 300 300 300H20C9 300 0 291 0 280S9 260 20 260zM300 60H20C9 60 0 51 0 40S9 20 20 20H300C311 20 320 29 320 40S311 60 300 60zM300 140H20C9 140 0 131 0 120S9 100 20 100H300C311 100 320 109 320 120S311 140 300 140zM300 220H20C9 220 0 211 0 200S9 180 20 180H300C311 180 320 189 320 200S311 220 300 220z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="list"
-                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}-list`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="list" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const List: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="list" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M20 260H300C311 260 320 269 320 280S311 300 300 300H20C9 300 0 291 0 280S9 260 20 260zM300 60H20C9 60 0 51 0 40S9 20 20 20H300C311 20 320 29 320 40S311 60 300 60zM300 140H20C9 140 0 131 0 120S9 100 20 100H300C311 100 320 109 320 120S311 140 300 140zM300 220H20C9 220 0 211 0 200S9 180 20 180H300C311 180 320 189 320 200S311 220 300 220z"
+                        : "M20.6 380C9.2 380 0 370.8 0 359.4V340.4C0 329.2 9.2 320 20.6 320H379.6C390.8 320 400 329.2 400 340.6V359.4C400 370.8 390.8 380 379.4 380H20.6zM0 40.6C0 29.2 9.2 20 20.6 20H379.6C390.8 20 400.2000000000001 29.2 400.2000000000001 40.6V59.6C400.2000000000001 70.8 391 80.2 379.6 80.2H20.6C9.2 80 0 70.8 0 59.4V40.6zM0 140.6C0 129.2000000000001 9.2 120 20.6 120H379.6C390.8 120 400.2000000000001 129.2000000000001 400.2000000000001 140.6V159.6C400.2000000000001 170.8 391 180.2 379.6 180.2H20.6C9.2 180 0 170.8 0 159.4V140.6zM0 240.6C0 229.2 9.2 220 20.6 220H379.6C390.8 220 400 229.2 400 240.6V259.4C400 270.8 390.8 280 379.4 280H20.6C9.2 280 0 270.8 0 259.4V240.6z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+List.defaultProps = {
+    size: IconSize.STANDARD,
+};
 List.displayName = `Blueprint5.Icon.List`;
 export default List;

package/src/generated/components/locate.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 { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const Locate: 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 240C178 240 160 222 160 200C160 178 178 160 200 160S240 178 240 200C240 222 222 240 200 240zM380 220H358.6C349.6 292.2 292.2 349 220 358.2V380C220 391 211 400 200 400S180 391 180 380V358.2C107.8 349 50.4 292.2 41.4 220H20C9 220 0 211 0 200C0 189 9 180 20 180H41.4C50.4 107.8 107.8 51 180 41.8V20C180 9 189 0 200 0S220 9 220 20V41.8C292.2 51 349.6 107.6 358.6 180H380C391 180 400 189 400 200C400 211 391 220 380 220zM300 180H318C309.6 129.8 270.2 90.2 220 81.8V100C220 111 211 120 200 120S180 111 180 100V81.8C129.8 90.2 90.4 129.8 82 180H100C111 180 120 189 120 200C120 211 111 220 100 220H82C90.4 270.2 129.8 309.8 180 318.2V300C180 289 189 280 200 280S220 289 220 300V318.2C270.2 309.8 309.6 270.2 318 220H300C289 220 280 211 280 200C280 189 289 180 300 180z"
-                    : "M300 180H298.2C289.4000000000001 241 241.2 289.2 180 298V300C180 311 171 320 160 320S140 311 140 300V298.2C79 289.4 30.8 241.2 22 180H20C9 180 0 171 0 160C0 149 9 140 20 140H22C30.8 78.8 78.8 30.6 140 21.8V20C140 9 149 0 160 0S180 9 180 20V21.8C241 30.6 289.2000000000001 78.8 298 140H300C311 140 320 149 320 160C320 171 311 180 300 180zM179.6 62C178.6 72 170.4 80 160 80S141.4 72 140.4 62C101 70 69.8 101 62 140.4C72 141.4 80 149.6 80 160C80 170.4 72 178.6 62 179.6C69.8 219 101 250 140.4 258C141.4 248 149.6 240 160 240C170.4 240 178.6 248 179.6 258C219 250.2 250 219 258 179.6C248 178.6 240 170.4 240 160C240 149.6 248 141.4 258 140.4C250.2 101 219 70 179.6 62zM160 200C138 200 120 182 120 160C120 138 138 120 160 120S200 138 200 160C200 182 182 200 160 200z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="locate"
-                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}-locate`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="locate" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Locate: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="locate" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 180H298.2C289.4000000000001 241 241.2 289.2 180 298V300C180 311 171 320 160 320S140 311 140 300V298.2C79 289.4 30.8 241.2 22 180H20C9 180 0 171 0 160C0 149 9 140 20 140H22C30.8 78.8 78.8 30.6 140 21.8V20C140 9 149 0 160 0S180 9 180 20V21.8C241 30.6 289.2000000000001 78.8 298 140H300C311 140 320 149 320 160C320 171 311 180 300 180zM179.6 62C178.6 72 170.4 80 160 80S141.4 72 140.4 62C101 70 69.8 101 62 140.4C72 141.4 80 149.6 80 160C80 170.4 72 178.6 62 179.6C69.8 219 101 250 140.4 258C141.4 248 149.6 240 160 240C170.4 240 178.6 248 179.6 258C219 250.2 250 219 258 179.6C248 178.6 240 170.4 240 160C240 149.6 248 141.4 258 140.4C250.2 101 219 70 179.6 62zM160 200C138 200 120 182 120 160C120 138 138 120 160 120S200 138 200 160C200 182 182 200 160 200z"
+                        : "M200 240C178 240 160 222 160 200C160 178 178 160 200 160S240 178 240 200C240 222 222 240 200 240zM380 220H358.6C349.6 292.2 292.2 349 220 358.2V380C220 391 211 400 200 400S180 391 180 380V358.2C107.8 349 50.4 292.2 41.4 220H20C9 220 0 211 0 200C0 189 9 180 20 180H41.4C50.4 107.8 107.8 51 180 41.8V20C180 9 189 0 200 0S220 9 220 20V41.8C292.2 51 349.6 107.6 358.6 180H380C391 180 400 189 400 200C400 211 391 220 380 220zM300 180H318C309.6 129.8 270.2 90.2 220 81.8V100C220 111 211 120 200 120S180 111 180 100V81.8C129.8 90.2 90.4 129.8 82 180H100C111 180 120 189 120 200C120 211 111 220 100 220H82C90.4 270.2 129.8 309.8 180 318.2V300C180 289 189 280 200 280S220 289 220 300V318.2C270.2 309.8 309.6 270.2 318 220H300C289 220 280 211 280 200C280 189 289 180 300 180z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Locate.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Locate.displayName = `Blueprint5.Icon.Locate`;
 export default Locate;

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 { IconSize } from "../../iconTypes";
+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 { IconSize } from "../../iconTypes";
+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 { IconSize } from "../../iconTypes";
+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 { IconSize } from "../../iconTypes";
+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;