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

package/src/generated/components/social-media.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 SocialMedia: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>(({
-    className,
-    color,
-    size = IconSize.STANDARD,
-    title,
-    htmlTitle,
-    svgProps,
-    tagName = "span",
-    ...htmlProps
-}, ref) => {
-    const isLarge = size >= IconSize.LARGE;
-    const pixelGridSize =  isLarge ? IconSize.LARGE : IconSize.STANDARD;
-    const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
-    const titleId = uniqueId("iconTitle");
-    const path = (
-        <path
-            d={
-                isLarge
-                    ? "M230 300C246 300 262 308 270 320C310 296 336 254 340 206C340 196 350 188 360 188C372 188 380 198 380 208L380 210C376 276 336 334 278 362C274 384 254 400 230 400C202 400 180 378 180 350C180 322 202 300 230 300zM330 160C302 160 280 138 280 110C280 102 282 96 284 88C262 70 232 60 200 60C162 60 128 76 102 100C98 104 92 108 86 108C76 108 66 98 66 88C66 82 68 78 72 74C106 40 150 20 200 20C244 20 284 36 316 62C320 60 326 60 330 60C358 60 380 82 380 110C380 138 358 160 330 160zM100 190C100 212 86 232 66 238C76 276 104 308 138 326C144 330 150 336 150 344C150 354 142 364 130 364C126 364 122 362 118 360C70 336 34 288 24 232C10 222 0 208 0 190C0 162 22 140 50 140C78 140 100 162 100 190z"
-                    : "M190 240C198 240 206 242 212 246C240 230 258 200 260 168L260 168C260 158 270 150 280 150C292 150 300 158 300 170C300 172 300 172 300 174C296 222 270 262 230 284C228 304 212 320 190 320S150 302 150 280S168 240 190 240L190 240zM80 150C80 164 72 176 62 184C68 212 86 236 112 250C118 252 124 258 124 268S116 288 104 288C100 288 98 288 94 286C56 266 30 230 22 186C8 178 0 164 0 150C0 128 18 110 40 110S80 128 80 150L80 150zM256 126C234.0000000000001 126 216 108 216 86C216 84 216 82 216 80C200 68 180 62 160 62C136 62 114 70 96 84C92 88 88 90 82 90C70 90 62 82 62 70C62 64 64 58 68 54L68 54C92 32 124 20 160 20C190 20 220 30 242 46C246 44 252 44 256 44C278 44 296 62 296 84S278 126 256 126L256 126z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="social-media"
-                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}-social-media`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="social-media" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SocialMedia: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="social-media" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M190 240C198 240 206 242 212 246C240 230 258 200 260 168L260 168C260 158 270 150 280 150C292 150 300 158 300 170C300 172 300 172 300 174C296 222 270 262 230 284C228 304 212 320 190 320S150 302 150 280S168 240 190 240L190 240zM80 150C80 164 72 176 62 184C68 212 86 236 112 250C118 252 124 258 124 268S116 288 104 288C100 288 98 288 94 286C56 266 30 230 22 186C8 178 0 164 0 150C0 128 18 110 40 110S80 128 80 150L80 150zM256 126C234.0000000000001 126 216 108 216 86C216 84 216 82 216 80C200 68 180 62 160 62C136 62 114 70 96 84C92 88 88 90 82 90C70 90 62 82 62 70C62 64 64 58 68 54L68 54C92 32 124 20 160 20C190 20 220 30 242 46C246 44 252 44 256 44C278 44 296 62 296 84S278 126 256 126L256 126z"
+                        : "M230 300C246 300 262 308 270 320C310 296 336 254 340 206C340 196 350 188 360 188C372 188 380 198 380 208L380 210C376 276 336 334 278 362C274 384 254 400 230 400C202 400 180 378 180 350C180 322 202 300 230 300zM330 160C302 160 280 138 280 110C280 102 282 96 284 88C262 70 232 60 200 60C162 60 128 76 102 100C98 104 92 108 86 108C76 108 66 98 66 88C66 82 68 78 72 74C106 40 150 20 200 20C244 20 284 36 316 62C320 60 326 60 330 60C358 60 380 82 380 110C380 138 358 160 330 160zM100 190C100 212 86 232 66 238C76 276 104 308 138 326C144 330 150 336 150 344C150 354 142 364 130 364C126 364 122 362 118 360C70 336 34 288 24 232C10 222 0 208 0 190C0 162 22 140 50 140C78 140 100 162 100 190z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SocialMedia.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SocialMedia.displayName = `Blueprint5.Icon.SocialMedia`;
 export default SocialMedia;

package/src/generated/components/sort-alphabetical-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 { IconSize } from "../../iconTypes";
+import { SVGIconContainer } from "../../svgIconContainer";
 
-export const SortAlphabeticalDesc: 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.2 100C154.6 100 149.6 97.8 146 94.2000000000001L120 68.2V179.8C120 190.8 111 199.8 100 199.8S80 190.8 80 179.8V68.2L54.2 94C50.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.6 2.2 94.6 0 100 0S110.6 2.2 114.2 5.8L174.2 65.8C177.8 69.4 180 74.4 180 80C180.2 91 171.2 100 160.2 100zM249 213L377 370.6V400H210V366.6H328.2000000000001L200 211.2V179.8H380V213H249zM274.4000000000001 140.2L220 0H251.8L263 31.2H316.6L327.6 0H360.4L306.8 140.2H274.4000000000001zM271.2 54.2L289.8 105.6H290.2L308.2 54.2H271.2z"
-                    : "M119.8 80.2C114.2 80.2 109.2 78 105.6 74.4V74.4L99.8 68.6V140.2C99.8 151.2 90.8 160.2 79.8 160.2C68.8 160.2 59.8 151.2 59.8 140.2V68.4L54 74.2C50.4 77.8 45.4 80 39.8 80C28.8 80 19.8 71 19.8 60C19.8 54.4 22 49.4 25.6 45.8L65.6 5.8C69.2 2.2 74.2 0 79.8 0C85.4 0 90.4 2.2 94 5.8L134 45.8C137.6 49.4 139.8 54.4 139.8 60C139.8 71.2 130.8 80.2 119.8 80.2zM254 120H226.4L180 0.2H207.2L216.8 26.8H262.8L272 0.2H300L254 120zM223.8 46.6L239.8 90.6H240.2L255.6 46.6H223.8zM299.8 190H208.4L297.4000000000001 292.4V320H166.8V290.4H248.8L159.8 188.2V160.4H299.8V190z"
-            }
-            fillRule="evenodd"
-            transform="scale(0.05 0.05)"
-        />
-    );
-
-    if (tagName === null) {
-        return (
-            <svg
-                aria-labelledby={title ? titleId : undefined}
-                data-icon="sort-alphabetical-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-alphabetical-desc`, className),
-                ref,
-                title: htmlTitle,
-            },
-            <svg fill={color} data-icon="sort-alphabetical-desc" width={size} height={size} role="img" viewBox={viewBox} {...svgProps}>
-                {title && <title>{title}</title>}
-                {path}
-            </svg>
-        );
-    }
+export const SortAlphabeticalDesc: React.FC<SVGIconProps> = React.forwardRef<any, SVGIconProps>((props, ref) => {
+    const translation = `${-1 * props.size! / 0.05 / 2}`;
+    return (
+        <SVGIconContainer iconName="sort-alphabetical-desc" ref={ref}  {...props}>
+            <path
+                d={
+                    props.size! < IconSize.LARGE
+                        ? "M119.8 80.2C114.2 80.2 109.2 78 105.6 74.4V74.4L99.8 68.6V140.2C99.8 151.2 90.8 160.2 79.8 160.2C68.8 160.2 59.8 151.2 59.8 140.2V68.4L54 74.2C50.4 77.8 45.4 80 39.8 80C28.8 80 19.8 71 19.8 60C19.8 54.4 22 49.4 25.6 45.8L65.6 5.8C69.2 2.2 74.2 0 79.8 0C85.4 0 90.4 2.2 94 5.8L134 45.8C137.6 49.4 139.8 54.4 139.8 60C139.8 71.2 130.8 80.2 119.8 80.2zM254 120H226.4L180 0.2H207.2L216.8 26.8H262.8L272 0.2H300L254 120zM223.8 46.6L239.8 90.6H240.2L255.6 46.6H223.8zM299.8 190H208.4L297.4000000000001 292.4V320H166.8V290.4H248.8L159.8 188.2V160.4H299.8V190z"
+                        : "M160.2 100C154.6 100 149.6 97.8 146 94.2000000000001L120 68.2V179.8C120 190.8 111 199.8 100 199.8S80 190.8 80 179.8V68.2L54.2 94C50.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.6 2.2 94.6 0 100 0S110.6 2.2 114.2 5.8L174.2 65.8C177.8 69.4 180 74.4 180 80C180.2 91 171.2 100 160.2 100zM249 213L377 370.6V400H210V366.6H328.2000000000001L200 211.2V179.8H380V213H249zM274.4000000000001 140.2L220 0H251.8L263 31.2H316.6L327.6 0H360.4L306.8 140.2H274.4000000000001zM271.2 54.2L289.8 105.6H290.2L308.2 54.2H271.2z"
+                }
+                fillRule="evenodd"
+                transform-origin="center"
+                transform={`scale(0.05, -0.05) translate(${translation}, ${translation})`}
+            />
+        </SVGIconContainer>
+   )
 });
+SortAlphabeticalDesc.defaultProps = {
+    size: IconSize.STANDARD,
+};
 SortAlphabeticalDesc.displayName = `Blueprint5.Icon.SortAlphabeticalDesc`;
 export default SortAlphabeticalDesc;

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 { IconSize } from "../../iconTypes";
+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 { IconSize } from "../../iconTypes";
+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 { IconSize } from "../../iconTypes";
+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 { IconSize } from "../../iconTypes";
+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;