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

package/src/generated/components/sort-alphabetical.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 SortAlphabetical: 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
-                    ? "M160 100C154.4 100 149.4 97.8 145.8 94.2000000000001L120 68.2V179.8C120 190.8 111 199.8 100 199.8S80 190.8 80 179.8V68.2L54.2 94H54.2C50.6 97.6 45.6 100 40 100C29 100 20 91 20 80C20 74.4 22.2 69.4 25.8 65.8H25.8L85.8 5.8C89.4 2.2 94.4 0 100 0S110.6 2.2 114.2 5.8L174.2 65.8C177.8 69.4 180 74.4 180 80C180 91 171 100 160 100zM337.8 115.8V140.2H226V114.2H296.2L220 24.4V0H339.8000000000001V26H261.6L337.8 115.8zM299.4000000000001 400H260.4000000000001L180.2 179.8H218L237.6 238.2H321L340.6 179.8H379.8000000000001L299.4000000000001 400zM247.6 267.4L279.2000000000001 362.2H280L311.4 267.4H247.6z"
-                    : "M120 80C114.4 80 109.4 77.8 105.8 74.2L100 68.2V140C100 151 91 160 80 160C69 160 60 151 60 140V68.2L54.2 74H54.2C50.6 77.8 45.6 80 40 80C29 80 20 71 20 60C20 54.4 22.2 49.4 25.8 45.8L65.8 5.8C69.6 2.2 74.6 0 80 0C85.6 0 90.6 2.2 94.2 5.8L134.2 45.8C137.8 49.4 140 54.4 140 60C140.2 71 131.2 80 120 80zM278.6 99V119.8H185V97.6H243.8L180 20.8V0H280.4V22.2H215L278.6 99zM250.2 195.8L262.6 160.2H300L238.8 319.8H202L140 160.2H176.2L189 195.8H250.2zM219.8 280.6H220.2L240.8 222H198.4L219.8 280.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort-alphabetical"
-                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}-sort-alphabetical`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort-alphabetical" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SortAlphabetical: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort-alphabetical" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M120 80C114.4 80 109.4 77.8 105.8 74.2L100 68.2V140C100 151 91 160 80 160C69 160 60 151 60 140V68.2L54.2 74H54.2C50.6 77.8 45.6 80 40 80C29 80 20 71 20 60C20 54.4 22.2 49.4 25.8 45.8L65.8 5.8C69.6 2.2 74.6 0 80 0C85.6 0 90.6 2.2 94.2 5.8L134.2 45.8C137.8 49.4 140 54.4 140 60C140.2 71 131.2 80 120 80zM278.6 99V119.8H185V97.6H243.8L180 20.8V0H280.4V22.2H215L278.6 99zM250.2 195.8L262.6 160.2H300L238.8 319.8H202L140 160.2H176.2L189 195.8H250.2zM219.8 280.6H220.2L240.8 222H198.4L219.8 280.6z"
+                        : "M160 100C154.4 100 149.4 97.8 145.8 94.2000000000001L120 68.2V179.8C120 190.8 111 199.8 100 199.8S80 190.8 80 179.8V68.2L54.2 94H54.2C50.6 97.6 45.6 100 40 100C29 100 20 91 20 80C20 74.4 22.2 69.4 25.8 65.8H25.8L85.8 5.8C89.4 2.2 94.4 0 100 0S110.6 2.2 114.2 5.8L174.2 65.8C177.8 69.4 180 74.4 180 80C180 91 171 100 160 100zM337.8 115.8V140.2H226V114.2H296.2L220 24.4V0H339.8000000000001V26H261.6L337.8 115.8zM299.4000000000001 400H260.4000000000001L180.2 179.8H218L237.6 238.2H321L340.6 179.8H379.8000000000001L299.4000000000001 400zM247.6 267.4L279.2000000000001 362.2H280L311.4 267.4H247.6z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SortAlphabetical.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SortAlphabetical.displayName = `Blueprint5.Icon.SortAlphabetical`;
 export default SortAlphabetical;

package/src/generated/components/sort-asc.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 SortAsc: 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 240H300C311 240 320 249 320 260V280C320 291 311 300 300 300H200C189 300 180 291 180 280V260C180 249 189 240 200 240zM200 140H340C351 140 360 149 360 160V180C360 191 351 200 340 200H200C189 200 180 191 180 180V160C180 149 189 140 200 140zM200 340H260C271 340 280 349 280 360V380C280 391 271 400 260 400H200C189 400 180 391 180 380V360C180 349 189 340 200 340zM380 100H200C189 100 180 91 180 80V60C180 49 189 40 200 40H380C391 40 400 49 400 60V80C400 91 391 100 380 100zM140 120C134.4 120 129.4 117.8 125.8 114.2000000000001L100 88.2V200C100 211 91 220 80 220S60 211 60 200V88.2L34.2 114C30.6 117.8 25.6 120 20 120C9 120 0 111 0 100C0 94.4 2.2 89.4 5.8 85.8L65.8 25.8C69.4 22.2 74.4 20 80 20S90.6 22.2 94.2 25.8L154.2 85.8C157.8 89.4 160 94.4 160 100C160 111 151 120 140 120z"
-                    : "M160 180H220C231 180 240 189 240 200C240 211 231 220 220 220H160C149 220 140 211 140 200C140 189 149 180 160 180zM160 260H180C191 260 200 269 200 280C200 291 191 300 180 300H160C149 300 140 291 140 280C140 269 149 260 160 260zM160 100H260C271 100 280 109 280 120C280 131 271 140 260 140H160C149 140 140 131 140 120C140 109 149 100 160 100zM100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM300 60H160C149 60 140 51 140 40C140 29 149 20 160 20H300C311 20 320 29 320 40C320 51 311 60 300 60z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort-asc"
-                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}-sort-asc`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort-asc" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SortAsc: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort-asc" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M160 180H220C231 180 240 189 240 200C240 211 231 220 220 220H160C149 220 140 211 140 200C140 189 149 180 160 180zM160 260H180C191 260 200 269 200 280C200 291 191 300 180 300H160C149 300 140 291 140 280C140 269 149 260 160 260zM160 100H260C271 100 280 109 280 120C280 131 271 140 260 140H160C149 140 140 131 140 120C140 109 149 100 160 100zM100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM300 60H160C149 60 140 51 140 40C140 29 149 20 160 20H300C311 20 320 29 320 40C320 51 311 60 300 60z"
+                        : "M200 240H300C311 240 320 249 320 260V280C320 291 311 300 300 300H200C189 300 180 291 180 280V260C180 249 189 240 200 240zM200 140H340C351 140 360 149 360 160V180C360 191 351 200 340 200H200C189 200 180 191 180 180V160C180 149 189 140 200 140zM200 340H260C271 340 280 349 280 360V380C280 391 271 400 260 400H200C189 400 180 391 180 380V360C180 349 189 340 200 340zM380 100H200C189 100 180 91 180 80V60C180 49 189 40 200 40H380C391 40 400 49 400 60V80C400 91 391 100 380 100zM140 120C134.4 120 129.4 117.8 125.8 114.2000000000001L100 88.2V200C100 211 91 220 80 220S60 211 60 200V88.2L34.2 114C30.6 117.8 25.6 120 20 120C9 120 0 111 0 100C0 94.4 2.2 89.4 5.8 85.8L65.8 25.8C69.4 22.2 74.4 20 80 20S90.6 22.2 94.2 25.8L154.2 85.8C157.8 89.4 160 94.4 160 100C160 111 151 120 140 120z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SortAsc.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SortAsc.displayName = `Blueprint5.Icon.SortAsc`;
 export default SortAsc;

