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

package/src/generated/components/eraser.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 Eraser: 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
-                    ? "M374.2000000000001 231.4C382 239.4 382 252.4 374.2000000000001 260.4L263.6 374.8C255.8 382.8 243.4 382.8 235.6 374.8L25.8 158C18 150 18 137 25.8 129L110.8 41.2H110.8L153.4 0.2H338.8C339.2 0.2 339.4 0 339.8 0C350.8 0 359.8 9 359.8 20C359.8 31 350.8 40 339.8 40H189.2L190.2000000000001 41L190.4 41H190.4L206.6 57.8L374.2000000000001 231.4zM150.4 41.2L51.4 143.6L140.6 235.8L239.6 133.4L150.4 41.2z"
-                    : "M161.2 41.8L313.8 190.6C322 198.6 322 211.6 313.8 219.6L217.2 314C209 322 195.6 322 187.4 314L6.2 137.4C-2 129.4 -2 116.4 6.2 108.4L117.8 -0.4H280.2V-0.1999999999999C291.2 -0.1999999999999 300.2 8.8 300.2 19.8000000000001C300.2 30.8000000000001 291.2 39.8000000000001 280.2 39.8000000000001H159.2L161.2 41.8L161.2 41.8zM117.8 40.6L33.4 123L117.8 205.2L202.2 123L117.8 40.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="eraser"
-                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}-eraser`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="eraser" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Eraser: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="eraser" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M161.2 41.8L313.8 190.6C322 198.6 322 211.6 313.8 219.6L217.2 314C209 322 195.6 322 187.4 314L6.2 137.4C-2 129.4 -2 116.4 6.2 108.4L117.8 -0.4H280.2V-0.1999999999999C291.2 -0.1999999999999 300.2 8.8 300.2 19.8000000000001C300.2 30.8000000000001 291.2 39.8000000000001 280.2 39.8000000000001H159.2L161.2 41.8L161.2 41.8zM117.8 40.6L33.4 123L117.8 205.2L202.2 123L117.8 40.6z"
+                        : "M374.2000000000001 231.4C382 239.4 382 252.4 374.2000000000001 260.4L263.6 374.8C255.8 382.8 243.4 382.8 235.6 374.8L25.8 158C18 150 18 137 25.8 129L110.8 41.2H110.8L153.4 0.2H338.8C339.2 0.2 339.4 0 339.8 0C350.8 0 359.8 9 359.8 20C359.8 31 350.8 40 339.8 40H189.2L190.2000000000001 41L190.4 41H190.4L206.6 57.8L374.2000000000001 231.4zM150.4 41.2L51.4 143.6L140.6 235.8L239.6 133.4L150.4 41.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Eraser.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Eraser.displayName = `Blueprint5.Icon.Eraser`;
 export default Eraser;

package/src/generated/components/error.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 Error: 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 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM220 80H180V120H220V80zM220 140H180V320H220V140z"
-                    : "M159.8 320.2C71.4 320.2 -0.2 248.6 -0.2 160.2S71.4 0.2 159.8 0.2S319.8 71.8 319.8 160.2S248.2 320.2 159.8 320.2zM179.8 60.2H139.8V100.2H179.8V60.2zM179.8 120.2H139.8V260.2H179.8V120.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="error"
-                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}-error`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="error" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Error: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="error" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M159.8 320.2C71.4 320.2 -0.2 248.6 -0.2 160.2S71.4 0.2 159.8 0.2S319.8 71.8 319.8 160.2S248.2 320.2 159.8 320.2zM179.8 60.2H139.8V100.2H179.8V60.2zM179.8 120.2H139.8V260.2H179.8V120.2z"
+                        : "M200 400C89.6 400 0 310.4 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM220 80H180V120H220V80zM220 140H180V320H220V140z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Error.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Error.displayName = `Blueprint5.Icon.Error`;
 export default Error;

