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

package/src/generated/components/layout.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 Layout: 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 280C338 280 320 262 320 240C320 232.6 322.2 225.8 325.6 219.8L280.2000000000001 174.4C274.2000000000001 177.8 267.4 180 260 180C241.4 180 225.8 167.2 221.4 150H178.6C174.2 167.2 158.6 180 140 180C132.6 180 125.8 177.8 119.8 174.4L74.4 219.8C77.8 225.8 80 232.6 80 240C80 246.8 78.2 253.2 75.2 258.8L148.4 326.4C154.6 322.4 162 320 170 320C192 320 210 338 210 360C210 382 192 400 170 400S130 382 130 360C130 353.2 131.8 346.8 134.8 341.2L61.6 273.6C55.4 277.6 48 280 40 280C18 280 0 262 0 240C0 218 18 200 40 200C47.4 200 54.2 202.2 60.2 205.6L105.6 160.2C102.2 154.2 100 147.4 100 140S102.2 125.8 105.6 119.8L60.2 74.4C54.2 77.8 47.4 80 40 80C18 80 0 62 0 40C0 18 18 0 40 0S80 18 80 40C80 47.4 77.8 54.2 74.4 60.2000000000001L119.8 105.6C125.8 102.2 132.6 100 140 100C158.6 100 174.2 112.8 178.6 130H221.4C225.8 112.8 241.4 100 260 100C282 100 300 118 300 140C300 147.4 297.8 154.2 294.4000000000001 160.2L339.8000000000001 205.6C345.8 202.2 352.6 200 360 200C382 200 400 218 400 240C400 262 382 280 360 280z"
-                    : "M280 240C258 240 240 222 240 200C240 190.6 243.4 182 248.8 175.2L235.2 157C230.6 159 225.4 160 220 160C201.4 160 185.8 147.2 181.4 130H158.6C154.2 147.2 138.6 160 120 160C110.6 160 102 156.6 95.2 151.2L77 164.8C79 169.4 80 174.6 80 180C80 187.4 77.8 194.2 74.4 200.2L119.8 245.6C125.8 242.2 132.6 240 140 240C162 240 180 258 180 280C180 302 162 320 140 320S100 302 100 280C100 272.6 102.2 265.8 105.6 259.8L60.2 214.4C54.2 217.8 47.4 220 40 220C18 220 0 202 0 180C0 158 18 140 40 140C49.4 140 58 143.4 64.8 148.8L83 135.2C81 130.6 80 125.4 80 120C80 112.6 82.2 105.8 85.6 99.8L60.2 74.4C54.2 77.8 47.4 80 40 80C18 80 0 62 0 40C0 18 18 0 40 0S80 18 80 40C80 47.4 77.8 54.2 74.4 60.2L99.8 85.6C105.8 82.2 112.6 80 120 80C138.6 80 154.2 92.8 158.6 110H181.4C185.8 92.8 201.4 80 220 80C242 80 260 98 260 120C260 129.4 256.6 138 251.2 144.8L264.8 163C269.4000000000001 161 274.6 160 280 160C302 160 320 178 320 200C320 222 302 240 280 240z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="layout"
-                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}-layout`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="layout" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Layout: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="layout" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M280 240C258 240 240 222 240 200C240 190.6 243.4 182 248.8 175.2L235.2 157C230.6 159 225.4 160 220 160C201.4 160 185.8 147.2 181.4 130H158.6C154.2 147.2 138.6 160 120 160C110.6 160 102 156.6 95.2 151.2L77 164.8C79 169.4 80 174.6 80 180C80 187.4 77.8 194.2 74.4 200.2L119.8 245.6C125.8 242.2 132.6 240 140 240C162 240 180 258 180 280C180 302 162 320 140 320S100 302 100 280C100 272.6 102.2 265.8 105.6 259.8L60.2 214.4C54.2 217.8 47.4 220 40 220C18 220 0 202 0 180C0 158 18 140 40 140C49.4 140 58 143.4 64.8 148.8L83 135.2C81 130.6 80 125.4 80 120C80 112.6 82.2 105.8 85.6 99.8L60.2 74.4C54.2 77.8 47.4 80 40 80C18 80 0 62 0 40C0 18 18 0 40 0S80 18 80 40C80 47.4 77.8 54.2 74.4 60.2L99.8 85.6C105.8 82.2 112.6 80 120 80C138.6 80 154.2 92.8 158.6 110H181.4C185.8 92.8 201.4 80 220 80C242 80 260 98 260 120C260 129.4 256.6 138 251.2 144.8L264.8 163C269.4000000000001 161 274.6 160 280 160C302 160 320 178 320 200C320 222 302 240 280 240z"
+                        : "M360 280C338 280 320 262 320 240C320 232.6 322.2 225.8 325.6 219.8L280.2000000000001 174.4C274.2000000000001 177.8 267.4 180 260 180C241.4 180 225.8 167.2 221.4 150H178.6C174.2 167.2 158.6 180 140 180C132.6 180 125.8 177.8 119.8 174.4L74.4 219.8C77.8 225.8 80 232.6 80 240C80 246.8 78.2 253.2 75.2 258.8L148.4 326.4C154.6 322.4 162 320 170 320C192 320 210 338 210 360C210 382 192 400 170 400S130 382 130 360C130 353.2 131.8 346.8 134.8 341.2L61.6 273.6C55.4 277.6 48 280 40 280C18 280 0 262 0 240C0 218 18 200 40 200C47.4 200 54.2 202.2 60.2 205.6L105.6 160.2C102.2 154.2 100 147.4 100 140S102.2 125.8 105.6 119.8L60.2 74.4C54.2 77.8 47.4 80 40 80C18 80 0 62 0 40C0 18 18 0 40 0S80 18 80 40C80 47.4 77.8 54.2 74.4 60.2000000000001L119.8 105.6C125.8 102.2 132.6 100 140 100C158.6 100 174.2 112.8 178.6 130H221.4C225.8 112.8 241.4 100 260 100C282 100 300 118 300 140C300 147.4 297.8 154.2 294.4000000000001 160.2L339.8000000000001 205.6C345.8 202.2 352.6 200 360 200C382 200 400 218 400 240C400 262 382 280 360 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Layout.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Layout.displayName = `Blueprint5.Icon.Layout`;
 export default Layout;

package/src/generated/components/learning.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 Learning: 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
-                    ? "M211.025884 377.45145018C204.327718 380.849516608 195.6695552 380.849516608 188.975025 377.45145018L9.12816108 282.2228476C-3.04272036 276.0424908 -3.04272036 263.9560918 9.12816108 257.7785596L188.975025 162.542216C195.6695552 159.14415 204.327718 159.14415 211.025884 162.542216L390.8691120000001 257.7785596C403.04363 263.9560918 403.04363 276.0424908 390.8691120000001 282.2228476L211.025884 377.45145018zM360 269.9968334L360.32922 179.716092C360.369136 168.76966 369.254204 159.916934 380.20071 159.916934C391.135556 159.916934 400 168.781378 400 179.716224L400 269.9968334L400 269.9968334L360 269.9968334zM67.3226902 199.3374188L195.3493856 132.177958C198.2574554 130.65246 201.729166 130.651974 204.637664 132.176656L332.760378 199.3406872C335.206126 200.622788 338.2281420000001 199.6794664 339.510244 197.2337192C339.885692 196.5175094 340.081826 195.7209226 340.081826 194.9122704L340.081826 92.739564C340.081826 90.841804 339.00745 89.107626 337.308208 88.262598L204.493676 22.214346C201.689 20.819588 198.3928272 20.819588 195.5881508 22.214346L62.7736186 88.262598C61.074377 89.107626 60 90.841804 60 92.739564L60 194.909653C60 197.6710768 62.2385762 199.909653 65 199.909653C65.8091264 199.909653 66.606166 199.7132888 67.3226902 199.3374188z"
-                    : "M168.8207072 297.91480954C163.462174 300.69506349 156.5356442 300.69506349 151.18002 297.91480954L7.30252886 220C-2.43417628 214.943312 -2.43417628 205.0543768 7.30252886 200L151.18002 122.0788574C156.5356442 119.2986034 163.462174 119.2986034 168.8207072 122.0788574L312.69529 200C322.434904 205.0543768 322.434904 214.943312 312.69529 220L168.8207072 297.91480954zM280 209.9968334L280.32922 119.7160926C280.369136 108.7696596 289.254204 99.916934 300.20071 99.916934C311.135556 99.916934 320 108.781378 320 119.7162242L320 209.9968334L320 209.9968334L280 209.9968334zM67.4240658 139.0634448L155.160337 90.429972C158.1753504 88.758708 161.8385762 88.758178 164.8540724 90.428572L252.659026 139.0669492C255.074602 140.4050258 258.11754 139.531539 259.455616 137.115962C259.8663420000001 136.3744958 260.0818260000001 135.5407846 260.0818260000001 134.6931602L260.0818260000001 75.591454C260.0818260000001 73.733896 259.052044 72.029446 257.4077000000001 71.165358L164.6926586 22.44445C161.7803086 20.914036 158.3015184 20.914036 155.3891684 22.44445L62.6741274 71.165358C61.0297826 72.029446 60 73.733896 60 75.591454L60 134.6903562C60 137.4517798 62.2385762 139.6903562 65 139.6903562C65.848114 139.6903562 66.6822902 139.4746216 67.4240658 139.0634448z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="learning"
-                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}-learning`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="learning" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Learning: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="learning" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M168.8207072 297.91480954C163.462174 300.69506349 156.5356442 300.69506349 151.18002 297.91480954L7.30252886 220C-2.43417628 214.943312 -2.43417628 205.0543768 7.30252886 200L151.18002 122.0788574C156.5356442 119.2986034 163.462174 119.2986034 168.8207072 122.0788574L312.69529 200C322.434904 205.0543768 322.434904 214.943312 312.69529 220L168.8207072 297.91480954zM280 209.9968334L280.32922 119.7160926C280.369136 108.7696596 289.254204 99.916934 300.20071 99.916934C311.135556 99.916934 320 108.781378 320 119.7162242L320 209.9968334L320 209.9968334L280 209.9968334zM67.4240658 139.0634448L155.160337 90.429972C158.1753504 88.758708 161.8385762 88.758178 164.8540724 90.428572L252.659026 139.0669492C255.074602 140.4050258 258.11754 139.531539 259.455616 137.115962C259.8663420000001 136.3744958 260.0818260000001 135.5407846 260.0818260000001 134.6931602L260.0818260000001 75.591454C260.0818260000001 73.733896 259.052044 72.029446 257.4077000000001 71.165358L164.6926586 22.44445C161.7803086 20.914036 158.3015184 20.914036 155.3891684 22.44445L62.6741274 71.165358C61.0297826 72.029446 60 73.733896 60 75.591454L60 134.6903562C60 137.4517798 62.2385762 139.6903562 65 139.6903562C65.848114 139.6903562 66.6822902 139.4746216 67.4240658 139.0634448z"
+                        : "M211.025884 377.45145018C204.327718 380.849516608 195.6695552 380.849516608 188.975025 377.45145018L9.12816108 282.2228476C-3.04272036 276.0424908 -3.04272036 263.9560918 9.12816108 257.7785596L188.975025 162.542216C195.6695552 159.14415 204.327718 159.14415 211.025884 162.542216L390.8691120000001 257.7785596C403.04363 263.9560918 403.04363 276.0424908 390.8691120000001 282.2228476L211.025884 377.45145018zM360 269.9968334L360.32922 179.716092C360.369136 168.76966 369.254204 159.916934 380.20071 159.916934C391.135556 159.916934 400 168.781378 400 179.716224L400 269.9968334L400 269.9968334L360 269.9968334zM67.3226902 199.3374188L195.3493856 132.177958C198.2574554 130.65246 201.729166 130.651974 204.637664 132.176656L332.760378 199.3406872C335.206126 200.622788 338.2281420000001 199.6794664 339.510244 197.2337192C339.885692 196.5175094 340.081826 195.7209226 340.081826 194.9122704L340.081826 92.739564C340.081826 90.841804 339.00745 89.107626 337.308208 88.262598L204.493676 22.214346C201.689 20.819588 198.3928272 20.819588 195.5881508 22.214346L62.7736186 88.262598C61.074377 89.107626 60 90.841804 60 92.739564L60 194.909653C60 197.6710768 62.2385762 199.909653 65 199.909653C65.8091264 199.909653 66.606166 199.7132888 67.3226902 199.3374188z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Learning.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Learning.displayName = `Blueprint5.Icon.Learning`;
 export default Learning;

