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

package/src/generated/components/vertical-bar-chart-asc.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 VerticalBarChartAsc: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M160 260H140C129 260 120 251 120 240V20C120 9 129 0 140 0H160C171 0 180 9 180 20V240C180 251 171 260 160 260zM60 220H40C29 220 20 211 20 200V20C20 9 29 0 40 0H60C71 0 80 9 80 20V200C80 211 71 220 60 220zM260 320H240C229 320 220 311 220 300V20C220 9 229 0 240 0H260C271 0 280 9 280 20V300C280 311 271 320 260 320zM360 400H340C329 400 320 391 320 380V20C320 9 329 0 340 0H360C371 0 380 9 380 20V380C380 391 371 400 360 400z"
-                    : "M120 180C109 180 100 171 100 160V20C100 9 109 0 120 0S140 9 140 20V160C140 171 131 180 120 180zM40 140C29 140 20 131 20 120V20C20 9 29 0 40 0S60 9 60 20V120C60 131 51 140 40 140zM200 240C189 240 180 231 180 220V20C180 9 189 0 200 0S220 9 220 20V220C220 231 211 240 200 240zM280 320C269 320 260 311 260 300V20C260 9 269 0 280 0S300 9 300 20V300C300 311 291 320 280 320z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="vertical-bar-chart-asc"
-                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}-vertical-bar-chart-asc`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="vertical-bar-chart-asc" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const VerticalBarChartAsc: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="vertical-bar-chart-asc" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M120 180C109 180 100 171 100 160V20C100 9 109 0 120 0S140 9 140 20V160C140 171 131 180 120 180zM40 140C29 140 20 131 20 120V20C20 9 29 0 40 0S60 9 60 20V120C60 131 51 140 40 140zM200 240C189 240 180 231 180 220V20C180 9 189 0 200 0S220 9 220 20V220C220 231 211 240 200 240zM280 320C269 320 260 311 260 300V20C260 9 269 0 280 0S300 9 300 20V300C300 311 291 320 280 320z"
+                        : "M160 260H140C129 260 120 251 120 240V20C120 9 129 0 140 0H160C171 0 180 9 180 20V240C180 251 171 260 160 260zM60 220H40C29 220 20 211 20 200V20C20 9 29 0 40 0H60C71 0 80 9 80 20V200C80 211 71 220 60 220zM260 320H240C229 320 220 311 220 300V20C220 9 229 0 240 0H260C271 0 280 9 280 20V300C280 311 271 320 260 320zM360 400H340C329 400 320 391 320 380V20C320 9 329 0 340 0H360C371 0 380 9 380 20V380C380 391 371 400 360 400z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+VerticalBarChartAsc.defaultProps = {
+    size: IconSize.STANDARD,
+};
 VerticalBarChartAsc.displayName = `Blueprint5.Icon.VerticalBarChartAsc`;
 export default VerticalBarChartAsc;

package/src/generated/components/vertical-bar-chart-desc.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 VerticalBarChartDesc: 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
-                    ? "M60 400H40C29 400 20 391 20 380V20C20 9 29 0 40 0H60C71 0 80 9 80 20V380C80 391 71 400 60 400zM160 320H140C129 320 120 311 120 300V20C120 9 129 0 140 0H160C171 0 180 9 180 20V300C180 311 171 320 160 320zM260 260H240C229 260 220 251 220 240V20C220 9 229 0 240 0H260C271 0 280 9 280 20V240C280 251 271 260 260 260zM360 220H340C329 220 320 211 320 200V20C320 9 329 0 340 0H360C371 0 380 9 380 20V200C380 211 371 220 360 220z"
-                    : "M120 240C109 240 100 231 100 220V20C100 9 109 0 120 0S140 9 140 20V220C140 231 131 240 120 240zM40 320C29 320 20 311 20 300V20C20 9 29 0 40 0S60 9 60 20V300C60 311 51 320 40 320zM200 180C189 180 180 171 180 160V20C180 9 189 0 200 0S220 9 220 20V160C220 171 211 180 200 180zM280 140C269 140 260 131 260 120V20C260 9 269 0 280 0S300 9 300 20V120C300 131 291 140 280 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="vertical-bar-chart-desc"
-                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}-vertical-bar-chart-desc`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="vertical-bar-chart-desc" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const VerticalBarChartDesc: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="vertical-bar-chart-desc" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M120 240C109 240 100 231 100 220V20C100 9 109 0 120 0S140 9 140 20V220C140 231 131 240 120 240zM40 320C29 320 20 311 20 300V20C20 9 29 0 40 0S60 9 60 20V300C60 311 51 320 40 320zM200 180C189 180 180 171 180 160V20C180 9 189 0 200 0S220 9 220 20V160C220 171 211 180 200 180zM280 140C269 140 260 131 260 120V20C260 9 269 0 280 0S300 9 300 20V120C300 131 291 140 280 140z"
+                        : "M60 400H40C29 400 20 391 20 380V20C20 9 29 0 40 0H60C71 0 80 9 80 20V380C80 391 71 400 60 400zM160 320H140C129 320 120 311 120 300V20C120 9 129 0 140 0H160C171 0 180 9 180 20V300C180 311 171 320 160 320zM260 260H240C229 260 220 251 220 240V20C220 9 229 0 240 0H260C271 0 280 9 280 20V240C280 251 271 260 260 260zM360 220H340C329 220 320 211 320 200V20C320 9 329 0 340 0H360C371 0 380 9 380 20V200C380 211 371 220 360 220z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+VerticalBarChartDesc.defaultProps = {
+    size: IconSize.STANDARD,
+};
 VerticalBarChartDesc.displayName = `Blueprint5.Icon.VerticalBarChartDesc`;
 export default VerticalBarChartDesc;

