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

package/src/generated/components/geolocation.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 Geolocation: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M0 233.4L183.4 183.4L233.4 0L400 400z"
-                    : "M-0.2 186.8L146.6 146.8L186.6 0.2L319.8 320.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="geolocation"
-                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}-geolocation`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="geolocation" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Geolocation: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="geolocation" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M-0.2 186.8L146.6 146.8L186.6 0.2L319.8 320.2z"
+                        : "M0 233.4L183.4 183.4L233.4 0L400 400z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Geolocation.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Geolocation.displayName = `Blueprint5.Icon.Geolocation`;
 export default Geolocation;

package/src/generated/components/geosearch.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 Geosearch: 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
-                    ? "M160 22.4C84.2 22.4 22.4 84.2000000000001 22.4 160C22.4 172.2 24 184.4 27 195.8C27.6 195.6 28.2 196 29 196H30.8V185C30.8 180.4 35 176.6 39.6 176.6C40.4 176.6 41.4 176.8 42 177L60 159.4C61.8 157.6 64.6 157.6 66.4 159.4C68.2 161.2 68.2 164 66.4 165.8L49.2 183.8C49.2 184.2 50.2 184.6 50.2 185.2000000000001V187.8000000000001C50.2 191.4 52.2 192.8000000000001 56 196.0000000000001H66.6C68.6 196.0000000000001 70.4 196.2000000000001 72 197.0000000000001C72.2 197.2000000000001 72.4 197.0000000000001 72.6 197.2000000000001C73 197.4000000000001 73.2 197.6000000000001 73.6 198.0000000000001C73.8 198.2000000000001 74 198.2000000000001 74 198.4L74.4 198.8L97 221.4C93.8 227.8 91 234.4 88.6 241.2H75.8V251.8C75.8 252 77 250.6 77 253.8H84.6C83.8 257 83 260.2 82.6 263.4H68.4C72.4 266.6 76.8 269.6 81.2 272.4C80.4 278.2 80 284 80 290C80 292.8 80.2 295.6 80.4 298.6C32.4 270.8 0 219.2 0 160C0 71.8 71.8 0 160 0C237.4000000000001 0 301.8 55.4 316.4 128.8L297 150.8C291.8 79.4 232.4 22.4 160 22.4zM117.6 95.8V102.8H120.6C126.4 102.8 130.4 107.4 130.4 113.4V127C130.4 127.1999999999999 130.6 127.1999999999999 130.4 127.4L94.2 164H78.8C73 164 69.4 159.1999999999999 69.4 153.4V113.4C69.4 107.6 73 102.8 78.8 102.8H85.4V62.4C85.4 56.8 91 52.1999999999999 96.6 52.1999999999999C102.2 52.1999999999999 107.8 56.8 107.8 62.4V86.8H107.6C113.4 86.8 117.6 90 117.6 95.8zM394.2000000000001 154.2L320.6 227.8C323.4000000000001 232.0000000000001 326 236.2 328.2 240.8C328.6 241.6 329 242.2 329.2000000000001 243.0000000000001C331.4 247.4000000000001 333.2 252.0000000000001 334.8000000000001 256.8000000000001C334.8000000000001 256.8000000000001 334.8000000000001 256.8000000000001 334.8000000000001 257C336.2000000000001 261.8000000000001 337.4000000000001 266.6 338.2000000000001 271.6C338.4000000000001 272.8 338.6000000000001 273.8000000000001 338.8000000000001 275C339.6 279.8 340 284.8 340 290C340 350.8 290.8 400 230 400C169.2 400 120 350.8 120 290C120 229.2 169.2 180 230 180C235.2 180 240.2 180.4 245.2 181.2C246.4 181.4 247.4 181.6 248.6 181.8C253.6 182.6 258.4 183.8 263.2 185.2C263.2 185.2 263.2 185.2 263.4 185.2C268.2 186.8 272.8 188.6 277.2 190.8C278 191.2 278.6 191.6 279.4 191.8C284 194 288.2 196.6 292.4 199.4L366 125.8C369.4 122.2 374.4 120 380 120C391 120 400 129 400 140C400 145.6 397.8 150.6 394.2000000000001 154.2zM230 210C185.8 210 150 245.8 150 290C150 334.2 185.8 370 230 370C274.2000000000001 370 310 334.2 310 290C310 245.8 274.2000000000001 210 230 210zM268.6 103.4V116.4C268.6 118.6 266 120.6 263.8 120.6C261.6 120.6 259 118.8 259 116.4V103.4C259 101.2 261.6 99.2 263.8 99.2C266 99.2000000000001 268.6 101.2 268.6 103.4zM220.4 90H237C242.8 90 246.2 94.2000000000001 246.2 100V137.2L250.8 141.6C244 140.6 237 140 230 140C222.8 140 216 140.6 209 141.6C209.6 140.6 210.2 139.6 210.6 138.4V100C210.8 94.2000000000001 214.6 90 220.4 90z"
-                    : "M176.4 72H189.6C194.2 72 196.8 75.4 196.8 80V109.6L200.6 113.2C195.2 112.6 189.6 112 184 112C178.4 112 172.8 112.6 167.2 113.4C167.6 112.6 168.2 111.8 168.6 110.8V80C168.6 75.4 171.6 72 176.4 72zM128 18C67.4 18 18 67.4 18 128C18 137.8 19.2 147.6 21.6 156.6C22.2 156.6 22.6 156.8 23.2 156.8H24.8V148C24.8 144.2 28.2 141.2 32 141.2C32.6 141.2 33.4 141.4 34 141.4L48.2 127.4C49.6 126 52 126 53.4 127.4C54.8 128.8 54.8 131.2 53.4 132.6L39.4 147C39.4 147.4 40 147.6 40 148V150.2C40 153.2 41.6 154.2 44.6 156.8H53C54.6 156.8 56 157 57.4 157.6C57.6 157.6 57.8 157.6 57.8 157.6C58.2 158 58.4 158 58.6 158.4C58.8 158.6 58.8 158.6 59 158.6L59.4 158.8L77.4 176.8C74.8 182 72.6 187.2 70.6 192.8H60.6V201.4C60.6 201.6 61.6 200.4 61.4 203H67.6C67 205.6 66.4 208.2 66 210.8H54.6C57.8 213.2 61.4 215.6 64.8 218C64.4 222.6 64 227.2 64 232C64 234.4 64.2 236.6 64.4 238.8C26 216.8 0 175.4 0 128C0 57.4 57.4 0 128 0C190 0 241.4 44.4 253.2 103L237.6 120.6C233.4 63.6 186 18 128 18zM94 76.6V82.2H96.4C101 82.2 104.2 86 104.2 90.6V101.4C104.2 101.4 104.4 101.6 104.2 101.6L75.4 131H63C58.4 131 55.4 127.2 55.4 122.6V90.6C55.4 86 58.2 82.2 63 82.2H68.2V50.0000000000001C68.2 45.4 72.6 41.8 77.2 41.8C81.8 41.8 86.2 45.4 86.2 50.0000000000001V69.4H86C90.8 69.4 94 72 94 76.6zM315.4 123.4L256.6 182.2C258.8 185.6 260.8 189 262.6 192.6C262.8 193.2 263.2 193.8 263.4 194.4C265 198 266.6 201.6 267.8 205.4C267.8 205.4 267.8 205.4 267.8 205.6C269 209.4 269.8 213.2 270.6 217.2C270.8 218.2 270.8 219 271 220C271.6 224 272 228 272 232.2C272 280.8 232.6 320.2 184 320.2C135.4 320 96 280.6 96 232S135.4 144 184 144C188.2 144 192.2 144.4 196.2 145C197 145 198 145.2 199 145.4C203 146 206.8 147 210.6 148.2C210.6 148.2 210.6 148.2 210.8 148.2C214.6 149.4 218.2 151 221.8 152.6C222.4 152.8 223 153.2 223.6 153.4C227.2 155.2 230.6 157.2 234 159.4L292.8 100.6C295.6 97.8 299.6 96 304.2 96C313 96 320.2 103.2 320.2 112C320 116.4 318.2 120.4 315.4 123.4zM184 168C148.6 168 120 196.6 120 232C120 267.4 148.6 296 184 296S248 267.4 248 232C248 196.6 219.4 168 184 168zM214.8 82.8V93.2C214.8 95 212.8 96.6 211 96.6C209.2 96.6 207.2 95.2 207.2 93.2V82.8C207.2 81 209.2 79.4 211 79.4C212.8 79.4 214.8 80.8 214.8 82.8z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="geosearch"
-                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}-geosearch`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="geosearch" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Geosearch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="geosearch" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M176.4 72H189.6C194.2 72 196.8 75.4 196.8 80V109.6L200.6 113.2C195.2 112.6 189.6 112 184 112C178.4 112 172.8 112.6 167.2 113.4C167.6 112.6 168.2 111.8 168.6 110.8V80C168.6 75.4 171.6 72 176.4 72zM128 18C67.4 18 18 67.4 18 128C18 137.8 19.2 147.6 21.6 156.6C22.2 156.6 22.6 156.8 23.2 156.8H24.8V148C24.8 144.2 28.2 141.2 32 141.2C32.6 141.2 33.4 141.4 34 141.4L48.2 127.4C49.6 126 52 126 53.4 127.4C54.8 128.8 54.8 131.2 53.4 132.6L39.4 147C39.4 147.4 40 147.6 40 148V150.2C40 153.2 41.6 154.2 44.6 156.8H53C54.6 156.8 56 157 57.4 157.6C57.6 157.6 57.8 157.6 57.8 157.6C58.2 158 58.4 158 58.6 158.4C58.8 158.6 58.8 158.6 59 158.6L59.4 158.8L77.4 176.8C74.8 182 72.6 187.2 70.6 192.8H60.6V201.4C60.6 201.6 61.6 200.4 61.4 203H67.6C67 205.6 66.4 208.2 66 210.8H54.6C57.8 213.2 61.4 215.6 64.8 218C64.4 222.6 64 227.2 64 232C64 234.4 64.2 236.6 64.4 238.8C26 216.8 0 175.4 0 128C0 57.4 57.4 0 128 0C190 0 241.4 44.4 253.2 103L237.6 120.6C233.4 63.6 186 18 128 18zM94 76.6V82.2H96.4C101 82.2 104.2 86 104.2 90.6V101.4C104.2 101.4 104.4 101.6 104.2 101.6L75.4 131H63C58.4 131 55.4 127.2 55.4 122.6V90.6C55.4 86 58.2 82.2 63 82.2H68.2V50.0000000000001C68.2 45.4 72.6 41.8 77.2 41.8C81.8 41.8 86.2 45.4 86.2 50.0000000000001V69.4H86C90.8 69.4 94 72 94 76.6zM315.4 123.4L256.6 182.2C258.8 185.6 260.8 189 262.6 192.6C262.8 193.2 263.2 193.8 263.4 194.4C265 198 266.6 201.6 267.8 205.4C267.8 205.4 267.8 205.4 267.8 205.6C269 209.4 269.8 213.2 270.6 217.2C270.8 218.2 270.8 219 271 220C271.6 224 272 228 272 232.2C272 280.8 232.6 320.2 184 320.2C135.4 320 96 280.6 96 232S135.4 144 184 144C188.2 144 192.2 144.4 196.2 145C197 145 198 145.2 199 145.4C203 146 206.8 147 210.6 148.2C210.6 148.2 210.6 148.2 210.8 148.2C214.6 149.4 218.2 151 221.8 152.6C222.4 152.8 223 153.2 223.6 153.4C227.2 155.2 230.6 157.2 234 159.4L292.8 100.6C295.6 97.8 299.6 96 304.2 96C313 96 320.2 103.2 320.2 112C320 116.4 318.2 120.4 315.4 123.4zM184 168C148.6 168 120 196.6 120 232C120 267.4 148.6 296 184 296S248 267.4 248 232C248 196.6 219.4 168 184 168zM214.8 82.8V93.2C214.8 95 212.8 96.6 211 96.6C209.2 96.6 207.2 95.2 207.2 93.2V82.8C207.2 81 209.2 79.4 211 79.4C212.8 79.4 214.8 80.8 214.8 82.8z"
+                        : "M160 22.4C84.2 22.4 22.4 84.2000000000001 22.4 160C22.4 172.2 24 184.4 27 195.8C27.6 195.6 28.2 196 29 196H30.8V185C30.8 180.4 35 176.6 39.6 176.6C40.4 176.6 41.4 176.8 42 177L60 159.4C61.8 157.6 64.6 157.6 66.4 159.4C68.2 161.2 68.2 164 66.4 165.8L49.2 183.8C49.2 184.2 50.2 184.6 50.2 185.2000000000001V187.8000000000001C50.2 191.4 52.2 192.8000000000001 56 196.0000000000001H66.6C68.6 196.0000000000001 70.4 196.2000000000001 72 197.0000000000001C72.2 197.2000000000001 72.4 197.0000000000001 72.6 197.2000000000001C73 197.4000000000001 73.2 197.6000000000001 73.6 198.0000000000001C73.8 198.2000000000001 74 198.2000000000001 74 198.4L74.4 198.8L97 221.4C93.8 227.8 91 234.4 88.6 241.2H75.8V251.8C75.8 252 77 250.6 77 253.8H84.6C83.8 257 83 260.2 82.6 263.4H68.4C72.4 266.6 76.8 269.6 81.2 272.4C80.4 278.2 80 284 80 290C80 292.8 80.2 295.6 80.4 298.6C32.4 270.8 0 219.2 0 160C0 71.8 71.8 0 160 0C237.4000000000001 0 301.8 55.4 316.4 128.8L297 150.8C291.8 79.4 232.4 22.4 160 22.4zM117.6 95.8V102.8H120.6C126.4 102.8 130.4 107.4 130.4 113.4V127C130.4 127.1999999999999 130.6 127.1999999999999 130.4 127.4L94.2 164H78.8C73 164 69.4 159.1999999999999 69.4 153.4V113.4C69.4 107.6 73 102.8 78.8 102.8H85.4V62.4C85.4 56.8 91 52.1999999999999 96.6 52.1999999999999C102.2 52.1999999999999 107.8 56.8 107.8 62.4V86.8H107.6C113.4 86.8 117.6 90 117.6 95.8zM394.2000000000001 154.2L320.6 227.8C323.4000000000001 232.0000000000001 326 236.2 328.2 240.8C328.6 241.6 329 242.2 329.2000000000001 243.0000000000001C331.4 247.4000000000001 333.2 252.0000000000001 334.8000000000001 256.8000000000001C334.8000000000001 256.8000000000001 334.8000000000001 256.8000000000001 334.8000000000001 257C336.2000000000001 261.8000000000001 337.4000000000001 266.6 338.2000000000001 271.6C338.4000000000001 272.8 338.6000000000001 273.8000000000001 338.8000000000001 275C339.6 279.8 340 284.8 340 290C340 350.8 290.8 400 230 400C169.2 400 120 350.8 120 290C120 229.2 169.2 180 230 180C235.2 180 240.2 180.4 245.2 181.2C246.4 181.4 247.4 181.6 248.6 181.8C253.6 182.6 258.4 183.8 263.2 185.2C263.2 185.2 263.2 185.2 263.4 185.2C268.2 186.8 272.8 188.6 277.2 190.8C278 191.2 278.6 191.6 279.4 191.8C284 194 288.2 196.6 292.4 199.4L366 125.8C369.4 122.2 374.4 120 380 120C391 120 400 129 400 140C400 145.6 397.8 150.6 394.2000000000001 154.2zM230 210C185.8 210 150 245.8 150 290C150 334.2 185.8 370 230 370C274.2000000000001 370 310 334.2 310 290C310 245.8 274.2000000000001 210 230 210zM268.6 103.4V116.4C268.6 118.6 266 120.6 263.8 120.6C261.6 120.6 259 118.8 259 116.4V103.4C259 101.2 261.6 99.2 263.8 99.2C266 99.2000000000001 268.6 101.2 268.6 103.4zM220.4 90H237C242.8 90 246.2 94.2000000000001 246.2 100V137.2L250.8 141.6C244 140.6 237 140 230 140C222.8 140 216 140.6 209 141.6C209.6 140.6 210.2 139.6 210.6 138.4V100C210.8 94.2000000000001 214.6 90 220.4 90z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Geosearch.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Geosearch.displayName = `Blueprint5.Icon.Geosearch`;
 export default Geosearch;

