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

package/src/generated/components/help.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 Help: 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 400zM148.2 307.6C161.2 318.4 178.4 324 199.4 324C210.2000000000001 324 220 322.4 229.0000000000001 319C237.8 315.6 245.6 311.2000000000001 251.8000000000001 305.4C258.2000000000001 299.6 263.0000000000001 292.8 266.6 285C270.0000000000001 277.2 271.8 268.6 271.8 259.6S270.2000000000001 242.2 267 235C263.8 227.6 259 220.4 252.8 212.8L228.6 181.2C225.8 177.8 223 174.6 222.2 171.6C221.2 168.6 220 164.6 220 159.6V151C220 148.6 220 140.2000000000001 220 140.2000000000001H180V180.2000000000001C180 180.2000000000001 181.2 191.8000000000001 184.8 196.4L209 229.2000000000001C214 235.2000000000001 217.2 240.4000000000001 219.2 244.6000000000001S222 253.4000000000001 222 258.0000000000001C222 265 219.8 270.6 215.6 275S205.6 281.6 198 281.6C190.6 281.6 184.6 279.4000000000001 180.2 275C175.8 270.4 172.8 264.2 171 256.2C170.4 253.8 168.8 252.8 166.4 253L127.4 258.8C125 259 124.2 260.4 124.6 263.2C127.2 281.8 135 296.6 148.2 307.6zM180 120H220.4L220 80H180V120z"
-                    : "M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM180 60H140V100H180V60zM218.6 190.4C215.8 184 211.6 177.6 206.2 171L185 143.4C182.6 140.4 180.2 137.6 179.4 135C178.6 132.4 177.6 129 177.6 124.6V120H142.4V142.4C142.4 142.4 143.4 152.6 146.6 156.6L168 185.4C172.4 190.6 175 195.2 176.8 199C178.6 202.8 179.2 206.6 179.2 210.6C179.2 216.6 177.2 221.6 173.6 225.6C170 229.4 164.8 231.2 158.4 231.2C151.8 231.2 146.6 229.2 142.8 225.4C139 221.6 136.2 216.2 134.8 209.2C134.2 207 132.8 206.2 130.8 206.4L96.8 211.4C94.4 211.6 93.6 213 94 215.2C96.4 231.6 103.2 244.6 114.6 254C126 263.6 141 268.4 159.6 268.4C169 268.4 177.6 267 185.4 264C193.2 261 199.8 257.2 205.4 252.2C211 247.2 215.2 241.2 218.4 234.4C221.4 227.4 222.8 220 222.8 212S221.4 197 218.6 190.4z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="help"
-                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}-help`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="help" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Help: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="help" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 320C71.6 320 0 248.4 0 160S71.6 0 160 0S320 71.6 320 160S248.4 320 160 320zM180 60H140V100H180V60zM218.6 190.4C215.8 184 211.6 177.6 206.2 171L185 143.4C182.6 140.4 180.2 137.6 179.4 135C178.6 132.4 177.6 129 177.6 124.6V120H142.4V142.4C142.4 142.4 143.4 152.6 146.6 156.6L168 185.4C172.4 190.6 175 195.2 176.8 199C178.6 202.8 179.2 206.6 179.2 210.6C179.2 216.6 177.2 221.6 173.6 225.6C170 229.4 164.8 231.2 158.4 231.2C151.8 231.2 146.6 229.2 142.8 225.4C139 221.6 136.2 216.2 134.8 209.2C134.2 207 132.8 206.2 130.8 206.4L96.8 211.4C94.4 211.6 93.6 213 94 215.2C96.4 231.6 103.2 244.6 114.6 254C126 263.6 141 268.4 159.6 268.4C169 268.4 177.6 267 185.4 264C193.2 261 199.8 257.2 205.4 252.2C211 247.2 215.2 241.2 218.4 234.4C221.4 227.4 222.8 220 222.8 212S221.4 197 218.6 190.4z"
+                        : "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 400zM148.2 307.6C161.2 318.4 178.4 324 199.4 324C210.2000000000001 324 220 322.4 229.0000000000001 319C237.8 315.6 245.6 311.2000000000001 251.8000000000001 305.4C258.2000000000001 299.6 263.0000000000001 292.8 266.6 285C270.0000000000001 277.2 271.8 268.6 271.8 259.6S270.2000000000001 242.2 267 235C263.8 227.6 259 220.4 252.8 212.8L228.6 181.2C225.8 177.8 223 174.6 222.2 171.6C221.2 168.6 220 164.6 220 159.6V151C220 148.6 220 140.2000000000001 220 140.2000000000001H180V180.2000000000001C180 180.2000000000001 181.2 191.8000000000001 184.8 196.4L209 229.2000000000001C214 235.2000000000001 217.2 240.4000000000001 219.2 244.6000000000001S222 253.4000000000001 222 258.0000000000001C222 265 219.8 270.6 215.6 275S205.6 281.6 198 281.6C190.6 281.6 184.6 279.4000000000001 180.2 275C175.8 270.4 172.8 264.2 171 256.2C170.4 253.8 168.8 252.8 166.4 253L127.4 258.8C125 259 124.2 260.4 124.6 263.2C127.2 281.8 135 296.6 148.2 307.6zM180 120H220.4L220 80H180V120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Help.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Help.displayName = `Blueprint5.Icon.Help`;
 export default Help;

package/src/generated/components/helper-management.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 HelperManagement: 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 200H280V140H340V200L340 200zM340 120H280V60H340V120L340 120zM340 280H280V220H340V280L340 280zM380 400H20C8 400 0 392 0 380V20C0 10 8 0 20 0H380C390 0 400 10 400 20V380C400 392 390 400 380 400L380 400zM360 40H40V360H360V40L360 40zM180 120H120V60H180V120L180 120zM260 120H200V60H260V120L260 120z"
-                    : "M260 220H220V180H260V220L260 220zM260 100H220V60H260V100L260 100zM260 160H220V120H260V160L260 160zM300 320H20C8 320 0 312 0 300V20C0 8 8 0 20 0H300C312 0 320 8 320 20V300C320 312 312 320 300 320L300 320zM280 40H40V280H280V40L280 40zM140 100H100V60H140V100L140 100zM200 100H160V60H200V100L200 100z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="helper-management"
-                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}-helper-management`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="helper-management" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const HelperManagement: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="helper-management" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M260 220H220V180H260V220L260 220zM260 100H220V60H260V100L260 100zM260 160H220V120H260V160L260 160zM300 320H20C8 320 0 312 0 300V20C0 8 8 0 20 0H300C312 0 320 8 320 20V300C320 312 312 320 300 320L300 320zM280 40H40V280H280V40L280 40zM140 100H100V60H140V100L140 100zM200 100H160V60H200V100L200 100z"
+                        : "M340 200H280V140H340V200L340 200zM340 120H280V60H340V120L340 120zM340 280H280V220H340V280L340 280zM380 400H20C8 400 0 392 0 380V20C0 10 8 0 20 0H380C390 0 400 10 400 20V380C400 392 390 400 380 400L380 400zM360 40H40V360H360V40L360 40zM180 120H120V60H180V120L180 120zM260 120H200V60H260V120L260 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+HelperManagement.defaultProps = {
+    size: IconSize.STANDARD,
+};
 HelperManagement.displayName = `Blueprint5.Icon.HelperManagement`;
 export default HelperManagement;