package/src/generated/components/sort-desc.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 SortDesc: 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
-                    ? "M260 100H200C189 100 180 91 180 80V60C180 49 189 40 200 40H260C271 40 280 49 280 60V80C280 91 271 100 260 100zM140 120C134.4 120 129.4 117.8 125.8 114.2000000000001L100 88.2V200C100 211 91 220 80 220S60 211 60 200V88.2L34.2 114C30.6 117.8 25.6 120 20 120C9 120 0 111 0 100C0 94.4 2.2 89.4 5.8 85.8L65.8 25.8C69.4 22.2 74.4 20 80 20S90.6 22.2 94.2 25.8L154.2 85.8C157.8 89.4 160 94.4 160 100C160 111 151 120 140 120zM380 400H200C189 400 180 391 180 380V360C180 349 189 340 200 340H380C391 340 400 349 400 360V380C400 391 391 400 380 400zM300 200H200C189 200 180 191 180 180V160C180 149 189 140 200 140H300C311 140 320 149 320 160V180C320 191 311 200 300 200zM340 300H200C189 300 180 291 180 280V260C180 249 189 240 200 240H340C351 240 360 249 360 260V280C360 291 351 300 340 300z"
-                    : "M100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM180 60H160C149 60 140 51 140 40C140 29 149 20 160 20H180C191 20 200 29 200 40C200 51 191 60 180 60zM260 220H160C149 220 140 211 140 200C140 189 149 180 160 180H260C271 180 280 189 280 200C280 211 271 220 260 220zM220 140H160C149 140 140 131 140 120C140 109 149 100 160 100H220C231 100 240 109 240 120C240 131 231 140 220 140zM300 300H160C149 300 140 291 140 280C140 269 149 260 160 260H300C311 260 320 269 320 280C320 291 311 300 300 300z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort-desc"
-                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}-sort-desc`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort-desc" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SortDesc: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort-desc" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM180 60H160C149 60 140 51 140 40C140 29 149 20 160 20H180C191 20 200 29 200 40C200 51 191 60 180 60zM260 220H160C149 220 140 211 140 200C140 189 149 180 160 180H260C271 180 280 189 280 200C280 211 271 220 260 220zM220 140H160C149 140 140 131 140 120C140 109 149 100 160 100H220C231 100 240 109 240 120C240 131 231 140 220 140zM300 300H160C149 300 140 291 140 280C140 269 149 260 160 260H300C311 260 320 269 320 280C320 291 311 300 300 300z"
+                        : "M260 100H200C189 100 180 91 180 80V60C180 49 189 40 200 40H260C271 40 280 49 280 60V80C280 91 271 100 260 100zM140 120C134.4 120 129.4 117.8 125.8 114.2000000000001L100 88.2V200C100 211 91 220 80 220S60 211 60 200V88.2L34.2 114C30.6 117.8 25.6 120 20 120C9 120 0 111 0 100C0 94.4 2.2 89.4 5.8 85.8L65.8 25.8C69.4 22.2 74.4 20 80 20S90.6 22.2 94.2 25.8L154.2 85.8C157.8 89.4 160 94.4 160 100C160 111 151 120 140 120zM380 400H200C189 400 180 391 180 380V360C180 349 189 340 200 340H380C391 340 400 349 400 360V380C400 391 391 400 380 400zM300 200H200C189 200 180 191 180 180V160C180 149 189 140 200 140H300C311 140 320 149 320 160V180C320 191 311 200 300 200zM340 300H200C189 300 180 291 180 280V260C180 249 189 240 200 240H340C351 240 360 249 360 260V280C360 291 351 300 340 300z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SortDesc.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SortDesc.displayName = `Blueprint5.Icon.SortDesc`;
 export default SortDesc;

package/src/generated/components/sort-numerical-desc.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 SortNumericalDesc: 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
-                    ? "M180 100C174.4 100 169.4 97.8 165.8 94.2000000000001L140 68.2V179.8C140 190.8 131 199.8 120 199.8C109 199.8 100 190.8 100 179.8V68.2L74.2 94H74.2C70.6 97.6 65.6 100 60 100C49 100 40 91 40 80C40 74.4 42.2 69.4 45.8 65.8L105.8 5.8C109.4 2.2 114.4 0 120 0C125.6 0 130.6 2.2 134.2 5.8V5.8L194.2 65.8V65.8C197.8 69.4 200 74.4 200 80C200 91 191 100 180 100zM314 126.6C311.6 123 308.6 120.2 305.2 118C301.8 115.8 297.8 114.2000000000001 293.6 113.4C289.2 112.6 284.8 112.2 280.2 112.4V91H313.4V0H340V139.8H318.8C318 134.6 316.4 130.2 314 126.6zM377 332.6C374.8000000000001 346.2 371.2000000000001 357.8 366 367.8C360.8 377.8 353.6 385.6 344.4 391.4C335 397.2 323.4000000000001 400 309.2000000000001 400C298.4 400 288.6 398.2 280 394.6C271.4 391 264.2000000000001 385.8 258.2 379.4C252.2 372.8 247.8 365.2 244.8 356.4C241.6 347.6 240 338 240 327.8C240 317 241.6 307 244.6 298.4C247.6 289.6 252 282.2 257.6 276C263.2 269.8 269.8 265 277.6 261.6C285.4000000000001 258.2 294 256.4 303.6 256.4C312.8000000000001 256.4 321.2000000000001 258.6 328.8 263C336.4 267.4 342.4000000000001 273.6 346.8 281.8L347.4000000000001 281.2C346.8 274.2 346 266.4 345 258C344 249.6 342 241.8 339.2000000000001 234.4C336.4 227 332.2 220.8 327 216C321.8 211 314.6 208.6 305.8 208.6C297.2000000000001 208.6 290.4000000000001 211.2 285.2000000000001 216.6C280.2000000000001 222 277.2000000000001 229 276.4000000000001 237.6H243.6C244.0000000000001 229.0000000000001 245.8 221 249.4 214C252.8 207 257.2000000000001 200.8 262.8 195.8C268.2 190.8 274.6 186.8000000000001 281.6 184C288.6 181.2 296.2 179.8 304.2000000000001 179.8C318.4000000000001 179.8 330.2000000000001 183.2 340 189.8C349.6 196.4 357.4000000000001 205 363.4000000000001 215.6C369.4000000000001 226.2 373.6000000000001 238.0000000000001 376.2000000000001 250.8C378.8 263.6 380.0000000000001 276.4000000000001 380.0000000000001 289.2000000000001C380.2000000000001 304.6 379 319 377 332.6zM342 311.2C340.4000000000001 305.8 338.2 301.2 335.2000000000001 297C332.2000000000001 292.8 328.4000000000001 289.6 323.8 287.2C319.2000000000001 284.8 313.8 283.6 307.8 283.6C301.8 283.6 296.6 284.8 292.2000000000001 287.4C287.8 290 284.2000000000001 293.2 281.2 297.2C278.4 301.2000000000001 276.2 306 274.8 311.2000000000001C273.4 316.6 272.6 322.2 272.6 328C272.6 333.6 273.4 339 274.8 344.4C276.2 349.6 278.4 354.2 281.2 358.4C284 362.4 287.8 365.6 292.2000000000001 368C296.6 370.4 301.8 371.4 307.8 371.4C314 371.4 319.2000000000001 370.2 323.8 367.8C328.4000000000001 365.4 332.2000000000001 362.2 335.2000000000001 358.2C338.2 354.2 340.4000000000001 349.6 342 344.4C343.6 339.2 344.2000000000001 333.8 344.2000000000001 328C344.2000000000001 322.2 343.4000000000001 316.6 342 311.2z"
-                    : "M120 80.2C114.4 80.2 109.4 78 105.8 74.4L100 68.4V140.2C100 151.2 91 160.2 80 160.2S60 151.2 60 140.2V68.4L54.2 74.2C50.4 78 45.6 80.2 40 80.2C29 80.2 20 71.2 20 60.2C20 54.6 22.2 49.6 25.8 46L65.8 6C69.4 2.4 74.4 0.2 80 0.2S90.6 2.4 94.2 6V6L134.2 46V46C137.6 49.6 140 54.6 140 60.2C140 71.2 131 80.2 120 80.2zM277.2 269.2C275.4 278.8 272 287.2 267.2 294.8C262.4 302.4 256 308.4 248 313C240 317.6 229.8 320 217.2 320C208.6 320 200.8 318.6 193.8 315.6C186.8 312.6 180.8 308.6 175.8 303.6C170.8 298.6 167 292.6 164.2 285.8C161.4 279 160.2000000000001 271.6 160.2000000000001 263.6C160.2000000000001 257.4 161.2000000000001 251.4 163.2000000000001 245.4C165.2000000000001 239.4 168.4 234 172.8000000000001 229.4C177.4000000000001 224.6 183.2000000000001 220.8 189.8000000000001 217.8C196.4 215 203.4 213.6 210.4 213.6C218.4 213.6 225.4000000000001 215 231.4000000000001 217.6C237.4000000000001 220.2 242.8000000000001 224.6 247.2000000000001 230.8L247.6000000000001 230.4C247.2000000000001 226.2 246.6 221.4 245.6000000000001 215.8C244.6000000000001 210.4 243.0000000000001 205.2 240.6000000000001 200.6C238.2000000000001 195.8 235.2000000000001 191.8 231.2000000000001 188.6C227.4000000000001 185.4 222.4000000000001 183.6 216.2000000000001 183.6C210.4000000000001 183.6 205.6000000000001 185.6 201.8000000000001 189.4C198 193 195.6 197.4 194.4 202.6H163C164 195.8 165.8 189.8 168.8 184.6C171.8 179.4 175.6 174.8 180.2 171.2C184.8 167.6 190.2 164.8 196.2 163C202.4 161 208.8 160 215.8 160C227.4 160 237.4 162.4 245.4 167.2C253.4 172 260 178.2 265.2 185.8C270.4 193.6 274 202.2 276.4 211.6C278.8 221.2 280 230.8 280 240.4C280 250 279 259.6 277.2 269.2zM243 254.8C242 251.4 240.2 248.4 238.2 245.6C236 243 233.4 240.8 230 239.4C226.8 237.8 222.8 237 218.4 237C214.2 237 210.6 237.8 207.4 239.6C204.2 241.2 201.6 243.4 199.6 246.2C197.2 249 195.8 252 194.8 255.4C193.8 258.8 193.2 262.4 193.2 266.2C193.2 269.8 193.8 273.2 194.8 276.6C196 279.8 197.6 282.8 199.8 285.4C202 288 204.6 290.2 207.8 291.8C211 293.4 214.4 294.2 218.2 294.2C222.4 294.2 226.2 293.4 229.4 291.8C232.6 290.2 235.4000000000001 288 237.6 285.4C239.8 282.6 241.6 279.6 242.8 276.2C244.0000000000001 272.8 244.6 269.2 244.6 265.8C244.6 261.8 244 258.2 243 254.8zM233.8 108.6C231.4 105.6 228.6 103 225 101.2C221.6 99.4 217.6 98 213.4 97.2C209 96.4 204.6 96.2 200 96.2V77.8H233V0.2H259.6V120H238.4C237.8 115.4 236.2 111.6 233.8 108.6z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort-numerical-desc"
-                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}-sort-numerical-desc`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort-numerical-desc" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SortNumericalDesc: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort-numerical-desc" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M120 80.2C114.4 80.2 109.4 78 105.8 74.4L100 68.4V140.2C100 151.2 91 160.2 80 160.2S60 151.2 60 140.2V68.4L54.2 74.2C50.4 78 45.6 80.2 40 80.2C29 80.2 20 71.2 20 60.2C20 54.6 22.2 49.6 25.8 46L65.8 6C69.4 2.4 74.4 0.2 80 0.2S90.6 2.4 94.2 6V6L134.2 46V46C137.6 49.6 140 54.6 140 60.2C140 71.2 131 80.2 120 80.2zM277.2 269.2C275.4 278.8 272 287.2 267.2 294.8C262.4 302.4 256 308.4 248 313C240 317.6 229.8 320 217.2 320C208.6 320 200.8 318.6 193.8 315.6C186.8 312.6 180.8 308.6 175.8 303.6C170.8 298.6 167 292.6 164.2 285.8C161.4 279 160.2000000000001 271.6 160.2000000000001 263.6C160.2000000000001 257.4 161.2000000000001 251.4 163.2000000000001 245.4C165.2000000000001 239.4 168.4 234 172.8000000000001 229.4C177.4000000000001 224.6 183.2000000000001 220.8 189.8000000000001 217.8C196.4 215 203.4 213.6 210.4 213.6C218.4 213.6 225.4000000000001 215 231.4000000000001 217.6C237.4000000000001 220.2 242.8000000000001 224.6 247.2000000000001 230.8L247.6000000000001 230.4C247.2000000000001 226.2 246.6 221.4 245.6000000000001 215.8C244.6000000000001 210.4 243.0000000000001 205.2 240.6000000000001 200.6C238.2000000000001 195.8 235.2000000000001 191.8 231.2000000000001 188.6C227.4000000000001 185.4 222.4000000000001 183.6 216.2000000000001 183.6C210.4000000000001 183.6 205.6000000000001 185.6 201.8000000000001 189.4C198 193 195.6 197.4 194.4 202.6H163C164 195.8 165.8 189.8 168.8 184.6C171.8 179.4 175.6 174.8 180.2 171.2C184.8 167.6 190.2 164.8 196.2 163C202.4 161 208.8 160 215.8 160C227.4 160 237.4 162.4 245.4 167.2C253.4 172 260 178.2 265.2 185.8C270.4 193.6 274 202.2 276.4 211.6C278.8 221.2 280 230.8 280 240.4C280 250 279 259.6 277.2 269.2zM243 254.8C242 251.4 240.2 248.4 238.2 245.6C236 243 233.4 240.8 230 239.4C226.8 237.8 222.8 237 218.4 237C214.2 237 210.6 237.8 207.4 239.6C204.2 241.2 201.6 243.4 199.6 246.2C197.2 249 195.8 252 194.8 255.4C193.8 258.8 193.2 262.4 193.2 266.2C193.2 269.8 193.8 273.2 194.8 276.6C196 279.8 197.6 282.8 199.8 285.4C202 288 204.6 290.2 207.8 291.8C211 293.4 214.4 294.2 218.2 294.2C222.4 294.2 226.2 293.4 229.4 291.8C232.6 290.2 235.4000000000001 288 237.6 285.4C239.8 282.6 241.6 279.6 242.8 276.2C244.0000000000001 272.8 244.6 269.2 244.6 265.8C244.6 261.8 244 258.2 243 254.8zM233.8 108.6C231.4 105.6 228.6 103 225 101.2C221.6 99.4 217.6 98 213.4 97.2C209 96.4 204.6 96.2 200 96.2V77.8H233V0.2H259.6V120H238.4C237.8 115.4 236.2 111.6 233.8 108.6z"
+                        : "M180 100C174.4 100 169.4 97.8 165.8 94.2000000000001L140 68.2V179.8C140 190.8 131 199.8 120 199.8C109 199.8 100 190.8 100 179.8V68.2L74.2 94H74.2C70.6 97.6 65.6 100 60 100C49 100 40 91 40 80C40 74.4 42.2 69.4 45.8 65.8L105.8 5.8C109.4 2.2 114.4 0 120 0C125.6 0 130.6 2.2 134.2 5.8V5.8L194.2 65.8V65.8C197.8 69.4 200 74.4 200 80C200 91 191 100 180 100zM314 126.6C311.6 123 308.6 120.2 305.2 118C301.8 115.8 297.8 114.2000000000001 293.6 113.4C289.2 112.6 284.8 112.2 280.2 112.4V91H313.4V0H340V139.8H318.8C318 134.6 316.4 130.2 314 126.6zM377 332.6C374.8000000000001 346.2 371.2000000000001 357.8 366 367.8C360.8 377.8 353.6 385.6 344.4 391.4C335 397.2 323.4000000000001 400 309.2000000000001 400C298.4 400 288.6 398.2 280 394.6C271.4 391 264.2000000000001 385.8 258.2 379.4C252.2 372.8 247.8 365.2 244.8 356.4C241.6 347.6 240 338 240 327.8C240 317 241.6 307 244.6 298.4C247.6 289.6 252 282.2 257.6 276C263.2 269.8 269.8 265 277.6 261.6C285.4000000000001 258.2 294 256.4 303.6 256.4C312.8000000000001 256.4 321.2000000000001 258.6 328.8 263C336.4 267.4 342.4000000000001 273.6 346.8 281.8L347.4000000000001 281.2C346.8 274.2 346 266.4 345 258C344 249.6 342 241.8 339.2000000000001 234.4C336.4 227 332.2 220.8 327 216C321.8 211 314.6 208.6 305.8 208.6C297.2000000000001 208.6 290.4000000000001 211.2 285.2000000000001 216.6C280.2000000000001 222 277.2000000000001 229 276.4000000000001 237.6H243.6C244.0000000000001 229.0000000000001 245.8 221 249.4 214C252.8 207 257.2000000000001 200.8 262.8 195.8C268.2 190.8 274.6 186.8000000000001 281.6 184C288.6 181.2 296.2 179.8 304.2000000000001 179.8C318.4000000000001 179.8 330.2000000000001 183.2 340 189.8C349.6 196.4 357.4000000000001 205 363.4000000000001 215.6C369.4000000000001 226.2 373.6000000000001 238.0000000000001 376.2000000000001 250.8C378.8 263.6 380.0000000000001 276.4000000000001 380.0000000000001 289.2000000000001C380.2000000000001 304.6 379 319 377 332.6zM342 311.2C340.4000000000001 305.8 338.2 301.2 335.2000000000001 297C332.2000000000001 292.8 328.4000000000001 289.6 323.8 287.2C319.2000000000001 284.8 313.8 283.6 307.8 283.6C301.8 283.6 296.6 284.8 292.2000000000001 287.4C287.8 290 284.2000000000001 293.2 281.2 297.2C278.4 301.2000000000001 276.2 306 274.8 311.2000000000001C273.4 316.6 272.6 322.2 272.6 328C272.6 333.6 273.4 339 274.8 344.4C276.2 349.6 278.4 354.2 281.2 358.4C284 362.4 287.8 365.6 292.2000000000001 368C296.6 370.4 301.8 371.4 307.8 371.4C314 371.4 319.2000000000001 370.2 323.8 367.8C328.4000000000001 365.4 332.2000000000001 362.2 335.2000000000001 358.2C338.2 354.2 340.4000000000001 349.6 342 344.4C343.6 339.2 344.2000000000001 333.8 344.2000000000001 328C344.2000000000001 322.2 343.4000000000001 316.6 342 311.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SortNumericalDesc.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SortNumericalDesc.displayName = `Blueprint5.Icon.SortNumericalDesc`;
 export default SortNumericalDesc;

