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

package/src/generated/components/folder-open.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 FolderOpen: 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 220C400 231 391 240 380 240H100C91.4 240 84.2 234.6 81.4 227L81.2 227L21.2 67L21.4 67C20.6 64.8 20 62.4 20 60C20 49 29 40 40 40H320C328.6 40 335.8 45.4 338.6 53L338.8 53L398.8 213L398.6 213C399.4 215.2 400 217.6 400 220zM61.4 247.4C64.4 254.8 71.6 260 80 260H360V300C360 311 351 320 340 320H168.2L134.2 354.2C130.6 357.8 125.6 360 120 360H20C9 360 0 351 0 340V93.8L61.4 247.4L61.4 247.4z"
-                    : "M41.2 186.2C44 194.2 51.2 200 60 200H280V220C280 231 271 240 260 240H128.2L94.2 274.2C90.6 277.8 85.6 280 80 280H20C9 280 0 271 0 260V63.2L41 186.2L41.2 186.2zM320 160C320 171 311 180 300 180H80C71.2 180 63.8 174.2 61.2 166.2L61.2 166.2L21.2 46.2L21.2 46.2C20.4 44.4 20 42.2 20 40C20 29 29 20 40 20H260C268.8 20 276.2 25.8 278.8 33.8L278.8 33.8L318.8 153.8L318.8 153.8C319.6 155.6 320 157.8 320 160z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="folder-open"
-                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}-folder-open`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="folder-open" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FolderOpen: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="folder-open" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M41.2 186.2C44 194.2 51.2 200 60 200H280V220C280 231 271 240 260 240H128.2L94.2 274.2C90.6 277.8 85.6 280 80 280H20C9 280 0 271 0 260V63.2L41 186.2L41.2 186.2zM320 160C320 171 311 180 300 180H80C71.2 180 63.8 174.2 61.2 166.2L61.2 166.2L21.2 46.2L21.2 46.2C20.4 44.4 20 42.2 20 40C20 29 29 20 40 20H260C268.8 20 276.2 25.8 278.8 33.8L278.8 33.8L318.8 153.8L318.8 153.8C319.6 155.6 320 157.8 320 160z"
+                        : "M400 220C400 231 391 240 380 240H100C91.4 240 84.2 234.6 81.4 227L81.2 227L21.2 67L21.4 67C20.6 64.8 20 62.4 20 60C20 49 29 40 40 40H320C328.6 40 335.8 45.4 338.6 53L338.8 53L398.8 213L398.6 213C399.4 215.2 400 217.6 400 220zM61.4 247.4C64.4 254.8 71.6 260 80 260H360V300C360 311 351 320 340 320H168.2L134.2 354.2C130.6 357.8 125.6 360 120 360H20C9 360 0 351 0 340V93.8L61.4 247.4L61.4 247.4z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FolderOpen.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FolderOpen.displayName = `Blueprint5.Icon.FolderOpen`;
 export default FolderOpen;

package/src/generated/components/folder-shared-open.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 FolderSharedOpen: 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
-                    ? "M61.4 247.4C64.4 254.8 71.6 260 80 260H235.2L246 270.8C230.2 281.6 220 299.6 220 320H168.2L134.2 354.2C130.6 357.8 125.6 360 120 360H20C9 360 0 351 0 340V93.8L61.4 247.4L61.4 247.4zM330.8 186L302.4 157.6C291.6 146.8 276.6 140 260 140C226.8 140 200 166.8 200 200C200 215.4 206 229.4 215.6 240H100C91.4 240 84.2 234.6 81.4 227L81.2 227L21.2 67L21.4 67C20.6 64.8 20 62.4 20 60C20 49 29 40 40 40H320C328.6 40 335.8 45.4 338.6 53L338.8 53L379.0000000000001 160.2C359 160.4 341.4 170.6 330.8 186zM380 340H280C269 340 260 331 260 320S269 300 280 300H331.8L246 214.2C242.2 210.6 240 205.6 240 200C240 189 249 180 260 180C265.6 180 270.6 182.2 274.2000000000001 185.8L360 271.8V220C360 209 369 200 380 200S400 209 400 220V320C400 331 391 340 380 340z"
-                    : "M260.4 115.6L242.4 97.6L242.2 97.8C231.4 86.8 216.6 80 200 80C166.8 80 140 106.8 140 140C140 155.4 146 169.4 155.6 180H80C71.2 180 63.8 174.2 61.2 166.2L61.2 166.2L21.2 46.2L21.2 46.2C20.4 44.4 20 42.2 20 40C20 29 29 20 40 20H260C268.8 20 276.2 25.8 278.8 33.8L278.8 33.8L301 100.2C300.8 100.2 300.4 100 300 100C284.6 100 271 106 260.4 115.6zM41.2 186.2C44 194.2 51.2 200 60 200H175.2L175.4 200.2C166 210.8 160 224.6 160 240H128.2L94.2 274.2C90.6 277.8 85.6 280 80 280H20C9 280 0 271 0 260V63.2L41 186.2L41.2 186.2zM300 260H220C209 260 200 251 200 240S209 220 220 220H251.8L185.8 154.2C182.2 150.6 180 145.6 180 140C180 129 189 120 200 120C205.6 120 210.6 122.2 214.2 125.8L280 191.8V160C280 149 289 140 300 140S320 149 320 160V240C320 251 311 260 300 260z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="folder-shared-open"
-                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}-folder-shared-open`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="folder-shared-open" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FolderSharedOpen: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="folder-shared-open" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M260.4 115.6L242.4 97.6L242.2 97.8C231.4 86.8 216.6 80 200 80C166.8 80 140 106.8 140 140C140 155.4 146 169.4 155.6 180H80C71.2 180 63.8 174.2 61.2 166.2L61.2 166.2L21.2 46.2L21.2 46.2C20.4 44.4 20 42.2 20 40C20 29 29 20 40 20H260C268.8 20 276.2 25.8 278.8 33.8L278.8 33.8L301 100.2C300.8 100.2 300.4 100 300 100C284.6 100 271 106 260.4 115.6zM41.2 186.2C44 194.2 51.2 200 60 200H175.2L175.4 200.2C166 210.8 160 224.6 160 240H128.2L94.2 274.2C90.6 277.8 85.6 280 80 280H20C9 280 0 271 0 260V63.2L41 186.2L41.2 186.2zM300 260H220C209 260 200 251 200 240S209 220 220 220H251.8L185.8 154.2C182.2 150.6 180 145.6 180 140C180 129 189 120 200 120C205.6 120 210.6 122.2 214.2 125.8L280 191.8V160C280 149 289 140 300 140S320 149 320 160V240C320 251 311 260 300 260z"
+                        : "M61.4 247.4C64.4 254.8 71.6 260 80 260H235.2L246 270.8C230.2 281.6 220 299.6 220 320H168.2L134.2 354.2C130.6 357.8 125.6 360 120 360H20C9 360 0 351 0 340V93.8L61.4 247.4L61.4 247.4zM330.8 186L302.4 157.6C291.6 146.8 276.6 140 260 140C226.8 140 200 166.8 200 200C200 215.4 206 229.4 215.6 240H100C91.4 240 84.2 234.6 81.4 227L81.2 227L21.2 67L21.4 67C20.6 64.8 20 62.4 20 60C20 49 29 40 40 40H320C328.6 40 335.8 45.4 338.6 53L338.8 53L379.0000000000001 160.2C359 160.4 341.4 170.6 330.8 186zM380 340H280C269 340 260 331 260 320S269 300 280 300H331.8L246 214.2C242.2 210.6 240 205.6 240 200C240 189 249 180 260 180C265.6 180 270.6 182.2 274.2000000000001 185.8L360 271.8V220C360 209 369 200 380 200S400 209 400 220V320C400 331 391 340 380 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FolderSharedOpen.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FolderSharedOpen.displayName = `Blueprint5.Icon.FolderSharedOpen`;
 export default FolderSharedOpen;