package/src/generated/components/left-join.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 LeftJoin: 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
-                    ? "M174 306C148 280 130 242 130 200S146 120 174 94C158 84 140 80 120 80C54 80 0 134 0 200S54 320 120 320C140 320 158 316 174 306zM280 320C346 320 400 266 400 200S346 80 280 80C260 80 242 84 226 94C252.0000000000001 120 270 158 270 200S254 278 226 306C242 316 260 320 280 320zM292 279C303 255 309.2 228.2 309.2 200S303 145 292 121C330 127.2000000000001 359.2000000000001 160.2000000000001 359.2000000000001 200S330 272.8 292 279zM200 290C176 266 160 236 160 200S176 134 200 112C224 134 240 166 240 202S224 268 200 290z"
-                    : "M132 254C122 258 112 260 100 260C44 260 0 216 0 160S44 60 100 60C112 60 122 62 132 66C106 88 90 122 90 160S106 232 132 254zM160 240C136 222 120 192 120 160S136 98 160 80C184 98 200 126 200 160S184 222 160 240zM220 260C276 260 320 216 320 160S276 60 220 60C208 60 198 62 188 66C214 88 230 124 230 160S214 230 188 254.0000000000001C198 258 208 260 220 260zM227 239.6C241.6 216.6 249.8 189.2 249.8 160S241.4 103.4 227 80.4C267.8 84 299.8 118.4 299.8 160S267.8 236 227 239.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="left-join"
-                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}-left-join`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="left-join" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const LeftJoin: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="left-join" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M132 254C122 258 112 260 100 260C44 260 0 216 0 160S44 60 100 60C112 60 122 62 132 66C106 88 90 122 90 160S106 232 132 254zM160 240C136 222 120 192 120 160S136 98 160 80C184 98 200 126 200 160S184 222 160 240zM220 260C276 260 320 216 320 160S276 60 220 60C208 60 198 62 188 66C214 88 230 124 230 160S214 230 188 254.0000000000001C198 258 208 260 220 260zM227 239.6C241.6 216.6 249.8 189.2 249.8 160S241.4 103.4 227 80.4C267.8 84 299.8 118.4 299.8 160S267.8 236 227 239.6z"
+                        : "M174 306C148 280 130 242 130 200S146 120 174 94C158 84 140 80 120 80C54 80 0 134 0 200S54 320 120 320C140 320 158 316 174 306zM280 320C346 320 400 266 400 200S346 80 280 80C260 80 242 84 226 94C252.0000000000001 120 270 158 270 200S254 278 226 306C242 316 260 320 280 320zM292 279C303 255 309.2 228.2 309.2 200S303 145 292 121C330 127.2000000000001 359.2000000000001 160.2000000000001 359.2000000000001 200S330 272.8 292 279zM200 290C176 266 160 236 160 200S176 134 200 112C224 134 240 166 240 202S224 268 200 290z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+LeftJoin.defaultProps = {
+    size: IconSize.STANDARD,
+};
 LeftJoin.displayName = `Blueprint5.Icon.LeftJoin`;
 export default LeftJoin;

package/src/generated/components/lengthen-text.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 LengthenText: 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
-                    ? "M16.66666 80H183.3334C192.5 80 200 89 200 100C200 111 192.5 120 183.3334 120H16.66666C7.5 120 0 111 0 100C0 89 7.5 80 16.66666 80zM20 180H380C391 180 400 189 400 200C400 211 391 220 380 220H20C9 220 0 211 0 200C0 189 9 180 20 180zM320 139.996C320 134.396 322.2 129.396 325.8 125.796L331.8 119.996H260C249 119.996 240 110.996 240 99.996C240 88.996 249 79.996 260 79.996H331.8L326 74.196C322.2 70.596 320 65.596 320 59.996C320 48.996 329 39.996 340 39.996C345.6 39.996 350.6 42.196 354.2000000000001 45.796L394.2000000000001 85.796C397.8 89.596 400 94.596 400 99.996C400 105.596 397.8 110.596 394.2000000000001 114.196L354.2000000000001 154.196C350.6 157.796 345.6 159.996 340 159.996C329 160.196 320 151.196 320 139.996zM20 280H380C391 280 400 289 400 300C400 311 391 320 380 320H20C9 320 0 311 0 300C0 289 9 280 20 280z"
-                    : "M20 140H300C311 140 320 149 320 160C320 171 311 180 300 180H20C9 180 0 171 0 160C0 149 9 140 20 140zM100 80H20C9 80 0 71 0 60C0 49 9 40 20 40H100C111 40 120 49 120 60C120 71 111 80 100 80zM240 100C240 94.4 242.2 89.4 245.8 85.8L251.8 80H180C169 80 160 71 160 60C160 49 169 40 180 40H251.8L246 34.2C242.2 30.6 240 25.6 240 20C240 9 249 0 260 0C265.6 0 270.6 2.2 274.2000000000001 5.8L314.2000000000001 45.8C317.8 49.4 320 54.4 320 60C320 65.6 317.8 70.6 314.2000000000001 74.2L274.2000000000001 114.2C270.6 117.8 265.6 120 260 120C249 120 240 111 240 100zM20 240H300C311 240 320 249 320 260C320 271 311 280 300 280H20C9 280 0 271 0 260C0 249 9 240 20 240z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="lengthen-text"
-                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}-lengthen-text`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="lengthen-text" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const LengthenText: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="lengthen-text" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M20 140H300C311 140 320 149 320 160C320 171 311 180 300 180H20C9 180 0 171 0 160C0 149 9 140 20 140zM100 80H20C9 80 0 71 0 60C0 49 9 40 20 40H100C111 40 120 49 120 60C120 71 111 80 100 80zM240 100C240 94.4 242.2 89.4 245.8 85.8L251.8 80H180C169 80 160 71 160 60C160 49 169 40 180 40H251.8L246 34.2C242.2 30.6 240 25.6 240 20C240 9 249 0 260 0C265.6 0 270.6 2.2 274.2000000000001 5.8L314.2000000000001 45.8C317.8 49.4 320 54.4 320 60C320 65.6 317.8 70.6 314.2000000000001 74.2L274.2000000000001 114.2C270.6 117.8 265.6 120 260 120C249 120 240 111 240 100zM20 240H300C311 240 320 249 320 260C320 271 311 280 300 280H20C9 280 0 271 0 260C0 249 9 240 20 240z"
+                        : "M16.66666 80H183.3334C192.5 80 200 89 200 100C200 111 192.5 120 183.3334 120H16.66666C7.5 120 0 111 0 100C0 89 7.5 80 16.66666 80zM20 180H380C391 180 400 189 400 200C400 211 391 220 380 220H20C9 220 0 211 0 200C0 189 9 180 20 180zM320 139.996C320 134.396 322.2 129.396 325.8 125.796L331.8 119.996H260C249 119.996 240 110.996 240 99.996C240 88.996 249 79.996 260 79.996H331.8L326 74.196C322.2 70.596 320 65.596 320 59.996C320 48.996 329 39.996 340 39.996C345.6 39.996 350.6 42.196 354.2000000000001 45.796L394.2000000000001 85.796C397.8 89.596 400 94.596 400 99.996C400 105.596 397.8 110.596 394.2000000000001 114.196L354.2000000000001 154.196C350.6 157.796 345.6 159.996 340 159.996C329 160.196 320 151.196 320 139.996zM20 280H380C391 280 400 289 400 300C400 311 391 320 380 320H20C9 320 0 311 0 300C0 289 9 280 20 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+LengthenText.defaultProps = {
+    size: IconSize.STANDARD,
+};
 LengthenText.displayName = `Blueprint5.Icon.LengthenText`;
 export default LengthenText;

