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

package/src/generated/components/sort-numerical.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 SortNumerical: 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 100.2C174.4 100.2 169.4 98 165.8 94.4H165.8L140 68.4V180.2000000000001C140 191.2000000000001 131 200.2000000000001 120 200.2000000000001C109 200.2000000000001 100 191.2000000000001 100 180.2000000000001V68.4L74.2 94.2000000000001C70.6 98 65.6 100.2 60 100.2C49 100.2 40 91.2 40 80.2C40 74.6 42.2 69.6 45.8 66L105.8 6V6C109.4 2.4 114.4 0.2 120 0.2C125.6 0.2 130.6 2.4 134.2 6V6L194.2 66C197.8 69.6 200 74.6 200 80.2000000000001C200.2 91.2 191.2 100.2 180 100.2zM357.6 95.6C356 104 353.2 111.4 349.2 118C345.2 124.6 339.8 130 333.2 134C326.6 138 318 140 307.6 140C300.4 140 294 138.8 288.2 136.2C282.4 133.6 277.4 130.2 273.2 125.8C268.9999999999999 121.4 265.8 116.2 263.3999999999999 110.2000000000001C261.2 104.2000000000001 260 97.8000000000001 260 90.8C260 85.4 260.7999999999999 80 262.6 74.8000000000001C264.2 69.6 267 64.8000000000001 270.6 60.8000000000001C274.3999999999999 56.6 279.2 53.2 284.8 50.8000000000001C290.4 48.4 296 47 301.8 47C308.4 47 314.2 48.2 319.2 50.4000000000001C324.2 52.8000000000001 328.5999999999999 56.6 332.4 62L332.8 61.6C332.5999999999999 57.8 332 53.6000000000001 331.2 49.0000000000001C330.4 44.2000000000001 329 39.8000000000001 327 35.6C325 31.4 322.4 28.0000000000001 319.2 25C316 22.2 311.8 20.6 306.8 20.6C302 20.6 298 22.2 294.8 25.6C291.6 29.0000000000001 289.4 32.8 288.6 37.4H262.4C263.2 31.6 264.8 26.2 267.2 21.6C269.5999999999999 17 272.8 13.0000000000001 276.8 9.8000000000001C280.6 6.6 285.2 4.2 290.2 2.6C295.2 1.0000000000001 300.6 0.2 306.6 0.2C316.4 0.2 324.5999999999999 2.2 331.2 6.4C338 10.6 343.4 16 347.6 22.8C351.8 29.6 355 37 357 45.4C359 53.8 360 61.9999999999999 360 70.4C360 79 359.2000000000001 87.4 357.6 95.6zM329.2000000000001 83C328.2 80 327 77.4 325.2000000000001 75C323.4000000000001 72.6 321.2000000000001 70.8 318.4000000000001 69.6S312.4000000000001 67.6 308.6 67.6C305.2000000000001 67.6 302 68.4 299.4000000000001 69.8C296.8 71.2 294.6 73.2 292.8 75.6C291.2 78 289.8 80.6 289 83.6C288.2000000000001 86.6 287.8 89.8 287.8 93C287.8 96 288.2 99 289.2000000000001 101.9999999999999C290.2000000000001 104.9999999999999 291.4 107.6 293.2 109.8C295 112.1999999999999 297.2 114 299.8 115.4C302.4000000000001 116.8 305.2 117.6 308.6 117.6C312 117.6 315.2 116.8 318 115.4C320.8 114 323 111.9999999999999 324.8000000000001 109.8C326.6 107.4 328.0000000000001 104.8 329.0000000000001 101.8C330.0000000000001 98.8 330.4000000000001 95.8 330.4000000000001 92.6C330.6 89.2000000000001 330 86 329.2000000000001 83zM306.4 180H340V400H315C314 393.2 311.6 387.6 308.2 383C304.8 378.4 300.4 374.6 295.6 371.6C290.6 368.6 285.2 366.6 279 365.4C273 364.2 266.6 363.6 260.2 363.6V335.4H306.4V180z"
-                    : "M120 80.2C114.4 80.2 109.4 78 105.8 74.4L100 68.4V140.2C100 151.2 91 160.2 80 160.2C69 160.2 60 151.2 60 140.2V68.4L54.2 74.2C50.6 77.8 45.6 80.2 40 80.2C29 80.2 20 71.2 20 60.2C20 54.6 22.2 49.6 25.8 46L25.8 46L65.8 6L65.8 6C69.4 2.4 74.4 0.2 80 0.2C85.6 0.2 90.6 2.4 94.2 6L134.2 46C137.8 49.6 140 54.6 140 60.2C140 71.2 131 80.2 120 80.2zM278.2 81.8C277 89 274.8 95.4 271.6 101C268.4 106.6 264.2000000000001 111.2 258.8 114.8C253.4 118.2 246.6 120 238.2 120C232.6 120 227.4000000000001 118.8 222.6 116.6C218 114.4 214 111.4 210.6 107.6C207.2 103.8 204.6 99.4 202.8 94.2C201 89 200 83.6 200 77.6C200 73 200.6 68.4 202 63.8C203.4 59.2000000000001 205.4 55.2 208.4 51.8C211.6 48.2 215.2 45.2 219.8 43.2C224.2 41.0000000000001 228.8 40.0000000000001 233.4 40.0000000000001C238.6 40.0000000000001 243.4 41.0000000000001 247.4 43.0000000000001S255 48.2 258 53.0000000000001L258.4 52.6C258.2 49.4 257.8 45.8000000000001 257 41.8000000000001C256.4 37.8000000000001 255.2 33.8000000000001 253.6 30.4000000000001C252 26.8000000000001 250 23.8000000000001 247.4 21.4000000000001C244.8 19.0000000000001 241.6 17.6000000000001 237.4 17.6000000000001C233.6 17.6000000000001 230.4 19.0000000000001 227.8 21.8000000000001C225.2 24.6000000000001 223.5999999999999 28.0000000000001 222.8 31.8000000000001H202C202.6 26.8000000000001 204 22.2000000000001 205.8 18.2000000000001C207.8 14.2000000000001 210.2 10.8000000000001 213.4 8.2000000000001C216.6 5.4000000000001 220 3.4000000000001 224.2 2.0000000000001S232.6 1e-13 237.2 1e-13C245.0000000000001 1e-13 251.6 1.8000000000001 257 5.4000000000001C262.4000000000001 9.0000000000001 266.8 13.6000000000001 270.2000000000001 19.4000000000001C273.6 25.2 276 31.6000000000001 277.6 38.8000000000001C279.2000000000001 46.0000000000001 280 53.2000000000001 280 60.2000000000001C280 67.4 279.4000000000001 74.6 278.2 81.8zM255.4 71C254.6 68.4 253.6 66.2 252.2 64.2C250.8 62.2000000000001 249 60.6 246.8 59.4C244.6 58.2 242 57.6 239 57.6C236.2 57.6 233.8 58.2 231.6 59.4C229.4 60.6 227.8 62.4 226.4 64.4C225 66.4 224 68.8 223.4 71.4C222.8 74 222.4 76.6 222.4 79.4C222.4 82 222.8 84.6 223.4 87.2C224.2 89.8 225.2 92 226.6 94C228 96 229.8 97.6 231.8 98.8C233.8 100 236.2 100.6 238.8 100.6C241.6 100.6 244 100 246.2 98.8C248.4 97.6 250.2 96 251.8 94C253.2 92 254.4 89.6 255.2 87C256 84.4 256.4 81.8 256.4 79.2C256.4 76.2 256 73.6 255.4 71zM224.2 160.4H260V320H231.6C230.6 314 228.4 308.8 225.4 304.8C222.2 300.6 218.4 297.4 213.8 294.8C209.2 292.2 204 290.6 198.2 289.6C192.2 288.6 186.2 288.2 180 288.4V264H224.2V160.4z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort-numerical"
-                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}-sort-numerical`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort-numerical" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SortNumerical: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort-numerical" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M120 80.2C114.4 80.2 109.4 78 105.8 74.4L100 68.4V140.2C100 151.2 91 160.2 80 160.2C69 160.2 60 151.2 60 140.2V68.4L54.2 74.2C50.6 77.8 45.6 80.2 40 80.2C29 80.2 20 71.2 20 60.2C20 54.6 22.2 49.6 25.8 46L25.8 46L65.8 6L65.8 6C69.4 2.4 74.4 0.2 80 0.2C85.6 0.2 90.6 2.4 94.2 6L134.2 46C137.8 49.6 140 54.6 140 60.2C140 71.2 131 80.2 120 80.2zM278.2 81.8C277 89 274.8 95.4 271.6 101C268.4 106.6 264.2000000000001 111.2 258.8 114.8C253.4 118.2 246.6 120 238.2 120C232.6 120 227.4000000000001 118.8 222.6 116.6C218 114.4 214 111.4 210.6 107.6C207.2 103.8 204.6 99.4 202.8 94.2C201 89 200 83.6 200 77.6C200 73 200.6 68.4 202 63.8C203.4 59.2000000000001 205.4 55.2 208.4 51.8C211.6 48.2 215.2 45.2 219.8 43.2C224.2 41.0000000000001 228.8 40.0000000000001 233.4 40.0000000000001C238.6 40.0000000000001 243.4 41.0000000000001 247.4 43.0000000000001S255 48.2 258 53.0000000000001L258.4 52.6C258.2 49.4 257.8 45.8000000000001 257 41.8000000000001C256.4 37.8000000000001 255.2 33.8000000000001 253.6 30.4000000000001C252 26.8000000000001 250 23.8000000000001 247.4 21.4000000000001C244.8 19.0000000000001 241.6 17.6000000000001 237.4 17.6000000000001C233.6 17.6000000000001 230.4 19.0000000000001 227.8 21.8000000000001C225.2 24.6000000000001 223.5999999999999 28.0000000000001 222.8 31.8000000000001H202C202.6 26.8000000000001 204 22.2000000000001 205.8 18.2000000000001C207.8 14.2000000000001 210.2 10.8000000000001 213.4 8.2000000000001C216.6 5.4000000000001 220 3.4000000000001 224.2 2.0000000000001S232.6 1e-13 237.2 1e-13C245.0000000000001 1e-13 251.6 1.8000000000001 257 5.4000000000001C262.4000000000001 9.0000000000001 266.8 13.6000000000001 270.2000000000001 19.4000000000001C273.6 25.2 276 31.6000000000001 277.6 38.8000000000001C279.2000000000001 46.0000000000001 280 53.2000000000001 280 60.2000000000001C280 67.4 279.4000000000001 74.6 278.2 81.8zM255.4 71C254.6 68.4 253.6 66.2 252.2 64.2C250.8 62.2000000000001 249 60.6 246.8 59.4C244.6 58.2 242 57.6 239 57.6C236.2 57.6 233.8 58.2 231.6 59.4C229.4 60.6 227.8 62.4 226.4 64.4C225 66.4 224 68.8 223.4 71.4C222.8 74 222.4 76.6 222.4 79.4C222.4 82 222.8 84.6 223.4 87.2C224.2 89.8 225.2 92 226.6 94C228 96 229.8 97.6 231.8 98.8C233.8 100 236.2 100.6 238.8 100.6C241.6 100.6 244 100 246.2 98.8C248.4 97.6 250.2 96 251.8 94C253.2 92 254.4 89.6 255.2 87C256 84.4 256.4 81.8 256.4 79.2C256.4 76.2 256 73.6 255.4 71zM224.2 160.4H260V320H231.6C230.6 314 228.4 308.8 225.4 304.8C222.2 300.6 218.4 297.4 213.8 294.8C209.2 292.2 204 290.6 198.2 289.6C192.2 288.6 186.2 288.2 180 288.4V264H224.2V160.4z"
+                        : "M180 100.2C174.4 100.2 169.4 98 165.8 94.4H165.8L140 68.4V180.2000000000001C140 191.2000000000001 131 200.2000000000001 120 200.2000000000001C109 200.2000000000001 100 191.2000000000001 100 180.2000000000001V68.4L74.2 94.2000000000001C70.6 98 65.6 100.2 60 100.2C49 100.2 40 91.2 40 80.2C40 74.6 42.2 69.6 45.8 66L105.8 6V6C109.4 2.4 114.4 0.2 120 0.2C125.6 0.2 130.6 2.4 134.2 6V6L194.2 66C197.8 69.6 200 74.6 200 80.2000000000001C200.2 91.2 191.2 100.2 180 100.2zM357.6 95.6C356 104 353.2 111.4 349.2 118C345.2 124.6 339.8 130 333.2 134C326.6 138 318 140 307.6 140C300.4 140 294 138.8 288.2 136.2C282.4 133.6 277.4 130.2 273.2 125.8C268.9999999999999 121.4 265.8 116.2 263.3999999999999 110.2000000000001C261.2 104.2000000000001 260 97.8000000000001 260 90.8C260 85.4 260.7999999999999 80 262.6 74.8000000000001C264.2 69.6 267 64.8000000000001 270.6 60.8000000000001C274.3999999999999 56.6 279.2 53.2 284.8 50.8000000000001C290.4 48.4 296 47 301.8 47C308.4 47 314.2 48.2 319.2 50.4000000000001C324.2 52.8000000000001 328.5999999999999 56.6 332.4 62L332.8 61.6C332.5999999999999 57.8 332 53.6000000000001 331.2 49.0000000000001C330.4 44.2000000000001 329 39.8000000000001 327 35.6C325 31.4 322.4 28.0000000000001 319.2 25C316 22.2 311.8 20.6 306.8 20.6C302 20.6 298 22.2 294.8 25.6C291.6 29.0000000000001 289.4 32.8 288.6 37.4H262.4C263.2 31.6 264.8 26.2 267.2 21.6C269.5999999999999 17 272.8 13.0000000000001 276.8 9.8000000000001C280.6 6.6 285.2 4.2 290.2 2.6C295.2 1.0000000000001 300.6 0.2 306.6 0.2C316.4 0.2 324.5999999999999 2.2 331.2 6.4C338 10.6 343.4 16 347.6 22.8C351.8 29.6 355 37 357 45.4C359 53.8 360 61.9999999999999 360 70.4C360 79 359.2000000000001 87.4 357.6 95.6zM329.2000000000001 83C328.2 80 327 77.4 325.2000000000001 75C323.4000000000001 72.6 321.2000000000001 70.8 318.4000000000001 69.6S312.4000000000001 67.6 308.6 67.6C305.2000000000001 67.6 302 68.4 299.4000000000001 69.8C296.8 71.2 294.6 73.2 292.8 75.6C291.2 78 289.8 80.6 289 83.6C288.2000000000001 86.6 287.8 89.8 287.8 93C287.8 96 288.2 99 289.2000000000001 101.9999999999999C290.2000000000001 104.9999999999999 291.4 107.6 293.2 109.8C295 112.1999999999999 297.2 114 299.8 115.4C302.4000000000001 116.8 305.2 117.6 308.6 117.6C312 117.6 315.2 116.8 318 115.4C320.8 114 323 111.9999999999999 324.8000000000001 109.8C326.6 107.4 328.0000000000001 104.8 329.0000000000001 101.8C330.0000000000001 98.8 330.4000000000001 95.8 330.4000000000001 92.6C330.6 89.2000000000001 330 86 329.2000000000001 83zM306.4 180H340V400H315C314 393.2 311.6 387.6 308.2 383C304.8 378.4 300.4 374.6 295.6 371.6C290.6 368.6 285.2 366.6 279 365.4C273 364.2 266.6 363.6 260.2 363.6V335.4H306.4V180z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SortNumerical.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SortNumerical.displayName = `Blueprint5.Icon.SortNumerical`;
 export default SortNumerical;

package/src/generated/components/sort.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 Sort: 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 80H200C189 80 180 71 180 60V40C180 29 189 20 200 20H380C391 20 400 29 400 40V60C400 71 391 80 380 80zM380 180H200C189 180 180 171 180 160V140C180 129 189 120 200 120H380C391 120 400 129 400 140V160C400 171 391 180 380 180zM140 100C134.4 100 129.4 97.8 125.8 94.2000000000001L100 68.2V180C100 191 91 200 80 200S60 191 60 180V68.2L34.2 94C30.6 97.8 25.6 100 20 100C9 100 0 91 0 80C0 74.4 2.2 69.4 5.8 65.8L65.8 5.8C69.4 2.2 74.4 0 80 0S90.6 2.2 94.2 5.8L154.2 65.8C157.8 69.4 160 74.4 160 80C160 91 151 100 140 100zM380 380H200C189 380 180 371 180 360V340C180 329 189 320 200 320H380C391 320 400 329 400 340V360C400 371 391 380 380 380zM380 280H200C189 280 180 271 180 260V240C180 229 189 220 200 220H380C391 220 400 229 400 240V260C400 271 391 280 380 280z"
-                    : "M100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM160 260H300C311 260 320 269 320 280C320 291 311 300 300 300H160C149 300 140 291 140 280C140 269 149 260 160 260zM300 220H160C149 220 140 211 140 200C140 189 149 180 160 180H300C311 180 320 189 320 200C320 211 311 220 300 220zM300 60H160C149 60 140 51 140 40C140 29 149 20 160 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM300 140H160C149 140 140 131 140 120C140 109 149 100 160 100H300C311 100 320 109 320 120C320 131 311 140 300 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort"
-                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}-sort`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Sort: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM160 260H300C311 260 320 269 320 280C320 291 311 300 300 300H160C149 300 140 291 140 280C140 269 149 260 160 260zM300 220H160C149 220 140 211 140 200C140 189 149 180 160 180H300C311 180 320 189 320 200C320 211 311 220 300 220zM300 60H160C149 60 140 51 140 40C140 29 149 20 160 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM300 140H160C149 140 140 131 140 120C140 109 149 100 160 100H300C311 100 320 109 320 120C320 131 311 140 300 140z"
+                        : "M380 80H200C189 80 180 71 180 60V40C180 29 189 20 200 20H380C391 20 400 29 400 40V60C400 71 391 80 380 80zM380 180H200C189 180 180 171 180 160V140C180 129 189 120 200 120H380C391 120 400 129 400 140V160C400 171 391 180 380 180zM140 100C134.4 100 129.4 97.8 125.8 94.2000000000001L100 68.2V180C100 191 91 200 80 200S60 191 60 180V68.2L34.2 94C30.6 97.8 25.6 100 20 100C9 100 0 91 0 80C0 74.4 2.2 69.4 5.8 65.8L65.8 5.8C69.4 2.2 74.4 0 80 0S90.6 2.2 94.2 5.8L154.2 65.8C157.8 69.4 160 74.4 160 80C160 91 151 100 140 100zM380 380H200C189 380 180 371 180 360V340C180 329 189 320 200 320H380C391 320 400 329 400 340V360C400 371 391 380 380 380zM380 280H200C189 280 180 271 180 260V240C180 229 189 220 200 220H380C391 220 400 229 400 240V260C400 271 391 280 380 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Sort.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Sort.displayName = `Blueprint5.Icon.Sort`;
 export default Sort;

