Upgrade Heroicons to 2.1.5 (#2483)

* Upgrade Heroicons to 2.1.5

CHANGELOG.md

@@ -22,6 +22,8 @@ and this project adheres to
 
 ### Changed
 
+- Upgraded Heroicons to v2.1.5, from v2.0.18
+  [#2483](https://github.com/OpenFn/lightning/pull/2483)
 - Standardize `link-uuid` style for uuid chips
 - Updated PromEx configuration to align with custom Oban naming.
   [#2488](https://github.com/OpenFn/lightning/issues/2488)
@@ -42,7 +44,7 @@ and this project adheres to
 - Provisioner creates invalid snapshots when doing CLI deploy
   [#2461](https://github.com/OpenFn/lightning/issues/2461)
   [#2460](https://github.com/OpenFn/lightning/issues/2460)
-  
+
   > This is a fix for future Workflow updates that are deployed by the CLI and
   > Github integrations. Unfortunately, there is a high likelihood that your
   > existing snapshots could be incorrect (e.g. missing steps, missing edges).

assets/tailwind.config.js

@@ -94,40 +94,41 @@ module.exports = {
     //
     plugin(function ({ matchComponents, theme }) {
       let iconsDir = path.join(__dirname, './vendor/heroicons/optimized');
-      let values = {};
+      let values = {}
       let icons = [
-        ['', '/24/outline'],
-        ['-solid', '/24/solid'],
-        ['-mini', '/20/solid'],
-      ];
+        ["", "/24/outline"],
+        ["-solid", "/24/solid"],
+        ["-mini", "/20/solid"],
+        ["-micro", "/16/solid"]
+      ]
       icons.forEach(([suffix, dir]) => {
-        fs.readdirSync(path.join(iconsDir, dir)).map(file => {
-          let name = path.basename(file, '.svg') + suffix;
-          values[name] = { name, fullPath: path.join(iconsDir, dir, file) };
-        });
-      });
-      matchComponents(
-        {
-          hero: ({ name, fullPath }) => {
-            let content = fs
-              .readFileSync(fullPath)
-              .toString()
-              .replace(/\r?\n|\r/g, '');
-            return {
-              [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`,
-              '-webkit-mask': `var(--hero-${name})`,
-              mask: `var(--hero-${name})`,
-              'mask-repeat': 'no-repeat',
-              'background-color': 'currentColor',
-              'vertical-align': 'middle',
-              display: 'inline-block',
-              width: theme('spacing.5'),
-              height: theme('spacing.5'),
-            };
-          },
-        },
-        { values }
-      );
+        fs.readdirSync(path.join(iconsDir, dir)).forEach(file => {
+          let name = path.basename(file, ".svg") + suffix
+          values[name] = {name, fullPath: path.join(iconsDir, dir, file)}
+        })
+      })
+      matchComponents({
+        "hero": ({name, fullPath}) => {
+          let content = fs.readFileSync(fullPath).toString().replace(/\r?\n|\r/g, "")
+          let size = theme("spacing.6")
+          if (name.endsWith("-mini")) {
+            size = theme("spacing.5")
+          } else if (name.endsWith("-micro")) {
+            size = theme("spacing.4")
+          }
+          return {
+            [`--hero-${name}`]: `url('data:image/svg+xml;utf8,${content}')`,
+            "-webkit-mask": `var(--hero-${name})`,
+            "mask": `var(--hero-${name})`,
+            "mask-repeat": "no-repeat",
+            "background-color": "currentColor",
+            "vertical-align": "middle",
+            "display": "inline-block",
+            "width": size,
+            "height": size
+          }
+        }
+      }, {values})
     }),
     require('@tailwindcss/container-queries'),
   ],

assets/vendor/heroicons/UPGRADE.md

@@ -1,6 +1,6 @@
-You are running heroicons v2.0.18. To upgrade in place, you can run the following command,
+You are running heroicons v2.1.5. To upgrade in place, you can run the following command,
 where your `HERO_VSN` export is your desired version:
 
-    export HERO_VSN="2.0.18" ; \
+    export HERO_VSN="2.1.5" ; \
       curl -L "https://github.com/tailwindlabs/heroicons/archive/refs/tags/v${HERO_VSN}.tar.gz" | \
       tar -xvz --strip-components=1 heroicons-${HERO_VSN}/optimized