package/src/generated/components/folder-shared.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 FolderShared: 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
-                    ? "M220 320H188.2L154.2 354.2C150.6 357.8 145.6 360 140 360H20C9 360 0 351 0 340V280H235.6C226 290.6 220 304.6 220 320zM380 340H280C269 340 260 331 260 320C260 309 269 300 280 300H331.8L246 214.2C242.2 210.6 240 205.6 240 200C240 189 249 180 260 180C265.6 180 270.6 182.2 274.2000000000001 185.8L360 271.8V220C360 209 369 200 380 200S400 209 400 220V320C400 331 391 340 380 340zM330.8 186L302.4 157.6C291.6 146.8 276.6 140 260 140C226.8 140 200 166.8 200 200C200 216.6 206.8 231.6 217.6 242.4L235.2 260H0V60C0 49 9 40 20 40H380C391 40 400 49 400 60V163.6C393.8 161.4 387 160 380 160C359.6 160 341.6 170.4 330.8 186z"
-                    : "M175.2 200.4C165.8 211 159.8 224.8 159.8 240.2H148.2L114 274.2C110.4 278 105.4 280.2 99.8 280.2H19.8C8.8 280.2 -0.2 271.2 -0.2 260.2V200.2H175L175.2 200.4zM299.8 260.2H219.8C208.8 260.2 199.8 251.2 199.8 240.2S208.8 220.2 219.8 220.2H251.6L185.6 154.2C182 150.6 179.8 145.6 179.8 140.2C179.8 129.2 188.8 120.2 199.8 120.2C205.4 120.2 210.4 122.4 214 126L279.8 191.8V160C279.8 149 288.8 140 299.8 140S319.8 149 319.8 160V240C319.8 251.2 310.8 260.2 299.8 260.2zM260.2 115.6L242.2 97.6L242 97.8C231.2 86.8 216.4 80 199.8 80C166.6 80 139.8 106.8 139.8 140C139.8 155.4 145.8 169.4 155.4 180H-0.2V40C-0.2 29 8.8 20 19.8 20H299.8C310.8 20 319.8 29 319.8 40V103.6C313.6 101.4 306.8 100 299.8 100C284.6 100.2 270.8 106.2 260.2 115.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="folder-shared"
-                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}-folder-shared`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="folder-shared" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FolderShared: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="folder-shared" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M175.2 200.4C165.8 211 159.8 224.8 159.8 240.2H148.2L114 274.2C110.4 278 105.4 280.2 99.8 280.2H19.8C8.8 280.2 -0.2 271.2 -0.2 260.2V200.2H175L175.2 200.4zM299.8 260.2H219.8C208.8 260.2 199.8 251.2 199.8 240.2S208.8 220.2 219.8 220.2H251.6L185.6 154.2C182 150.6 179.8 145.6 179.8 140.2C179.8 129.2 188.8 120.2 199.8 120.2C205.4 120.2 210.4 122.4 214 126L279.8 191.8V160C279.8 149 288.8 140 299.8 140S319.8 149 319.8 160V240C319.8 251.2 310.8 260.2 299.8 260.2zM260.2 115.6L242.2 97.6L242 97.8C231.2 86.8 216.4 80 199.8 80C166.6 80 139.8 106.8 139.8 140C139.8 155.4 145.8 169.4 155.4 180H-0.2V40C-0.2 29 8.8 20 19.8 20H299.8C310.8 20 319.8 29 319.8 40V103.6C313.6 101.4 306.8 100 299.8 100C284.6 100.2 270.8 106.2 260.2 115.6z"
+                        : "M220 320H188.2L154.2 354.2C150.6 357.8 145.6 360 140 360H20C9 360 0 351 0 340V280H235.6C226 290.6 220 304.6 220 320zM380 340H280C269 340 260 331 260 320C260 309 269 300 280 300H331.8L246 214.2C242.2 210.6 240 205.6 240 200C240 189 249 180 260 180C265.6 180 270.6 182.2 274.2000000000001 185.8L360 271.8V220C360 209 369 200 380 200S400 209 400 220V320C400 331 391 340 380 340zM330.8 186L302.4 157.6C291.6 146.8 276.6 140 260 140C226.8 140 200 166.8 200 200C200 216.6 206.8 231.6 217.6 242.4L235.2 260H0V60C0 49 9 40 20 40H380C391 40 400 49 400 60V163.6C393.8 161.4 387 160 380 160C359.6 160 341.6 170.4 330.8 186z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FolderShared.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FolderShared.displayName = `Blueprint5.Icon.FolderShared`;
 export default FolderShared;

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 { 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 { 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 { 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;