package/src/generated/components/less-than-or-equal-to.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 LessThanOrEqualTo: 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
-                    ? "M326.3191492 178.97366L143.240148 239.999994L326.3191492 301.0263280000001C336.7980156 304.5192834 342.4612154 315.845683 338.96826 326.3245492C335.4753044000001 336.8034156 324.148905 342.4666154 313.6700386 338.97366L73.670038 258.97366C55.436112 252.8956844 55.436112 227.1043034 73.670038 221.026328L313.6700386 141.026328C324.148905 137.533372 335.4753044000001 143.196572 338.96826 153.675438C342.4612154 164.154306 336.7980156 175.480704 326.3191492 178.97366zM319.994594 99.999994L79.994594 99.999994C68.948898 99.999994 59.994594 91.045688 59.994594 79.999994C59.994594 68.954298 68.948898 59.999994 79.994594 59.999994L319.994594 59.999994C331.0402890000001 59.999994 339.994594 68.954298 339.994594 79.999994C339.994594 91.045688 331.0402890000001 99.999994 319.994594 99.999994z"
-                    : "M265.741692 240.8434742C276.321549 244.0174314 282.325217 255.1671008 279.15126 265.7469578C275.9773028 276.3268148 264.8276334 282.3304828000001 254.2477764 279.1565258L54.247776 219.1565258C35.24372 213.4553088 35.24372 186.5446912 54.247776 180.8434742L254.2477764 120.8434742C264.8276334 117.669518 275.9773028 123.6731852 279.15126 134.2530422C282.325217 144.8328992 276.321549 155.9825686 265.741692 159.1565258L129.5967776 200L265.741692 240.8434742zM259.9947342000001 80L59.994734 80C48.94904 80 39.994734 71.045694 39.994734 60C39.994734 48.954306 48.94904 40 59.994734 40L259.9947342000001 40C271.0404292 40 279.9947342000001 48.954306 279.9947342000001 60C279.9947342000001 71.045694 271.0404292 80 259.9947342000001 80z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="less-than-or-equal-to"
-                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}-less-than-or-equal-to`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="less-than-or-equal-to" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const LessThanOrEqualTo: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="less-than-or-equal-to" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M265.741692 240.8434742C276.321549 244.0174314 282.325217 255.1671008 279.15126 265.7469578C275.9773028 276.3268148 264.8276334 282.3304828000001 254.2477764 279.1565258L54.247776 219.1565258C35.24372 213.4553088 35.24372 186.5446912 54.247776 180.8434742L254.2477764 120.8434742C264.8276334 117.669518 275.9773028 123.6731852 279.15126 134.2530422C282.325217 144.8328992 276.321549 155.9825686 265.741692 159.1565258L129.5967776 200L265.741692 240.8434742zM259.9947342000001 80L59.994734 80C48.94904 80 39.994734 71.045694 39.994734 60C39.994734 48.954306 48.94904 40 59.994734 40L259.9947342000001 40C271.0404292 40 279.9947342000001 48.954306 279.9947342000001 60C279.9947342000001 71.045694 271.0404292 80 259.9947342000001 80z"
+                        : "M326.3191492 178.97366L143.240148 239.999994L326.3191492 301.0263280000001C336.7980156 304.5192834 342.4612154 315.845683 338.96826 326.3245492C335.4753044000001 336.8034156 324.148905 342.4666154 313.6700386 338.97366L73.670038 258.97366C55.436112 252.8956844 55.436112 227.1043034 73.670038 221.026328L313.6700386 141.026328C324.148905 137.533372 335.4753044000001 143.196572 338.96826 153.675438C342.4612154 164.154306 336.7980156 175.480704 326.3191492 178.97366zM319.994594 99.999994L79.994594 99.999994C68.948898 99.999994 59.994594 91.045688 59.994594 79.999994C59.994594 68.954298 68.948898 59.999994 79.994594 59.999994L319.994594 59.999994C331.0402890000001 59.999994 339.994594 68.954298 339.994594 79.999994C339.994594 91.045688 331.0402890000001 99.999994 319.994594 99.999994z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+LessThanOrEqualTo.defaultProps = {
+    size: IconSize.STANDARD,
+};
 LessThanOrEqualTo.displayName = `Blueprint5.Icon.LessThanOrEqualTo`;
 export default LessThanOrEqualTo;

package/src/generated/components/less-than.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 LessThan: 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
-                    ? "M143.245568 199.994574L326.3245694 138.96824C336.8034356 135.475284 342.4666354 124.148886 338.97368 113.670018C335.4807246000001 103.191152 324.154325 97.527952 313.6754586 101.020908L73.675458 181.020908C55.441532 187.098884 55.441532 212.8902646 73.675458 218.96824L313.6754586 298.9682400000001C324.154325 302.4611954 335.4807246000001 296.7979956 338.97368 286.3191294C342.4666354 275.840263 336.8034356 264.5138634 326.3245694 261.020908L143.245568 199.994574z"
-                    : "M265.7469720000001 200.8382084C276.3268290000001 204.0121656 282.3304970000001 215.161835 279.1565400000001 225.741692C275.9825828000001 236.321549 264.8329134 242.325217 254.2530564000001 239.15126L54.253056 179.15126C35.249 173.450043 35.249 146.5394254 54.253056 140.8382084L254.2530564000001 80.838208C264.8329134 77.664252 275.9825828000001 83.66792 279.1565400000001 94.247776C282.3304970000001 104.827634 276.3268290000001 115.977302 265.7469720000001 119.15126L129.6020576000001 159.9947342L265.7469720000001 200.8382084z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="less-than"
-                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}-less-than`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="less-than" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const LessThan: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="less-than" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M265.7469720000001 200.8382084C276.3268290000001 204.0121656 282.3304970000001 215.161835 279.1565400000001 225.741692C275.9825828000001 236.321549 264.8329134 242.325217 254.2530564000001 239.15126L54.253056 179.15126C35.249 173.450043 35.249 146.5394254 54.253056 140.8382084L254.2530564000001 80.838208C264.8329134 77.664252 275.9825828000001 83.66792 279.1565400000001 94.247776C282.3304970000001 104.827634 276.3268290000001 115.977302 265.7469720000001 119.15126L129.6020576000001 159.9947342L265.7469720000001 200.8382084z"
+                        : "M143.245568 199.994574L326.3245694 138.96824C336.8034356 135.475284 342.4666354 124.148886 338.97368 113.670018C335.4807246000001 103.191152 324.154325 97.527952 313.6754586 101.020908L73.675458 181.020908C55.441532 187.098884 55.441532 212.8902646 73.675458 218.96824L313.6754586 298.9682400000001C324.154325 302.4611954 335.4807246000001 296.7979956 338.97368 286.3191294C342.4666354 275.840263 336.8034356 264.5138634 326.3245694 261.020908L143.245568 199.994574z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+LessThan.defaultProps = {
+    size: IconSize.STANDARD,
+};
 LessThan.displayName = `Blueprint5.Icon.LessThan`;
 export default LessThan;