update blueprints

This had a breaking change with regard to sass compiling.

blueprints-icons/16px/chevron-right.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g id="chevron_right">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" d="M10.71,7.29l-4-4C6.53,3.11,6.28,3,6,3C5.45,3,5,3.45,5,4    c0,0.28,0.11,0.53,0.29,0.71L8.59,8l-3.29,3.29C5.11,11.47,5,11.72,5,12c0,0.55,0.45,1,1,1c0.28,0,0.53-0.11,0.71-0.29l4-4    C10.89,8.53,11,8.28,11,8C11,7.72,10.89,7.47,10.71,7.29z"/>
+	</g>
+</g>
+</svg>

blueprints-icons/16px/more.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g id="more_3_">
+	<circle cx="2" cy="8.03" r="2"/>
+	<circle cx="14" cy="8.03" r="2"/>
+	<circle cx="8" cy="8.03" r="2"/>
+</g>
+</svg>

blueprints-icons/16px/small-minus.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g id="small_minus_2_">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" d="M11,7H5C4.45,7,4,7.45,4,8c0,0.55,0.45,1,1,1h6c0.55,0,1-0.45,1-1    C12,7.45,11.55,7,11,7z"/>
+	</g>
+</g>
+</svg>

blueprints-icons/16px/small-tick.svg

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
+<g id="small_tick_1_">
+	<g>
+		<path fill-rule="evenodd" clip-rule="evenodd" d="M12,5c-0.28,0-0.53,0.11-0.71,0.29L7,9.59L4.71,7.29C4.53,7.11,4.28,7,4,7    C3.45,7,3,7.45,3,8c0,0.28,0.11,0.53,0.29,0.71l3,3C6.47,11.89,6.72,12,7,12s0.53-0.11,0.71-0.29l5-5C12.89,6.53,13,6.28,13,6    C13,5.45,12.55,5,12,5z"/>
+	</g>
+</g>
+</svg>

blueprints-icons/README.md

@@ -0,0 +1,3 @@
+Icons copied from: https://github.com/palantir/blueprint/tree/develop/resources/icons/16px
+
+Needed to work around: https://github.com/palantir/blueprint/issues/4759

config/webpack.config.js

@@ -182,6 +182,15 @@ module.exports = function (webpackEnv) {
           loader: require.resolve(preProcessor),
           options: {
             sourceMap: true,
+            sassOptions: {
+              functions: {
+                  // https://github.com/palantir/blueprint/issues/4759#issuecomment-1112218581
+                  "svg-icon($path, $selectors: null)": require("@vgrid/sass-inline-svg")("blueprints-icons", {
+                    optimize: true,
+                    encodingFormat: "uri",
+                }),
+              }
+            }
           },
         }
       );

package.json

@@ -9,8 +9,8 @@
     },
     "dependencies": {
         "@babel/core": "^7.16.0",
-        "@blueprintjs/core": "^4.0.0-rc.0",
-        "@blueprintjs/popover2": "^1.0.0-rc.0",
+        "@blueprintjs/core": "^4.3.0",
+        "@blueprintjs/popover2": "^1.2.0",
         "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
         "@pybricks/firmware": "4.14.0",
         "@pybricks/ide-docs": "2.1.0",
@@ -34,6 +34,7 @@
         "@types/web-locks-api": "^0.0.2",
         "@types/wicg-file-system-access": "^2020.9.5",
         "@types/zen-push": "^0.1.1",
+        "@vgrid/sass-inline-svg": "^1.0.1",
         "babel-jest": "^27.4.2",
         "babel-loader": "^8.2.3",
         "babel-plugin-macros": "^3.0.1",
@@ -71,7 +72,6 @@
         "monaco-themes": "^0.4.0",
         "mq-polyfill": "1.1.8",
         "navigator.locks": "^0.8.5",
-        "node-sass": "^6.0.1",
         "postcss": "^8.4.4",
         "postcss-flexbugs-fixes": "^5.0.2",
         "postcss-loader": "^6.2.1",
@@ -94,7 +94,8 @@
         "redux-saga": "^1.1.3",
         "resolve": "^1.20.0",
         "resolve-url-loader": "^4.0.0",
-        "sass-loader": "^12.3.0",
+        "sass": "^1.51.0",
+        "sass-loader": "^12.6.0",
         "semver": "^7.3.5",
         "source-map-loader": "^3.0.0",
         "spdx-satisfies": "^5.0.0",

src/index.scss

@@ -1,6 +1,7 @@
 // SPDX-License-Identifier: MIT
 // Copyright (c) 2020-2022 The Pybricks Authors
 
+@use 'sass:math';
 @import './variables.scss';
 @import '~normalize.css';
 @import '~@blueprintjs/core/src/blueprint.scss';
@@ -109,5 +110,5 @@ a.#{$ns}-button {
 // don't take up so much space when there is no caret
 .#{$ns}-tree-node-caret-none {
     // $pt-grid-size / 2 matches padding on .#{$ns}-tree-node-conent
-    min-width: $pt-grid-size / 2;
+    min-width: math.div($pt-grid-size, 2);
 }