package/src/generated/components/vertical-distribution.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 VerticalDistribution: 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 360H380C391 360 400 369 400 380S391 400 380 400H20C9 400 0 391 0 380S9 360 20 360zM60 260C49 260 40 251 40 240V160C40 149 49 140 60 140H340C351 140 360 149 360 160V240C360 251 351 260 340 260H60zM380 40H20C9 40 0 31 0 20S9 0 20 0H380C391 0 400 9 400 20S391 40 380 40z"
-                    : "M20 280H300C311 280 320 289 320 300S311 320 300 320H20C9 320 0 311 0 300S9 280 20 280zM300 60H20C9 60 0 51 0 40S9 20 20 20H300C311 20 320 29 320 40S311 60 300 60zM60 220C49 220 40 211 40 200V140C40 129 49 120 60 120H240C251 120 260 129 260 140V200C260 211 251 220 240 220H60z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="vertical-distribution"
-                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}-vertical-distribution`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="vertical-distribution" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const VerticalDistribution: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="vertical-distribution" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M20 280H300C311 280 320 289 320 300S311 320 300 320H20C9 320 0 311 0 300S9 280 20 280zM300 60H20C9 60 0 51 0 40S9 20 20 20H300C311 20 320 29 320 40S311 60 300 60zM60 220C49 220 40 211 40 200V140C40 129 49 120 60 120H240C251 120 260 129 260 140V200C260 211 251 220 240 220H60z"
+                        : "M20 360H380C391 360 400 369 400 380S391 400 380 400H20C9 400 0 391 0 380S9 360 20 360zM60 260C49 260 40 251 40 240V160C40 149 49 140 60 140H340C351 140 360 149 360 160V240C360 251 351 260 340 260H60zM380 40H20C9 40 0 31 0 20S9 0 20 0H380C391 0 400 9 400 20S391 40 380 40z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+VerticalDistribution.defaultProps = {
+    size: IconSize.STANDARD,
+};
 VerticalDistribution.displayName = `Blueprint5.Icon.VerticalDistribution`;
 export default VerticalDistribution;

package/src/generated/components/vertical-inbetween.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 VerticalInbetween: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M0 400H400V380C400 368.9544 391.046 360 380 360H20C8.9543 360 0 368.9544 0 380V400zM125.8518 174.148C118.0494 166.346 118.0494 153.696 125.8518 145.894L185.0996 86.646C185.3416 86.376 185.5924 86.112 185.8518 85.852C189.7582 81.946 194.88 79.994 200 80C205.12 79.994 210.242 81.946 214.148 85.852C214.408 86.112 214.658 86.376 214.9 86.646L274.148 145.894C281.95 153.696 281.95 166.346 274.148 174.148C266.346 181.95 253.696 181.95 245.894 174.148L200 128.254L154.1066 174.148C146.3042 181.95 133.6542 181.95 125.8518 174.148zM125.8518 254.1066C118.0494 246.3042 118.0494 233.6542 125.8518 225.8518000000001C133.6542 218.0494 146.3042 218.0494 154.1066 225.8518000000001L200 271.7452L245.894 225.8518000000001C253.696 218.0494 266.346 218.0494 274.148 225.8518000000001C281.95 233.6542 281.95 246.3042 274.148 254.1066L214.9 313.3544C214.658 313.6242 214.408 313.8888 214.148 314.1482C210.242 318.0546 205.12 320.0052 200 320C194.88 320.0052 189.7582 318.0546 185.8518 314.1482C185.5924 313.8888 185.3416 313.6242 185.0996 313.3544L125.8518 254.1066zM400 20V0H0V20C0 31.046 8.9543 40 20 40H380C391.046 40 400 31.046 400 20z"
-                    : "M320 320H0V300C0 288.9544 8.9543 280 20 280H300C311.046 280 320 288.9544 320 300V320zM0 20V0H320V20C320 31.046 311.046 40 300 40H20C8.9543 40 0 31.046 0 20zM174.1422 254.1422C166.3316 261.9526 153.6684 261.9526 145.8578 254.1422L105.8578 214.1422C98.0474 206.3316 98.0474 193.6684 105.8578 185.8578C113.6684 178.0474 126.3316 178.0474 134.1422 185.8578L160 211.7158L185.8578 185.8578C193.6684 178.0474 206.332 178.0474 214.142 185.8578C221.952 193.6684 221.952 206.3316 214.142 214.1422L174.1422 254.1422zM134.1422 134.1422C126.3316 141.9526 113.6684 141.9526 105.8578 134.1422C98.0474 126.3316 98.0474 113.668 105.8578 105.858L145.8578 65.858C153.6684 58.048 166.3316 58.048 174.1422 65.858L214.142 105.858C221.952 113.668 221.952 126.3316 214.142 134.1422C206.332 141.9526 193.6684 141.9526 185.8578 134.1422L160 108.284L134.1422 134.1422z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="vertical-inbetween"
-                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}-vertical-inbetween`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="vertical-inbetween" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const VerticalInbetween: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="vertical-inbetween" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M320 320H0V300C0 288.9544 8.9543 280 20 280H300C311.046 280 320 288.9544 320 300V320zM0 20V0H320V20C320 31.046 311.046 40 300 40H20C8.9543 40 0 31.046 0 20zM174.1422 254.1422C166.3316 261.9526 153.6684 261.9526 145.8578 254.1422L105.8578 214.1422C98.0474 206.3316 98.0474 193.6684 105.8578 185.8578C113.6684 178.0474 126.3316 178.0474 134.1422 185.8578L160 211.7158L185.8578 185.8578C193.6684 178.0474 206.332 178.0474 214.142 185.8578C221.952 193.6684 221.952 206.3316 214.142 214.1422L174.1422 254.1422zM134.1422 134.1422C126.3316 141.9526 113.6684 141.9526 105.8578 134.1422C98.0474 126.3316 98.0474 113.668 105.8578 105.858L145.8578 65.858C153.6684 58.048 166.3316 58.048 174.1422 65.858L214.142 105.858C221.952 113.668 221.952 126.3316 214.142 134.1422C206.332 141.9526 193.6684 141.9526 185.8578 134.1422L160 108.284L134.1422 134.1422z"
+                        : "M0 400H400V380C400 368.9544 391.046 360 380 360H20C8.9543 360 0 368.9544 0 380V400zM125.8518 174.148C118.0494 166.346 118.0494 153.696 125.8518 145.894L185.0996 86.646C185.3416 86.376 185.5924 86.112 185.8518 85.852C189.7582 81.946 194.88 79.994 200 80C205.12 79.994 210.242 81.946 214.148 85.852C214.408 86.112 214.658 86.376 214.9 86.646L274.148 145.894C281.95 153.696 281.95 166.346 274.148 174.148C266.346 181.95 253.696 181.95 245.894 174.148L200 128.254L154.1066 174.148C146.3042 181.95 133.6542 181.95 125.8518 174.148zM125.8518 254.1066C118.0494 246.3042 118.0494 233.6542 125.8518 225.8518000000001C133.6542 218.0494 146.3042 218.0494 154.1066 225.8518000000001L200 271.7452L245.894 225.8518000000001C253.696 218.0494 266.346 218.0494 274.148 225.8518000000001C281.95 233.6542 281.95 246.3042 274.148 254.1066L214.9 313.3544C214.658 313.6242 214.408 313.8888 214.148 314.1482C210.242 318.0546 205.12 320.0052 200 320C194.88 320.0052 189.7582 318.0546 185.8518 314.1482C185.5924 313.8888 185.3416 313.6242 185.0996 313.3544L125.8518 254.1066zM400 20V0H0V20C0 31.046 8.9543 40 20 40H380C391.046 40 400 31.046 400 20z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+VerticalInbetween.defaultProps = {
+    size: IconSize.STANDARD,
+};
 VerticalInbetween.displayName = `Blueprint5.Icon.VerticalInbetween`;
 export default VerticalInbetween;

