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

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 { IconSize } from "../../iconTypes";
+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 { IconSize } from "../../iconTypes";
+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;

package/src/generated/components/volume-down.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 VolumeDown: 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
-                    ? "M318.4 321.4L286.4 297.8C307.4 270.8 320 236.8 320 200C320 163.2 307.4 129.2000000000001 286.4 102.2L318.4 78.6C344.4 112.2 360 154.2 360 200C360 245.8 344.4 287.8 318.4 321.4zM220 340C214.4 340 209.4 337.8 205.8 334.2L151.8 280H60C49 280 40 271 40 260V140C40 129 49 120 60 120H151.8L206 65.8C209.4 62.2 214.4 60 220 60C231 60 240 69 240 80V320C240 331 231 340 220 340z"
-                    : "M180 280C174.4 280 169.4 277.8 165.8 274.2L111.8 220H60C49 220 40 211 40 200V120C40 109 49 100 60 100H111.8L166 45.8C169.4 42.2 174.4 40 180 40C191 40 200 49 200 60V260C200 271 191 280 180 280zM251.4 251.2L219.6 226.8C232.4 207.8 240 184.8 240 160S232.4 112.2 219.6 93.2L251.4 68.8C269.4000000000001 94.6 280 126 280 160C280 194 269.4000000000001 225.4 251.4 251.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="volume-down"
-                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}-volume-down`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="volume-down" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const VolumeDown: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="volume-down" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M180 280C174.4 280 169.4 277.8 165.8 274.2L111.8 220H60C49 220 40 211 40 200V120C40 109 49 100 60 100H111.8L166 45.8C169.4 42.2 174.4 40 180 40C191 40 200 49 200 60V260C200 271 191 280 180 280zM251.4 251.2L219.6 226.8C232.4 207.8 240 184.8 240 160S232.4 112.2 219.6 93.2L251.4 68.8C269.4000000000001 94.6 280 126 280 160C280 194 269.4000000000001 225.4 251.4 251.2z"
+                        : "M318.4 321.4L286.4 297.8C307.4 270.8 320 236.8 320 200C320 163.2 307.4 129.2000000000001 286.4 102.2L318.4 78.6C344.4 112.2 360 154.2 360 200C360 245.8 344.4 287.8 318.4 321.4zM220 340C214.4 340 209.4 337.8 205.8 334.2L151.8 280H60C49 280 40 271 40 260V140C40 129 49 120 60 120H151.8L206 65.8C209.4 62.2 214.4 60 220 60C231 60 240 69 240 80V320C240 331 231 340 220 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+VolumeDown.defaultProps = {
+    size: IconSize.STANDARD,
+};
 VolumeDown.displayName = `Blueprint5.Icon.VolumeDown`;
 export default VolumeDown;

package/src/generated/components/volume-off.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 VolumeOff: 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
-                    ? "M280 340C274.4000000000001 340 269.4000000000001 337.8 265.8 334.2L211.8 280H120C109 280 100 271 100 260V140C100 129 109 120 120 120H211.8L266 65.8C269.4000000000001 62.2 274.4000000000001 60 280 60C291 60 300 69 300 80V320C300 331 291 340 280 340z"
-                    : "M220 280C214.4 280 209.4 277.8 205.8 274.2L151.8 220H100C89 220 80 211 80 200V120C80 109 89 100 100 100H151.8L206 45.8C209.4 42.2 214.4 40 220 40C231 40 240 49 240 60V260C240 271 231 280 220 280z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="volume-off"
-                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}-volume-off`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="volume-off" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const VolumeOff: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="volume-off" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M220 280C214.4 280 209.4 277.8 205.8 274.2L151.8 220H100C89 220 80 211 80 200V120C80 109 89 100 100 100H151.8L206 45.8C209.4 42.2 214.4 40 220 40C231 40 240 49 240 60V260C240 271 231 280 220 280z"
+                        : "M280 340C274.4000000000001 340 269.4000000000001 337.8 265.8 334.2L211.8 280H120C109 280 100 271 100 260V140C100 129 109 120 120 120H211.8L266 65.8C269.4000000000001 62.2 274.4000000000001 60 280 60C291 60 300 69 300 80V320C300 331 291 340 280 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+VolumeOff.defaultProps = {
+    size: IconSize.STANDARD,
+};
 VolumeOff.displayName = `Blueprint5.Icon.VolumeOff`;
 export default VolumeOff;

