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

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 { 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 { 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 { 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 { 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;

package/src/generated/components/git-pull.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 GitPull: 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 116.4V260C340 304.2 304.2000000000001 340 260 340H208.2L234 365.8C237.8 369.4 240 374.4 240 380C240 391 231 400 220 400C214.4 400 209.4 397.8 205.8 394.2L145.8 334.2C142.2 330.6 140 325.6 140 320C140 314.4 142.2 309.4 145.8 305.8L205.8 245.8C209.4 242.2 214.4 240 220 240C231 240 240 249 240 260C240 265.6 237.8 270.6 234.2 274.2L208.2 300H260C282 300 300 282 300 260V116.4C276.8 108.2 260 86.2 260 60C260 26.8 286.8 0 320 0S380 26.8 380 60C380 86 363.2 108 340 116.4zM320 40C309 40 300 49 300 60C300 71 309 80 320 80S340 71 340 60C340 49 331 40 320 40zM80 380C46.8 380 20 353.2 20 320C20 294 36.8 272 60 263.6V116.2C36.8 108 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 86 123.2 108 100 116.4V263.6C123.2 272 140 294 140 320C140 353.2 113.2 380 80 380zM80 40C69 40 60 49 60 60C60 71 69 80 80 80S100 71 100 60C100 49 91 40 80 40zM80 300C69 300 60 309 60 320C60 331 69 340 80 340S100 331 100 320C100 309 91 300 80 300z"
-                    : "M60 300C26.8 300 0 273.2 0 240C0 214 16.8 192 40 183.6V116.2C16.8 108 0 86 0 60C0 26.8 26.8 0 60 0S120 26.8 120 60C120 86 103.2 108 80 116.4V183.6C103.2 192 120 214 120 240C120 273.2 93.2 300 60 300zM60 40C49 40 40 49 40 60C40 71 49 80 60 80S80 71 80 60C80 49 71 40 60 40zM60 220C49 220 40 229 40 240C40 251 49 260 60 260S80 251 80 240C80 229 71 220 60 220zM280 116.4V200C280 233.2 253.2 260 220 260H188.2L214 285.8C217.8 289.4 220 294.4 220 300C220 311 211 320 200 320C194.4 320 189.4 317.8 185.8 314.2L125.8 254.2C122.2 250.6 120 245.6 120 240C120 234.4 122.2 229.4 125.8 225.8L185.8 165.8C189.4 162.2 194.4 160 200 160C211 160 220 169 220 180C220 185.6 217.8 190.6 214.2 194.2L188.2 220H220C231 220 240 211 240 200V116.4C216.8 108.2 200 86.2 200 60C200 26.8 226.8 0 260 0S320 26.8 320 60C320 86 303.2 108 280 116.4zM260 40C249 40 240 49 240 60C240 71 249 80 260 80S280 71 280 60C280 49 271 40 260 40z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="git-pull"
-                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-pull`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="git-pull" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GitPull: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="git-pull" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M60 300C26.8 300 0 273.2 0 240C0 214 16.8 192 40 183.6V116.2C16.8 108 0 86 0 60C0 26.8 26.8 0 60 0S120 26.8 120 60C120 86 103.2 108 80 116.4V183.6C103.2 192 120 214 120 240C120 273.2 93.2 300 60 300zM60 40C49 40 40 49 40 60C40 71 49 80 60 80S80 71 80 60C80 49 71 40 60 40zM60 220C49 220 40 229 40 240C40 251 49 260 60 260S80 251 80 240C80 229 71 220 60 220zM280 116.4V200C280 233.2 253.2 260 220 260H188.2L214 285.8C217.8 289.4 220 294.4 220 300C220 311 211 320 200 320C194.4 320 189.4 317.8 185.8 314.2L125.8 254.2C122.2 250.6 120 245.6 120 240C120 234.4 122.2 229.4 125.8 225.8L185.8 165.8C189.4 162.2 194.4 160 200 160C211 160 220 169 220 180C220 185.6 217.8 190.6 214.2 194.2L188.2 220H220C231 220 240 211 240 200V116.4C216.8 108.2 200 86.2 200 60C200 26.8 226.8 0 260 0S320 26.8 320 60C320 86 303.2 108 280 116.4zM260 40C249 40 240 49 240 60C240 71 249 80 260 80S280 71 280 60C280 49 271 40 260 40z"
+                        : "M340 116.4V260C340 304.2 304.2000000000001 340 260 340H208.2L234 365.8C237.8 369.4 240 374.4 240 380C240 391 231 400 220 400C214.4 400 209.4 397.8 205.8 394.2L145.8 334.2C142.2 330.6 140 325.6 140 320C140 314.4 142.2 309.4 145.8 305.8L205.8 245.8C209.4 242.2 214.4 240 220 240C231 240 240 249 240 260C240 265.6 237.8 270.6 234.2 274.2L208.2 300H260C282 300 300 282 300 260V116.4C276.8 108.2 260 86.2 260 60C260 26.8 286.8 0 320 0S380 26.8 380 60C380 86 363.2 108 340 116.4zM320 40C309 40 300 49 300 60C300 71 309 80 320 80S340 71 340 60C340 49 331 40 320 40zM80 380C46.8 380 20 353.2 20 320C20 294 36.8 272 60 263.6V116.2C36.8 108 20 86 20 60C20 26.8 46.8 0 80 0S140 26.8 140 60C140 86 123.2 108 100 116.4V263.6C123.2 272 140 294 140 320C140 353.2 113.2 380 80 380zM80 40C69 40 60 49 60 60C60 71 69 80 80 80S100 71 100 60C100 49 91 40 80 40zM80 300C69 300 60 309 60 320C60 331 69 340 80 340S100 331 100 320C100 309 91 300 80 300z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GitPull.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GitPull.displayName = `Blueprint5.Icon.GitPull`;
 export default GitPull;

package/src/generated/components/git-push.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 GitPush: 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 180C300 185.6 297.8 190.6 294.2000000000001 194.2L234.2 254.2C230.6 257.8 225.6 260 220 260S209.4 257.8 205.8 254.2L145.8 194.2C142.2 190.6 140 185.6 140 180C140 169 149 160 160 160C165.6 160 170.6 162.2 174.2 165.8L200 191.8V20C200 9 209 0 220 0S240 9 240 20V191.8L265.8 166C269.4000000000001 162.2 274.4000000000001 160 280 160C291 160 300 169 300 180zM380 400H20C9 400 0 391 0 380V60C0 49 9 40 20 40H160V80H40V120H160V140H80V360H360V140H280V120H360V80H280V40H380C391 40 400 49 400 60V380C400 391 391 400 380 400zM100 240H140V280H100V240zM140 340H100V300H140V340z"
-                    : "M80 200H100V220H80V200zM260 140C260 145.6 257.8 150.6 254.2 154.2L194.2 214.2C190.6 217.8 185.6 220 180 220S169.4 217.8 165.8 214.2L105.8 154.2C102.2 150.6 100 145.6 100 140C100 129 109 120 120 120C125.6 120 130.6 122.2 134.2 125.8L160 151.8V20C160 9 169 0 180 0S200 9 200 20V151.8L225.8 126C229.4 122.2 234.4 120 240 120C251 120 260 129 260 140zM100 260H80V240H100V260zM300 320H20C9 320 0 311 0 300V40C0 29 9 20 20 20H120V60H40V80H120V100H60V280H280V100H240V80H280V60H240V20H300C311 20 320 29 320 40V300C320 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="git-push"
-                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-push`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="git-push" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const GitPush: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="git-push" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M80 200H100V220H80V200zM260 140C260 145.6 257.8 150.6 254.2 154.2L194.2 214.2C190.6 217.8 185.6 220 180 220S169.4 217.8 165.8 214.2L105.8 154.2C102.2 150.6 100 145.6 100 140C100 129 109 120 120 120C125.6 120 130.6 122.2 134.2 125.8L160 151.8V20C160 9 169 0 180 0S200 9 200 20V151.8L225.8 126C229.4 122.2 234.4 120 240 120C251 120 260 129 260 140zM100 260H80V240H100V260zM300 320H20C9 320 0 311 0 300V40C0 29 9 20 20 20H120V60H40V80H120V100H60V280H280V100H240V80H280V60H240V20H300C311 20 320 29 320 40V300C320 311 311 320 300 320z"
+                        : "M300 180C300 185.6 297.8 190.6 294.2000000000001 194.2L234.2 254.2C230.6 257.8 225.6 260 220 260S209.4 257.8 205.8 254.2L145.8 194.2C142.2 190.6 140 185.6 140 180C140 169 149 160 160 160C165.6 160 170.6 162.2 174.2 165.8L200 191.8V20C200 9 209 0 220 0S240 9 240 20V191.8L265.8 166C269.4000000000001 162.2 274.4000000000001 160 280 160C291 160 300 169 300 180zM380 400H20C9 400 0 391 0 380V60C0 49 9 40 20 40H160V80H40V120H160V140H80V360H360V140H280V120H360V80H280V40H380C391 40 400 49 400 60V380C400 391 391 400 380 400zM100 240H140V280H100V240zM140 340H100V300H140V340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+GitPush.defaultProps = {
+    size: IconSize.STANDARD,
+};
 GitPush.displayName = `Blueprint5.Icon.GitPush`;
 export default GitPush;