package/src/generated/components/video.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 Video: 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 360H20C9 360 0 351 0 340V60C0 49 9 40 20 40H380C391 40 400 49 400 60V340C400 351 391 360 380 360zM140 120V280L260 200L140 120z"
-                    : "M300 280H20C9 280 0 271 0 260V60C0 49 9 40 20 40H300C311 40 320 49 320 60V260C320 271 311 280 300 280zM100 100V220L220 160L100 100z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="video"
-                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}-video`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="video" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Video: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="video" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 280H20C9 280 0 271 0 260V60C0 49 9 40 20 40H300C311 40 320 49 320 60V260C320 271 311 280 300 280zM100 100V220L220 160L100 100z"
+                        : "M380 360H20C9 360 0 351 0 340V60C0 49 9 40 20 40H380C391 40 400 49 400 60V340C400 351 391 360 380 360zM140 120V280L260 200L140 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Video.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Video.displayName = `Blueprint5.Icon.Video`;
 export default Video;

package/src/generated/components/virus.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 Virus: 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
-                    ? "M304.9762820000001 123.303888L330 98.28L337.071068 105.35534L338.815484 106.909466C346.665838 113.125976 358.102746 112.607934 365.35534 105.35534C373.1658240000001 97.544854 373.1658240000001 84.8815539999999 365.35534 77.071068L365.35534 77.071068L322.9289320000001 34.64466L321.1845160000001 33.0905340000001C313.334162 26.874024 301.897254 27.392066 294.6446600000001 34.64466C286.834176 42.455146 286.834176 55.1184460000001 294.6446600000001 62.928932L294.6446600000001 62.928932L301.7200000000001 70L276.696112 95.023718C260.294058 83.0199060000001 240.973744 74.767236 219.998142 71.528676L219.98 40L230 40C241.045694 40 250 31.045694 250 20C250 9.743284 242.279196 1.289856 232.332422 0.134554L230 0L170 0C158.954305 0 150 8.954306 150 20C150 30.256716 157.7208038 38.710144 167.6675774 39.865446L170 40L179.98 40L179.9818216 71.5317720000001C161.4829752 74.390888 144.2720324 81.149992 129.2154538 90.942622L108.28 70L115.355339 62.928932C123.1658248 55.1184460000001 123.1658248 42.455146 115.355339 34.64466C108.102745 27.392066 96.6658372 26.874024 88.815484 33.0905340000001L87.0710678 34.64466L44.644661 77.071068C36.8341752 84.8815539999999 36.8341752 97.544854 44.644661 105.35534C51.897255 112.607934 63.3341628 113.125976 71.184516 106.909466L72.9289322 105.35534L80 98.28L99.390705 117.666652C85.2620986 134.911054 75.4796908 155.853652 71.7165052 178.821418L71.2132034 178.786796L40 178.8L40 170C40 158.954306 31.045695 150 20 150C9.74328322 150 1.289856786 157.720804 0.1345546266 167.667578L0 170L0 230C0 241.045695 8.954305 250 20 250C30.2567168 250 38.7101432 242.2791962 39.8654454 232.3324226L40 230L40 218.8L71.3485546 218.7940984C74.8098338 242.6968118 84.7746296 264.493974 99.390705 282.333348L79.98 301.7200000000001L72.9289322 294.644661L71.184516 293.0905336C63.3341628 286.8740246 51.897255 287.392067 44.644661 294.644661C36.8341752 302.4551468 36.8341752 315.1184464 44.644661 322.9289322L44.644661 322.9289322L87.0710678 365.355339L88.815484 366.9094664C96.6658372 373.1259754 108.102745 372.607933 115.355339 365.355339C123.1658248 357.5448532 123.1658248 344.8815536 115.355339 337.0710678L115.355339 337.0710678L108.28 330.02L129.2154538 309.057377C144.2774684 318.8535432 161.495403 325.6139918 180.0018584 328.4713234L180 360L170 360C158.954305 360 150 368.954305 150 380C150 390.25671678 157.7208038 398.71014322 167.6675774 399.86544538L170 400L230 400C241.045694 400 250 391.045695 250 380C250 369.7432832 242.279196 361.2898568 232.332422 360.1345546L230 360L220 360L220.018178 328.4682282C241.011694 325.2235442 260.346522 316.9560794 276.756266 304.9322316L277.573594 305.8578644L301.7000000000001 330.02L294.6446600000001 337.0710678C286.834176 344.8815536 286.834176 357.5448532 294.6446600000001 365.355339C301.897254 372.607933 313.334162 373.1259754 321.1845160000001 366.9094664L322.9289320000001 365.355339L365.35534 322.9289322C373.1658240000001 315.1184464 373.1658240000001 302.4551468 365.35534 294.644661C358.102746 287.392067 346.665838 286.8740246 338.815484 293.0905336L337.071068 294.644661L330 301.7200000000001L305.857864 277.5735932L304.932232 276.7562662000001C316.558258 260.8894562000001 324.6723560000001 242.2879178 328.1297180000001 222.096462L360 222.1L360 230C360 241.045695 368.954306 250 380 250C390.2567160000001 250 398.710144 242.2791962 399.865446 232.3324226L400 230L400 170C400 158.954306 391.0456940000001 150 380 150C369.743284 150 361.289856 157.720804 360.134554 167.667578L360 170L360 182.1L328.775936 182.086862C325.774142 160.306452 317.3768 140.248004 304.9762820000001 123.303888zM250 180C233.431458 180 220 166.568542 220 150C220 133.431458 233.431458 120 250 120C266.5685420000001 120 280 133.431458 280 150C280 166.568542 266.5685420000001 180 250 180zM160 280C137.90861 280 120 262.09139 120 240C120 217.90861 137.90861 200 160 200C182.09139 200 200 217.90861 200 240C200 262.09139 182.09139 280 160 280z"
-                    : "M238.350376 97.85497L253.1 83.12L254.142136 84.142136C261.952622 91.952622 274.615922 91.952622 282.4264060000001 84.142136C289.679 76.889542 290.197044 65.452634 283.980534 57.60228L282.4264060000001 55.857864L254.142136 27.573594C246.33165 19.763108 233.66835 19.763108 225.857864 27.573594C218.60527 34.826188 218.087228 46.263094 224.303738 54.113448L224.88 54.78L207.616212 72.042466C199.0906292 67.41735 189.817174 63.995628 180.023728 62.005182L180 40L182.3324226 39.865446C192.2791962 38.710144 200 30.256716 200 20C200 8.954306 191.045695 0 180 0L180 0L140 0L137.6675774 0.134554C127.7208038 1.289856 120 9.743284 120 20C120 31.045694 128.954305 40 140 40L140 40L139.9962406 62.001126C129.6855528 64.094498 119.9509784 67.774268 111.0583878 72.774562L94.1421356 55.857864L95.696263 54.113448C101.912772 46.263094 101.3947296 34.826188 94.1421356 27.573594C86.3316498 19.763108 73.6683502 19.763108 65.8578644 27.573594L65.8578644 27.573594L37.5735932 55.857864L36.0194658 57.60228C29.8029568 65.452634 30.3209992 76.889542 37.5735932 84.142136C45.384079 91.952622 58.0473786 91.952622 65.8578644 84.142136L65.8578644 84.142136L65.86 84.14L80.7415442 99.015694C73.6590046 108.206894 68.1394876 118.664566 64.5809152 129.990792L40 130C40 118.954306 31.045695 110 20 110C9.74328322 110 1.289856786 117.720804 0.1345546266 127.667578L0 130L0 170C0 181.045695 8.954305 190 20 190C30.2567168 190 38.7101432 182.2791962 39.8654454 172.3324226L40 170L60.4931566 169.9939968C62.2625104 187.8256658 68.7159708 204.279557 78.605736 218.1078688L68.36 228.36L65.8578644 225.8578644C58.0473786 218.0473786 45.384079 218.0473786 37.5735932 225.8578644C30.3209992 233.1104584 29.8029568 244.5473662 36.0194658 252.3977194L37.5735932 254.1421356L65.8578644 282.4264068C73.6683502 290.2368928 86.3316498 290.2368928 94.1421356 282.4264068C101.0955302 275.4730124 101.8585678 264.673423 96.4312482 256.8758966000001L107.8992848 245.3720464C117.6213712 251.3179166 128.437926 255.649733 139.976272 257.9948182L139.98 280L137.6675774 280.1345546C127.7208038 281.2898568 120 289.7432832 120 300C120 310.25671678 127.7208038 318.71014322 137.6675774 319.86544538L140 320L180 320C191.045695 320 200 311.045695 200 300C200 289.7432832 192.2791962 281.2898568 182.3324226 280.1345546L180 280L180.023728 257.9948182C192.7908976 255.3999834 204.674348 250.372714 215.169204 243.417887L225.86 254.14L225.857864 254.1421356L224.303738 255.8865518C218.087228 263.736905 218.60527 275.1738128 225.857864 282.4264068C233.66835 290.2368928 246.33165 290.2368928 254.142136 282.4264068L254.142136 282.4264068L282.4264060000001 254.1421356L283.980534 252.3977194C290.197044 244.5473662 289.679 233.1104584 282.4264060000001 225.8578644C274.615922 218.0473786 261.952622 218.0473786 254.142136 225.8578644L254.142136 225.8578644L243.431302 215.1489562C252.169396 201.9561992 257.862042 186.5704126 259.506844 169.9939968L280 170L280.1345540000001 172.3324226C281.289856 182.2791962 289.743284 190 300 190C311.045694 190 320 181.045695 320 170L320 170L320 130L319.865446 127.667578C318.710144 117.720804 310.256716 110 300 110C288.9543060000001 110 280 118.954306 280 130L280 130L255.419084 129.990792C251.70983 118.184972 245.870046 107.322818 238.350376 97.85497zM200 140C188.954305 140 180 131.045695 180 120C180 108.954306 188.954305 100 200 100C211.045694 100 220 108.954306 220 120C220 131.045695 211.045694 140 200 140zM130 220C113.4314576 220 100 206.5685424 100 190C100 173.4314576 113.4314576 160 130 160C146.5685424 160 160 173.4314576 160 190C160 206.5685424 146.5685424 220 130 220z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="virus"
-                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}-virus`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="virus" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Virus: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="virus" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M238.350376 97.85497L253.1 83.12L254.142136 84.142136C261.952622 91.952622 274.615922 91.952622 282.4264060000001 84.142136C289.679 76.889542 290.197044 65.452634 283.980534 57.60228L282.4264060000001 55.857864L254.142136 27.573594C246.33165 19.763108 233.66835 19.763108 225.857864 27.573594C218.60527 34.826188 218.087228 46.263094 224.303738 54.113448L224.88 54.78L207.616212 72.042466C199.0906292 67.41735 189.817174 63.995628 180.023728 62.005182L180 40L182.3324226 39.865446C192.2791962 38.710144 200 30.256716 200 20C200 8.954306 191.045695 0 180 0L180 0L140 0L137.6675774 0.134554C127.7208038 1.289856 120 9.743284 120 20C120 31.045694 128.954305 40 140 40L140 40L139.9962406 62.001126C129.6855528 64.094498 119.9509784 67.774268 111.0583878 72.774562L94.1421356 55.857864L95.696263 54.113448C101.912772 46.263094 101.3947296 34.826188 94.1421356 27.573594C86.3316498 19.763108 73.6683502 19.763108 65.8578644 27.573594L65.8578644 27.573594L37.5735932 55.857864L36.0194658 57.60228C29.8029568 65.452634 30.3209992 76.889542 37.5735932 84.142136C45.384079 91.952622 58.0473786 91.952622 65.8578644 84.142136L65.8578644 84.142136L65.86 84.14L80.7415442 99.015694C73.6590046 108.206894 68.1394876 118.664566 64.5809152 129.990792L40 130C40 118.954306 31.045695 110 20 110C9.74328322 110 1.289856786 117.720804 0.1345546266 127.667578L0 130L0 170C0 181.045695 8.954305 190 20 190C30.2567168 190 38.7101432 182.2791962 39.8654454 172.3324226L40 170L60.4931566 169.9939968C62.2625104 187.8256658 68.7159708 204.279557 78.605736 218.1078688L68.36 228.36L65.8578644 225.8578644C58.0473786 218.0473786 45.384079 218.0473786 37.5735932 225.8578644C30.3209992 233.1104584 29.8029568 244.5473662 36.0194658 252.3977194L37.5735932 254.1421356L65.8578644 282.4264068C73.6683502 290.2368928 86.3316498 290.2368928 94.1421356 282.4264068C101.0955302 275.4730124 101.8585678 264.673423 96.4312482 256.8758966000001L107.8992848 245.3720464C117.6213712 251.3179166 128.437926 255.649733 139.976272 257.9948182L139.98 280L137.6675774 280.1345546C127.7208038 281.2898568 120 289.7432832 120 300C120 310.25671678 127.7208038 318.71014322 137.6675774 319.86544538L140 320L180 320C191.045695 320 200 311.045695 200 300C200 289.7432832 192.2791962 281.2898568 182.3324226 280.1345546L180 280L180.023728 257.9948182C192.7908976 255.3999834 204.674348 250.372714 215.169204 243.417887L225.86 254.14L225.857864 254.1421356L224.303738 255.8865518C218.087228 263.736905 218.60527 275.1738128 225.857864 282.4264068C233.66835 290.2368928 246.33165 290.2368928 254.142136 282.4264068L254.142136 282.4264068L282.4264060000001 254.1421356L283.980534 252.3977194C290.197044 244.5473662 289.679 233.1104584 282.4264060000001 225.8578644C274.615922 218.0473786 261.952622 218.0473786 254.142136 225.8578644L254.142136 225.8578644L243.431302 215.1489562C252.169396 201.9561992 257.862042 186.5704126 259.506844 169.9939968L280 170L280.1345540000001 172.3324226C281.289856 182.2791962 289.743284 190 300 190C311.045694 190 320 181.045695 320 170L320 170L320 130L319.865446 127.667578C318.710144 117.720804 310.256716 110 300 110C288.9543060000001 110 280 118.954306 280 130L280 130L255.419084 129.990792C251.70983 118.184972 245.870046 107.322818 238.350376 97.85497zM200 140C188.954305 140 180 131.045695 180 120C180 108.954306 188.954305 100 200 100C211.045694 100 220 108.954306 220 120C220 131.045695 211.045694 140 200 140zM130 220C113.4314576 220 100 206.5685424 100 190C100 173.4314576 113.4314576 160 130 160C146.5685424 160 160 173.4314576 160 190C160 206.5685424 146.5685424 220 130 220z"
+                        : "M304.9762820000001 123.303888L330 98.28L337.071068 105.35534L338.815484 106.909466C346.665838 113.125976 358.102746 112.607934 365.35534 105.35534C373.1658240000001 97.544854 373.1658240000001 84.8815539999999 365.35534 77.071068L365.35534 77.071068L322.9289320000001 34.64466L321.1845160000001 33.0905340000001C313.334162 26.874024 301.897254 27.392066 294.6446600000001 34.64466C286.834176 42.455146 286.834176 55.1184460000001 294.6446600000001 62.928932L294.6446600000001 62.928932L301.7200000000001 70L276.696112 95.023718C260.294058 83.0199060000001 240.973744 74.767236 219.998142 71.528676L219.98 40L230 40C241.045694 40 250 31.045694 250 20C250 9.743284 242.279196 1.289856 232.332422 0.134554L230 0L170 0C158.954305 0 150 8.954306 150 20C150 30.256716 157.7208038 38.710144 167.6675774 39.865446L170 40L179.98 40L179.9818216 71.5317720000001C161.4829752 74.390888 144.2720324 81.149992 129.2154538 90.942622L108.28 70L115.355339 62.928932C123.1658248 55.1184460000001 123.1658248 42.455146 115.355339 34.64466C108.102745 27.392066 96.6658372 26.874024 88.815484 33.0905340000001L87.0710678 34.64466L44.644661 77.071068C36.8341752 84.8815539999999 36.8341752 97.544854 44.644661 105.35534C51.897255 112.607934 63.3341628 113.125976 71.184516 106.909466L72.9289322 105.35534L80 98.28L99.390705 117.666652C85.2620986 134.911054 75.4796908 155.853652 71.7165052 178.821418L71.2132034 178.786796L40 178.8L40 170C40 158.954306 31.045695 150 20 150C9.74328322 150 1.289856786 157.720804 0.1345546266 167.667578L0 170L0 230C0 241.045695 8.954305 250 20 250C30.2567168 250 38.7101432 242.2791962 39.8654454 232.3324226L40 230L40 218.8L71.3485546 218.7940984C74.8098338 242.6968118 84.7746296 264.493974 99.390705 282.333348L79.98 301.7200000000001L72.9289322 294.644661L71.184516 293.0905336C63.3341628 286.8740246 51.897255 287.392067 44.644661 294.644661C36.8341752 302.4551468 36.8341752 315.1184464 44.644661 322.9289322L44.644661 322.9289322L87.0710678 365.355339L88.815484 366.9094664C96.6658372 373.1259754 108.102745 372.607933 115.355339 365.355339C123.1658248 357.5448532 123.1658248 344.8815536 115.355339 337.0710678L115.355339 337.0710678L108.28 330.02L129.2154538 309.057377C144.2774684 318.8535432 161.495403 325.6139918 180.0018584 328.4713234L180 360L170 360C158.954305 360 150 368.954305 150 380C150 390.25671678 157.7208038 398.71014322 167.6675774 399.86544538L170 400L230 400C241.045694 400 250 391.045695 250 380C250 369.7432832 242.279196 361.2898568 232.332422 360.1345546L230 360L220 360L220.018178 328.4682282C241.011694 325.2235442 260.346522 316.9560794 276.756266 304.9322316L277.573594 305.8578644L301.7000000000001 330.02L294.6446600000001 337.0710678C286.834176 344.8815536 286.834176 357.5448532 294.6446600000001 365.355339C301.897254 372.607933 313.334162 373.1259754 321.1845160000001 366.9094664L322.9289320000001 365.355339L365.35534 322.9289322C373.1658240000001 315.1184464 373.1658240000001 302.4551468 365.35534 294.644661C358.102746 287.392067 346.665838 286.8740246 338.815484 293.0905336L337.071068 294.644661L330 301.7200000000001L305.857864 277.5735932L304.932232 276.7562662000001C316.558258 260.8894562000001 324.6723560000001 242.2879178 328.1297180000001 222.096462L360 222.1L360 230C360 241.045695 368.954306 250 380 250C390.2567160000001 250 398.710144 242.2791962 399.865446 232.3324226L400 230L400 170C400 158.954306 391.0456940000001 150 380 150C369.743284 150 361.289856 157.720804 360.134554 167.667578L360 170L360 182.1L328.775936 182.086862C325.774142 160.306452 317.3768 140.248004 304.9762820000001 123.303888zM250 180C233.431458 180 220 166.568542 220 150C220 133.431458 233.431458 120 250 120C266.5685420000001 120 280 133.431458 280 150C280 166.568542 266.5685420000001 180 250 180zM160 280C137.90861 280 120 262.09139 120 240C120 217.90861 137.90861 200 160 200C182.09139 200 200 217.90861 200 240C200 262.09139 182.09139 280 160 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Virus.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Virus.displayName = `Blueprint5.Icon.Virus`;
 export default Virus;