package/src/generated/components/spell-check.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 SpellCheck: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M177.8 388.8L277.8 188.8C279 186.2 280 183.2 280 180C280 169 271 160 260 160C252.2 160 245.6 164.6 242.2 171L217.6 220H102.4L77.8 171.2C74.4 164.6 67.8 160 60 160C49 160 40 169 40 180C40 183.2 41 186.2 42.4 188.8L89.4 283.4L107.4 319.6L142.2 388.8C145.6 395.4 152.2 400 160 400C167.8 400 174.4 395.4 177.8 388.8zM122.4024 259.9954L160.0024 335.1954L197.6024 259.9954H122.4024zM345.8 174.2C349.4 177.8 354.4 180 360 180C371 180 380 171 380 160C380 154.4 377.8 149.4 374.2000000000001 145.8L234.2 5.8C230.6 2.2 225.6 0 220 0C214.4 0 209.4 2.2 205.8 5.8L145.8 65.8C142.2 69.4 140 74.4 140 80C140 91 149 100 160 100C165.6 100 170.6 97.8 174.2 94.2000000000001L220 48.2L345.8 174.2z"
-                    : "M137.8 308.8L217.8 148.8C219 146.2 220 143.2 220 140C220 129 211 120 200 120C192.2 120 185.6 124.6 182.2 131H182L167.6 160H72.4L58 131.2H57.8C54.4 124.6 47.8 120 40 120C29 120 20 129 20 140C20 143.2 21 146.2 22.4 148.8L62 228.4L80 264.8L102.2 308.8C105.6 315.4 112.2 320 120 320C127.8 320 134.4 315.4 137.8 308.8zM280 140C274.4000000000001 140 269.4000000000001 137.8 265.8 134.2L180 48.2L134.2 94.2C130.6 97.8 125.6 100 120 100C109 100 100 91 100 80C100 74.4 102.2 69.4 105.8 65.8L165.8 5.8C169.4 2.2 174.4 0 180 0C185.6 0 190.6 2.2 194.2 5.8L294.2000000000001 105.8C297.8 109.4 300 114.4 300 120C300 131 291 140 280 140zM120.0024 255.1954L92.4024 199.9954H147.6024L120.0024 255.1954z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="spell-check"
-                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}-spell-check`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="spell-check" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SpellCheck: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="spell-check" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M137.8 308.8L217.8 148.8C219 146.2 220 143.2 220 140C220 129 211 120 200 120C192.2 120 185.6 124.6 182.2 131H182L167.6 160H72.4L58 131.2H57.8C54.4 124.6 47.8 120 40 120C29 120 20 129 20 140C20 143.2 21 146.2 22.4 148.8L62 228.4L80 264.8L102.2 308.8C105.6 315.4 112.2 320 120 320C127.8 320 134.4 315.4 137.8 308.8zM280 140C274.4000000000001 140 269.4000000000001 137.8 265.8 134.2L180 48.2L134.2 94.2C130.6 97.8 125.6 100 120 100C109 100 100 91 100 80C100 74.4 102.2 69.4 105.8 65.8L165.8 5.8C169.4 2.2 174.4 0 180 0C185.6 0 190.6 2.2 194.2 5.8L294.2000000000001 105.8C297.8 109.4 300 114.4 300 120C300 131 291 140 280 140zM120.0024 255.1954L92.4024 199.9954H147.6024L120.0024 255.1954z"
+                        : "M177.8 388.8L277.8 188.8C279 186.2 280 183.2 280 180C280 169 271 160 260 160C252.2 160 245.6 164.6 242.2 171L217.6 220H102.4L77.8 171.2C74.4 164.6 67.8 160 60 160C49 160 40 169 40 180C40 183.2 41 186.2 42.4 188.8L89.4 283.4L107.4 319.6L142.2 388.8C145.6 395.4 152.2 400 160 400C167.8 400 174.4 395.4 177.8 388.8zM122.4024 259.9954L160.0024 335.1954L197.6024 259.9954H122.4024zM345.8 174.2C349.4 177.8 354.4 180 360 180C371 180 380 171 380 160C380 154.4 377.8 149.4 374.2000000000001 145.8L234.2 5.8C230.6 2.2 225.6 0 220 0C214.4 0 209.4 2.2 205.8 5.8L145.8 65.8C142.2 69.4 140 74.4 140 80C140 91 149 100 160 100C165.6 100 170.6 97.8 174.2 94.2000000000001L220 48.2L345.8 174.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SpellCheck.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SpellCheck.displayName = `Blueprint5.Icon.SpellCheck`;
 export default SpellCheck;

package/src/generated/components/split-columns.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 SplitColumns: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M300 140C300 129 309 120 320 120C325.6 120 330.6 122.2 334.2000000000001 125.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200C400 205.6 397.8 210.6 394.2000000000001 214.2L334.2000000000001 274.2000000000001C330.6 277.8 325.6 280 320 280C309 280 300 271 300 260C300 254.4 302.2 249.4 305.8 245.8L331.8 220H220V360H320V320C335.4 320 349.4 314 360 304.4V380C360 391 351 400 340 400H60C49 400 40 391 40 380V304.4C50.6 314 64.6 320 80 320V360H180V220H68.2L94 245.8C97.8 249.4 100 254.4 100 260C100 271 91 280 80 280C74.4 280 69.4 277.8 65.8 274.2L5.8 214.2C2.2 210.6 0 205.6 0 200C0 194.4 2.2 189.4 5.8 185.8L65.8 125.8C69.4 122.2 74.4 120 80 120C91 120 100 129 100 140C100 145.6 97.8 150.6 94.2 154.2L68.2 180H180V40H80V80C64.6 80 50.6 86 40 95.6V20C40 9 49 0 60 0H340C351 0 360 9 360 20V95.6C349.4 86 335.4 80 320 80V40H220V180H331.8L306 154.2C302.2 150.6 300 145.6 300 140z"
-                    : "M240 120C240 109 249 100 260 100C265.6 100 270.6 102.2 274.2000000000001 105.8L314.2000000000001 145.8C317.8 149.4 320 154.4 320 160C320 165.6 317.8 170.6 314.2000000000001 174.2L274.2000000000001 214.2C270.6 217.8 265.6 220 260 220C249 220 240 211 240 200C240 194.4 242.2 189.4 245.8 185.8L251.8 180H180V280H240V245.8C246.2 248.4 252.8 250 260 250S273.8 248.4 280 245.8V300C280 311 271 320 260 320H60C49 320 40 311 40 300V245.8C46.2 248.4 52.8 250 60 250S73.8 248.4 80 245.8V280H140V180H68.2L74 185.8C77.8 189.4 80 194.4 80 200C80 211 71 220 60 220C54.4 220 49.4 217.8 45.8 214.2L5.8 174.2C2.2 170.6 0 165.6 0 160C0 154.4 2.2 149.4 5.8 145.8L45.8 105.8C49.4 102.2 54.4 100 60 100C71 100 80 109 80 120C80 125.6 77.8 130.6 74.2 134.2L68.2 140H140V40H80V74.2C73.8 71.6 67.2 70 60 70S46.2 71.6 40 74.2V20C40 9 49 0 60 0H260C271 0 280 9 280 20V74.2C273.8 71.6 267.2 70 260 70S246.2 71.6 240 74.2V40H180V140H251.8L246 134.2C242.2 130.6 240 125.6 240 120z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="split-columns"
-                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}-split-columns`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="split-columns" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SplitColumns: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="split-columns" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M240 120C240 109 249 100 260 100C265.6 100 270.6 102.2 274.2000000000001 105.8L314.2000000000001 145.8C317.8 149.4 320 154.4 320 160C320 165.6 317.8 170.6 314.2000000000001 174.2L274.2000000000001 214.2C270.6 217.8 265.6 220 260 220C249 220 240 211 240 200C240 194.4 242.2 189.4 245.8 185.8L251.8 180H180V280H240V245.8C246.2 248.4 252.8 250 260 250S273.8 248.4 280 245.8V300C280 311 271 320 260 320H60C49 320 40 311 40 300V245.8C46.2 248.4 52.8 250 60 250S73.8 248.4 80 245.8V280H140V180H68.2L74 185.8C77.8 189.4 80 194.4 80 200C80 211 71 220 60 220C54.4 220 49.4 217.8 45.8 214.2L5.8 174.2C2.2 170.6 0 165.6 0 160C0 154.4 2.2 149.4 5.8 145.8L45.8 105.8C49.4 102.2 54.4 100 60 100C71 100 80 109 80 120C80 125.6 77.8 130.6 74.2 134.2L68.2 140H140V40H80V74.2C73.8 71.6 67.2 70 60 70S46.2 71.6 40 74.2V20C40 9 49 0 60 0H260C271 0 280 9 280 20V74.2C273.8 71.6 267.2 70 260 70S246.2 71.6 240 74.2V40H180V140H251.8L246 134.2C242.2 130.6 240 125.6 240 120z"
+                        : "M300 140C300 129 309 120 320 120C325.6 120 330.6 122.2 334.2000000000001 125.8L394.2000000000001 185.8C397.8 189.4 400 194.4 400 200C400 205.6 397.8 210.6 394.2000000000001 214.2L334.2000000000001 274.2000000000001C330.6 277.8 325.6 280 320 280C309 280 300 271 300 260C300 254.4 302.2 249.4 305.8 245.8L331.8 220H220V360H320V320C335.4 320 349.4 314 360 304.4V380C360 391 351 400 340 400H60C49 400 40 391 40 380V304.4C50.6 314 64.6 320 80 320V360H180V220H68.2L94 245.8C97.8 249.4 100 254.4 100 260C100 271 91 280 80 280C74.4 280 69.4 277.8 65.8 274.2L5.8 214.2C2.2 210.6 0 205.6 0 200C0 194.4 2.2 189.4 5.8 185.8L65.8 125.8C69.4 122.2 74.4 120 80 120C91 120 100 129 100 140C100 145.6 97.8 150.6 94.2 154.2L68.2 180H180V40H80V80C64.6 80 50.6 86 40 95.6V20C40 9 49 0 60 0H340C351 0 360 9 360 20V95.6C349.4 86 335.4 80 320 80V40H220V180H331.8L306 154.2C302.2 150.6 300 145.6 300 140z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SplitColumns.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SplitColumns.displayName = `Blueprint5.Icon.SplitColumns`;
 export default SplitColumns;

