From d21d668009981a5f2c735080078f482db3d12807 Mon Sep 17 00:00:00 2001
From: Hugo <149513282+hugo9655@users.noreply.github.com>
Date: Fri, 30 May 2025 16:50:59 +0100
Subject: [PATCH] Update - Update Mac & Linux icons. - Fix icon cut-off bug.

---
 docs/.vitepress/transformer.ts | 20 ++++++++++----------
 package.json                   |  1 +
 pnpm-lock.yaml                 | 10 ++++++++++
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/docs/.vitepress/transformer.ts b/docs/.vitepress/transformer.ts
index d6da8de26..a45cc0bb8 100644
--- a/docs/.vitepress/transformer.ts
+++ b/docs/.vitepress/transformer.ts
@@ -317,33 +317,33 @@ const transformLinks = (text: string): string =>
       // Platform indicators
       {
         name: 'Windows',
-        find: /(?<=\/ [^/]*)\b(,\s*)?Windows,?\s*\b(?=[^/]* \/)/gm,
+        find: /(?<=\/ (?:\/>|[^/])*)(\b(,\s*)?Windows,?\s*\b)(?=(?:\/>|[^/])* \/)/gm,
         replace:
-          ' <img class="i-qlementine-icons:windows-fill-16"> '
+          ' <div alt="Windows" class="i-qlementine-icons:windows-fill-16" /> '
       },
       {
         name: 'Mac',
-        find: /(?<=\/ [^/]*)\b(,\s*)?Mac,?\s*\b(?=[^/]* \/)/gm,
+        find: /(?<=\/ (?:\/>|[^/])*)(\b(,\s*)?Mac,?\s*\b)(?=(?:\/>|[^/])* \/)/gm,
         replace:
-          ' <img class="i-qlementine-icons:mac-24"> '
+          ' <div alt="Mac" class="i-qlementine-icons:mac-24" /> '
       },
       {
         name: 'Linux',
-        find: /(?<=\/ [^/]*)\b(,\s*)?Linux,?\s*\b(?=[^/]* \/)/gm,
+        find: /(?<=\/ (?:\/>|[^/])*)(\b(,\s*)?Linux,?\s*\b)(?=(?:\/>|[^/])* \/)/gm,
         replace:
-          ' <img class="i-ant-design:linux-outlined"> '
+          ' <div alt="Linux" class="i-fluent-mdl2:linux-logo-32" /> '
       },
       {
         name: 'Android',
-        find: /(?<=\/ [^/]*)\b(,\s*)?Android,?\s*\b(?=[^/]* \/)/gm,
+        find: /(?<=\/ (?:\/>|[^/])*)(\b(,\s*)?Android,?\s*\b)(?=(?:\/>|[^/])* \/)/gm,
         replace:
-          ' <img class="i-material-symbols:android"> '
+          ' <div alt="Android" class="i-material-symbols:android" /> '
       },
       {
         name: 'iOS',
-        find: /(?<=\/ [^/]*)\b(,\s*)?iOS,?\s*\b(?=[^/]* \/)/gm,
+        find: /(?<=\/ (?:\/>|[^/])*)(\b(,\s*)?iOS,?\s*\b)(?=(?:\/>|[^/])* \/)/gm,
         replace:
-          ' <img class="i-simple-icons:ios"> '
+          ' <div alt="iOS" class="i-simple-icons:ios" /> '
       }
     ])
     .getText()
diff --git a/package.json b/package.json
index 636b0da67..053d810c1 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "@ianvs/prettier-plugin-sort-imports": "^4.3.1",
     "@iconify-json/ant-design": "^1.2.5",
     "@iconify-json/carbon": "^1.2.5",
+    "@iconify-json/fluent-mdl2": "^1.2.1",
     "@iconify-json/gravity-ui": "^1.2.5",
     "@iconify-json/heroicons-solid": "^1.2.0",
     "@iconify-json/lucide": "^1.2.10",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ce0fb4a79..ae6c38d1d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -75,6 +75,9 @@ importers:
       '@iconify-json/carbon':
         specifier: ^1.2.5
         version: 1.2.5
+      '@iconify-json/fluent-mdl2':
+        specifier: ^1.2.1
+        version: 1.2.1
       '@iconify-json/gravity-ui':
         specifier: ^1.2.5
         version: 1.2.5
@@ -1036,6 +1039,9 @@ packages:
   '@iconify-json/carbon@1.2.5':
     resolution: {integrity: sha512-aI3TEzOrUDGhs74zIT3ym/ZQBUEziyu8JifntX2Hb4siVzsP5sQ/QEfVdmcCUj37kQUYT3TYBSeAw2vTfCJx9w==}
 
+  '@iconify-json/fluent-mdl2@1.2.1':
+    resolution: {integrity: sha512-zFgd1V9r0a+mqA46Z4mOoSf6PbQbhYnY9Uhtpjl3xvw03doNolh4apMtsZoLlC/Y7wO2uj306MgziaqwWdNMwg==}
+
   '@iconify-json/gravity-ui@1.2.5':
     resolution: {integrity: sha512-7uf4xG2ijmcte4AqPpzNTqnEBqxvHBKW/gI0VTZeP0nLtZSvoCybNt5QsJ7f/xyrIQDgCJ4usEmRaX7G86NueA==}
 
@@ -4825,6 +4831,10 @@ snapshots:
     dependencies:
       '@iconify/types': 2.0.0
 
+  '@iconify-json/fluent-mdl2@1.2.1':
+    dependencies:
+      '@iconify/types': 2.0.0
+
   '@iconify-json/gravity-ui@1.2.5':
     dependencies:
       '@iconify/types': 2.0.0