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];