package/src/generated/components/volume-up.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 VolumeUp: 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
-                    ? "M180 331.4C174.4 331.4 169.4 329.2 165.8 325.6L111.8 271.4H20C9 271.4 0 262.4 0 251.4V131.4C0 120.4 9 111.4 20 111.4H111.8L166 57.2C169.6 53.6 174.6 51.4 180.2000000000001 51.4C191.2000000000001 51.4 200.2000000000001 60.4 200.2000000000001 71.4V311.4C200 322.4 191 331.4 180 331.4zM346.2 362.6L313.8 338.6C342.8 296.8 360 246.2 360 191.4C360 136.6 342.8 86 313.8 44L346.2 20C380 68.6 400 127.6 400 191.4C400 255 380 314 346.2 362.6zM278.4 312.8L246.4 289.2C267.4 262.2000000000001 280 228.2 280 191.4C280 154.6 267.4 120.6 246.4 93.6L278.4 70C304.2000000000001 103.6 320 145.6 320 191.4C320 237 304.4000000000001 279 278.4 312.8z"
-                    : "M140 282.8C134.4 282.8 129.4 280.6 125.8 277L71.8 222.8H20C9 222.8 0 213.8 0 202.8V122.8C0 111.8 9 102.8 20 102.8H71.8L126 48.6C129.6 45 134.6 42.8 140.2 42.8C151.2 42.8 160.2 51.8 160.2 62.8V262.8C160 273.8 151 282.8 140 282.8zM274.8 302.6L243.2 278.2C266.2 245.6 280 205.8 280 162.8C280 119.6 266.2 79.8 243 47.2L274.6 22.8C303 62.2 319.8 110.4 319.8 162.8C320 215 303 263.2 274.8 302.6zM179.6 229.6C192.4 210.4 200 187.4 200 162.8S192.4 115 179.6 96L211.4 71.6C229.4 97.4 240 128.8 240 162.8C240 196.8 229.4 228.2 211.4 254L179.6 229.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="volume-up"
-                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}-volume-up`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="volume-up" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const VolumeUp: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="volume-up" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M140 282.8C134.4 282.8 129.4 280.6 125.8 277L71.8 222.8H20C9 222.8 0 213.8 0 202.8V122.8C0 111.8 9 102.8 20 102.8H71.8L126 48.6C129.6 45 134.6 42.8 140.2 42.8C151.2 42.8 160.2 51.8 160.2 62.8V262.8C160 273.8 151 282.8 140 282.8zM274.8 302.6L243.2 278.2C266.2 245.6 280 205.8 280 162.8C280 119.6 266.2 79.8 243 47.2L274.6 22.8C303 62.2 319.8 110.4 319.8 162.8C320 215 303 263.2 274.8 302.6zM179.6 229.6C192.4 210.4 200 187.4 200 162.8S192.4 115 179.6 96L211.4 71.6C229.4 97.4 240 128.8 240 162.8C240 196.8 229.4 228.2 211.4 254L179.6 229.6z"
+                        : "M180 331.4C174.4 331.4 169.4 329.2 165.8 325.6L111.8 271.4H20C9 271.4 0 262.4 0 251.4V131.4C0 120.4 9 111.4 20 111.4H111.8L166 57.2C169.6 53.6 174.6 51.4 180.2000000000001 51.4C191.2000000000001 51.4 200.2000000000001 60.4 200.2000000000001 71.4V311.4C200 322.4 191 331.4 180 331.4zM346.2 362.6L313.8 338.6C342.8 296.8 360 246.2 360 191.4C360 136.6 342.8 86 313.8 44L346.2 20C380 68.6 400 127.6 400 191.4C400 255 380 314 346.2 362.6zM278.4 312.8L246.4 289.2C267.4 262.2000000000001 280 228.2 280 191.4C280 154.6 267.4 120.6 246.4 93.6L278.4 70C304.2000000000001 103.6 320 145.6 320 191.4C320 237 304.4000000000001 279 278.4 312.8z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+VolumeUp.defaultProps = {
+    size: IconSize.STANDARD,
+};
 VolumeUp.displayName = `Blueprint5.Icon.VolumeUp`;
 export default VolumeUp;

package/src/generated/components/walk.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 Walk: 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
-                    ? "M320 200H280C275.4 200 271.6 201.8 268.2 204.2L268 204L234.2 229.4L221.6 166.6L274 114.1999999999999L274 114.1999999999999C277.8 110.6 280 105.6 280 100V20C280 9 271 0 260 0C249 0 240 9 240 20V91.8L187.8 144L138.8 13L138.6 13C135.8 5.4 128.6 0 120 0C109 0 100 9 100 20C100 22.4 100.6 24.8 101.4 27L101.2 27L188.6 260H130.6L96.6 209L96.4 209.2C92.8 203.8 87 200 80 200C69 200 60 209 60 220C60 224.2 61.6 227.8 63.6 230.8L63.4 231L103.4 291L103.8 290.8C107.2 296.2 113 300 120 300H203.6L210.8 319.2C204.2 327.8 200 338.4 200 350C200 377.6 222.4 400 250 400S300 377.6 300 350S277.6 300 250 300C248.8 300 247.6 300.2 246.4 300.4L237.6 276.8L286.6 240H320C331 240 340 231 340 220C340 209 331 200 320 200z"
-                    : "M260 160H220C216.8 160 213.8 161 211.2 162.2L211.2 162L190.8 172.2L183.4 135L211 116.6L210.8 116.2C216.2 112.8 220 107 220 100V20C220 9 211 0 200 0S180 9 180 20V89.2L154.6 106.2L118.6 12.8L118.4 12.8C115.6 5.4 108.6 0 100 0C89 0 80 9 80 20C80 22.6 80.6 25 81.4 27.2L81.2 27.2L147.8 200H112.4L97.8 171L97.6 171C94.4 164.6 87.8 160 80 160C69 160 60 169 60 180C60 183.2 61 186.2 62.2 188.8L62 188.8L82 228.8L82.2 228.8C85.6 235.4 92.2 240 100 240H163.2L169 255C163.4 262 160 270.6 160 280C160 302 178 320 200 320S240 302 240 280C240 260 225.4 243.6 206.2 240.6L196.2 214.2L224.8 200H260C271 200 280 191 280 180S271 160 260 160z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="walk"
-                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}-walk`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="walk" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Walk: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="walk" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M260 160H220C216.8 160 213.8 161 211.2 162.2L211.2 162L190.8 172.2L183.4 135L211 116.6L210.8 116.2C216.2 112.8 220 107 220 100V20C220 9 211 0 200 0S180 9 180 20V89.2L154.6 106.2L118.6 12.8L118.4 12.8C115.6 5.4 108.6 0 100 0C89 0 80 9 80 20C80 22.6 80.6 25 81.4 27.2L81.2 27.2L147.8 200H112.4L97.8 171L97.6 171C94.4 164.6 87.8 160 80 160C69 160 60 169 60 180C60 183.2 61 186.2 62.2 188.8L62 188.8L82 228.8L82.2 228.8C85.6 235.4 92.2 240 100 240H163.2L169 255C163.4 262 160 270.6 160 280C160 302 178 320 200 320S240 302 240 280C240 260 225.4 243.6 206.2 240.6L196.2 214.2L224.8 200H260C271 200 280 191 280 180S271 160 260 160z"
+                        : "M320 200H280C275.4 200 271.6 201.8 268.2 204.2L268 204L234.2 229.4L221.6 166.6L274 114.1999999999999L274 114.1999999999999C277.8 110.6 280 105.6 280 100V20C280 9 271 0 260 0C249 0 240 9 240 20V91.8L187.8 144L138.8 13L138.6 13C135.8 5.4 128.6 0 120 0C109 0 100 9 100 20C100 22.4 100.6 24.8 101.4 27L101.2 27L188.6 260H130.6L96.6 209L96.4 209.2C92.8 203.8 87 200 80 200C69 200 60 209 60 220C60 224.2 61.6 227.8 63.6 230.8L63.4 231L103.4 291L103.8 290.8C107.2 296.2 113 300 120 300H203.6L210.8 319.2C204.2 327.8 200 338.4 200 350C200 377.6 222.4 400 250 400S300 377.6 300 350S277.6 300 250 300C248.8 300 247.6 300.2 246.4 300.4L237.6 276.8L286.6 240H320C331 240 340 231 340 220C340 209 331 200 320 200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Walk.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Walk.displayName = `Blueprint5.Icon.Walk`;
 export default Walk;