package/src/generated/components/git-branch.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 GitBranch: 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
-                    ? "M300 360C266.8 360 240 333.2 240 300C240 274 256.8 252 280 243.6V220C280 198 262 180 240 180H160C145.4 180 131.8 175.8 120 169V283.6C143.2 292 160 314 160 340C160 373.2 133.2 400 100 400S40 373.2 40 340C40 314 56.8 292 80 283.6V116.2C56.8 108 40 86 40 60C40 26.8 66.8 0 100 0S160 26.8 160 60C160 85 144.6 106 123 115C129 129.6 143.2 140 160 140H240C284.2000000000001 140 320 175.8 320 220V243.6C343.2 252 360 274 360 300C360 333.2 333.2 360 300 360zM100 360C111 360 120 351 120 340C120 329 111 320 100 320S80 329 80 340C80 351 89 360 100 360zM100 40C89 40 80 49 80 60C80 71 89 80 100 80S120 71 120 60C120 49 111 40 100 40zM300 280C289 280 280 289 280 300C280 311 289 320 300 320S320 311 320 300C320 289 311 280 300 280z"
-                    : "M240 300C206.8 300 180 273.2 180 240C180 215 195.2 193.6 217 184.6C210.8 170.2 196.6 160 180 160H140C125.4 160 111.8 156 100 149V203.6C123.2 212 140 234 140 260C140 293.2 113.2 320 80 320S20 293.2 20 260C20 234 36.8 212 60 203.6V116.2C36.8 108.2 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 80.8 129.4 99 113.6 109.8C120.6 116 129.8 120 140 120H180C218.4 120 250.4 147 258.2 183C282.4 190.8 300 213.2 300 240C300 273.2 273.2 300 240 300zM80 280C91 280 100 271 100 260C100 249 91 240 80 240S60 249 60 260C60 271 69 280 80 280zM80 40C69 40 60 49 60 60C60 71 69 80 80 80S100 71 100 60C100 49 91 40 80 40zM240 220C229 220 220 229 220 240C220 251 229 260 240 260S260 251 260 240C260 229 251 220 240 220z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="git-branch"
-                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}-git-branch`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="git-branch" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GitBranch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="git-branch" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M240 300C206.8 300 180 273.2 180 240C180 215 195.2 193.6 217 184.6C210.8 170.2 196.6 160 180 160H140C125.4 160 111.8 156 100 149V203.6C123.2 212 140 234 140 260C140 293.2 113.2 320 80 320S20 293.2 20 260C20 234 36.8 212 60 203.6V116.2C36.8 108.2 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 80.8 129.4 99 113.6 109.8C120.6 116 129.8 120 140 120H180C218.4 120 250.4 147 258.2 183C282.4 190.8 300 213.2 300 240C300 273.2 273.2 300 240 300zM80 280C91 280 100 271 100 260C100 249 91 240 80 240S60 249 60 260C60 271 69 280 80 280zM80 40C69 40 60 49 60 60C60 71 69 80 80 80S100 71 100 60C100 49 91 40 80 40zM240 220C229 220 220 229 220 240C220 251 229 260 240 260S260 251 260 240C260 229 251 220 240 220z"
+                        : "M300 360C266.8 360 240 333.2 240 300C240 274 256.8 252 280 243.6V220C280 198 262 180 240 180H160C145.4 180 131.8 175.8 120 169V283.6C143.2 292 160 314 160 340C160 373.2 133.2 400 100 400S40 373.2 40 340C40 314 56.8 292 80 283.6V116.2C56.8 108 40 86 40 60C40 26.8 66.8 0 100 0S160 26.8 160 60C160 85 144.6 106 123 115C129 129.6 143.2 140 160 140H240C284.2000000000001 140 320 175.8 320 220V243.6C343.2 252 360 274 360 300C360 333.2 333.2 360 300 360zM100 360C111 360 120 351 120 340C120 329 111 320 100 320S80 329 80 340C80 351 89 360 100 360zM100 40C89 40 80 49 80 60C80 71 89 80 100 80S120 71 120 60C120 49 111 40 100 40zM300 280C289 280 280 289 280 300C280 311 289 320 300 320S320 311 320 300C320 289 311 280 300 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GitBranch.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GitBranch.displayName = `Blueprint5.Icon.GitBranch`;
 export default GitBranch;

package/src/generated/components/git-commit.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 GitCommit: 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 220H298C288.8 265.6 248.4 300 200 300S111.2 265.6 102 220H20C9 220 0 211 0 200C0 189 9 180 20 180H102C111.2 134.4 151.6 100 200 100S288.8 134.4 298 180H380C391 180 400 189 400 200C400 211 391 220 380 220zM200 140C166.8 140 140 166.8 140 200S166.8 260 200 260S260 233.2 260 200S233.2 140 200 140z"
-                    : "M300 180H237.2C228.2 214.4 197.2 240 160 240S91.8 214.4 82.8 180H20C9 180 0 171 0 160C0 149 9 140 20 140H82.8C91.8 105.6 122.8 80 160 80S228.2 105.6 237.2 140H300C311 140 320 149 320 160C320 171 311 180 300 180zM160 120C138 120 120 138 120 160C120 182 138 200 160 200S200 182 200 160C200 138 182 120 160 120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="git-commit"
-                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}-git-commit`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="git-commit" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GitCommit: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="git-commit" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 180H237.2C228.2 214.4 197.2 240 160 240S91.8 214.4 82.8 180H20C9 180 0 171 0 160C0 149 9 140 20 140H82.8C91.8 105.6 122.8 80 160 80S228.2 105.6 237.2 140H300C311 140 320 149 320 160C320 171 311 180 300 180zM160 120C138 120 120 138 120 160C120 182 138 200 160 200S200 182 200 160C200 138 182 120 160 120z"
+                        : "M380 220H298C288.8 265.6 248.4 300 200 300S111.2 265.6 102 220H20C9 220 0 211 0 200C0 189 9 180 20 180H102C111.2 134.4 151.6 100 200 100S288.8 134.4 298 180H380C391 180 400 189 400 200C400 211 391 220 380 220zM200 140C166.8 140 140 166.8 140 200S166.8 260 200 260S260 233.2 260 200S233.2 140 200 140z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GitCommit.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GitCommit.displayName = `Blueprint5.Icon.GitCommit`;
 export default GitCommit;

