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

package/src/generated/components/follower.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 Follower: 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
-                    ? "M230.8 81.6C201.2 94.6 205.2 102.6 204.2 113.4C204 114.8 204 116.4 204 118C214.2 127 222.4 139.4 227.8 153.6C227.8 153.6 228 154.4 228.2 154.6C229.4 157.6 230.4 161 231.2 164.2C238 165.6 242 173 243.4 179.8C245 182.6 248 189.4 247.4 197.2C246.3999999999999 207.2 242.4 211.8 238 213.6C238 214.2 238 214.8 238 215.4C238 228 236.8 246.4 234.6 258.4C234.2 261.8 233.3999999999999 265 232.4 268.4C228 283 218.8 296.4 206.6 305.6C193.8 315 176 320 160.2 320C144.2 320 126.4 315 113.8 305.4C101.6 296 92.6 282.8 88.2 268.2C87.2 264.8 86.4 261.6 86 258.2C83.6 246.2 82.4 228 82.4 215.4C82.4 214.8 82.4 214.4 82.4 213.8C77.8 212 73.6 207.4 72.6 197.2C71.8 189.4 75 182.6 76.6 179.8C78.2 172.8 82.2 165.4 89.2 164.2C90 160.8 91 157.6 92.2 154.6C92.2 154.4 92.4 154.2 92.4 154L92.6 153.8C98 139.4 106.6 126.8 117 117.8C117 116.4 116.8 115 116.8 113.6C115.8 102.8 118.8 94.8 89.2 81.8C59.6 68.8 15 54.8 6 33.8C-3.2 12.4 0.4 0 0.4 0H319.4C319.4 0 323 12.4 314 33.4C304.8 54.6 260.4 68.4 230.8 81.6zM393.8 334.2L333.8 394.2C330.4 397.8 325.4 400 319.8 400C308.8 400 299.8 391 299.8 380C299.8 374.4 302 369.4 305.6 365.8L331.6 340H260C249 340 240 331 240 320C240 309 249 300 260 300H331.6L305.8 274.2C302 270.6 299.8 265.6 299.8 260C299.8 249 308.8 240 319.8 240C325.4 240 330.4 242.2 334 245.8L394 305.8C397.6 309.4 399.8 314.4 399.8 320C399.8 325.6 397.6 330.6 393.8 334.2z"
-                    : "M187.4 66.2C163.4 76.8 166.6 83.2 165.8 92C165.6 93.2000000000001 165.6 94.4 165.6 95.8C173.8 103.2 180.6 113.2 185 124.6C185 124.6 185.2 125.2 185.2 125.4C186.2 128 187 130.6 187.6 133.2C193.2 134.4 196.4 140.4 197.6 145.8C198.8 148 201.4 153.6 200.8 159.8C200 167.8 196.8 171.6 193.2 173.2C193.2 173.6 193.2 174.2 193.2 174.6C193.2 185 192.2 199.8 190.4 209.4C190 212.6 189.4 215.2 188.6 218C185 230 177.6 240.6 167.8 248.2C157.4 256 143 260 130 260C117.2 260 102.8 256 92.6 248.2C82.6 240.6 75.2 229.8 71.6 218C70.8 215.4 70.2 212.6 69.8 210C68 200.2 67 185.2 67 175C67 174.6 67 174.2 67 173.8C63.2 172.4 59.8 168.6 59 160.2C58.4 154 61 148.4 62.2 146.2C63.4 140.6 66.8 134.4 72.4 133.4C73.2 130.6 74 128 75 125.6C75 125.4 75.2 125.2 75.2 125.2L75.2 125C79.6 113.2 86.6 103 95 95.8C95 94.6 94.8 93.4 94.8 92.4C94 83.6 96.4 77.2 72.4 66.6C48.4 56 12.2 44.6 4.8 27.6C-2.6 10 0.4 0 0.4 0H259.6C259.6 0 262.6 10 255.2 27.2C247.6 44.2 211.4 55.6 187.4 66.2zM314 274.2L274 314.2C270.4 317.8 265.4 320 259.8 320C248.8 320 239.8 311 239.8 300C239.8 294.4 242 289.4 245.6 285.8L251.6 280H199.8C188.8 280 179.8 271 179.8 260C179.8 249 188.8 240 199.8 240H251.4L245.6 234.2C242 230.6 239.8 225.6 239.8 220C239.8 209 248.8 200 259.8 200C265.4 200 270.4 202.2 274 205.8L314 245.8C317.6 249.4 319.8 254.4 319.8 260C319.8 265.6 317.6 270.6 314 274.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="follower"
-                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}-follower`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="follower" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Follower: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="follower" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M187.4 66.2C163.4 76.8 166.6 83.2 165.8 92C165.6 93.2000000000001 165.6 94.4 165.6 95.8C173.8 103.2 180.6 113.2 185 124.6C185 124.6 185.2 125.2 185.2 125.4C186.2 128 187 130.6 187.6 133.2C193.2 134.4 196.4 140.4 197.6 145.8C198.8 148 201.4 153.6 200.8 159.8C200 167.8 196.8 171.6 193.2 173.2C193.2 173.6 193.2 174.2 193.2 174.6C193.2 185 192.2 199.8 190.4 209.4C190 212.6 189.4 215.2 188.6 218C185 230 177.6 240.6 167.8 248.2C157.4 256 143 260 130 260C117.2 260 102.8 256 92.6 248.2C82.6 240.6 75.2 229.8 71.6 218C70.8 215.4 70.2 212.6 69.8 210C68 200.2 67 185.2 67 175C67 174.6 67 174.2 67 173.8C63.2 172.4 59.8 168.6 59 160.2C58.4 154 61 148.4 62.2 146.2C63.4 140.6 66.8 134.4 72.4 133.4C73.2 130.6 74 128 75 125.6C75 125.4 75.2 125.2 75.2 125.2L75.2 125C79.6 113.2 86.6 103 95 95.8C95 94.6 94.8 93.4 94.8 92.4C94 83.6 96.4 77.2 72.4 66.6C48.4 56 12.2 44.6 4.8 27.6C-2.6 10 0.4 0 0.4 0H259.6C259.6 0 262.6 10 255.2 27.2C247.6 44.2 211.4 55.6 187.4 66.2zM314 274.2L274 314.2C270.4 317.8 265.4 320 259.8 320C248.8 320 239.8 311 239.8 300C239.8 294.4 242 289.4 245.6 285.8L251.6 280H199.8C188.8 280 179.8 271 179.8 260C179.8 249 188.8 240 199.8 240H251.4L245.6 234.2C242 230.6 239.8 225.6 239.8 220C239.8 209 248.8 200 259.8 200C265.4 200 270.4 202.2 274 205.8L314 245.8C317.6 249.4 319.8 254.4 319.8 260C319.8 265.6 317.6 270.6 314 274.2z"
+                        : "M230.8 81.6C201.2 94.6 205.2 102.6 204.2 113.4C204 114.8 204 116.4 204 118C214.2 127 222.4 139.4 227.8 153.6C227.8 153.6 228 154.4 228.2 154.6C229.4 157.6 230.4 161 231.2 164.2C238 165.6 242 173 243.4 179.8C245 182.6 248 189.4 247.4 197.2C246.3999999999999 207.2 242.4 211.8 238 213.6C238 214.2 238 214.8 238 215.4C238 228 236.8 246.4 234.6 258.4C234.2 261.8 233.3999999999999 265 232.4 268.4C228 283 218.8 296.4 206.6 305.6C193.8 315 176 320 160.2 320C144.2 320 126.4 315 113.8 305.4C101.6 296 92.6 282.8 88.2 268.2C87.2 264.8 86.4 261.6 86 258.2C83.6 246.2 82.4 228 82.4 215.4C82.4 214.8 82.4 214.4 82.4 213.8C77.8 212 73.6 207.4 72.6 197.2C71.8 189.4 75 182.6 76.6 179.8C78.2 172.8 82.2 165.4 89.2 164.2C90 160.8 91 157.6 92.2 154.6C92.2 154.4 92.4 154.2 92.4 154L92.6 153.8C98 139.4 106.6 126.8 117 117.8C117 116.4 116.8 115 116.8 113.6C115.8 102.8 118.8 94.8 89.2 81.8C59.6 68.8 15 54.8 6 33.8C-3.2 12.4 0.4 0 0.4 0H319.4C319.4 0 323 12.4 314 33.4C304.8 54.6 260.4 68.4 230.8 81.6zM393.8 334.2L333.8 394.2C330.4 397.8 325.4 400 319.8 400C308.8 400 299.8 391 299.8 380C299.8 374.4 302 369.4 305.6 365.8L331.6 340H260C249 340 240 331 240 320C240 309 249 300 260 300H331.6L305.8 274.2C302 270.6 299.8 265.6 299.8 260C299.8 249 308.8 240 319.8 240C325.4 240 330.4 242.2 334 245.8L394 305.8C397.6 309.4 399.8 314.4 399.8 320C399.8 325.6 397.6 330.6 393.8 334.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Follower.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Follower.displayName = `Blueprint5.Icon.Follower`;
 export default Follower;

package/src/generated/components/following.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 Following: 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
-                    ? "M231 81.6C201.4 94.6 205.4 102.6 204.4 113.4C204.2 114.8 204.2 116.4 204.2 118C214.4 127 222.6 139.4 228 153.6C228 153.6 228.2 154.4 228.4 154.6C229.6 157.6 230.6 161 231.4 164.2C238.2 165.6 242.2 173 243.6 179.8C245.2 182.6 248.2 189.4 247.6 197.2C246.6 207.2 242.6 211.8 238.2 213.6C238.2 214.2 238.2 214.8 238.2 215.4C238.2 228 237 246.4 234.8 258.4C234.4 261.8 233.6 265 232.6 268.4C228.2 283 219 296.4 206.8 305.6C194 315 176.2 320 160.4 320C144.6 320 126.8 315 114.2 305.4C102 296 92.8 282.8 88.4 268.2C87.4 265 86.6 261.6 86.2 258.2C83.8 246.2 82.6 228 82.6 215.4C82.6 214.8 82.6 214.4 82.6 213.8C78 212 73.8 207.4 73 197.2C72.2 189.4 75.4 182.6 77 179.8C78.6 172.8 82.6 165.4 89.6 164.2C90.4 160.8 91.4 157.6 92.6 154.6C92.6 154.4 92.8 154.2 92.8 154L93 153.8C98.4 139.4 107 126.8 117.4 117.8C117.4 116.4 117.2 115 117.2 113.6C116.2 102.8 119.2 94.8 89.6 81.8C60 68.8 15.4 54.8 6.4 33.8C-3 12.4 0.8 0 0.8 0H319.8C319.8 0 323.4 12.4 314.4 33.4C305.2 54.6 260.6 68.4 231 81.6zM380 340H308.4L334.2000000000001 365.8C337.8 369.4 340 374.4 340 380C340 391 331 400 320 400C314.4000000000001 400 309.4000000000001 397.8 305.8 394.2L245.8 334.2C242.4 330.6 240.2 325.6 240.2 320C240.2 314.4 242.4 309.4 246 305.8L306 245.8C309.6 242.2 314.6 240 320 240C331 240 340 249 340 260C340 265.6 337.8 270.6 334.2000000000001 274.2L308.4 300H380C391 300 400 309 400 320C400 331 391 340 380 340z"
-                    : "M187.4 66.2C163.4 76.8 166.6 83.2 165.8 92C165.6 93.2000000000001 165.6 94.4 165.6 95.8C173.8 103.2 180.6 113.2 185 124.6C185 124.6 185.2 125.2 185.2 125.4C186.2 128 187 130.6 187.6 133.2C193.2 134.4 196.4 140.4 197.6 145.8C198.8 148 201.4 153.6 200.8 159.8C200 167.8 196.8 171.6 193.2 173.2C193.2 173.6 193.2 174.2 193.2 174.6C193.2 185 192.2 199.8 190.4 209.4C190 212.6 189.4 215.2 188.6 218C185 230 177.6 240.6 167.8 248.2C157.4 256 143 260 130 260C117.2 260 102.8 256 92.6 248.2C82.6 240.6 75.2 229.8 71.6 218C70.8 215.4 70.2 212.6 69.8 210C68 200.2 67 185.2 67 175C67 174.6 67 174.2 67 173.8C63.2 172.4 59.8 168.6 59 160.2C58.4 154 61 148.4 62.2 146.2C63.4 140.6 66.8 134.4 72.4 133.4C73.2 130.6 74 128 75 125.6C75 125.4 75.2 125.2 75.2 125.2L75.2 125C79.6 113.2 86.6 103 95 95.8C95 94.6 94.8 93.4 94.8 92.4C94 83.6 96.4 77.2 72.4 66.6C48.4 56 12.2 44.6 4.8 27.6C-2.6 10 0.4 0 0.4 0H259.6C259.6 0 262.6 10 255.2 27.2C247.6 44.2 211.4 55.6 187.4 66.2zM299.8 280H248.2L254 285.8C257.6 289.4 259.8 294.4 259.8 300C259.8 311 250.8 320 239.8 320C234.2 320 229.2 317.8 225.6 314.2L185.6 274.2C182.2 270.6 179.8 265.6 179.8 260C179.8 254.4 182 249.4 185.6 245.8L225.6 205.8C229.4 202.2 234.4 200 239.8 200C250.8 200 259.8 209 259.8 220C259.8 225.6 257.6 230.6 254.0000000000001 234.2L248.2 240H299.8C310.8 240 319.8 249 319.8 260C319.8 271 310.8 280 299.8 280z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="following"
-                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}-following`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="following" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Following: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="following" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M187.4 66.2C163.4 76.8 166.6 83.2 165.8 92C165.6 93.2000000000001 165.6 94.4 165.6 95.8C173.8 103.2 180.6 113.2 185 124.6C185 124.6 185.2 125.2 185.2 125.4C186.2 128 187 130.6 187.6 133.2C193.2 134.4 196.4 140.4 197.6 145.8C198.8 148 201.4 153.6 200.8 159.8C200 167.8 196.8 171.6 193.2 173.2C193.2 173.6 193.2 174.2 193.2 174.6C193.2 185 192.2 199.8 190.4 209.4C190 212.6 189.4 215.2 188.6 218C185 230 177.6 240.6 167.8 248.2C157.4 256 143 260 130 260C117.2 260 102.8 256 92.6 248.2C82.6 240.6 75.2 229.8 71.6 218C70.8 215.4 70.2 212.6 69.8 210C68 200.2 67 185.2 67 175C67 174.6 67 174.2 67 173.8C63.2 172.4 59.8 168.6 59 160.2C58.4 154 61 148.4 62.2 146.2C63.4 140.6 66.8 134.4 72.4 133.4C73.2 130.6 74 128 75 125.6C75 125.4 75.2 125.2 75.2 125.2L75.2 125C79.6 113.2 86.6 103 95 95.8C95 94.6 94.8 93.4 94.8 92.4C94 83.6 96.4 77.2 72.4 66.6C48.4 56 12.2 44.6 4.8 27.6C-2.6 10 0.4 0 0.4 0H259.6C259.6 0 262.6 10 255.2 27.2C247.6 44.2 211.4 55.6 187.4 66.2zM299.8 280H248.2L254 285.8C257.6 289.4 259.8 294.4 259.8 300C259.8 311 250.8 320 239.8 320C234.2 320 229.2 317.8 225.6 314.2L185.6 274.2C182.2 270.6 179.8 265.6 179.8 260C179.8 254.4 182 249.4 185.6 245.8L225.6 205.8C229.4 202.2 234.4 200 239.8 200C250.8 200 259.8 209 259.8 220C259.8 225.6 257.6 230.6 254.0000000000001 234.2L248.2 240H299.8C310.8 240 319.8 249 319.8 260C319.8 271 310.8 280 299.8 280z"
+                        : "M231 81.6C201.4 94.6 205.4 102.6 204.4 113.4C204.2 114.8 204.2 116.4 204.2 118C214.4 127 222.6 139.4 228 153.6C228 153.6 228.2 154.4 228.4 154.6C229.6 157.6 230.6 161 231.4 164.2C238.2 165.6 242.2 173 243.6 179.8C245.2 182.6 248.2 189.4 247.6 197.2C246.6 207.2 242.6 211.8 238.2 213.6C238.2 214.2 238.2 214.8 238.2 215.4C238.2 228 237 246.4 234.8 258.4C234.4 261.8 233.6 265 232.6 268.4C228.2 283 219 296.4 206.8 305.6C194 315 176.2 320 160.4 320C144.6 320 126.8 315 114.2 305.4C102 296 92.8 282.8 88.4 268.2C87.4 265 86.6 261.6 86.2 258.2C83.8 246.2 82.6 228 82.6 215.4C82.6 214.8 82.6 214.4 82.6 213.8C78 212 73.8 207.4 73 197.2C72.2 189.4 75.4 182.6 77 179.8C78.6 172.8 82.6 165.4 89.6 164.2C90.4 160.8 91.4 157.6 92.6 154.6C92.6 154.4 92.8 154.2 92.8 154L93 153.8C98.4 139.4 107 126.8 117.4 117.8C117.4 116.4 117.2 115 117.2 113.6C116.2 102.8 119.2 94.8 89.6 81.8C60 68.8 15.4 54.8 6.4 33.8C-3 12.4 0.8 0 0.8 0H319.8C319.8 0 323.4 12.4 314.4 33.4C305.2 54.6 260.6 68.4 231 81.6zM380 340H308.4L334.2000000000001 365.8C337.8 369.4 340 374.4 340 380C340 391 331 400 320 400C314.4000000000001 400 309.4000000000001 397.8 305.8 394.2L245.8 334.2C242.4 330.6 240.2 325.6 240.2 320C240.2 314.4 242.4 309.4 246 305.8L306 245.8C309.6 242.2 314.6 240 320 240C331 240 340 249 340 260C340 265.6 337.8 270.6 334.2000000000001 274.2L308.4 300H380C391 300 400 309 400 320C400 331 391 340 380 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Following.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Following.displayName = `Blueprint5.Icon.Following`;
 export default Following;

