npm - @blueprintjs/icons - Versions diffs - 5.0.0-alpha.5 → 5.0.0-beta.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4132) hide show

package/src/generated/components/export.tsx CHANGED Viewed

@@ -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 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 CHANGED Viewed

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

package/src/generated/components/eye-on.tsx CHANGED Viewed

@@ -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 EyeOn: 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
-                    ? "M266 225.8C269.6 222.2 274.6 220 280.2 220S290.8 222.2 294.4 225.8L394.2000000000001 325.8C397.6 329.4 400 334.4 400 340C400 351 391 360 380 360C374.4 360 369.4 357.8 365.8 354.2L280 268.4L234.2 314.2C230.8 317.8 225.8 320 220.2 320C209.2 320 200.2 311 200.2 300C200.2 294.4 202.4 289.4 206 285.8L266 225.8zM400 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.8 395.8 211.1999999999999C387 222.2 377 232.2 366.6 241.6L322.6 197.5999999999999C311.6 186.8 296.6 180 280.2 180C279.2 180 278.4 180.2 277.4 180.2C268.6 145.4 237.6 119.8 200.2 119.8C156 119.8 120.2 155.8 120.2 200C120.2 232.4000000000001 139.4 260.2 167 272.8C162.8 281 160.4 290.2 160.4 300C160.4 305.6 161.4 310.8 162.8 316C141.8 311.6 121.4 303.2 102.4 293C71 276 42.4 252.6 17.6 226.4C13 221.4 8.4 216.4 4.2 211.2C-1.4 204.2 -1.4 195.8 4.2 188.8C17 172.8 32.2 158.4 47.6 145.4C80.8 117.2000000000001 118.8 93.8 160.8 84.2000000000001C185 78.8 209.4 78.4 233.8 83.2C256 87.4 277.4 96.2 297.4 107C328.8 124 357.4 147.4 382.2 173.6C386.8 178.4 391.4 183.4 395.6 188.8C397.8 191.2 399.2000000000001 194.2 399.8000000000001 197.6C399.8000000000001 197.6 399.8000000000001 197.6 399.8000000000001 197.6C399.8000000000001 197.8 399.8000000000001 197.8 399.8000000000001 198C399.8000000000001 198.2 399.8000000000001 198.2 399.8000000000001 198.4C399.8000000000001 198.4 399.8000000000001 198.6 399.8000000000001 198.6C399.8000000000001 198.8 399.8000000000001 199 399.8000000000001 199.1999999999999C399.8000000000001 199.4 399.8000000000001 199.7999999999999 399.8000000000001 200C400 200.2 400 200.6 400 200.8zM200.2 159.8C220.8 159.8 237.6 175.6 239.8 195.8C239.2 196.4 238.6 197 238 197.6L237.8 197.4L195.8 239.6C175.8 237.4000000000001 160.4 220.6 160.4 200C160.2 177.8 178.2 159.8 200.2 159.8z"
-                    : "M205.8 186C209.4 182.4 214.4 180.2 220 180.2S230.6 182.4 234.2 186L314.2000000000001 266C317.6 269.6 320 274.6 320 280C320 291 311 300 300 300C294.4000000000001 300 289.4000000000001 297.8 285.8 294.2L220 228.4L194.2 254.2C190.6 257.8 185.6 260 180 260C169 260 160 251.2 160 240C160 234.6 162.4 229.6 166 226L205.8 186zM320 160.8C320 161 320 161 320 161.2C320 161.2 320 161.4 320 161.4C320 161.6 320 161.6 320 161.8C320 162 320 162 320 162.2C320 162.2 320 162.2 320 162.2C319.6 165 318.4 167.6 316.6 169.4C310.6 177.4 303.6 184.6 296.6 191.8L262.6 157.8C251.6 146.8 236.6 140.2 220 140.2C218.8 140.2 217.8 140.4 216.6 140.6C208.4 117 186.4 100 160.2 100C127 100 100.2 127 100.2 160.2C100.2 181.6 111.4 200.2 128 210.8C123.2 219.4 120.2 229.4 120.2 240C120.2 245.2 121 250 122.2 254.8C108.2 250.8 94.8 244.8 82 237.6C56.8 223.6 34 204 14 182.2C10.4 178 6.8 174 3.4 169.6C-1 163.8 -1 156.8 3.4 151C13.6 137.6 25.8 125.6 38 114.8C64.6 91.4 95 71.8 128.6 63.8C148 59.2000000000001 167.6 59 187 62.8C204.8 66.4 221.8 73.6 237.8 82.6C262.8 96.8 285.8 116.4 305.6 138.2C309.2000000000001 142.2 313 146.4 316.4 150.8C318.2 152.8 319.4000000000001 155.4 319.8 158.2C319.8 158.2 319.8 158.2 319.8 158.2C319.8 158.4 319.8 158.4 319.8 158.6C319.8 158.8 319.8 158.8 319.8 159C319.8 159 319.8 159.2 319.8 159.2C319.8 159.4 319.8 159.4 319.8 159.6C319.8 159.8 319.8 160 319.8 160.2C320 160.4 320 160.6 320 160.8zM160.2 140C169.8 140 177.6 147 179.4 156.2C178.8 156.8 178.4 157.4 178 158L177.6 157.8L156 179.4C147 177.4 140.2 169.8 140.2 160.2C140.2 149 149.2 140 160.2 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="eye-on"
-                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-on`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="eye-on" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const EyeOn: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="eye-on" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M205.8 186C209.4 182.4 214.4 180.2 220 180.2S230.6 182.4 234.2 186L314.2000000000001 266C317.6 269.6 320 274.6 320 280C320 291 311 300 300 300C294.4000000000001 300 289.4000000000001 297.8 285.8 294.2L220 228.4L194.2 254.2C190.6 257.8 185.6 260 180 260C169 260 160 251.2 160 240C160 234.6 162.4 229.6 166 226L205.8 186zM320 160.8C320 161 320 161 320 161.2C320 161.2 320 161.4 320 161.4C320 161.6 320 161.6 320 161.8C320 162 320 162 320 162.2C320 162.2 320 162.2 320 162.2C319.6 165 318.4 167.6 316.6 169.4C310.6 177.4 303.6 184.6 296.6 191.8L262.6 157.8C251.6 146.8 236.6 140.2 220 140.2C218.8 140.2 217.8 140.4 216.6 140.6C208.4 117 186.4 100 160.2 100C127 100 100.2 127 100.2 160.2C100.2 181.6 111.4 200.2 128 210.8C123.2 219.4 120.2 229.4 120.2 240C120.2 245.2 121 250 122.2 254.8C108.2 250.8 94.8 244.8 82 237.6C56.8 223.6 34 204 14 182.2C10.4 178 6.8 174 3.4 169.6C-1 163.8 -1 156.8 3.4 151C13.6 137.6 25.8 125.6 38 114.8C64.6 91.4 95 71.8 128.6 63.8C148 59.2000000000001 167.6 59 187 62.8C204.8 66.4 221.8 73.6 237.8 82.6C262.8 96.8 285.8 116.4 305.6 138.2C309.2000000000001 142.2 313 146.4 316.4 150.8C318.2 152.8 319.4000000000001 155.4 319.8 158.2C319.8 158.2 319.8 158.2 319.8 158.2C319.8 158.4 319.8 158.4 319.8 158.6C319.8 158.8 319.8 158.8 319.8 159C319.8 159 319.8 159.2 319.8 159.2C319.8 159.4 319.8 159.4 319.8 159.6C319.8 159.8 319.8 160 319.8 160.2C320 160.4 320 160.6 320 160.8zM160.2 140C169.8 140 177.6 147 179.4 156.2C178.8 156.8 178.4 157.4 178 158L177.6 157.8L156 179.4C147 177.4 140.2 169.8 140.2 160.2C140.2 149 149.2 140 160.2 140z"
+                        : "M266 225.8C269.6 222.2 274.6 220 280.2 220S290.8 222.2 294.4 225.8L394.2000000000001 325.8C397.6 329.4 400 334.4 400 340C400 351 391 360 380 360C374.4 360 369.4 357.8 365.8 354.2L280 268.4L234.2 314.2C230.8 317.8 225.8 320 220.2 320C209.2 320 200.2 311 200.2 300C200.2 294.4 202.4 289.4 206 285.8L266 225.8zM400 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.8 395.8 211.1999999999999C387 222.2 377 232.2 366.6 241.6L322.6 197.5999999999999C311.6 186.8 296.6 180 280.2 180C279.2 180 278.4 180.2 277.4 180.2C268.6 145.4 237.6 119.8 200.2 119.8C156 119.8 120.2 155.8 120.2 200C120.2 232.4000000000001 139.4 260.2 167 272.8C162.8 281 160.4 290.2 160.4 300C160.4 305.6 161.4 310.8 162.8 316C141.8 311.6 121.4 303.2 102.4 293C71 276 42.4 252.6 17.6 226.4C13 221.4 8.4 216.4 4.2 211.2C-1.4 204.2 -1.4 195.8 4.2 188.8C17 172.8 32.2 158.4 47.6 145.4C80.8 117.2000000000001 118.8 93.8 160.8 84.2000000000001C185 78.8 209.4 78.4 233.8 83.2C256 87.4 277.4 96.2 297.4 107C328.8 124 357.4 147.4 382.2 173.6C386.8 178.4 391.4 183.4 395.6 188.8C397.8 191.2 399.2000000000001 194.2 399.8000000000001 197.6C399.8000000000001 197.6 399.8000000000001 197.6 399.8000000000001 197.6C399.8000000000001 197.8 399.8000000000001 197.8 399.8000000000001 198C399.8000000000001 198.2 399.8000000000001 198.2 399.8000000000001 198.4C399.8000000000001 198.4 399.8000000000001 198.6 399.8000000000001 198.6C399.8000000000001 198.8 399.8000000000001 199 399.8000000000001 199.1999999999999C399.8000000000001 199.4 399.8000000000001 199.7999999999999 399.8000000000001 200C400 200.2 400 200.6 400 200.8zM200.2 159.8C220.8 159.8 237.6 175.6 239.8 195.8C239.2 196.4 238.6 197 238 197.6L237.8 197.4L195.8 239.6C175.8 237.4000000000001 160.4 220.6 160.4 200C160.2 177.8 178.2 159.8 200.2 159.8z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+EyeOn.defaultProps = {
+    size: IconSize.STANDARD,
+};
 EyeOn.displayName = `Blueprint5.Icon.EyeOn`;
 export default EyeOn;

package/src/generated/components/eye-open.tsx CHANGED Viewed

@@ -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 EyeOpen: 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
-                    ? "M200.1998 240.3130406C178.2217782 240.3130406 160.2397602 222.2624252 160.2397602 200.200562C160.2397602 178.1386996 178.2217782 160.0880842 200.1998 160.0880842C222.177822 160.0880842 240.15984 178.1386996 240.15984 200.200562C240.15984 222.2624252 222.177822 240.3130406 200.1998 240.3130406zM400 200.8022492C400 201.0028116 400 201.203374 400 201.4039364C400 201.4039364 400 201.6044988 400 201.6044988C400 201.8050612 400 201.8050612 400 202.0056236C400 202.206186 400 202.206186 400 202.4067484C400 202.4067484 400 202.4067484 400 202.4067484C399.6004 205.6157466 398.001998 208.8247448 395.804196 211.2314936C383.016984 227.276485 367.832168 241.516415 352.447552 254.5529704C319.28072 282.6317054 281.118882 306.29806786 239.16084 315.72450034C214.985014 321.139684948 190.4095904 321.340247342 166.033966 316.7273123C143.8561438 312.71606444 122.4775224 303.89131916 102.4975024 293.06095C71.1288712 276.0131466000001 42.5574426 252.747909 17.58241758 226.4742354C12.98701298 221.4601756 8.3916084 216.6466782 4.1958042 211.2314936C-1.398601398 204.2118098 -1.398601398 195.7881902 4.1958042 188.7685064C16.98301698 172.723515 32.1678322 158.483585 47.5524476 145.4470296C80.7192808 117.368294 118.8811188 93.902494 160.8391608 84.2755C185.014985 78.860316 209.59041 78.659752 233.966034 83.272688C256.143856 87.484498 277.522478 96.309244 297.502498 107.139612C328.871128 124.1874158 357.442558 147.4526534 382.417582 173.726327C387.0129880000001 178.5398244 391.608392 183.5538842 395.804196 188.7685064C398.001998 191.1752552 399.4006000000001 194.183691 400 197.5932516C400 197.5932516 400 197.5932516 400 197.5932516C400 197.793814 400 197.793814 400 197.9943764C400 198.1949388 400 198.1949388 400 198.3955012C400 198.3955012 400 198.5960636 400 198.5960636C400 198.796626 400 198.9971884 400 199.1977508C400 199.3983132 400 199.7994372 400 199.9999996C400 200.4011244 400 200.6016868 400 200.8022492zM200.1998 119.975606C156.043956 119.975606 120.2797202 155.876274 120.2797202 200.200562C120.2797202 244.5248508 156.043956 280.4255192 200.1998 280.4255192C244.355644 280.4255192 280.11988 244.5248508 280.11988 200.200562C280.11988 155.876274 244.355644 119.975606 200.1998 119.975606z"
-                    : "M160.049922 179.9463792C149.0670826 179.9463792 140.0811232 170.9230228 140.0811232 159.894476C140.0811232 148.8659294 149.0670826 139.842573 160.049922 139.842573C171.0327614 139.842573 180.0187208 148.8659294 180.0187208 159.894476C180.0187208 170.9230228 171.0327614 179.9463792 160.049922 179.9463792zM319.800312 160.4960332C319.800312 160.6965522 319.800312 160.6965522 319.800312 160.8970712C319.800312 160.8970712 319.800312 161.0975902 319.800312 161.0975902C319.800312 161.2981092 319.800312 161.2981092 319.800312 161.4986284C319.800312 161.6991474 319.800312 161.6991474 319.800312 161.8996664C319.800312 161.8996664 319.800312 161.8996664 319.800312 161.8996664C319.400936 164.7069328 318.202808 167.1131612 316.405616 169.1183514C306.221528 182.5531266 294.040562 194.3837494 281.659906 205.2117772C255.101404 228.6725038 224.74883 248.32336886 191.201248 256.1436110800001C171.6318252 260.956067826 152.2620904 261.156586858 132.6926678 257.34672526C114.9204368 253.7373827 97.9469578 246.51869758 81.7722308 237.4953412C56.8112324 223.25849 33.8471138 203.808144 13.87831514 181.9515694C10.28393136 177.7406698 6.68954758 173.7302892 3.2948518 169.3188706C-1.098283932 163.5038186 -1.098283932 156.4856526 3.2948518 150.6706006C13.47893916 137.2358256 25.6599064 125.4052026 38.0405616 114.5771758C64.599064 91.1164492 94.951638 71.465584 128.49922 63.6453418C147.8689548 59.033404 167.4383776 58.832886 187.0078004 62.8432658C204.780032 66.4526082 221.75351 73.6712934 237.928238 82.6946498C262.889236 96.931501 285.853354 116.381847 305.822152 138.2384206C309.416536 142.2488012 313.2106080000001 146.459701 316.605304 150.8711196C318.402496 152.87631 319.6006240000001 155.4830574 320 158.0898048C320 158.0898048 320 158.0898048 320 158.0898048C320 158.2903238 320 158.2903238 320 158.4908428C320 158.6913618 320 158.6913618 320 158.8918808C320 158.8918808 320 159.0924 320 159.0924C320 159.2929190000001 320 159.2929190000001 320 159.493438C320 159.693957 320 159.894476 320 160.094995C320 160.2955142 319.800312 160.2955142 319.800312 160.4960332zM160.049922 99.7387674C126.901716 99.7387674 100.1435258 126.6083168 100.1435258 159.894476C100.1435258 193.1806352 126.901716 220.0501854 160.049922 220.0501854C193.198128 220.0501854 219.956318 193.1806352 219.956318 159.894476C219.956318 126.6083168 193.198128 99.7387674 160.049922 99.7387674z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="eye-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}-eye-open`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="eye-open" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const EyeOpen: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="eye-open" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160.049922 179.9463792C149.0670826 179.9463792 140.0811232 170.9230228 140.0811232 159.894476C140.0811232 148.8659294 149.0670826 139.842573 160.049922 139.842573C171.0327614 139.842573 180.0187208 148.8659294 180.0187208 159.894476C180.0187208 170.9230228 171.0327614 179.9463792 160.049922 179.9463792zM319.800312 160.4960332C319.800312 160.6965522 319.800312 160.6965522 319.800312 160.8970712C319.800312 160.8970712 319.800312 161.0975902 319.800312 161.0975902C319.800312 161.2981092 319.800312 161.2981092 319.800312 161.4986284C319.800312 161.6991474 319.800312 161.6991474 319.800312 161.8996664C319.800312 161.8996664 319.800312 161.8996664 319.800312 161.8996664C319.400936 164.7069328 318.202808 167.1131612 316.405616 169.1183514C306.221528 182.5531266 294.040562 194.3837494 281.659906 205.2117772C255.101404 228.6725038 224.74883 248.32336886 191.201248 256.1436110800001C171.6318252 260.956067826 152.2620904 261.156586858 132.6926678 257.34672526C114.9204368 253.7373827 97.9469578 246.51869758 81.7722308 237.4953412C56.8112324 223.25849 33.8471138 203.808144 13.87831514 181.9515694C10.28393136 177.7406698 6.68954758 173.7302892 3.2948518 169.3188706C-1.098283932 163.5038186 -1.098283932 156.4856526 3.2948518 150.6706006C13.47893916 137.2358256 25.6599064 125.4052026 38.0405616 114.5771758C64.599064 91.1164492 94.951638 71.465584 128.49922 63.6453418C147.8689548 59.033404 167.4383776 58.832886 187.0078004 62.8432658C204.780032 66.4526082 221.75351 73.6712934 237.928238 82.6946498C262.889236 96.931501 285.853354 116.381847 305.822152 138.2384206C309.416536 142.2488012 313.2106080000001 146.459701 316.605304 150.8711196C318.402496 152.87631 319.6006240000001 155.4830574 320 158.0898048C320 158.0898048 320 158.0898048 320 158.0898048C320 158.2903238 320 158.2903238 320 158.4908428C320 158.6913618 320 158.6913618 320 158.8918808C320 158.8918808 320 159.0924 320 159.0924C320 159.2929190000001 320 159.2929190000001 320 159.493438C320 159.693957 320 159.894476 320 160.094995C320 160.2955142 319.800312 160.2955142 319.800312 160.4960332zM160.049922 99.7387674C126.901716 99.7387674 100.1435258 126.6083168 100.1435258 159.894476C100.1435258 193.1806352 126.901716 220.0501854 160.049922 220.0501854C193.198128 220.0501854 219.956318 193.1806352 219.956318 159.894476C219.956318 126.6083168 193.198128 99.7387674 160.049922 99.7387674z"
+                        : "M200.1998 240.3130406C178.2217782 240.3130406 160.2397602 222.2624252 160.2397602 200.200562C160.2397602 178.1386996 178.2217782 160.0880842 200.1998 160.0880842C222.177822 160.0880842 240.15984 178.1386996 240.15984 200.200562C240.15984 222.2624252 222.177822 240.3130406 200.1998 240.3130406zM400 200.8022492C400 201.0028116 400 201.203374 400 201.4039364C400 201.4039364 400 201.6044988 400 201.6044988C400 201.8050612 400 201.8050612 400 202.0056236C400 202.206186 400 202.206186 400 202.4067484C400 202.4067484 400 202.4067484 400 202.4067484C399.6004 205.6157466 398.001998 208.8247448 395.804196 211.2314936C383.016984 227.276485 367.832168 241.516415 352.447552 254.5529704C319.28072 282.6317054 281.118882 306.29806786 239.16084 315.72450034C214.985014 321.139684948 190.4095904 321.340247342 166.033966 316.7273123C143.8561438 312.71606444 122.4775224 303.89131916 102.4975024 293.06095C71.1288712 276.0131466000001 42.5574426 252.747909 17.58241758 226.4742354C12.98701298 221.4601756 8.3916084 216.6466782 4.1958042 211.2314936C-1.398601398 204.2118098 -1.398601398 195.7881902 4.1958042 188.7685064C16.98301698 172.723515 32.1678322 158.483585 47.5524476 145.4470296C80.7192808 117.368294 118.8811188 93.902494 160.8391608 84.2755C185.014985 78.860316 209.59041 78.659752 233.966034 83.272688C256.143856 87.484498 277.522478 96.309244 297.502498 107.139612C328.871128 124.1874158 357.442558 147.4526534 382.417582 173.726327C387.0129880000001 178.5398244 391.608392 183.5538842 395.804196 188.7685064C398.001998 191.1752552 399.4006000000001 194.183691 400 197.5932516C400 197.5932516 400 197.5932516 400 197.5932516C400 197.793814 400 197.793814 400 197.9943764C400 198.1949388 400 198.1949388 400 198.3955012C400 198.3955012 400 198.5960636 400 198.5960636C400 198.796626 400 198.9971884 400 199.1977508C400 199.3983132 400 199.7994372 400 199.9999996C400 200.4011244 400 200.6016868 400 200.8022492zM200.1998 119.975606C156.043956 119.975606 120.2797202 155.876274 120.2797202 200.200562C120.2797202 244.5248508 156.043956 280.4255192 200.1998 280.4255192C244.355644 280.4255192 280.11988 244.5248508 280.11988 200.200562C280.11988 155.876274 244.355644 119.975606 200.1998 119.975606z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+EyeOpen.defaultProps = {
+    size: IconSize.STANDARD,
+};
 EyeOpen.displayName = `Blueprint5.Icon.EyeOpen`;
 export default EyeOpen;

