@blueprintjs/icons 6.12.0 → 6.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintjs/icons",
-  "version": "6.12.0",
+  "version": "6.14.0",
   "description": "Components, fonts, icons, and css files for creating and displaying icons.",
   "main": "lib/cjs/generated/index.js",
   "module": "lib/esm/generated/index.js",
@@ -45,8 +45,8 @@
     "react-test-renderer": "^18.3.1",
     "typescript": "~5.9.3",
     "webpack-cli": "^5.1.4",
-    "@blueprintjs/node-build-scripts": "^10.0.0",
-    "@blueprintjs/stylelint-plugin": "^5.2.3",
+    "@blueprintjs/node-build-scripts": "^10.0.1",
+    "@blueprintjs/stylelint-plugin": "^5.2.4",
     "@blueprintjs/test-commons": "^4.0.4"
   },
   "repository": {

package/src/next/legacyAliases.test.tsx

@@ -0,0 +1,76 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { describe, expect, it } from "vitest";
+
+import {
+    AddIcon,
+    AlignLeftIcon,
+    AlignRightIcon,
+    BanCircleIcon,
+    CircleArrowDownIcon,
+    CircleArrowUpIcon,
+    CircleExclamationIcon,
+    CircleIcon,
+    CircleMinusIcon,
+    CirclePlusIcon,
+    CircleXIcon,
+    ColumnArrowLeftIcon,
+    ColumnArrowRightIcon,
+    CrossCircleIcon,
+    DownloadIcon,
+    DrawerLeftFilledIcon,
+    DrawerRightFilledIcon,
+    EarthIcon,
+    ErrorIcon,
+    FullCircleIcon,
+    GlobeIcon,
+    HomeIcon,
+    HouseIcon,
+    ModalIcon,
+    TextAlignLeftIcon,
+    TextAlignRightIcon,
+    UploadIcon,
+    UserCircleIcon,
+    UserIcon,
+    WindowIcon,
+} from "./generated";
+
+describe("@blueprintjs/icons/next legacy aliases", () => {
+    it("aliases a legacy name to its next-generation component", () => {
+        expect(AddIcon).toBe(CirclePlusIcon);
+        expect(HomeIcon).toBe(HouseIcon);
+    });
+
+    it("maps every legacy name to the outlined next component (default style)", () => {
+        expect(BanCircleIcon).toBe(CircleMinusIcon);
+        expect(CrossCircleIcon).toBe(CircleXIcon);
+        expect(DownloadIcon).toBe(CircleArrowDownIcon);
+        expect(DrawerLeftFilledIcon).toBe(ColumnArrowRightIcon);
+        expect(DrawerRightFilledIcon).toBe(ColumnArrowLeftIcon);
+        expect(ErrorIcon).toBe(CircleExclamationIcon);
+        expect(FullCircleIcon).toBe(CircleIcon);
+        expect(ModalIcon).toBe(WindowIcon);
+        expect(UploadIcon).toBe(CircleArrowUpIcon);
+    });
+
+    it("lets the next canonical icon win for colliding names", () => {
+        expect(AlignLeftIcon).not.toBe(TextAlignLeftIcon);
+        expect(AlignRightIcon).not.toBe(TextAlignRightIcon);
+        expect(GlobeIcon).not.toBe(EarthIcon);
+        expect(UserIcon).not.toBe(UserCircleIcon);
+    });
+});

package/src/next-icons.mdx

@@ -0,0 +1,32 @@
+---
+title: Next icons
+tag: new
+---
+
+# Next icons
+
+<div class="@ns-callout @ns-intent-warning @ns-icon-warning-sign @ns-callout-has-body-content">
+
+**Experimental**
+
+These next-generation icons are experimental: names are stable, but the icon set and component API may change in upcoming 6.x releases.
+
+</div>
+
+`@blueprintjs/icons/next` is a full redesign of Blueprint's icon set. Every icon was redrawn in a
+single design language for a consistent look. These icons are built on a single 16px grid rather
+than separate 16px and 20px sizes. Many icons were also renamed to follow a more consistent naming scheme.
+
+Icons come in two styles, outlined and filled. Every icon has an outlined version, exported as
+`*Icon`. A subset also have a filled version, exported as `*FilledIcon`. Each is a React component
+imported by name, so bundlers include only the icons in use. Each renders an inline `<svg>` that
+inherits its color from `currentColor` and its size from a `size` prop (16px by default), so it picks
+up the surrounding text color and Blueprint intent classes automatically.
+
+@reactCodeExample NextIconUsageExample
+
+## Search next icons
+
+Browse the full set below. Filter by style, then search by name or by what an icon represents.
+
+@reactDocs IconsNext