package/src/generated/components/font.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 Font: 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
-                    ? "M218.666 347.1796C215.696 354.9034 208.276 360 200 360C191.7244 360 184.3038 354.9034 181.333 347.1796L81.4964 87.604C80.532 85.26 80 82.692 80 80C80 68.954 88.9544 60 100 60C108.6804 60 116.0692 65.53 118.8356 73.26L144.5052 140H255.494L281.166 73.254C283.934 65.528 291.322 60 300 60C311.046 60 320 68.954 320 80C320 82.694 319.468 85.264 318.502 87.61L218.666 347.1796zM240.11 180L200 284.2864L159.8898 180H240.11z"
-                    : "M160 280C168.178 280 175.5322 275.021 178.5696 267.4278L258.4 67.85C259.43 65.44 260 62.786 260 60C260 48.954 251.046 40 240 40C231.414 40 224.094 45.41 221.258 53.006L202.46 100H117.5406L98.7426 53.004C95.9064 45.408 88.5848 40 80 40C68.9544 40 60 48.954 60 60C60 62.786 60.5698 65.44 61.599 67.85L141.4304 267.4278C144.4678 275.021 151.822 280 160 280zM133.5406 140H186.4594L160 206.1484L133.5406 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="font"
-                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}-font`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="font" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Font: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="font" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 280C168.178 280 175.5322 275.021 178.5696 267.4278L258.4 67.85C259.43 65.44 260 62.786 260 60C260 48.954 251.046 40 240 40C231.414 40 224.094 45.41 221.258 53.006L202.46 100H117.5406L98.7426 53.004C95.9064 45.408 88.5848 40 80 40C68.9544 40 60 48.954 60 60C60 62.786 60.5698 65.44 61.599 67.85L141.4304 267.4278C144.4678 275.021 151.822 280 160 280zM133.5406 140H186.4594L160 206.1484L133.5406 140z"
+                        : "M218.666 347.1796C215.696 354.9034 208.276 360 200 360C191.7244 360 184.3038 354.9034 181.333 347.1796L81.4964 87.604C80.532 85.26 80 82.692 80 80C80 68.954 88.9544 60 100 60C108.6804 60 116.0692 65.53 118.8356 73.26L144.5052 140H255.494L281.166 73.254C283.934 65.528 291.322 60 300 60C311.046 60 320 68.954 320 80C320 82.694 319.468 85.264 318.502 87.61L218.666 347.1796zM240.11 180L200 284.2864L159.8898 180H240.11z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Font.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Font.displayName = `Blueprint5.Icon.Font`;
 export default Font;

package/src/generated/components/fork.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 Fork: 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
-                    ? "M334.2000000000001 174.2C330.6 177.8 325.6 180 320 180C309 180 300 171 300 160C300 154.4 302.2 149.4 305.8 145.8L331.8 120H288.4L128.4 280H331.8L306 254.2C302.2 250.6 300 245.6 300 240C300 229 309 220 320 220C325.6 220 330.6 222.2 334.2000000000001 225.8L394.2000000000001 285.8C397.8 289.4 400 294.4 400 300C400 305.6 397.8 310.6 394.2000000000001 314.2L334.2000000000001 374.2C330.6 377.8 325.6 380 320 380C309 380 300 371 300 360C300 354.4 302.2 349.4 305.8 345.8L331.8 320H20C9 320 0 311 0 300C0 289 9 280 20 280H71.8L266 85.8C269.4000000000001 82.2 274.4000000000001 80 280 80H331.8L306 54.2C302.2 50.6 300 45.6 300 40C300 29 309 20 320 20C325.6 20 330.6 22.2 334.2000000000001 25.8L394.2000000000001 85.8C397.8 89.4 400 94.4 400 100C400 105.6 397.8 110.6 394.2000000000001 114.2000000000001L334.2000000000001 174.2z"
-                    : "M274 134.2C270.4 137.8 265.4 140 259.8 140C248.8 140 239.8 131 239.8 120C239.8 114.4 242 109.4 245.6 105.8L251.4 100H228L128 200H251.4L245.6 194.2C242 190.6 239.8 185.6 239.8 180C239.8 169 248.8 160 259.8 160C265.4 160 270.4 162.2 274 165.8L314 205.8C317.6 209.4 319.8 214.4 319.8 220S317.6 230.6 314 234.2L274 274.2C270.4 277.8 265.4 280 259.8 280C248.8 280 239.8 271 239.8 260C239.8 254.4 242 249.4 245.6 245.8L251.4 240H19.8C8.8 240 -0.2 231 -0.2 220S8.8 200 19.8 200H71.6L205.8 65.8C209.4 62.2 214.4 60 220 60H251.8L246 54.2C242.4000000000001 50.6 240.2000000000001 45.6 240.2000000000001 40C240.2000000000001 29 249.2 20 260.2000000000001 20C265.8 20 270.8 22.2 274.4000000000001 25.8L314.4000000000001 65.8C318.0000000000001 69.4 320.2000000000001 74.4 320.2000000000001 80S318.0000000000001 90.6 314.4000000000001 94.2L274 134.2z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="fork"
-                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}-fork`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="fork" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Fork: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="fork" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M274 134.2C270.4 137.8 265.4 140 259.8 140C248.8 140 239.8 131 239.8 120C239.8 114.4 242 109.4 245.6 105.8L251.4 100H228L128 200H251.4L245.6 194.2C242 190.6 239.8 185.6 239.8 180C239.8 169 248.8 160 259.8 160C265.4 160 270.4 162.2 274 165.8L314 205.8C317.6 209.4 319.8 214.4 319.8 220S317.6 230.6 314 234.2L274 274.2C270.4 277.8 265.4 280 259.8 280C248.8 280 239.8 271 239.8 260C239.8 254.4 242 249.4 245.6 245.8L251.4 240H19.8C8.8 240 -0.2 231 -0.2 220S8.8 200 19.8 200H71.6L205.8 65.8C209.4 62.2 214.4 60 220 60H251.8L246 54.2C242.4000000000001 50.6 240.2000000000001 45.6 240.2000000000001 40C240.2000000000001 29 249.2 20 260.2000000000001 20C265.8 20 270.8 22.2 274.4000000000001 25.8L314.4000000000001 65.8C318.0000000000001 69.4 320.2000000000001 74.4 320.2000000000001 80S318.0000000000001 90.6 314.4000000000001 94.2L274 134.2z"
+                        : "M334.2000000000001 174.2C330.6 177.8 325.6 180 320 180C309 180 300 171 300 160C300 154.4 302.2 149.4 305.8 145.8L331.8 120H288.4L128.4 280H331.8L306 254.2C302.2 250.6 300 245.6 300 240C300 229 309 220 320 220C325.6 220 330.6 222.2 334.2000000000001 225.8L394.2000000000001 285.8C397.8 289.4 400 294.4 400 300C400 305.6 397.8 310.6 394.2000000000001 314.2L334.2000000000001 374.2C330.6 377.8 325.6 380 320 380C309 380 300 371 300 360C300 354.4 302.2 349.4 305.8 345.8L331.8 320H20C9 320 0 311 0 300C0 289 9 280 20 280H71.8L266 85.8C269.4000000000001 82.2 274.4000000000001 80 280 80H331.8L306 54.2C302.2 50.6 300 45.6 300 40C300 29 309 20 320 20C325.6 20 330.6 22.2 334.2000000000001 25.8L394.2000000000001 85.8C397.8 89.4 400 94.4 400 100C400 105.6 397.8 110.6 394.2000000000001 114.2000000000001L334.2000000000001 174.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Fork.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Fork.displayName = `Blueprint5.Icon.Fork`;
 export default Fork;

