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

package/src/generated/components/euro.tsx

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

package/src/generated/components/exchange.tsx

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

package/src/generated/components/exclude-row.tsx

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

package/src/generated/components/expand-all.tsx

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

package/src/generated/components/export.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 Export: 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
-                    ? "M100 260C105.6 260 110.6 262.2000000000001 114.2 265.8L180 331.8V100C180 89 189 80 200 80S220 89 220 100V331.8L285.8 266C289.4000000000001 262.2000000000001 294.4000000000001 260 300 260C311 260 320 269 320 280C320 285.6 317.8 290.6 314.2000000000001 294.2L214.2 394.2C210.6 397.8 205.6 400 200 400S189.4 397.8 185.8 394.2L85.8 294.2C82.2 290.6 80 285.6 80 280C80 269 89 260 100 260zM380 120C369 120 360 111 360 100V40H40V100C40 111 31 120 20 120S0 111 0 100V20C0 9 9 0 20 0H380C391 0 400 9 400 20V100C400 111 391 120 380 120z"
-                    : "M80 200C85.6 200 90.6 202.2 94.2 205.8L140 251.8V100C140 89 149 80 160 80S180 89 180 100V251.8L225.8 206C229.4 202.2 234.4 200 240 200C251 200 260 209 260 220C260 225.6 257.8 230.6 254.2 234.2L174.2 314.2C170.6 317.8 165.6 320 160 320S149.4 317.8 145.8 314.2L65.8 234.2C62.2 230.6 60 225.6 60 220C60 209 69 200 80 200zM300 100C289 100 280 91 280 80V40H40V80C40 91 31 100 20 100S0 91 0 80V20C0 9 9 0 20 0H300C311 0 320 9 320 20V80C320 91 311 100 300 100z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="export"
-                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}-export`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="export" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Export: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="export" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M80 200C85.6 200 90.6 202.2 94.2 205.8L140 251.8V100C140 89 149 80 160 80S180 89 180 100V251.8L225.8 206C229.4 202.2 234.4 200 240 200C251 200 260 209 260 220C260 225.6 257.8 230.6 254.2 234.2L174.2 314.2C170.6 317.8 165.6 320 160 320S149.4 317.8 145.8 314.2L65.8 234.2C62.2 230.6 60 225.6 60 220C60 209 69 200 80 200zM300 100C289 100 280 91 280 80V40H40V80C40 91 31 100 20 100S0 91 0 80V20C0 9 9 0 20 0H300C311 0 320 9 320 20V80C320 91 311 100 300 100z"
+                        : "M100 260C105.6 260 110.6 262.2000000000001 114.2 265.8L180 331.8V100C180 89 189 80 200 80S220 89 220 100V331.8L285.8 266C289.4000000000001 262.2000000000001 294.4000000000001 260 300 260C311 260 320 269 320 280C320 285.6 317.8 290.6 314.2000000000001 294.2L214.2 394.2C210.6 397.8 205.6 400 200 400S189.4 397.8 185.8 394.2L85.8 294.2C82.2 290.6 80 285.6 80 280C80 269 89 260 100 260zM380 120C369 120 360 111 360 100V40H40V100C40 111 31 120 20 120S0 111 0 100V20C0 9 9 0 20 0H380C391 0 400 9 400 20V100C400 111 391 120 380 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Export.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Export.displayName = `Blueprint5.Icon.Export`;
 export default Export;

package/src/generated/components/eye-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 { SVGIconContainer } from "../../svgIconContainer";
 
-export const EyeOff: 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
-                    ? "M400 200.8C400 201 400 201.2 400 201.4C400 201.4 400 201.6 400 201.6C400 201.8 400 201.8 400 202C400 202.2 400 202.2 400 202.4C400 202.4 400 202.4 400 202.4C399.6 205.6 398 208.6 395.8 211C384.8 224.7999999999999 372 237 358.8 248.4L280.2 196C278 154 243.6 120.6 201 120.6C191.5999999999999 120.6 182.8 122.6 174.4 125.4L129.5999999999999 95.6C140 91.3999999999999 150.5999999999999 87.8 161.5999999999999 85.4C185.7999999999999 79.9999999999999 210.1999999999999 79.8 234.4 84.3999999999999C256.5999999999999 88.6 277.8 97.1999999999999 297.8 107.9999999999999C328.9999999999999 124.8 357.5999999999999 148 382.4 173.9999999999999C387 178.7999999999999 391.6 183.7999999999999 395.8 188.9999999999999C398 191.3999999999999 399.4 194.3999999999999 400 197.5999999999999C400 197.5999999999999 400 197.5999999999999 400 197.5999999999999C400 197.7999999999999 400 197.7999999999999 400 197.9999999999999C400 198.1999999999999 400 198.1999999999999 400 198.3999999999999C400 198.3999999999999 400 198.5999999999999 400 198.5999999999999C400 198.7999999999999 400 198.9999999999999 400 199.1999999999999C400 199.3999999999999 400 199.7999999999999 400 199.9999999999999C400 200.2 400 200.6 400 200.8zM390.8 303.6C396.2 307.2 400 313 400 320C400 331 391 340 380 340C375.8 340 372.2 338.4 369.2000000000001 336.4L369 336.8L300 290.8C281 301.4 261 310 239.8 314.8C215.4 320 191 320.2 166.8 315.6C144.6 311.4 123.4 302.8 103.4 292C72.2 275.2 43.6 252 18.8 226C14.2 221.2 9.6 216.4 5.4 211C0 204.2 0 195.8 5.4 189C18.2 173.2 33.2 159 48.6 146C53.8 141.8 59 137.8 64.4 133.8L8.8 96.8L9 96.4C3.8 92.8 0 87 0 80C0 69 9 60 20 60C24.2 60 27.8 61.6 30.8 63.6L31 63.2L391 303.2L390.8 303.6zM217.4 235.6C212.4 238 206.8 239.6 200.8 239.6C178.8 239.6 161 221.8 161 199.8C161 199.2 161.4 198.6 161.4 198L125.8 174.2C123 182.2 121.4 190.8 121.4 199.8C121.4 243.6 157 279.2 201 279.2C221.2 279.2 239.2 271.6 253.2 259.2L217.4 235.6z"
-                    : "M320 160.6C320 160.8 320 160.8 320 161C320 161 320 161.2 320 161.2C320 161.4 320 161.4 320 161.6C320 161.8 320 161.8 320 162C320 162 320 162 320 162C319.6 164.8 318.4 167.2 316.6 169.2C306.8 181.8 295.2 193.2 283.6 203.6L220.4 158.4C219.6 126.2 193.2 100.4 160.8 100.4C154.6 100.4 148.8 101.6 143.2 103.4L101.8 74C110.6 70.2 119.8 66.8 129.2 64.6C148.6 60 168 59.8 187.6 63.6C205.2000000000001 67 222.4 74.4 238.2 83.2C263.2 97.2 286 116.6 305.8 138.2C309.4 142.2 313.2 146.4 316.4 150.6C318.2 152.6 319.4 155 319.8 157.8C319.8 157.8 319.8 157.8 319.8 157.8C319.8 158 319.8 158 319.8 158.2C319.8 158.4 319.8 158.4 319.8 158.6C319.8 158.6 319.8 158.8 319.8 158.8C319.8 159 319.8 159 319.8 159.1999999999999C319.8 159.4 319.8 159.5999999999999 319.8 159.7999999999999C320 160.2 320 160.4 320 160.6zM311.4 244C316.4 247.6 320 253.2 320 260C320 271 311 280 300 280C295.6 280 291.8 278.4 288.6 276L288.4 276.2L235 238C221.2 245.6 206.8 251.8 191.6 255.4C172.4 260 152.8 260.2 133.4 256.4C115.8 252.8 98.6 245.6 82.8 236.6C57.8 222.6 35 203.2 15.2 181.6C11.6 177.6 7.8 173.4 4.6 169.2C0 163.4 0 156.6 4.4 150.8C14.6 137.6 26.6 125.8 39 115C42.6 111.8 46.6 109.2 50.2 106.2L8.4 76.2L8.6 76C3.6 72.4 0 66.8 0 60C0 49 9 40 20 40C24.4 40 28.2 41.6 31.4 44L31.6 43.8L311.6 243.8L311.4 244zM103.2 144C101.8 149.2 101 154.4 101 160C101 192.8 127.8 219.6 160.8 219.6C173.2 219.6 184.6 215.4 194 209L103.2 144z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="eye-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}-eye-off`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="eye-off" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const EyeOff: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="eye-off" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M320 160.6C320 160.8 320 160.8 320 161C320 161 320 161.2 320 161.2C320 161.4 320 161.4 320 161.6C320 161.8 320 161.8 320 162C320 162 320 162 320 162C319.6 164.8 318.4 167.2 316.6 169.2C306.8 181.8 295.2 193.2 283.6 203.6L220.4 158.4C219.6 126.2 193.2 100.4 160.8 100.4C154.6 100.4 148.8 101.6 143.2 103.4L101.8 74C110.6 70.2 119.8 66.8 129.2 64.6C148.6 60 168 59.8 187.6 63.6C205.2000000000001 67 222.4 74.4 238.2 83.2C263.2 97.2 286 116.6 305.8 138.2C309.4 142.2 313.2 146.4 316.4 150.6C318.2 152.6 319.4 155 319.8 157.8C319.8 157.8 319.8 157.8 319.8 157.8C319.8 158 319.8 158 319.8 158.2C319.8 158.4 319.8 158.4 319.8 158.6C319.8 158.6 319.8 158.8 319.8 158.8C319.8 159 319.8 159 319.8 159.1999999999999C319.8 159.4 319.8 159.5999999999999 319.8 159.7999999999999C320 160.2 320 160.4 320 160.6zM311.4 244C316.4 247.6 320 253.2 320 260C320 271 311 280 300 280C295.6 280 291.8 278.4 288.6 276L288.4 276.2L235 238C221.2 245.6 206.8 251.8 191.6 255.4C172.4 260 152.8 260.2 133.4 256.4C115.8 252.8 98.6 245.6 82.8 236.6C57.8 222.6 35 203.2 15.2 181.6C11.6 177.6 7.8 173.4 4.6 169.2C0 163.4 0 156.6 4.4 150.8C14.6 137.6 26.6 125.8 39 115C42.6 111.8 46.6 109.2 50.2 106.2L8.4 76.2L8.6 76C3.6 72.4 0 66.8 0 60C0 49 9 40 20 40C24.4 40 28.2 41.6 31.4 44L31.6 43.8L311.6 243.8L311.4 244zM103.2 144C101.8 149.2 101 154.4 101 160C101 192.8 127.8 219.6 160.8 219.6C173.2 219.6 184.6 215.4 194 209L103.2 144z"
+                        : "M400 200.8C400 201 400 201.2 400 201.4C400 201.4 400 201.6 400 201.6C400 201.8 400 201.8 400 202C400 202.2 400 202.2 400 202.4C400 202.4 400 202.4 400 202.4C399.6 205.6 398 208.6 395.8 211C384.8 224.7999999999999 372 237 358.8 248.4L280.2 196C278 154 243.6 120.6 201 120.6C191.5999999999999 120.6 182.8 122.6 174.4 125.4L129.5999999999999 95.6C140 91.3999999999999 150.5999999999999 87.8 161.5999999999999 85.4C185.7999999999999 79.9999999999999 210.1999999999999 79.8 234.4 84.3999999999999C256.5999999999999 88.6 277.8 97.1999999999999 297.8 107.9999999999999C328.9999999999999 124.8 357.5999999999999 148 382.4 173.9999999999999C387 178.7999999999999 391.6 183.7999999999999 395.8 188.9999999999999C398 191.3999999999999 399.4 194.3999999999999 400 197.5999999999999C400 197.5999999999999 400 197.5999999999999 400 197.5999999999999C400 197.7999999999999 400 197.7999999999999 400 197.9999999999999C400 198.1999999999999 400 198.1999999999999 400 198.3999999999999C400 198.3999999999999 400 198.5999999999999 400 198.5999999999999C400 198.7999999999999 400 198.9999999999999 400 199.1999999999999C400 199.3999999999999 400 199.7999999999999 400 199.9999999999999C400 200.2 400 200.6 400 200.8zM390.8 303.6C396.2 307.2 400 313 400 320C400 331 391 340 380 340C375.8 340 372.2 338.4 369.2000000000001 336.4L369 336.8L300 290.8C281 301.4 261 310 239.8 314.8C215.4 320 191 320.2 166.8 315.6C144.6 311.4 123.4 302.8 103.4 292C72.2 275.2 43.6 252 18.8 226C14.2 221.2 9.6 216.4 5.4 211C0 204.2 0 195.8 5.4 189C18.2 173.2 33.2 159 48.6 146C53.8 141.8 59 137.8 64.4 133.8L8.8 96.8L9 96.4C3.8 92.8 0 87 0 80C0 69 9 60 20 60C24.2 60 27.8 61.6 30.8 63.6L31 63.2L391 303.2L390.8 303.6zM217.4 235.6C212.4 238 206.8 239.6 200.8 239.6C178.8 239.6 161 221.8 161 199.8C161 199.2 161.4 198.6 161.4 198L125.8 174.2C123 182.2 121.4 190.8 121.4 199.8C121.4 243.6 157 279.2 201 279.2C221.2 279.2 239.2 271.6 253.2 259.2L217.4 235.6z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+EyeOff.defaultProps = {
+    size: IconSize.STANDARD,
+};
 EyeOff.displayName = `Blueprint5.Icon.EyeOff`;
 export default EyeOff;