package/src/generated/components/high-priority.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 HighPriority: 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
-                    ? "M240 80L240 0L160 0L160 80L240 80zM260 400L240 120L160 120L140 400L260 400z"
-                    : "M180 40L180 0L140 0L140 40L180 40zM200 320L180 80L140 80L120 320L200 320z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="high-priority"
-                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}-high-priority`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="high-priority" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const HighPriority: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="high-priority" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M180 40L180 0L140 0L140 40L180 40zM200 320L180 80L140 80L120 320L200 320z"
+                        : "M240 80L240 0L160 0L160 80L240 80zM260 400L240 120L160 120L140 400L260 400z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+HighPriority.defaultProps = {
+    size: IconSize.STANDARD,
+};
 HighPriority.displayName = `Blueprint5.Icon.HighPriority`;
 export default HighPriority;

package/src/generated/components/high-voltage-pole.tsx

@@ -13,73 +13,30 @@
  * limitations under the License.
  */
 
-import classNames from "classnames";
 import * as React from "react";
 import type { SVGIconProps } from "../../svgIconProps";
-import { IconSize } from "../../iconSize";
-import * as Classes from "../../classes";
-import { uniqueId } from "../../jsUtils";
+import { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const HighVoltagePole: 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
-                    ? "M140 400C128.9544 400 120 391.04568 120 380V320H80V360C91.0456 360 100 368.9544 100 380C100 391.0457 91.0456 400 80 400H20C8.9543 400 0 391.0457 0 380C0 368.9544 8.9543 360 20 360H40V320H20C8.9543 320 0 311.0456 0 300C0 288.9544 8.95432 280 20 280H40V240H20C8.9543 240 0 231.0458 0 220C0 208.9544 8.9543 200 20 200H80C91.0456 200 100 208.9544 100 220C100 231.0458 91.0456 240 80 240V280H120V20C120 8.954 128.9544 0 140 0C148.3996 0 155.5896 5.178 158.5526 12.516L199.9998 109.226L241.456 12.494C244.426 5.168 251.61 0 260 0C271.046 0 280 8.954 280 20V280H320V240C308.954 240 300 231.0458 300 220C300 208.9544 308.954 200 320 200H380C391.046 200 400 208.9544 400 220C400 231.0458 391.046 240 380 240H360V280H380C391.046 280 400 288.9544 400 300C400 311.0456 391.046 320 380 320H360V360H380C391.046 360 400 368.9544 400 380C400 391.0457 391.046 400 380 400H320C308.954 400 300 391.0457 300 380C300 368.9544 308.954 360 320 360V320H280V380C280 391.0457 271.046 400 260 400H140zM160 360V320H240V360H160zM240 117.436L221.76 159.998L240 202.5598V117.436zM170.3294 280L199.9998 210.7694L229.67 280H170.3294zM178.2404 159.998L160 202.5584V117.436L178.2404 159.998z"
-                    : "M120 320C108.9544 320 100 311.0457 100 300V240H60V260H70C75.5228 260 80 264.4772 80 270C80 275.5228 75.5228 280 70 280H30C24.4772 280 20 275.5228 20 270C20 264.4772 24.4772 260 30 260H40V240C28.9544 240 20 231.0456 20 220C20 208.9544 28.9544 200 40 200L40 180H30C24.4772 180 20 175.5228 20 170C20 164.4772 24.4772 160 30 160H70C75.5228 160 80 164.4772 80 170C80 175.5228 75.5228 180 70 180H60V200H100V20C100 8.954 108.9544 0 120 0C131.0456 0 140 8.954 140 20V200H180V20C180 8.954 188.9542 0 200 0C211.046 0 220 8.954 220 20V200H260V180H250C244.478 180 240 175.5228 240 170C240 164.4772 244.478 160 250 160H290C295.522 160 300 164.4772 300 170C300 175.5228 295.522 180 290 180H280L280 200C291.046 200 300 208.9544 300 220C300 231.0456 291.046 240 280 240L280 260H290C295.522 260 300 264.4772 300 270C300 275.5228 295.522 280 290 280H250C244.478 280 240 275.5228 240 270C240 264.4772 244.478 260 250 260H260V240H220V300C220 311.0457 211.046 320 200 320H120zM140 280V240H180V280H140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="high-voltage-pole"
-                fill={color}
-                height={size}
-                ref={ref}
-                role="img"
-                viewBox={viewBox}
-                width={size}
-                {...svgProps}
-                {...htmlProps}
-            >
-                {title && <title id={titleId}>{title}</title>}
-                {path}
-            </svg>
-        );
-    } else {
-        return React.createElement(
-            tagName,
-            {
-                ...htmlProps,
-                "aria-hidden": title ? undefined : true,
-                className: classNames(Classes.ICON, `${Classes.ICON}-high-voltage-pole`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="high-voltage-pole" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const HighVoltagePole: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="high-voltage-pole" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M120 320C108.9544 320 100 311.0457 100 300V240H60V260H70C75.5228 260 80 264.4772 80 270C80 275.5228 75.5228 280 70 280H30C24.4772 280 20 275.5228 20 270C20 264.4772 24.4772 260 30 260H40V240C28.9544 240 20 231.0456 20 220C20 208.9544 28.9544 200 40 200L40 180H30C24.4772 180 20 175.5228 20 170C20 164.4772 24.4772 160 30 160H70C75.5228 160 80 164.4772 80 170C80 175.5228 75.5228 180 70 180H60V200H100V20C100 8.954 108.9544 0 120 0C131.0456 0 140 8.954 140 20V200H180V20C180 8.954 188.9542 0 200 0C211.046 0 220 8.954 220 20V200H260V180H250C244.478 180 240 175.5228 240 170C240 164.4772 244.478 160 250 160H290C295.522 160 300 164.4772 300 170C300 175.5228 295.522 180 290 180H280L280 200C291.046 200 300 208.9544 300 220C300 231.0456 291.046 240 280 240L280 260H290C295.522 260 300 264.4772 300 270C300 275.5228 295.522 280 290 280H250C244.478 280 240 275.5228 240 270C240 264.4772 244.478 260 250 260H260V240H220V300C220 311.0457 211.046 320 200 320H120zM140 280V240H180V280H140z"
+                        : "M140 400C128.9544 400 120 391.04568 120 380V320H80V360C91.0456 360 100 368.9544 100 380C100 391.0457 91.0456 400 80 400H20C8.9543 400 0 391.0457 0 380C0 368.9544 8.9543 360 20 360H40V320H20C8.9543 320 0 311.0456 0 300C0 288.9544 8.95432 280 20 280H40V240H20C8.9543 240 0 231.0458 0 220C0 208.9544 8.9543 200 20 200H80C91.0456 200 100 208.9544 100 220C100 231.0458 91.0456 240 80 240V280H120V20C120 8.954 128.9544 0 140 0C148.3996 0 155.5896 5.178 158.5526 12.516L199.9998 109.226L241.456 12.494C244.426 5.168 251.61 0 260 0C271.046 0 280 8.954 280 20V280H320V240C308.954 240 300 231.0458 300 220C300 208.9544 308.954 200 320 200H380C391.046 200 400 208.9544 400 220C400 231.0458 391.046 240 380 240H360V280H380C391.046 280 400 288.9544 400 300C400 311.0456 391.046 320 380 320H360V360H380C391.046 360 400 368.9544 400 380C400 391.0457 391.046 400 380 400H320C308.954 400 300 391.0457 300 380C300 368.9544 308.954 360 320 360V320H280V380C280 391.0457 271.046 400 260 400H140zM160 360V320H240V360H160zM240 117.436L221.76 159.998L240 202.5598V117.436zM170.3294 280L199.9998 210.7694L229.67 280H170.3294zM178.2404 159.998L160 202.5584V117.436L178.2404 159.998z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+HighVoltagePole.defaultProps = {
+    size: IconSize.STANDARD,
+};
 HighVoltagePole.displayName = `Blueprint5.Icon.HighVoltagePole`;
 export default HighVoltagePole;

package/src/generated/components/highlight.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 Highlight: 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
-                    ? "M224.4 118.2L285 178.8L299.2000000000001 164.6L400 265.4L285.8 379.6L185 278.8L199.2 264.6L138.8 203.8L224.4 118.2zM360.4 40H40.4C29.4 40 20.4 31 20.4 20C20.4 9 29.4 0 40.4 0H360.4C371.4 0 380.4 9 380.4 20C380.4 31 371.4 40 360.4 40zM60.4 60H141.2C146.8 60 151.8 62.2 155.4 66L195.8 106.4L127 175.4L46.2 94.6C42.6 91 40.2 85.8 40.2 80.4C40.4 69 49.4 60 60.4 60z"
-                    : "M182.4 98.6L222.4 139L236.6 124.8L316.6 205.6L203.4 320L123.4 239.2L137.6 225L97.6 184.6L182.4 98.6zM40 60.6H120C125.6 60.6 130.6 62.8 134.2 66.6L154.2 86.8L85.8 155.8L25.8 95.2C22.2 91.6 20 86.4 20 80.8C20 69.8 29 60.6 40 60.6zM300 40.4H20C9 40.4 0 31.4 0 20.2S9 0 20 0H300C311 0 320 9 320 20.2S311 40.4 300 40.4z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="highlight"
-                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}-highlight`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="highlight" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Highlight: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="highlight" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M182.4 98.6L222.4 139L236.6 124.8L316.6 205.6L203.4 320L123.4 239.2L137.6 225L97.6 184.6L182.4 98.6zM40 60.6H120C125.6 60.6 130.6 62.8 134.2 66.6L154.2 86.8L85.8 155.8L25.8 95.2C22.2 91.6 20 86.4 20 80.8C20 69.8 29 60.6 40 60.6zM300 40.4H20C9 40.4 0 31.4 0 20.2S9 0 20 0H300C311 0 320 9 320 20.2S311 40.4 300 40.4z"
+                        : "M224.4 118.2L285 178.8L299.2000000000001 164.6L400 265.4L285.8 379.6L185 278.8L199.2 264.6L138.8 203.8L224.4 118.2zM360.4 40H40.4C29.4 40 20.4 31 20.4 20C20.4 9 29.4 0 40.4 0H360.4C371.4 0 380.4 9 380.4 20C380.4 31 371.4 40 360.4 40zM60.4 60H141.2C146.8 60 151.8 62.2 155.4 66L195.8 106.4L127 175.4L46.2 94.6C42.6 91 40.2 85.8 40.2 80.4C40.4 69 49.4 60 60.4 60z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Highlight.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Highlight.displayName = `Blueprint5.Icon.Highlight`;
 export default Highlight;