package/src/generated/components/euro.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 Euro: 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
-                    ? "M177.8 310.6C189 316.8 202.4 320 218.4 320C227.2 320 235.4 318.6 243.4 315.6C251.4 312.8 258.6 308.6 264.8 303.6C268.2 300.8 271.4 297.6 274.2000000000001 294.2000000000001L320.6 340.6C317.4000000000001 343.6 314.6 347 311.2 349.8C298.8 359.6 284.6 367.2000000000001 268.8 372.4000000000001C252.8 377.4 236 380 218.4 380C193.6 380 171.4 375.6 151.8 366.8C132 358 115.4 345.8 102 330.4C88.4 314.8 78 296.8 70.8 276C69 270.8 68.2 265.2 66.8 260H40C29 260 20 251 20 240S29 220 40 220H60.8C60.6 216 60 212.4 60 208.4C60 205.4 60.6 202.8 60.6 200H40C29 200 20 191 20 180S29 160 40 160H66.2C67.6 154 68.8 148 70.8 142.2C78 121.8 88.4 103.8 102 88.8C115.6 73.6 132.2 61.8 151.8 53C171.4 44.4 193.6 40 218.4 40C238.2 40 256.4 43 273 49.2C289.6 55.2 304 64 316.4 75.6C317 76.2000000000001 317.4000000000001 76.8 318 77.4L269.8 120.4C269.6 120.2000000000001 269.4000000000001 120.0000000000001 269.4000000000001 119.8000000000001C257.2000000000001 106.4 240.2000000000001 99.8000000000001 218.6 99.8000000000001C202.6 99.8000000000001 189.2 103.0000000000001 178 109.2000000000001C166.8 115.4000000000001 157.8 123.6000000000001 151 134.0000000000001C145.4 141.6 141.6 150.6 138.4 160H240C251 160 260 169 260 180S251 200 240 200H131.2C131.2 202.8 130.8 205.6 130.8 208.4C130.8 212.4 131.2 216.2 131.4 220H260C271 220 280 229 280 240S271 260 260 260H138.8C141.8 269.2 145.6 278 150.6 285.6C157.6 296 166.6 304.4 177.8 310.6zM360 172.4V172C360 172.2 360 172.4 360 172.4L360 172.4z"
-                    : "M130.4 256.4C140.6 261.8 152.8 264.4 167 264.4C176.6 264.4 185.2 263.2 192.4 260.8C199.8 258.4 206 255 211.6 250.6C215.2 247.8 217.6 244 220.4 240.4L251 271C248.6 273.2 246.3999999999999 275.4 243.8 277.4C233.8 284.6 222.2 290.2 209 294C195.8 298 181.8 300 167 300C147.2 300 129.4 296.4 113.8 289.4C98 282.4 84.8 273 73.8 261.2C62.8 249.6 54.6 235.8 48.6 220H40C29 220 20 211 20 200C20 189 29 180 40 180H40.8C40.6 176.6 40 173.4 40 170C40 166.6 40.6 163.4 40.8 160H40C29 160 20 151 20 140C20 129 29 120 40 120H48.6C48.6 119.8 48.6 119.6 48.8 119.6C54.6 103.8 63 90 73.8 78.2C84.6 66.4 98 57 113.8 50.2C129.4 43.4 147.2 40 167 40C183.2 40 197.8 42.4 211.2 47.2C224.6 52 236.2 59 246.2 67.8C246.4 68 246.6 68.2 246.8 68.4L215.8 95C215.6 94.8 215.4 94.4 215.2 94.2C209.4 88.2 202.5999999999999 83.6 194.8 80.4C186.8 77 177.8 75.4 167.4 75.4C153.2 75.4 141 78 130.8 83.4C120.6 88.8 112.2 95.8 105.8 104.8C102 109.6 99 114.6 96.6 120H180C191 120 200 129 200 140C200 151 191 160 180 160H87C86.8 163.4 86.4 166.6 86.4 170C86.4 173.4 86.8 176.8 87 180H200C211 180 220 189 220 200C220 211 211 220 200 220H96.6C99.2 225.4 102 230.4 105.4 235.2C111.8 244 120.2 251.2 130.4 256.4zM280 140.4V140.2C280 140.2 280 140.4 280 140.4L280 140.4z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="euro"
-                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}-euro`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="euro" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Euro: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="euro" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M130.4 256.4C140.6 261.8 152.8 264.4 167 264.4C176.6 264.4 185.2 263.2 192.4 260.8C199.8 258.4 206 255 211.6 250.6C215.2 247.8 217.6 244 220.4 240.4L251 271C248.6 273.2 246.3999999999999 275.4 243.8 277.4C233.8 284.6 222.2 290.2 209 294C195.8 298 181.8 300 167 300C147.2 300 129.4 296.4 113.8 289.4C98 282.4 84.8 273 73.8 261.2C62.8 249.6 54.6 235.8 48.6 220H40C29 220 20 211 20 200C20 189 29 180 40 180H40.8C40.6 176.6 40 173.4 40 170C40 166.6 40.6 163.4 40.8 160H40C29 160 20 151 20 140C20 129 29 120 40 120H48.6C48.6 119.8 48.6 119.6 48.8 119.6C54.6 103.8 63 90 73.8 78.2C84.6 66.4 98 57 113.8 50.2C129.4 43.4 147.2 40 167 40C183.2 40 197.8 42.4 211.2 47.2C224.6 52 236.2 59 246.2 67.8C246.4 68 246.6 68.2 246.8 68.4L215.8 95C215.6 94.8 215.4 94.4 215.2 94.2C209.4 88.2 202.5999999999999 83.6 194.8 80.4C186.8 77 177.8 75.4 167.4 75.4C153.2 75.4 141 78 130.8 83.4C120.6 88.8 112.2 95.8 105.8 104.8C102 109.6 99 114.6 96.6 120H180C191 120 200 129 200 140C200 151 191 160 180 160H87C86.8 163.4 86.4 166.6 86.4 170C86.4 173.4 86.8 176.8 87 180H200C211 180 220 189 220 200C220 211 211 220 200 220H96.6C99.2 225.4 102 230.4 105.4 235.2C111.8 244 120.2 251.2 130.4 256.4zM280 140.4V140.2C280 140.2 280 140.4 280 140.4L280 140.4z"
+                        : "M177.8 310.6C189 316.8 202.4 320 218.4 320C227.2 320 235.4 318.6 243.4 315.6C251.4 312.8 258.6 308.6 264.8 303.6C268.2 300.8 271.4 297.6 274.2000000000001 294.2000000000001L320.6 340.6C317.4000000000001 343.6 314.6 347 311.2 349.8C298.8 359.6 284.6 367.2000000000001 268.8 372.4000000000001C252.8 377.4 236 380 218.4 380C193.6 380 171.4 375.6 151.8 366.8C132 358 115.4 345.8 102 330.4C88.4 314.8 78 296.8 70.8 276C69 270.8 68.2 265.2 66.8 260H40C29 260 20 251 20 240S29 220 40 220H60.8C60.6 216 60 212.4 60 208.4C60 205.4 60.6 202.8 60.6 200H40C29 200 20 191 20 180S29 160 40 160H66.2C67.6 154 68.8 148 70.8 142.2C78 121.8 88.4 103.8 102 88.8C115.6 73.6 132.2 61.8 151.8 53C171.4 44.4 193.6 40 218.4 40C238.2 40 256.4 43 273 49.2C289.6 55.2 304 64 316.4 75.6C317 76.2000000000001 317.4000000000001 76.8 318 77.4L269.8 120.4C269.6 120.2000000000001 269.4000000000001 120.0000000000001 269.4000000000001 119.8000000000001C257.2000000000001 106.4 240.2000000000001 99.8000000000001 218.6 99.8000000000001C202.6 99.8000000000001 189.2 103.0000000000001 178 109.2000000000001C166.8 115.4000000000001 157.8 123.6000000000001 151 134.0000000000001C145.4 141.6 141.6 150.6 138.4 160H240C251 160 260 169 260 180S251 200 240 200H131.2C131.2 202.8 130.8 205.6 130.8 208.4C130.8 212.4 131.2 216.2 131.4 220H260C271 220 280 229 280 240S271 260 260 260H138.8C141.8 269.2 145.6 278 150.6 285.6C157.6 296 166.6 304.4 177.8 310.6zM360 172.4V172C360 172.2 360 172.4 360 172.4L360 172.4z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Euro.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Euro.displayName = `Blueprint5.Icon.Euro`;
 export default Euro;

package/src/generated/components/exchange.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 Exchange: 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
-                    ? "M50 240C22.4 240 0 217.6 0 190S22.4 140 50 140S100 162.4 100 190S77.6 240 50 240zM257 177C255.2 178.8 252.6 180 250 180C244.4 180 240 175.6 240 170C240 167.2 241.2 164.8 243 163L266 140H110C104.4 140 100 135.6 100 130S104.4 120 110 120H265.8L242.8 97C241.2 95.2 240 92.8 240 90C240 84.4 244.4 80 250 80C252.8 80 255.2 81.2 257 83L297 123C298.8 124.8 300 127.2 300 130S298.8 135.2 297 137L257 177zM350 240C322.4000000000001 240 300 217.6 300 190S322.4000000000001 140 350 140S400 162.4 400 190S377.6 240 350 240zM143 203C144.8 201.2 147.2 200 150 200C155.6 200 160 204.4 160 210C160 212.8 158.8 215.2 157 217L134.2 240H290C295.6 240 300 244.4 300 250S295.6 260 290 260H134.2L157.2 283C158.8 284.8 160 287.2 160 290C160 295.6 155.6 300 150 300C147.2 300 144.8 298.8 143 297L103 257C101.2 255.2 100 252.8 100 250S101.2 244.8 103 243L143 203z"
-                    : "M39.8 200.2C17.8 200.2 -0.2 182.2 -0.2 160.2S17.8 120.2 39.8 120.2S79.8 138.2 79.8 160.2S62 200.2 39.8 200.2zM122.8 163C124.6 161.2 127.2 160 129.8 160C135.4 160 139.8 164.4 139.8 170C139.8 172.8 138.6 175.2 136.8 177L114 200.2H229.8C235.4 200.2 239.8 204.6 239.8 210.2S235.4 220.2 229.8 220.2H114L137 243.2C138.8 245 140 247.6 140 250.2C140 255.8 135.6 260.2 130 260.2C127.2 260.2 124.8 259 123 257.2L83 217.2C81 215.4 79.8 213 79.8 210.2S81 205 82.8 203.2L122.8 163zM279.8 200.2C257.8 200.2 239.8 182.2 239.8 160.2S257.8 120.2 279.8 120.2S319.8 138.2 319.8 160.2S302 200.2 279.8 200.2zM197 157.2C195 159 192.6 160.2 189.8 160.2C184.2 160.2 179.8 155.8 179.8 150.2C179.8 147.4 181 145 182.8 143.2L205.8 120.2H89.8C84.2 120.2 79.8 115.8 79.8 110.2S84.2 100.2 89.8 100.2H205.6L182.6 77.2C180.8 75.4 179.6 72.8 179.6 70.2C179.6 64.6 184 60.2 189.6 60.2C192.4 60.2 194.8 61.4 196.6 63.2L236.6 103.2C238.4 105 239.6 107.6 239.6 110.2S238.4 115.4 236.6 117.2L197 157.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="exchange"
-                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}-exchange`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="exchange" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Exchange: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="exchange" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M39.8 200.2C17.8 200.2 -0.2 182.2 -0.2 160.2S17.8 120.2 39.8 120.2S79.8 138.2 79.8 160.2S62 200.2 39.8 200.2zM122.8 163C124.6 161.2 127.2 160 129.8 160C135.4 160 139.8 164.4 139.8 170C139.8 172.8 138.6 175.2 136.8 177L114 200.2H229.8C235.4 200.2 239.8 204.6 239.8 210.2S235.4 220.2 229.8 220.2H114L137 243.2C138.8 245 140 247.6 140 250.2C140 255.8 135.6 260.2 130 260.2C127.2 260.2 124.8 259 123 257.2L83 217.2C81 215.4 79.8 213 79.8 210.2S81 205 82.8 203.2L122.8 163zM279.8 200.2C257.8 200.2 239.8 182.2 239.8 160.2S257.8 120.2 279.8 120.2S319.8 138.2 319.8 160.2S302 200.2 279.8 200.2zM197 157.2C195 159 192.6 160.2 189.8 160.2C184.2 160.2 179.8 155.8 179.8 150.2C179.8 147.4 181 145 182.8 143.2L205.8 120.2H89.8C84.2 120.2 79.8 115.8 79.8 110.2S84.2 100.2 89.8 100.2H205.6L182.6 77.2C180.8 75.4 179.6 72.8 179.6 70.2C179.6 64.6 184 60.2 189.6 60.2C192.4 60.2 194.8 61.4 196.6 63.2L236.6 103.2C238.4 105 239.6 107.6 239.6 110.2S238.4 115.4 236.6 117.2L197 157.2z"
+                        : "M50 240C22.4 240 0 217.6 0 190S22.4 140 50 140S100 162.4 100 190S77.6 240 50 240zM257 177C255.2 178.8 252.6 180 250 180C244.4 180 240 175.6 240 170C240 167.2 241.2 164.8 243 163L266 140H110C104.4 140 100 135.6 100 130S104.4 120 110 120H265.8L242.8 97C241.2 95.2 240 92.8 240 90C240 84.4 244.4 80 250 80C252.8 80 255.2 81.2 257 83L297 123C298.8 124.8 300 127.2 300 130S298.8 135.2 297 137L257 177zM350 240C322.4000000000001 240 300 217.6 300 190S322.4000000000001 140 350 140S400 162.4 400 190S377.6 240 350 240zM143 203C144.8 201.2 147.2 200 150 200C155.6 200 160 204.4 160 210C160 212.8 158.8 215.2 157 217L134.2 240H290C295.6 240 300 244.4 300 250S295.6 260 290 260H134.2L157.2 283C158.8 284.8 160 287.2 160 290C160 295.6 155.6 300 150 300C147.2 300 144.8 298.8 143 297L103 257C101.2 255.2 100 252.8 100 250S101.2 244.8 103 243L143 203z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Exchange.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Exchange.displayName = `Blueprint5.Icon.Exchange`;
 export default Exchange;