package/src/generated/components/form.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 Form: 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
-                    ? "M40 140V60H120V140H40zM20 180H140C151 180 160 171 160 160V40C160 29 151 20 140 20H20C9 20 0 29 0 40V160C0 171 9 180 20 180zM240 320H380L380 320C391 320 400 311 400 300L400 300C400 289 391 280 380 280H240C229 280 220 289 220 300S229 320 240 320zM160 380C171 380 180 371 180 360C180 354.4 177.8 349.4 174.2 345.8L74.2 225.8C70.6 222.2 65.6 220 60 220S49.4 222.2 45.8 225.8L5.8 265.8C2.2 269.4 0 274.4 0 280C0 291 9 300 20 300C25.6 300 30.6 297.8 34.2 294.2L60 268.2L145.8 374.2C149.4 377.8 154.4 380 160 380zM240 120H380L380 120C391 120 400 111 400 100L400 100C400 89 391 80 380 80H240C229 80 220 89 220 100S229 120 240 120z"
-                    : "M40 100V60H80V100H40zM20 140H100C111 140 120 131 120 120V40C120 29 111 20 100 20H20C9 20 0 29 0 40V120C0 131 9 140 20 140zM200 260H300L300 260C311 260 320 251 320 240L320 240C320 229 311 220 300 220H200C189 220 180 229 180 240S189 260 200 260zM120 300C131 300 140 291 140 280C140 274.4 137.8 269.4 134.2 265.8L74.2 185.8C70.6 182.2 65.6 180 60 180S49.4 182.2 45.8 185.8L5.8 225.8C2.2 229.4 0 234.4 0 240C0 251 9 260 20 260C25.6 260 30.6 257.8 34.2 254.2L60 228.2L105.8 294.2C109.4 297.8 114.4 300 120 300zM200 100H300C311 100 320 91 320 80L320 80C320 69 311 60 300 60H200C189 60 180 69 180 80S189 100 200 100z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="form"
-                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}-form`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="form" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Form: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="form" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M40 100V60H80V100H40zM20 140H100C111 140 120 131 120 120V40C120 29 111 20 100 20H20C9 20 0 29 0 40V120C0 131 9 140 20 140zM200 260H300L300 260C311 260 320 251 320 240L320 240C320 229 311 220 300 220H200C189 220 180 229 180 240S189 260 200 260zM120 300C131 300 140 291 140 280C140 274.4 137.8 269.4 134.2 265.8L74.2 185.8C70.6 182.2 65.6 180 60 180S49.4 182.2 45.8 185.8L5.8 225.8C2.2 229.4 0 234.4 0 240C0 251 9 260 20 260C25.6 260 30.6 257.8 34.2 254.2L60 228.2L105.8 294.2C109.4 297.8 114.4 300 120 300zM200 100H300C311 100 320 91 320 80L320 80C320 69 311 60 300 60H200C189 60 180 69 180 80S189 100 200 100z"
+                        : "M40 140V60H120V140H40zM20 180H140C151 180 160 171 160 160V40C160 29 151 20 140 20H20C9 20 0 29 0 40V160C0 171 9 180 20 180zM240 320H380L380 320C391 320 400 311 400 300L400 300C400 289 391 280 380 280H240C229 280 220 289 220 300S229 320 240 320zM160 380C171 380 180 371 180 360C180 354.4 177.8 349.4 174.2 345.8L74.2 225.8C70.6 222.2 65.6 220 60 220S49.4 222.2 45.8 225.8L5.8 265.8C2.2 269.4 0 274.4 0 280C0 291 9 300 20 300C25.6 300 30.6 297.8 34.2 294.2L60 268.2L145.8 374.2C149.4 377.8 154.4 380 160 380zM240 120H380L380 120C391 120 400 111 400 100L400 100C400 89 391 80 380 80H240C229 80 220 89 220 100S229 120 240 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Form.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Form.displayName = `Blueprint5.Icon.Form`;
 export default Form;

package/src/generated/components/fuel.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 Fuel: 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
-                    ? "M43.9274 360H0V320H40C46.347 320 52.3772 317.2266 56.508 312.4074L126.3636 230.909L88.906 205.9374C83.342 202.228 80 195.984 80 189.296V40C80 30 90 20 100 20H380C390 20 400 30 400 40V258C400 258.6742 399.972 259.3412 399.918 260H400V340C400 340 400 360 380 360H220C210 360 200 350 200 340V280L162.3922 254.9282L89.2674 339.2974C77.871 352.4462 61.3276 360 43.9274 360zM360 320V280H240V320H360z"
-                    : "M38.9756 300H0V260H40C46.2144 260 51.984 256.776 55.241 251.4834L94.536 187.6288L67.506 166.0048C62.7618 162.2094 60 156.4632 60 150.3874V42C60 29.85 68.9544 20 80 20H300C311.046 20 320 29.85 320 42V280C320 280 320 300 300 300H180C170 300 160 290 160 280V240L127.7608 214.2086L89.1018 272.9752C78.0048 289.844 59.1672 300 38.9756 300zM280 260V240H200V260H280z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="fuel"
-                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}-fuel`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="fuel" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Fuel: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="fuel" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M38.9756 300H0V260H40C46.2144 260 51.984 256.776 55.241 251.4834L94.536 187.6288L67.506 166.0048C62.7618 162.2094 60 156.4632 60 150.3874V42C60 29.85 68.9544 20 80 20H300C311.046 20 320 29.85 320 42V280C320 280 320 300 300 300H180C170 300 160 290 160 280V240L127.7608 214.2086L89.1018 272.9752C78.0048 289.844 59.1672 300 38.9756 300zM280 260V240H200V260H280z"
+                        : "M43.9274 360H0V320H40C46.347 320 52.3772 317.2266 56.508 312.4074L126.3636 230.909L88.906 205.9374C83.342 202.228 80 195.984 80 189.296V40C80 30 90 20 100 20H380C390 20 400 30 400 40V258C400 258.6742 399.972 259.3412 399.918 260H400V340C400 340 400 360 380 360H220C210 360 200 350 200 340V280L162.3922 254.9282L89.2674 339.2974C77.871 352.4462 61.3276 360 43.9274 360zM360 320V280H240V320H360z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Fuel.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Fuel.displayName = `Blueprint5.Icon.Fuel`;
 export default Fuel;