package/src/generated/components/sort-numerical.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 SortNumerical: 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
-                    ? "M180 100.2C174.4 100.2 169.4 98 165.8 94.4H165.8L140 68.4V180.2000000000001C140 191.2000000000001 131 200.2000000000001 120 200.2000000000001C109 200.2000000000001 100 191.2000000000001 100 180.2000000000001V68.4L74.2 94.2000000000001C70.6 98 65.6 100.2 60 100.2C49 100.2 40 91.2 40 80.2C40 74.6 42.2 69.6 45.8 66L105.8 6V6C109.4 2.4 114.4 0.2 120 0.2C125.6 0.2 130.6 2.4 134.2 6V6L194.2 66C197.8 69.6 200 74.6 200 80.2000000000001C200.2 91.2 191.2 100.2 180 100.2zM357.6 95.6C356 104 353.2 111.4 349.2 118C345.2 124.6 339.8 130 333.2 134C326.6 138 318 140 307.6 140C300.4 140 294 138.8 288.2 136.2C282.4 133.6 277.4 130.2 273.2 125.8C268.9999999999999 121.4 265.8 116.2 263.3999999999999 110.2000000000001C261.2 104.2000000000001 260 97.8000000000001 260 90.8C260 85.4 260.7999999999999 80 262.6 74.8000000000001C264.2 69.6 267 64.8000000000001 270.6 60.8000000000001C274.3999999999999 56.6 279.2 53.2 284.8 50.8000000000001C290.4 48.4 296 47 301.8 47C308.4 47 314.2 48.2 319.2 50.4000000000001C324.2 52.8000000000001 328.5999999999999 56.6 332.4 62L332.8 61.6C332.5999999999999 57.8 332 53.6000000000001 331.2 49.0000000000001C330.4 44.2000000000001 329 39.8000000000001 327 35.6C325 31.4 322.4 28.0000000000001 319.2 25C316 22.2 311.8 20.6 306.8 20.6C302 20.6 298 22.2 294.8 25.6C291.6 29.0000000000001 289.4 32.8 288.6 37.4H262.4C263.2 31.6 264.8 26.2 267.2 21.6C269.5999999999999 17 272.8 13.0000000000001 276.8 9.8000000000001C280.6 6.6 285.2 4.2 290.2 2.6C295.2 1.0000000000001 300.6 0.2 306.6 0.2C316.4 0.2 324.5999999999999 2.2 331.2 6.4C338 10.6 343.4 16 347.6 22.8C351.8 29.6 355 37 357 45.4C359 53.8 360 61.9999999999999 360 70.4C360 79 359.2000000000001 87.4 357.6 95.6zM329.2000000000001 83C328.2 80 327 77.4 325.2000000000001 75C323.4000000000001 72.6 321.2000000000001 70.8 318.4000000000001 69.6S312.4000000000001 67.6 308.6 67.6C305.2000000000001 67.6 302 68.4 299.4000000000001 69.8C296.8 71.2 294.6 73.2 292.8 75.6C291.2 78 289.8 80.6 289 83.6C288.2000000000001 86.6 287.8 89.8 287.8 93C287.8 96 288.2 99 289.2000000000001 101.9999999999999C290.2000000000001 104.9999999999999 291.4 107.6 293.2 109.8C295 112.1999999999999 297.2 114 299.8 115.4C302.4000000000001 116.8 305.2 117.6 308.6 117.6C312 117.6 315.2 116.8 318 115.4C320.8 114 323 111.9999999999999 324.8000000000001 109.8C326.6 107.4 328.0000000000001 104.8 329.0000000000001 101.8C330.0000000000001 98.8 330.4000000000001 95.8 330.4000000000001 92.6C330.6 89.2000000000001 330 86 329.2000000000001 83zM306.4 180H340V400H315C314 393.2 311.6 387.6 308.2 383C304.8 378.4 300.4 374.6 295.6 371.6C290.6 368.6 285.2 366.6 279 365.4C273 364.2 266.6 363.6 260.2 363.6V335.4H306.4V180z"
-                    : "M120 80.2C114.4 80.2 109.4 78 105.8 74.4L100 68.4V140.2C100 151.2 91 160.2 80 160.2C69 160.2 60 151.2 60 140.2V68.4L54.2 74.2C50.6 77.8 45.6 80.2 40 80.2C29 80.2 20 71.2 20 60.2C20 54.6 22.2 49.6 25.8 46L25.8 46L65.8 6L65.8 6C69.4 2.4 74.4 0.2 80 0.2C85.6 0.2 90.6 2.4 94.2 6L134.2 46C137.8 49.6 140 54.6 140 60.2C140 71.2 131 80.2 120 80.2zM278.2 81.8C277 89 274.8 95.4 271.6 101C268.4 106.6 264.2000000000001 111.2 258.8 114.8C253.4 118.2 246.6 120 238.2 120C232.6 120 227.4000000000001 118.8 222.6 116.6C218 114.4 214 111.4 210.6 107.6C207.2 103.8 204.6 99.4 202.8 94.2C201 89 200 83.6 200 77.6C200 73 200.6 68.4 202 63.8C203.4 59.2000000000001 205.4 55.2 208.4 51.8C211.6 48.2 215.2 45.2 219.8 43.2C224.2 41.0000000000001 228.8 40.0000000000001 233.4 40.0000000000001C238.6 40.0000000000001 243.4 41.0000000000001 247.4 43.0000000000001S255 48.2 258 53.0000000000001L258.4 52.6C258.2 49.4 257.8 45.8000000000001 257 41.8000000000001C256.4 37.8000000000001 255.2 33.8000000000001 253.6 30.4000000000001C252 26.8000000000001 250 23.8000000000001 247.4 21.4000000000001C244.8 19.0000000000001 241.6 17.6000000000001 237.4 17.6000000000001C233.6 17.6000000000001 230.4 19.0000000000001 227.8 21.8000000000001C225.2 24.6000000000001 223.5999999999999 28.0000000000001 222.8 31.8000000000001H202C202.6 26.8000000000001 204 22.2000000000001 205.8 18.2000000000001C207.8 14.2000000000001 210.2 10.8000000000001 213.4 8.2000000000001C216.6 5.4000000000001 220 3.4000000000001 224.2 2.0000000000001S232.6 1e-13 237.2 1e-13C245.0000000000001 1e-13 251.6 1.8000000000001 257 5.4000000000001C262.4000000000001 9.0000000000001 266.8 13.6000000000001 270.2000000000001 19.4000000000001C273.6 25.2 276 31.6000000000001 277.6 38.8000000000001C279.2000000000001 46.0000000000001 280 53.2000000000001 280 60.2000000000001C280 67.4 279.4000000000001 74.6 278.2 81.8zM255.4 71C254.6 68.4 253.6 66.2 252.2 64.2C250.8 62.2000000000001 249 60.6 246.8 59.4C244.6 58.2 242 57.6 239 57.6C236.2 57.6 233.8 58.2 231.6 59.4C229.4 60.6 227.8 62.4 226.4 64.4C225 66.4 224 68.8 223.4 71.4C222.8 74 222.4 76.6 222.4 79.4C222.4 82 222.8 84.6 223.4 87.2C224.2 89.8 225.2 92 226.6 94C228 96 229.8 97.6 231.8 98.8C233.8 100 236.2 100.6 238.8 100.6C241.6 100.6 244 100 246.2 98.8C248.4 97.6 250.2 96 251.8 94C253.2 92 254.4 89.6 255.2 87C256 84.4 256.4 81.8 256.4 79.2C256.4 76.2 256 73.6 255.4 71zM224.2 160.4H260V320H231.6C230.6 314 228.4 308.8 225.4 304.8C222.2 300.6 218.4 297.4 213.8 294.8C209.2 292.2 204 290.6 198.2 289.6C192.2 288.6 186.2 288.2 180 288.4V264H224.2V160.4z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort-numerical"
-                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}-sort-numerical`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort-numerical" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SortNumerical: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort-numerical" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M120 80.2C114.4 80.2 109.4 78 105.8 74.4L100 68.4V140.2C100 151.2 91 160.2 80 160.2C69 160.2 60 151.2 60 140.2V68.4L54.2 74.2C50.6 77.8 45.6 80.2 40 80.2C29 80.2 20 71.2 20 60.2C20 54.6 22.2 49.6 25.8 46L25.8 46L65.8 6L65.8 6C69.4 2.4 74.4 0.2 80 0.2C85.6 0.2 90.6 2.4 94.2 6L134.2 46C137.8 49.6 140 54.6 140 60.2C140 71.2 131 80.2 120 80.2zM278.2 81.8C277 89 274.8 95.4 271.6 101C268.4 106.6 264.2000000000001 111.2 258.8 114.8C253.4 118.2 246.6 120 238.2 120C232.6 120 227.4000000000001 118.8 222.6 116.6C218 114.4 214 111.4 210.6 107.6C207.2 103.8 204.6 99.4 202.8 94.2C201 89 200 83.6 200 77.6C200 73 200.6 68.4 202 63.8C203.4 59.2000000000001 205.4 55.2 208.4 51.8C211.6 48.2 215.2 45.2 219.8 43.2C224.2 41.0000000000001 228.8 40.0000000000001 233.4 40.0000000000001C238.6 40.0000000000001 243.4 41.0000000000001 247.4 43.0000000000001S255 48.2 258 53.0000000000001L258.4 52.6C258.2 49.4 257.8 45.8000000000001 257 41.8000000000001C256.4 37.8000000000001 255.2 33.8000000000001 253.6 30.4000000000001C252 26.8000000000001 250 23.8000000000001 247.4 21.4000000000001C244.8 19.0000000000001 241.6 17.6000000000001 237.4 17.6000000000001C233.6 17.6000000000001 230.4 19.0000000000001 227.8 21.8000000000001C225.2 24.6000000000001 223.5999999999999 28.0000000000001 222.8 31.8000000000001H202C202.6 26.8000000000001 204 22.2000000000001 205.8 18.2000000000001C207.8 14.2000000000001 210.2 10.8000000000001 213.4 8.2000000000001C216.6 5.4000000000001 220 3.4000000000001 224.2 2.0000000000001S232.6 1e-13 237.2 1e-13C245.0000000000001 1e-13 251.6 1.8000000000001 257 5.4000000000001C262.4000000000001 9.0000000000001 266.8 13.6000000000001 270.2000000000001 19.4000000000001C273.6 25.2 276 31.6000000000001 277.6 38.8000000000001C279.2000000000001 46.0000000000001 280 53.2000000000001 280 60.2000000000001C280 67.4 279.4000000000001 74.6 278.2 81.8zM255.4 71C254.6 68.4 253.6 66.2 252.2 64.2C250.8 62.2000000000001 249 60.6 246.8 59.4C244.6 58.2 242 57.6 239 57.6C236.2 57.6 233.8 58.2 231.6 59.4C229.4 60.6 227.8 62.4 226.4 64.4C225 66.4 224 68.8 223.4 71.4C222.8 74 222.4 76.6 222.4 79.4C222.4 82 222.8 84.6 223.4 87.2C224.2 89.8 225.2 92 226.6 94C228 96 229.8 97.6 231.8 98.8C233.8 100 236.2 100.6 238.8 100.6C241.6 100.6 244 100 246.2 98.8C248.4 97.6 250.2 96 251.8 94C253.2 92 254.4 89.6 255.2 87C256 84.4 256.4 81.8 256.4 79.2C256.4 76.2 256 73.6 255.4 71zM224.2 160.4H260V320H231.6C230.6 314 228.4 308.8 225.4 304.8C222.2 300.6 218.4 297.4 213.8 294.8C209.2 292.2 204 290.6 198.2 289.6C192.2 288.6 186.2 288.2 180 288.4V264H224.2V160.4z"
+                        : "M180 100.2C174.4 100.2 169.4 98 165.8 94.4H165.8L140 68.4V180.2000000000001C140 191.2000000000001 131 200.2000000000001 120 200.2000000000001C109 200.2000000000001 100 191.2000000000001 100 180.2000000000001V68.4L74.2 94.2000000000001C70.6 98 65.6 100.2 60 100.2C49 100.2 40 91.2 40 80.2C40 74.6 42.2 69.6 45.8 66L105.8 6V6C109.4 2.4 114.4 0.2 120 0.2C125.6 0.2 130.6 2.4 134.2 6V6L194.2 66C197.8 69.6 200 74.6 200 80.2000000000001C200.2 91.2 191.2 100.2 180 100.2zM357.6 95.6C356 104 353.2 111.4 349.2 118C345.2 124.6 339.8 130 333.2 134C326.6 138 318 140 307.6 140C300.4 140 294 138.8 288.2 136.2C282.4 133.6 277.4 130.2 273.2 125.8C268.9999999999999 121.4 265.8 116.2 263.3999999999999 110.2000000000001C261.2 104.2000000000001 260 97.8000000000001 260 90.8C260 85.4 260.7999999999999 80 262.6 74.8000000000001C264.2 69.6 267 64.8000000000001 270.6 60.8000000000001C274.3999999999999 56.6 279.2 53.2 284.8 50.8000000000001C290.4 48.4 296 47 301.8 47C308.4 47 314.2 48.2 319.2 50.4000000000001C324.2 52.8000000000001 328.5999999999999 56.6 332.4 62L332.8 61.6C332.5999999999999 57.8 332 53.6000000000001 331.2 49.0000000000001C330.4 44.2000000000001 329 39.8000000000001 327 35.6C325 31.4 322.4 28.0000000000001 319.2 25C316 22.2 311.8 20.6 306.8 20.6C302 20.6 298 22.2 294.8 25.6C291.6 29.0000000000001 289.4 32.8 288.6 37.4H262.4C263.2 31.6 264.8 26.2 267.2 21.6C269.5999999999999 17 272.8 13.0000000000001 276.8 9.8000000000001C280.6 6.6 285.2 4.2 290.2 2.6C295.2 1.0000000000001 300.6 0.2 306.6 0.2C316.4 0.2 324.5999999999999 2.2 331.2 6.4C338 10.6 343.4 16 347.6 22.8C351.8 29.6 355 37 357 45.4C359 53.8 360 61.9999999999999 360 70.4C360 79 359.2000000000001 87.4 357.6 95.6zM329.2000000000001 83C328.2 80 327 77.4 325.2000000000001 75C323.4000000000001 72.6 321.2000000000001 70.8 318.4000000000001 69.6S312.4000000000001 67.6 308.6 67.6C305.2000000000001 67.6 302 68.4 299.4000000000001 69.8C296.8 71.2 294.6 73.2 292.8 75.6C291.2 78 289.8 80.6 289 83.6C288.2000000000001 86.6 287.8 89.8 287.8 93C287.8 96 288.2 99 289.2000000000001 101.9999999999999C290.2000000000001 104.9999999999999 291.4 107.6 293.2 109.8C295 112.1999999999999 297.2 114 299.8 115.4C302.4000000000001 116.8 305.2 117.6 308.6 117.6C312 117.6 315.2 116.8 318 115.4C320.8 114 323 111.9999999999999 324.8000000000001 109.8C326.6 107.4 328.0000000000001 104.8 329.0000000000001 101.8C330.0000000000001 98.8 330.4000000000001 95.8 330.4000000000001 92.6C330.6 89.2000000000001 330 86 329.2000000000001 83zM306.4 180H340V400H315C314 393.2 311.6 387.6 308.2 383C304.8 378.4 300.4 374.6 295.6 371.6C290.6 368.6 285.2 366.6 279 365.4C273 364.2 266.6 363.6 260.2 363.6V335.4H306.4V180z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SortNumerical.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SortNumerical.displayName = `Blueprint5.Icon.SortNumerical`;
 export default SortNumerical;

package/src/generated/components/sort.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 Sort: 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 80H200C189 80 180 71 180 60V40C180 29 189 20 200 20H380C391 20 400 29 400 40V60C400 71 391 80 380 80zM380 180H200C189 180 180 171 180 160V140C180 129 189 120 200 120H380C391 120 400 129 400 140V160C400 171 391 180 380 180zM140 100C134.4 100 129.4 97.8 125.8 94.2000000000001L100 68.2V180C100 191 91 200 80 200S60 191 60 180V68.2L34.2 94C30.6 97.8 25.6 100 20 100C9 100 0 91 0 80C0 74.4 2.2 69.4 5.8 65.8L65.8 5.8C69.4 2.2 74.4 0 80 0S90.6 2.2 94.2 5.8L154.2 65.8C157.8 69.4 160 74.4 160 80C160 91 151 100 140 100zM380 380H200C189 380 180 371 180 360V340C180 329 189 320 200 320H380C391 320 400 329 400 340V360C400 371 391 380 380 380zM380 280H200C189 280 180 271 180 260V240C180 229 189 220 200 220H380C391 220 400 229 400 240V260C400 271 391 280 380 280z"
-                    : "M100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM160 260H300C311 260 320 269 320 280C320 291 311 300 300 300H160C149 300 140 291 140 280C140 269 149 260 160 260zM300 220H160C149 220 140 211 140 200C140 189 149 180 160 180H300C311 180 320 189 320 200C320 211 311 220 300 220zM300 60H160C149 60 140 51 140 40C140 29 149 20 160 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM300 140H160C149 140 140 131 140 120C140 109 149 100 160 100H300C311 100 320 109 320 120C320 131 311 140 300 140z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort"
-                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}-sort`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const Sort: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M100 80C94.4 80 89.4 77.8 85.8 74.2L80 68.2V140C80 151 71 160 60 160S40 151 40 140V68.2L34.2 74C30.6 77.8 25.6 80 20 80C9 80 0 71 0 60C0 54.4 2.2 49.4 5.8 45.8L45.8 5.8C49.4 2.2 54.4 0 60 0S70.6 2.2 74.2 5.8L114.2 45.8C117.8 49.4 120 54.4 120 60C120 71 111 80 100 80zM160 260H300C311 260 320 269 320 280C320 291 311 300 300 300H160C149 300 140 291 140 280C140 269 149 260 160 260zM300 220H160C149 220 140 211 140 200C140 189 149 180 160 180H300C311 180 320 189 320 200C320 211 311 220 300 220zM300 60H160C149 60 140 51 140 40C140 29 149 20 160 20H300C311 20 320 29 320 40C320 51 311 60 300 60zM300 140H160C149 140 140 131 140 120C140 109 149 100 160 100H300C311 100 320 109 320 120C320 131 311 140 300 140z"
+                        : "M380 80H200C189 80 180 71 180 60V40C180 29 189 20 200 20H380C391 20 400 29 400 40V60C400 71 391 80 380 80zM380 180H200C189 180 180 171 180 160V140C180 129 189 120 200 120H380C391 120 400 129 400 140V160C400 171 391 180 380 180zM140 100C134.4 100 129.4 97.8 125.8 94.2000000000001L100 68.2V180C100 191 91 200 80 200S60 191 60 180V68.2L34.2 94C30.6 97.8 25.6 100 20 100C9 100 0 91 0 80C0 74.4 2.2 69.4 5.8 65.8L65.8 5.8C69.4 2.2 74.4 0 80 0S90.6 2.2 94.2 5.8L154.2 65.8C157.8 69.4 160 74.4 160 80C160 91 151 100 140 100zM380 380H200C189 380 180 371 180 360V340C180 329 189 320 200 320H380C391 320 400 329 400 340V360C400 371 391 380 380 380zM380 280H200C189 280 180 271 180 260V240C180 229 189 220 200 220H380C391 220 400 229 400 240V260C400 271 391 280 380 280z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+Sort.defaultProps = {
+    size: IconSize.STANDARD,
+};
 Sort.displayName = `Blueprint5.Icon.Sort`;
 export default Sort;