diff --git a/.changeset/cute-windows-unite.md b/.changeset/cute-windows-unite.md
new file mode 100644
index 00000000000..a32d9caff7b
--- /dev/null
+++ b/.changeset/cute-windows-unite.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/ui-icons": minor
+---
+
+Updates ui-icons to include linkout-75 icon.
diff --git a/.changeset/early-ends-fail.md b/.changeset/early-ends-fail.md
new file mode 100644
index 00000000000..f37d0e64b3f
--- /dev/null
+++ b/.changeset/early-ends-fail.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/icon": minor
+---
+
+Adds icon class for link out 75 icon
diff --git a/components/icon/dist/metadata.json b/components/icon/dist/metadata.json
index c198ea0f89a..7fcad33c95b 100644
--- a/components/icon/dist/metadata.json
+++ b/components/icon/dist/metadata.json
@@ -111,7 +111,8 @@
".spectrum-UIIcon-LinkOut100",
".spectrum-UIIcon-LinkOut200",
".spectrum-UIIcon-LinkOut300",
- ".spectrum-UIIcon-LinkOut400"
+ ".spectrum-UIIcon-LinkOut400",
+ ".spectrum-UIIcon-LinkOut75"
],
"modifiers": [
"--mod-icon-block-size",
@@ -184,6 +185,7 @@
"--spectrum-link-out-icon-size-200",
"--spectrum-link-out-icon-size-300",
"--spectrum-link-out-icon-size-400",
+ "--spectrum-link-out-icon-size-75",
"--spectrum-workflow-icon-size-100",
"--spectrum-workflow-icon-size-200",
"--spectrum-workflow-icon-size-300",
diff --git a/components/icon/ui-icons.css b/components/icon/ui-icons.css
index aad63912db1..40ac2f7404f 100644
--- a/components/icon/ui-icons.css
+++ b/components/icon/ui-icons.css
@@ -459,6 +459,10 @@
}
/* Link out */
+.spectrum-UIIcon-LinkOut75 {
+ --spectrum-icon-size: var(--spectrum-link-out-icon-size-75);
+}
+
.spectrum-UIIcon-LinkOut100 {
--spectrum-icon-size: var(--spectrum-link-out-icon-size-100);
}
diff --git a/ui-icons/README.md b/ui-icons/README.md
index 5076421c8a9..6e4e6cb5cf4 100644
--- a/ui-icons/README.md
+++ b/ui-icons/README.md
@@ -101,6 +101,7 @@ Iconography in v1 inclued 2 sizes, `medium` and `large`, as well as a single SVG
| SingleGripper | Deprecated |
| DoubleGripper | Deprecated |
| TripleGripper | Deprecated |
+| LinkOut75 | **New** |
| LinkOut100 | **New** |
| LinkOut200 | **New** |
| LinkOut300 | **New** |
diff --git a/ui-icons/dist/icons.json b/ui-icons/dist/icons.json
index 4db74cce6d3..8d342328e1b 100644
--- a/ui-icons/dist/icons.json
+++ b/ui-icons/dist/icons.json
@@ -42,6 +42,7 @@
"DragHandle200.svg",
"DragHandle300.svg",
"Gripper100.svg",
+ "LinkOut75.svg",
"LinkOut100.svg",
"LinkOut200.svg",
"LinkOut300.svg",
diff --git a/ui-icons/dist/spectrum-css-icons.svg b/ui-icons/dist/spectrum-css-icons.svg
index bd6a6a5bbb3..a935ed18df2 100644
--- a/ui-icons/dist/spectrum-css-icons.svg
+++ b/ui-icons/dist/spectrum-css-icons.svg
@@ -148,6 +148,9 @@
+
+
+
diff --git a/ui-icons/dist/svg/LinkOut75.svg b/ui-icons/dist/svg/LinkOut75.svg
new file mode 100644
index 00000000000..1311b68e9dc
--- /dev/null
+++ b/ui-icons/dist/svg/LinkOut75.svg
@@ -0,0 +1,3 @@
+
diff --git a/ui-icons/index.js b/ui-icons/index.js
index b1eb8257727..05a52c5bcae 100644
--- a/ui-icons/index.js
+++ b/ui-icons/index.js
@@ -97,6 +97,12 @@ async function copySVGs() {
function alphaNumericSort (a, b) {
const aSet = a.match(/^([a-z]+)([0-9]+)\.svg$/i);
const bSet = b.match(/^([a-z]+)([0-9]+)\.svg$/i);
+
+ // Handle files that don't match the pattern
+ if (!aSet || !bSet) {
+ return a.localeCompare(b); // Fallback to alphabetical sort
+ }
+
const aChar = aSet[1];
const bChar = bSet[1];