package/src/generated/components/git-merge.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 GitMerge: 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
-                    ? "M300 240C274 240 252 223.2 243.6 200H220C170.2 200 129.2 236.6 121.6 284.2C144 292.8 160 314.6 160 340C160 373.2 133.2 400 100 400S40 373.2 40 340C40 314 56.8 292 80 283.8V116.4C56.8 108 40 86 40 60C40 26.8 66.8 0 100 0S160 26.8 160 60C160 86 143.2 108 120 116.4V202.8C145.4 176.6 180.6 160 220 160H243.6C251.8 136.8 273.8 120 300 120C333.2 120 360 146.8 360 180S333.2 240 300 240zM100 40C89 40 80 49 80 60C80 71 89 80 100 80S120 71 120 60C120 49 111 40 100 40zM100 320C89 320 80 329 80 340C80 351 89 360 100 360S120 351 120 340C120 329 111 320 100 320zM300 160C289 160 280 169 280 180C280 191 289 200 300 200S320 191 320 180C320 169 311 160 300 160z"
-                    : "M240 200C214 200 192 183.2 183.6 160H180C147.6 160 120 179.2 107.4 206.8C126.6 216.8 140 236.8 140 260C140 293.2 113.2 320 80 320S20 293.2 20 260C20 234 36.8 212 60 203.8V116.4C36.8 108 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 86 123.2 108 100 116.4V151.4C121.2 132 149 120 180 120H183.6C191.8 96.8 213.8 80 240 80C273.2 80 300 106.8 300 140S273.2 200 240 200zM80 40C69 40 60 49 60 60C60 71 69 80 80 80S100 71 100 60C100 49 91 40 80 40zM80 240C69 240 60 249 60 260C60 271 69 280 80 280S100 271 100 260C100 249 91 240 80 240zM240 120C229 120 220 129 220 140C220 151 229 160 240 160S260 151 260 140C260 129 251 120 240 120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="git-merge"
-                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}-git-merge`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="git-merge" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GitMerge: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="git-merge" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M240 200C214 200 192 183.2 183.6 160H180C147.6 160 120 179.2 107.4 206.8C126.6 216.8 140 236.8 140 260C140 293.2 113.2 320 80 320S20 293.2 20 260C20 234 36.8 212 60 203.8V116.4C36.8 108 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 86 123.2 108 100 116.4V151.4C121.2 132 149 120 180 120H183.6C191.8 96.8 213.8 80 240 80C273.2 80 300 106.8 300 140S273.2 200 240 200zM80 40C69 40 60 49 60 60C60 71 69 80 80 80S100 71 100 60C100 49 91 40 80 40zM80 240C69 240 60 249 60 260C60 271 69 280 80 280S100 271 100 260C100 249 91 240 80 240zM240 120C229 120 220 129 220 140C220 151 229 160 240 160S260 151 260 140C260 129 251 120 240 120z"
+                        : "M300 240C274 240 252 223.2 243.6 200H220C170.2 200 129.2 236.6 121.6 284.2C144 292.8 160 314.6 160 340C160 373.2 133.2 400 100 400S40 373.2 40 340C40 314 56.8 292 80 283.8V116.4C56.8 108 40 86 40 60C40 26.8 66.8 0 100 0S160 26.8 160 60C160 86 143.2 108 120 116.4V202.8C145.4 176.6 180.6 160 220 160H243.6C251.8 136.8 273.8 120 300 120C333.2 120 360 146.8 360 180S333.2 240 300 240zM100 40C89 40 80 49 80 60C80 71 89 80 100 80S120 71 120 60C120 49 111 40 100 40zM100 320C89 320 80 329 80 340C80 351 89 360 100 360S120 351 120 340C120 329 111 320 100 320zM300 160C289 160 280 169 280 180C280 191 289 200 300 200S320 191 320 180C320 169 311 160 300 160z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GitMerge.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GitMerge.displayName = `Blueprint5.Icon.GitMerge`;
 export default GitMerge;

package/src/generated/components/git-new-branch.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 GitNewBranch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M340 340H320V360C320 371 311 380 300 380S280 371 280 360V340H260C249 340 240 331 240 320C240 309 249 300 260 300H280V280C280 269 289 260 300 260S320 269 320 280V300H340C351 300 360 309 360 320C360 331 351 340 340 340zM280 242.8V220C280 198 262 180 240 180H160C145.4 180 131.8 175.8 120 169V283.6C143.2 292 160 314 160 340C160 373.2 133.2 400 100 400S40 373.2 40 340C40 314 56.8 292 80 283.6V116.2C56.8 108 40 86 40 60C40 26.8 66.8 0 100 0S160 26.8 160 60C160 85 144.6 106 123 115C129 129.6 143.2 140 160 140H240C284.2000000000001 140 320 175.8 320 220V242.8C313.6 241.2 307 240 300 240S286.4 241.2 280 242.8zM100 360C111 360 120 351 120 340C120 329 111 320 100 320S80 329 80 340C80 351 89 360 100 360zM100 40C89 40 80 49 80 60S89 80 100 80S120 71 120 60S111 40 100 40z"
-                    : "M280 280H260V300C260 311 251 320 240 320S220 311 220 300V280H200C189 280 180 271 180 260C180 249 189 240 200 240H220V220C220 209 229 200 240 200S260 209 260 220V240H280C291 240 300 249 300 260C300 271 291 280 280 280zM216.4 184C210.2 169.8 196.4 160 180 160H140C125.4 160 111.8 156 100 149V203.6C123.2 212 140 234 140 260C140 293.2 113.2 320 80 320S20 293.2 20 260C20 234 36.8 212 60 203.6V116.2C36.8 108.2 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 80.8 129.4 99 113.6 109.8C120.6 116 129.8 120 140 120H180C218 120 249.8 146.6 257.8 182.2C252 180.8 246.2 180 240 180C231.8 180 224 181.6 216.4 184zM80 280C91 280 100 271 100 260S91 240 80 240S60 249 60 260S69 280 80 280zM80 40C69 40 60 49 60 60S69 80 80 80S100 71 100 60S91 40 80 40z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="git-new-branch"
-                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}-git-new-branch`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="git-new-branch" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GitNewBranch: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="git-new-branch" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M280 280H260V300C260 311 251 320 240 320S220 311 220 300V280H200C189 280 180 271 180 260C180 249 189 240 200 240H220V220C220 209 229 200 240 200S260 209 260 220V240H280C291 240 300 249 300 260C300 271 291 280 280 280zM216.4 184C210.2 169.8 196.4 160 180 160H140C125.4 160 111.8 156 100 149V203.6C123.2 212 140 234 140 260C140 293.2 113.2 320 80 320S20 293.2 20 260C20 234 36.8 212 60 203.6V116.2C36.8 108.2 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 80.8 129.4 99 113.6 109.8C120.6 116 129.8 120 140 120H180C218 120 249.8 146.6 257.8 182.2C252 180.8 246.2 180 240 180C231.8 180 224 181.6 216.4 184zM80 280C91 280 100 271 100 260S91 240 80 240S60 249 60 260S69 280 80 280zM80 40C69 40 60 49 60 60S69 80 80 80S100 71 100 60S91 40 80 40z"
+                        : "M340 340H320V360C320 371 311 380 300 380S280 371 280 360V340H260C249 340 240 331 240 320C240 309 249 300 260 300H280V280C280 269 289 260 300 260S320 269 320 280V300H340C351 300 360 309 360 320C360 331 351 340 340 340zM280 242.8V220C280 198 262 180 240 180H160C145.4 180 131.8 175.8 120 169V283.6C143.2 292 160 314 160 340C160 373.2 133.2 400 100 400S40 373.2 40 340C40 314 56.8 292 80 283.6V116.2C56.8 108 40 86 40 60C40 26.8 66.8 0 100 0S160 26.8 160 60C160 85 144.6 106 123 115C129 129.6 143.2 140 160 140H240C284.2000000000001 140 320 175.8 320 220V242.8C313.6 241.2 307 240 300 240S286.4 241.2 280 242.8zM100 360C111 360 120 351 120 340C120 329 111 320 100 320S80 329 80 340C80 351 89 360 100 360zM100 40C89 40 80 49 80 60S89 80 100 80S120 71 120 60S111 40 100 40z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GitNewBranch.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GitNewBranch.displayName = `Blueprint5.Icon.GitNewBranch`;
 export default GitNewBranch;