package/src/generated/components/square.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 Square: 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 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400zM360 40H40V360H360V40z"
-                    : "M300 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320zM280 40H40V280H280V40z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="square"
-                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}-square`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="square" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Square: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="square" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 320H20C9 320 0 311 0 300V20C0 9 9 0 20 0H300C311 0 320 9 320 20V300C320 311 311 320 300 320zM280 40H40V280H280V40z"
+                        : "M380 400H20C9 400 0 391 0 380V20C0 9 9 0 20 0H380C391 0 400 9 400 20V380C400 391 391 400 380 400zM360 40H40V360H360V40z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Square.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Square.displayName = `Blueprint5.Icon.Square`;
 export default Square;

package/src/generated/components/stacked-chart.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 StackedChart: 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 360C240 371 231 380 220 380H180C169 380 160 371 160 360V280H240V360zM300 80H340C351 80 360 89 360 100V200H280V100C280 89 289 80 300 80zM360 280C360 291 351 300 340 300H300C289 300 280 291 280 280V220H360V280zM240 260H160V160H240V260zM60 80H100C111 80 120 89 120 100V160H40V100C40 89 49 80 60 80zM380 60H20C9 60 0 51 0 40C0 29 9 20 20 20H380C391 20 400 29 400 40C400 51 391 60 380 60zM120 220C120 231 111 240 100 240H60C49 240 40 231 40 220V180H120V220zM180 80H220C231 80 240 89 240 100V140H160V100C160 89 169 80 180 80z"
-                    : "M200 280C200 291 191 300 180 300H160C149 300 140 291 140 280V220H200V280zM260 80H280C291 80 300 89 300 100V160H240V100C240 89 249 80 260 80zM300 220C300 231 291 240 280 240H260C249 240 240 231 240 220V180H300V220zM200 200H140V140H200V200zM100 180C100 191 91 200 80 200H60C49 200 40 191 40 180V160H100V180zM160 80H180C191 80 200 89 200 100V120H140V100C140 89 149 80 160 80zM300 60H40C29 60 20 51 20 40C20 29 29 20 40 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM60 80H80C91 80 100 89 100 100V140H40V100C40 89 49 80 60 80z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="stacked-chart"
-                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}-stacked-chart`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="stacked-chart" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const StackedChart: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="stacked-chart" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M200 280C200 291 191 300 180 300H160C149 300 140 291 140 280V220H200V280zM260 80H280C291 80 300 89 300 100V160H240V100C240 89 249 80 260 80zM300 220C300 231 291 240 280 240H260C249 240 240 231 240 220V180H300V220zM200 200H140V140H200V200zM100 180C100 191 91 200 80 200H60C49 200 40 191 40 180V160H100V180zM160 80H180C191 80 200 89 200 100V120H140V100C140 89 149 80 160 80zM300 60H40C29 60 20 51 20 40C20 29 29 20 40 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM60 80H80C91 80 100 89 100 100V140H40V100C40 89 49 80 60 80z"
+                        : "M240 360C240 371 231 380 220 380H180C169 380 160 371 160 360V280H240V360zM300 80H340C351 80 360 89 360 100V200H280V100C280 89 289 80 300 80zM360 280C360 291 351 300 340 300H300C289 300 280 291 280 280V220H360V280zM240 260H160V160H240V260zM60 80H100C111 80 120 89 120 100V160H40V100C40 89 49 80 60 80zM380 60H20C9 60 0 51 0 40C0 29 9 20 20 20H380C391 20 400 29 400 40C400 51 391 60 380 60zM120 220C120 231 111 240 100 240H60C49 240 40 231 40 220V180H120V220zM180 80H220C231 80 240 89 240 100V140H160V100C160 89 169 80 180 80z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+StackedChart.defaultProps = {
+    size: IconSize.STANDARD,
+};
 StackedChart.displayName = `Blueprint5.Icon.StackedChart`;
 export default StackedChart;