package/src/generated/components/fast-backward.tsx CHANGED Viewed

@@ -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 FastBackward: 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
-                    ? "M360 340C355.4 340 351.6 338.2 348.2 335.8L348 336L220 240V320C220 331 211 340 200 340C195.4 340 191.6 338.2 188.2 335.8L188 336L28 216L28.2 215.8C23.4 212 20 206.6 20 200S23.4 188 28.2 184.2L28 184L188 64L188.2 64.2000000000001C191.6 61.8 195.4 60 200 60C211 60 220 69 220 80V160L348 64L348.2 64.2000000000001C351.6 61.8 355.4 60 360 60C371 60 380 69 380 80V320C380 331 371 340 360 340z"
-                    : "M280 260C275.2 260 271.2 258.2 267.6 255.4L267.4000000000001 255.6L180 185.6V240C180 251 171 260 160 260C155.2 260 151.2 258.2 147.6 255.4L147.6 255.6L47.6 175.6C47.6 175.6 47.8 175.4 47.8 175.4C43.2 171.8 40 166.4 40 160S43.2 148.2 47.6 144.6L47.6 144.4L147.6 64.4L147.8 64.6C151.2 61.8 155.2 60 160 60C171 60 180 69 180 80V134.4L267.6 64.4L267.8 64.6C271.2 61.8 275.2 60 280 60C291 60 300 69 300 80V240C300 251 291 260 280 260z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="fast-backward"
-                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}-fast-backward`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="fast-backward" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FastBackward: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="fast-backward" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M280 260C275.2 260 271.2 258.2 267.6 255.4L267.4000000000001 255.6L180 185.6V240C180 251 171 260 160 260C155.2 260 151.2 258.2 147.6 255.4L147.6 255.6L47.6 175.6C47.6 175.6 47.8 175.4 47.8 175.4C43.2 171.8 40 166.4 40 160S43.2 148.2 47.6 144.6L47.6 144.4L147.6 64.4L147.8 64.6C151.2 61.8 155.2 60 160 60C171 60 180 69 180 80V134.4L267.6 64.4L267.8 64.6C271.2 61.8 275.2 60 280 60C291 60 300 69 300 80V240C300 251 291 260 280 260z"
+                        : "M360 340C355.4 340 351.6 338.2 348.2 335.8L348 336L220 240V320C220 331 211 340 200 340C195.4 340 191.6 338.2 188.2 335.8L188 336L28 216L28.2 215.8C23.4 212 20 206.6 20 200S23.4 188 28.2 184.2L28 184L188 64L188.2 64.2000000000001C191.6 61.8 195.4 60 200 60C211 60 220 69 220 80V160L348 64L348.2 64.2000000000001C351.6 61.8 355.4 60 360 60C371 60 380 69 380 80V320C380 331 371 340 360 340z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FastBackward.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FastBackward.displayName = `Blueprint5.Icon.FastBackward`;
 export default FastBackward;

package/src/generated/components/fast-forward.tsx CHANGED Viewed

@@ -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 FastForward: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M380 200C380 206.6 376.6 212 371.8 215.8L372 216L212 336L211.8000000000001 335.8C208.4 338.2 204.6 340 200 340C189 340 180 331 180 320V240L52 336L51.8 335.8C48.4 338.2 44.6 340 40 340C29 340 20 331 20 320V80C20 69 29 60 40 60C44.6 60 48.4 61.8 51.8 64.2000000000001L52 64L180 160V80C180 69 189 60 200 60C204.6 60 208.4 61.8 211.8 64.2000000000001L212 64L372 184L371.8 184.2C376.6 188 380 193.4 380 200z"
-                    : "M300 160C300 166.4 296.8 171.8 292.4 175.4L292.6 175.6L192.6 255.6L192.4 255.4C188.8 258.2 184.8 260 180 260C169 260 160 251 160 240V185.6L72.4 255.6L72.4 255.4C68.8 258.2 64.8 260 60 260C49 260 40 251 40 240V80C40 69 49 60 60 60C64.8 60 68.8 61.8 72.4 64.6L72.6 64.4L160 134.4V80C160 69 169 60 180 60C184.8 60 188.8 61.8 192.4 64.6L192.6 64.4L292.6 144.4C292.6 144.4 292.4 144.6 292.4 144.6C296.8 148.2 300 153.6 300 160z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="fast-forward"
-                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}-fast-forward`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="fast-forward" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const FastForward: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="fast-forward" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M300 160C300 166.4 296.8 171.8 292.4 175.4L292.6 175.6L192.6 255.6L192.4 255.4C188.8 258.2 184.8 260 180 260C169 260 160 251 160 240V185.6L72.4 255.6L72.4 255.4C68.8 258.2 64.8 260 60 260C49 260 40 251 40 240V80C40 69 49 60 60 60C64.8 60 68.8 61.8 72.4 64.6L72.6 64.4L160 134.4V80C160 69 169 60 180 60C184.8 60 188.8 61.8 192.4 64.6L192.6 64.4L292.6 144.4C292.6 144.4 292.4 144.6 292.4 144.6C296.8 148.2 300 153.6 300 160z"
+                        : "M380 200C380 206.6 376.6 212 371.8 215.8L372 216L212 336L211.8000000000001 335.8C208.4 338.2 204.6 340 200 340C189 340 180 331 180 320V240L52 336L51.8 335.8C48.4 338.2 44.6 340 40 340C29 340 20 331 20 320V80C20 69 29 60 40 60C44.6 60 48.4 61.8 51.8 64.2000000000001L52 64L180 160V80C180 69 189 60 200 60C204.6 60 208.4 61.8 211.8 64.2000000000001L212 64L372 184L371.8 184.2C376.6 188 380 193.4 380 200z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+FastForward.defaultProps = {
+    size: IconSize.STANDARD,
+};
 FastForward.displayName = `Blueprint5.Icon.FastForward`;
 export default FastForward;