package/src/generated/components/exclude-row.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 ExcludeRow: 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 340H380C391 340 400 349 400 360C400 371 391 380 380 380H20C9 380 0 371 0 360C0 349 9 340 20 340zM0 140C0 129 9 120 20 120C25.6 120 30.6 122.2 34.2 125.8L80 171.8L125.8 126C129.4 122.2 134.4 120 140 120C151 120 160 129 160 140C160 145.6 157.8 150.6 154.2 154.2L108.2 200L154 245.8C157.8 249.4 160 254.4 160 260C160 271 151 280 140 280C134.4 280 129.4 277.8 125.8 274.2L80 228.2L34.2 274.2C30.6 277.8 25.6 280 20 280C9 280 0 271 0 260C0 254.4 2.2 249.4 5.8 245.8L51.8 200L6 154.2C2.2 150.6 0 145.6 0 140zM360 240H220C198 240 180 222 180 200C180 178 198 160 220 160H360C382 160 400 178 400 200C400 222 382 240 360 240zM380 60H20C9 60 0 51 0 40C0 29 9 20 20 20H380C391 20 400 29 400 40C400 51 391 60 380 60z"
-                    : "M0 120C0 109 9 100 20 100C25.6 100 30.6 102.2 34.2 105.8L60 131.8L85.8 106C89.4 102.2 94.4 100 100 100C111 100 120 109 120 120C120 125.6 117.8 130.6 114.2 134.2L88.2 160L114 185.8C117.8 189.4 120 194.4 120 200C120 211 111 220 100 220C94.4 220 89.4 217.8 85.8 214.2L60 188.2L34.2 214.2C30.6 217.8 25.6 220 20 220C9 220 0 211 0 200C0 194.4 2.2 189.4 5.8 185.8L31.8 160L5.8 134.2C2.2 130.6 0 125.6 0 120zM20 260H300C311 260 320 269 320 280C320 291 311 300 300 300H20C9 300 0 291 0 280C0 269 9 260 20 260zM300 60H20C9 60 0 51 0 40C0 29 9 20 20 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM280 200H180C158 200 140 182 140 160C140 138 158 120 180 120H280C302 120 320 138 320 160C320 182 302 200 280 200z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="exclude-row"
-                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}-exclude-row`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="exclude-row" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const ExcludeRow: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="exclude-row" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M0 120C0 109 9 100 20 100C25.6 100 30.6 102.2 34.2 105.8L60 131.8L85.8 106C89.4 102.2 94.4 100 100 100C111 100 120 109 120 120C120 125.6 117.8 130.6 114.2 134.2L88.2 160L114 185.8C117.8 189.4 120 194.4 120 200C120 211 111 220 100 220C94.4 220 89.4 217.8 85.8 214.2L60 188.2L34.2 214.2C30.6 217.8 25.6 220 20 220C9 220 0 211 0 200C0 194.4 2.2 189.4 5.8 185.8L31.8 160L5.8 134.2C2.2 130.6 0 125.6 0 120zM20 260H300C311 260 320 269 320 280C320 291 311 300 300 300H20C9 300 0 291 0 280C0 269 9 260 20 260zM300 60H20C9 60 0 51 0 40C0 29 9 20 20 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM280 200H180C158 200 140 182 140 160C140 138 158 120 180 120H280C302 120 320 138 320 160C320 182 302 200 280 200z"
+                        : "M20 340H380C391 340 400 349 400 360C400 371 391 380 380 380H20C9 380 0 371 0 360C0 349 9 340 20 340zM0 140C0 129 9 120 20 120C25.6 120 30.6 122.2 34.2 125.8L80 171.8L125.8 126C129.4 122.2 134.4 120 140 120C151 120 160 129 160 140C160 145.6 157.8 150.6 154.2 154.2L108.2 200L154 245.8C157.8 249.4 160 254.4 160 260C160 271 151 280 140 280C134.4 280 129.4 277.8 125.8 274.2L80 228.2L34.2 274.2C30.6 277.8 25.6 280 20 280C9 280 0 271 0 260C0 254.4 2.2 249.4 5.8 245.8L51.8 200L6 154.2C2.2 150.6 0 145.6 0 140zM360 240H220C198 240 180 222 180 200C180 178 198 160 220 160H360C382 160 400 178 400 200C400 222 382 240 360 240zM380 60H20C9 60 0 51 0 40C0 29 9 20 20 20H380C391 20 400 29 400 40C400 51 391 60 380 60z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+ExcludeRow.defaultProps = {
+    size: IconSize.STANDARD,
+};
 ExcludeRow.displayName = `Blueprint5.Icon.ExcludeRow`;
 export default ExcludeRow;

package/src/generated/components/expand-all.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 ExpandAll: 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
-                    ? "M80 220C85.6 220 90.6 222.2 94.2 225.8L200 331.8L305.8 226C309.4000000000001 222.2 314.4000000000001 220 320 220C331 220 340 229 340 240C340 245.6 337.8 250.6 334.2000000000001 254.2L214.2 374.2C210.6 377.8 205.6 380 200 380S189.4 377.8 185.8 374.2L65.8 254.2C62.2 250.6 60 245.6 60 240C60 229 69 220 80 220zM320 180C314.4000000000001 180 309.4000000000001 177.8 305.8 174.2L200 68.2L94.2 174C90.6 177.8 85.6 180 80 180C69 180 60 171 60 160C60 154.4 62.2 149.4 65.8 145.8L185.8 25.8C189.4 22.2 194.4 20 200 20S210.6 22.2 214.2 25.8L334.2000000000001 145.8C337.8 149.4 340 154.4 340 160C340 171 331 180 320 180z"
-                    : "M80 180C85.6 180 90.6 182.2 94.2 185.8L160 251.8L225.8 186C229.4 182.2 234.4 180 240 180C251 180 260 189 260 200C260 205.6 257.8 210.6 254.2 214.2L174.2 294.2C170.6 297.8 165.6 300 160 300S149.4 297.8 145.8 294.2L65.8 214.2C62.2 210.6 60 205.6 60 200C60 189 69 180 80 180zM240 140C234.4 140 229.4 137.8 225.8 134.2L160 68.2L94.2 134.2C90.6 137.8 85.6 140 80 140C69 140 60 131 60 120C60 114.4 62.2 109.4 65.8 105.8L145.8 25.8C149.4 22.2 154.4 20 160 20S170.6 22.2 174.2 25.8L254.2 105.8C257.8 109.4 260 114.4 260 120C260 131 251 140 240 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="expand-all"
-                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}-expand-all`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="expand-all" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const ExpandAll: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="expand-all" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M80 180C85.6 180 90.6 182.2 94.2 185.8L160 251.8L225.8 186C229.4 182.2 234.4 180 240 180C251 180 260 189 260 200C260 205.6 257.8 210.6 254.2 214.2L174.2 294.2C170.6 297.8 165.6 300 160 300S149.4 297.8 145.8 294.2L65.8 214.2C62.2 210.6 60 205.6 60 200C60 189 69 180 80 180zM240 140C234.4 140 229.4 137.8 225.8 134.2L160 68.2L94.2 134.2C90.6 137.8 85.6 140 80 140C69 140 60 131 60 120C60 114.4 62.2 109.4 65.8 105.8L145.8 25.8C149.4 22.2 154.4 20 160 20S170.6 22.2 174.2 25.8L254.2 105.8C257.8 109.4 260 114.4 260 120C260 131 251 140 240 140z"
+                        : "M80 220C85.6 220 90.6 222.2 94.2 225.8L200 331.8L305.8 226C309.4000000000001 222.2 314.4000000000001 220 320 220C331 220 340 229 340 240C340 245.6 337.8 250.6 334.2000000000001 254.2L214.2 374.2C210.6 377.8 205.6 380 200 380S189.4 377.8 185.8 374.2L65.8 254.2C62.2 250.6 60 245.6 60 240C60 229 69 220 80 220zM320 180C314.4000000000001 180 309.4000000000001 177.8 305.8 174.2L200 68.2L94.2 174C90.6 177.8 85.6 180 80 180C69 180 60 171 60 160C60 154.4 62.2 149.4 65.8 145.8L185.8 25.8C189.4 22.2 194.4 20 200 20S210.6 22.2 214.2 25.8L334.2000000000001 145.8C337.8 149.4 340 154.4 340 160C340 171 331 180 320 180z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+ExpandAll.defaultProps = {
+    size: IconSize.STANDARD,
+};
 ExpandAll.displayName = `Blueprint5.Icon.ExpandAll`;
 export default ExpandAll;