package/src/generated/components/history.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 History: 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 400C134.2 400 76.4 368 40 319V360C40 371 31 380 20 380S0 371 0 360V280C0 269 9 260 20 260H100C111 260 120 269 120 280S111 300 100 300H75.2C104.6 336.6 149.4 360 200 360C288.4 360 360 288.4 360 200S288.4 40 200 40S40 111.6 40 200C40 211 31 220 20 220S0 211 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM200 340C189 340 180 331 180 320V200C180 194.4 182.2 189.4 185.8 185.8L245.8 125.8C249.4 122.2 254.4 120 260 120C271 120 280 129 280 140C280 145.6 277.8 150.6 274.2000000000001 154.2L220 208.2V320C220 331 211 340 200 340z"
-                    : "M160 260C149 260 140 251 140 240V160C140 154.4 142.2 149.4 145.8 145.8L185.8 105.8C189.4 102.2 194.4 100 200 100C211 100 220 109 220 120C220 125.6 217.8 130.6 214.2 134.2L180 168.2V240C180 251 171 260 160 260zM160 320C112 320 69.2 298.6 40 265.2V300C40 311 31 320 20 320S0 311 0 300V220C0 209 9 200 20 200H100C111 200 120 209 120 220S111 240 100 240H70.8C92.8 264.4 124.6 280 160 280C226.2 280 280 226.2 280 160C280 107.8 246.6 63.8 200 47.4V47.6C187.4 43 174.2 40 160 40C93.8 40 40 93.8 40 160C40 171 31 180 20 180S0 171 0 160C0 71.6 71.6 0 160 0C166.8 0 173.4 0.6 180 1.4C180.4 1.4 180.8 1.6 181.2 1.6C259.6 12 320 78.8 320 160C320 248.4 248.4 320 160 320z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="history"
-                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}-history`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="history" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const History: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="history" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 260C149 260 140 251 140 240V160C140 154.4 142.2 149.4 145.8 145.8L185.8 105.8C189.4 102.2 194.4 100 200 100C211 100 220 109 220 120C220 125.6 217.8 130.6 214.2 134.2L180 168.2V240C180 251 171 260 160 260zM160 320C112 320 69.2 298.6 40 265.2V300C40 311 31 320 20 320S0 311 0 300V220C0 209 9 200 20 200H100C111 200 120 209 120 220S111 240 100 240H70.8C92.8 264.4 124.6 280 160 280C226.2 280 280 226.2 280 160C280 107.8 246.6 63.8 200 47.4V47.6C187.4 43 174.2 40 160 40C93.8 40 40 93.8 40 160C40 171 31 180 20 180S0 171 0 160C0 71.6 71.6 0 160 0C166.8 0 173.4 0.6 180 1.4C180.4 1.4 180.8 1.6 181.2 1.6C259.6 12 320 78.8 320 160C320 248.4 248.4 320 160 320z"
+                        : "M200 400C134.2 400 76.4 368 40 319V360C40 371 31 380 20 380S0 371 0 360V280C0 269 9 260 20 260H100C111 260 120 269 120 280S111 300 100 300H75.2C104.6 336.6 149.4 360 200 360C288.4 360 360 288.4 360 200S288.4 40 200 40S40 111.6 40 200C40 211 31 220 20 220S0 211 0 200C0 89.6 89.6 0 200 0S400 89.6 400 200C400 310.4 310.4 400 200 400zM200 340C189 340 180 331 180 320V200C180 194.4 182.2 189.4 185.8 185.8L245.8 125.8C249.4 122.2 254.4 120 260 120C271 120 280 129 280 140C280 145.6 277.8 150.6 274.2000000000001 154.2L220 208.2V320C220 331 211 340 200 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+History.defaultProps = {
+    size: IconSize.STANDARD,
+};
 History.displayName = `Blueprint5.Icon.History`;
 export default History;